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; }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local(Oswald-Regular), url(https://fonts.gstatic.com/s/oswald/v13/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2"); unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local(Oswald-Regular), url(https://fonts.gstatic.com/s/oswald/v13/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2"); unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB
}
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local(Oswald-Regular), url(https://fonts.gstatic.com/s/oswald/v13/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2"); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local(Oswald-Regular), url(https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face { font-family: 'MyriadPro-Regular'; src: url(../font/MyriadPro-Regular.eot) format("embedded-opentype"), url(../font/MyriadPro-Regular.otf) format("opentype"), url(../font/MyriadPro-Regular.woff) format("woff"), url(../font/MyriadPro-Regular.ttf) format("truetype"), url(../font/MyriadPro-Regular.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Helvetica'; src: url(../font/Helvetica.eot) format("embedded-opentype"), url(../font/Helvetica.woff) format("woff"), url(../font/Helvetica.ttf) format("truetype"), url(../font/Helvetica.eot) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'AmericaneCond'; src: url(../font/AmericaneCond-Bold.eot) format("embedded-opentype"), url(../font/AmericaneCond-Bold.eot.html) format("opentype"), url(../font/AmericaneCond-Bold.woff) format("woff"), url(../font/AmericaneCond-Bold.ttf) format("truetype"), url(../font/AmericaneCond-Bold.svg) format("svg"); font-weight: 500; font-style: normal }
@font-face { font-family: 'AmericaneCond-Medium'; src: url(../font/AmericaneCond-Medium.eot) format("embedded-opentype"), url(../font/AmericaneCond-Medium.otf) format("opentype"), url(../font/AmericaneCond-Medium.woff) format("woff"), url(../font/AmericaneCond-Medium.ttf) format("truetype"), url(../font/AmericaneCond-Medium.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Champagne-Limousines'; src: url(../font/Champagne-Limousines.eot) format("embedded-opentype"), url(../font/Champagne-Limousines.woff) format("woff"), url(../font/Champagne-Limousines.ttf) format("truetype"), url(../font/Champagne-Limousines.svg); font-weight: 400; font-style: normal }
body { font-family: 'MyriadPro-Regular'; }
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; }
.ty-wrapper { width: 100%; height: 100vh; display: table; background-color: #213a84; }
.ty-vertical { display: table-cell; vertical-align: middle; text-align: center; font-size: 25px; color: #fff; }
.wrapper { position: absolute; left: 0px; right: 450px; top: 0px; bottom: 0px; background: url(../images/bg.jpg)bottom left; background-size: cover; background-repeat: no-repeat; min-height: 630px; }
.form-inner:before {  position: absolute; content: ""; bottom: 0; left: 0; right: 0; top: 0; background-color: #a70f01 }
form#contact_form { margin: 50px; margin-top: 75px; }
.telefon { z-index: 20; color: #fff; text-decoration: none; font-size: 18px; display: block; position: relative }
.telefon a { color: #ffffff; font-weight: 300; font-size: 30px; margin-top: 20px; margin-bottom: 20px; display: block; font-family: 'MyriadPro-Regular' }
.telefon a strong { font-weight: 400 }
.form-holder { width: 450px; position: fixed; right: 0; bottom: 0; background: #f7f7f7; padding: 0px; box-sizing: border-box; color: #fff; font-weight: 700; text-align: center; z-index: 999; top: 0; display: table; height: 100vh }
.form-holder .form-title { color: #646462; text-align: center; font-size: 18px; margin-bottom: 10px; letter-spacing: 0; font-weight: 400; margin-top: 10px }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.form-inner { vertical-align: middle; display: block; width: 100%; background: #fcd627; height: calc(100vh - 155px); bottom: 0; position: absolute; }
.logo { margin-top: 0px; height: 280px; }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.tel { width: 100%; display: inline-block; margin: 15px 0px; }
.tel a { color: #333; font-size: 27px; padding: 5px 10px; display: inline-block; font-weight: 800; }
.menu { width: 470px; height: auto; box-sizing: border-box; padding-left: 0px; z-index: 4; position: absolute; left: 5%; right: 0; top: 40px; 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: 28px; line-height: 47px; display: block; padding: 0 24px; font-weight: 800; border-top: 5px solid #fff; font-family: 'AmericaneCond'; }
.menu ul li a.active { color: #fcd627; }
.sub-page { position: absolute; max-width: 100%; left: -100%; height: auto; top: 0px; background-color: rgb(33, 58, 132); -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; bottom: 0px; width: 530px; }
.sub-page-open { left: 0; }
.close-btn { position: absolute; z-index: 100; display: inline-block; right: -20px; top: 100px; }
.close-btn A { display: block; text-align: center; font-size: 30px; font-weight: 300; line-height: 35px; width: 40px; height: 40px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; background: #fff; color: #000; }
.box-inner { box-sizing: border-box; padding: 110px 50px; padding-bottom: 0; display: inline-block; font-weight: 300; width: 100%; color: #fff; font-size: 13px; font-family: 'MyriadPro-Regular'; }
.box-inner p { margin-bottom: 10px; font-size: 16px; }
.galeri LI { float: left; width: 31%; margin: 1%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px; }
.galeri LI:hover { opacity: 0.8; }
.galeri LI IMG { display: block; width: 100%; height: auto; }
.title { padding-bottom: 15px; text-align: center; visibility: hidden; color: #fcd627; }
.galeri { position: relative; margin-top: 5px; margin-bottom: 20px; width: 100%; }
.menu-bg { width: 100%; height: 330px; float: left; /*background: url(../images/menu-bg.png) no-repeat top; */ background-size: 100%; }
.menu-bg-sag { background: url(../images/menu-bg-sag.png) no-repeat; background-size: 100%; width: 104px; height: 330px; right: 0; position: absolute; }
.menu-bg-sag:before { content: ""; width: 100vw; height: 97px; background: #213a84; position: absolute; right: 104px; top: 39px; }
.patlangac { position: absolute; z-index: 1; right: 4%; bottom: 0; }
#iletisim ul li { color: #fff; width: 100%; float: left; height: 50px; padding-top: 10px; }
#iletisim ul li img { margin-right: 15px; float: left; width: 10%; margin-top: -10px; }
#iletisim ul li a { color: #fff; }
.mobil-bg { display: none; }
.location {
    position: absolute;
    left: 30%;
    bottom: 25px;
}