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 { background: #423C36; font-family: 'Source Sans Pro', 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%; }
.form-holder { line-height: 20px; text-align: center; width: 337px; font-size: 12px; box-sizing: border-box; position: absolute; top: 0; bottom: 0; right: 0; display: table; 
			height: 100%; padding: 0 20px 0 20px;  background: url("../images/main-form-bg.jpg") no-repeat; background-size: 100%; z-index: 3; }
.form-holder .form-title { color: #fff; text-align: center; padding-top: 25px; padding-bottom: 8px; letter-spacing: 1px; font-weight: 300; font-size: 17px; }
.form-title strong { font-weight: 900; font-size: 23px; }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.form-inner { display: table-cell; vertical-align: middle; }
.tel a { color: #fff; font-weight: 900; font-size: 26px; }
.dapyapi { width: 100px; margin: 10% auto 0!important; }
.wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/bg.jpg) no-repeat center center; background-size: cover; overflow-y:hidden;}
/*MENU*/

.sub-page { position: absolute; color: #FFF; font-size: 10pt; line-height: 1.5; width: auto; left: -100%; z-index: 1; height: auto; background-color: rgba(0, 0, 0, 0.85); -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; right: 310px; top: 0px; bottom: 0px; max-width: 100%; height: auto; overflow-y: auto; -ms-overflow-style: none;}
.sub-page::-webkit-scrollbar{display: none; width: 0;}
.sub-page h3 { margin: 5px 0; }
.sub-page-open { -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; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0; z-index: 2; width: auto; }
.sub-title { color: #FFFFFF; /*+text-shadow:1px 1px 2px #307180;*/ -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; /*[empty]float:;*/ 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 { z-index: 2222222222; text-align: center; cursor: pointer; position: absolute; margin: 0 auto; display: table; top: 90px; right: 345px; box-sizing: border-box; }
.close-btn A { display: block; text-align: center; font-size: 28px; font-weight: 400; line-height: 41px; margin-top: 5px; margin: auto; width: 50px; height: 50px; color: #fff; box-sizing: border-box; border: 2px solid #CC9C43; border-radius: 50px; }
a { }
.box-inner { box-sizing: border-box; display: inline-block; font-weight: 300; width: 100%; color: #000; font-size: 13px; padding-top: 160px; padding-left: 150px; padding-right: 410px; }
.box-inner p { font-size: 13px; text-align: center; color: #fff; font-weight: normal; width: 100%; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box; }
.box-inner p a { color: #fff; font-weight: bold; }
.mobil-menu { display: none; }
.galeri LI { float: left; width: 30%; margin: 0.5%; position: relative; box-sizing: border-box; text-align: center; padding: 1%; }
.galeri 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; }
.galeri LI A:hover { opacity: 0.8; }
.galeri LI IMG { display: block; width: 100%; height: auto; box-sizing: border-box; }
.sub-page h1 { text-align: center; }
/**/

.patlangac { visibility: hidden; width: 30%; margin: 0 auto; left: 0; right: 195px; position: absolute; top: 20%; }
#video-img{ 
position: absolute;
top: 46%;
right: 400px;
width: 16%;
border: 2px solid #444;
}
#video-img a{display: block; float: left; clear: both; width: 100%;}
#video-img a img{width: 100%;}
.box-text { float: left; width: 55%; text-align: center; box-sizing: border-box; padding-top: 10px; }
.box-image { float: right; width: 45%; text-align: right; box-sizing: border-box; }
.box-title { color: #fff; font-weight: 700; font-size: 18px; position: relative; }
.box-title:after { content: ''; background: url(../images/box-title.png) no-repeat center center; background-size: 100%; width: 100%; height: 6px; float: left; margin-top: 10px; margin-bottom: 10px; }
#galeri .box-inner { padding-top: 120px; }
.adres { font-weight: 700; color: #fff; text-align: center; font-size: 18px; }
.adres strong { display: block; font-size: 25px; font-weight: 900; color: #fff; }
.harita { box-sizing: border-box; margin-top: 5px; }
a.bilgiformu { display: none; }
.logo-m { display: none; }

/* AMCA */
#header{position:fixed;z-index:2;left: 0; width: 100%; height: 12%; right: 0; background: url("../images/header-bg.png") no-repeat; background-size: 100% 100%;}

.main-navbar-wrapper{float: none; margin-left: auto; margin-right: auto; width: 70%;}
.brand-logo{width: 17vw;height: 7vh;margin-top:25px;z-index:99; display: block; float: left;}
.brand-logo img{width: 100%}
.nav-menu {float: left; margin-left: 80px; margin-top: 10px;}
.nav-menu li{float: left;}
.nav-menu li a{font-size:1.100em; padding-left: 20px; padding-right: 20px; height: 9vh;line-height: 9vh; color: #fff; text-transform: uppercase; font-weight: bold;}

nav ul li:hover, nav ul li.active{background-color:transparent;}
#div-form p{color: #fff; font-size: 15px; margin-top: 20px; margin-bottom: 20px;}
#div-form li{font-size: 15px;}
#div-form .form-text{height: 57px; margin-bottom: 5px;color:#fff;}
#div-form .form-text,#div-form .form-textarea{background: rgba(0,0,0,0.2) !important; border: 1px solid #fff; font-size: 15px;}
#div-form .form-textarea{height: 127px;}
#div-form .form-text::-webkit-input-placeholder,#div-form .form-textarea::-webkit-input-placeholder{color: #fff;}
#div-form .form-text::-moz-placeholder,#div-form .form-textarea::-moz-placeholder{color: #fff;}
#div-form .form-text:-ms-input-placeholder,#div-form .form-textarea:-ms-input-placeholder{color: #fff;}
#div-form .form-text:-moz-placeholder,#div-form .form-textarea:-moz-placeholder{color: #fff;}

#div-form .izin{margin-top: 20px; margin-bottom: 20px;}

.form-header{float: left; clear: both; width: 100%; height: 100px; text-align: center; line-height: 100px;}
.form-header span{display: block;}
.form-logo{float: left; width: 169px; height: 64px; background: url("../images/form-logo.png") no-repeat; background-size: 100%;}
.form-marka{float: none; width: 119px; height: 79px; margin-top: 9px; background: url("../images/dapyapi.png") no-repeat; margin-left: auto; margin-right: auto; background-size: 100%;}
#div-form li a{color: #fff;}
#div-form li a strong{font-size: 1.7em;}
#div-form .form-telefon{margin-top: 20px;}
#div-form .form-telefon a{display: block; height: 44px; line-height: 44px; font-weight: bold;}
#div-form .form-telefon a span{position: relative; top: -2px; margin-right: 15px;}
#proje-bilgi{overflow-y: auto;}


.hvr-grow:hover{transform: scale(1.1, 1.1); transition: all 350ms ease;}
.hvr-rotate:hover{transform: rotate(5deg); transition: all 350ms ease;}
.pointer{cursor: pointer;}
.uppercase{text-transform: uppercase;}
.text-bold{font-weight: bold;}
.hvr-text-shadow-white:hover{text-shadow: 0px 0px 6px #fff; transition: all 450ms;}

.form-submit{border: 1px solid #fff;}

.patlangac-2{display: none; float: left;clear: both;width: 100%;}
.patlangac-2 img{float: left; width: 100%;}

.control-label {position: absolute;
    right: 5px;
    left: auto!important;
    top: 0px!important;
    color: #fff!important;
    z-index: 99;
    width: auto;
    font-size: 12px;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: none;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #A9A8AB; } 
.control-label:after { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #A9A8AB; content: "";opacity:1!important; position: absolute;top:25px!important; left: 5px; bottom: -6px; }