html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Open Sans', sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
.galeri { display: none; }
.wrapper { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url(../images/bg.jpg)top left; background-size: cover; background-repeat: no-repeat; }
.form-holder {     line-height: 20px;
    text-align: center;
    width: 390px;
    font-size: 12px;
    position: absolute;
    right: 35%;
    left: 35%;
    bottom: 0px;
    top: 0px;
    box-sizing: border-box;
    padding: 0px 45px 0px;
    background: rgba(15, 88, 177, 0.8); }
.form-holder .form-title { color: #fff; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; padding-bottom: 5px; letter-spacing: 0px; }
.form-holder .form-title strong { }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.tel { width: 100%; display: inline-block; margin: 15px 0px; }
.tel a { color: #fff; font-size: 27px; padding: 5px 10px; display: inline-block; font-weight: 800; }
.menu-wrapper { position: absolute; top: 0; left: 40%; margin-left: -328px; width: 660px; height: 50px; }
.menu { background: url(../images/menu-bg.png)no-repeat; width: 100%; background-size: 100%; height: 55px; box-sizing: border-box; padding-left: 22px; z-index: 4; position: absolute; right: 0; top: 0px; left: 0px; text-align: center; }
.menu ul li { float: left; }
.menu ul li:nth-child(1) { margin-left: 0px; }
.menu ul li a { color: #fff; font-size: 15px; line-height: 48px; display: block; padding: 0 23px; font-weight: 800; margin-left: 2px; }
.menu ul li a.active { color: #eee; }
.logo { width: 175px; }
.sub-page { position: absolute; color: #FFF; max-width: 100%; font-size: 10pt; line-height: 1.5; top: -100%; height: 300px; background-size: 100%; z-index: 2; background: url(../images/sub-page.png)top center; -webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; -ms-transition: all 1.3s ease; transition: all 1.3s ease; z-index: 2; width: 650px; left: 40%; margin-left: -325px; background-repeat: no-repeat; }
.sub-page h3 { margin: 5px 0; }
.sub-page-open { background: url(../images/sub-page.png)top center; background-repeat: no-repeat; top: 0px; background-size: 100%; -webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; -ms-transition: all 1.3s ease; transition: all 1.3s ease; left: 40%; width: 690px; margin-left: -345px; height: 300px; }
.sub-title { color: #FFFFFF; -moz-text-shadow: 1px 1px 2px #307180; -webkit-text-shadow: 1px 1px 2px #307180; -o-text-shadow: 1px 1px 2px #307180; text-shadow: 1px 1px 2px #73182A; padding: 5px; font-weight: 300; font-size: 16px; background: #ab1735; height: 40px; border-bottom: 5px solid #5d1826; line-height: 40px; padding-left: 30px; }
.close-btn { position: absolute; z-index: 2222222222; color: #000; cursor: pointer; text-align: center; bottom: 5px; width: 100px; margin-left: -50px; left: 50.5%; }
.close-btn A { display: block; text-align: center; font-size: 12px; font-weight: 700; line-height: 35px; margin: auto; border-radius: 60px; color: #FFF; }
.box-inner { box-sizing: border-box; padding: 125px 40px 20px; display: inline-block; font-weight: 300; width: 100%; color: #fff; font-size: 13px; }
.box-inner p { margin-bottom: 0px; font-size: 12px; padding: 0px 40px; text-align: center; }
.mobil-menu { display: none; }
.galeri2 { position: absolute; top: 53px; width: 90%; }
.galeri2 LI { float: left; width: 31%; margin: 1%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px; }
.galeri2 LI span { position: absolute; top: 0px; bottom: 0px; left: 0px; background: rgba(171, 23, 53, 0.5); right: 0px; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: 300; }
.galeri2 LI A:hover { opacity: 0.8; }
.galeri2 LI IMG { display: block; width: 100%; height: auto; }
.galeri3 { position: absolute; top: 165px; left: 80px; width: 79%; }
.galeri3 LI { float: left; width: 31%; margin: 1%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px; }
.galeri3 LI span { position: absolute; top: 0px; bottom: 0px; left: 0px; background: rgba(171, 23, 53, 0.5); right: 0px; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: 300; }
.galeri3 LI A:hover { opacity: 0.8; }
.galeri3 LI IMG { display: block; width: 100%; height: auto; }
.sub-page h1 { padding-bottom: 5px; text-align: center; }
.kampanya { position: absolute; top: 165px; left: 40%; margin-left: -245px; width: 495px; }
.uyari { height: auto; padding: 5px; box-sizing: border-box; color: #fff; text-decoration: underline; }
.ofton { width: 60%; margin: 0 auto; display: table; }
#lokasyon ul li { float: left; margin-left: 0.5%; width: 32.5%; }
#lokasyon ul { padding: 0px 46px; }
#iletisim iframe { width: 85%; margin: 0 auto; }
.mobil-title { display: none; }
.map-btn { color: #fff; background: #051831; padding: 5px 20px; font-size: 14px; }
.logo-a { line-height: inherit!important; display: inherit!important; padding: inherit!important; margin: inherit!important; }
sup { vertical-align: super; font-size: xx-small; }
.logo-m { display: none }