@charset "UTF-8";
/* CSS Document */

*{outline:none !important; list-style:none; text-decoration:none; box-sizing:border-box !important; }
 body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px; list-style:none;}
 input, textarea, select, label, option{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
 select, option, textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="tel"], input[type="email"] { border-radius: 0; border:none; font-family: 'Montserrat', sans-serif; font-size:13px !important; }
 input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { padding:0;}

 html { height:100%;}
 body { font-family: 'Montserrat', sans-serif !important; /* overflow-x: hidden; */color:inherit; height:100%;   }
.clear { clear:both;}
 a { transition: all 0.4s ease; text-decoration:none !important;}
 input.error {border: 1px solid red !important;}
 input.valid {border: 1px solid green !important;}
 ::-webkit-input-placeholder { color: #d9d8d8;}
 :-moz-placeholder { /* Firefox 18- */  color: #d9d8d8;  }
 ::-moz-placeholder {  /* Firefox 19+ */   color: #d9d8d8;  }
 :-ms-input-placeholder { color: #d9d8d8; }
 .form-control-feedback { top:14px;}
 
.scrollbar:-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	border-radius: 10px;	background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar{	width: 12px;	background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar-thumb{	border-radius: 10px;	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #555;}


 header {}
.page-left { width:75%; height:100%; left:0; position:absolute;}
.page-right { width:25%; right:0; position:fixed; height:100%; background:url(../img/form-bg.png) #b89a64  center no-repeat; background-size:cover;  z-index:99; }

.site { width:100%; height:auto;}
.site a { width:100%; padding:10px 0; text-align:center; display:block; margin:auto; color:#111; background:#fff; margin:15px auto 0; font-size:13px; font-weight:600; }

#home-contact-form { width: 80%; overflow-x: hidden;   margin: auto;    float: none;    display: flex;    flex-direction: column;    justify-content: center;    height: 100%;    padding: 0;}

.home-contact-form input, .home-contact-form textarea {	border: 2px solid #f3f3f3;	border-radius: 0px;	box-shadow: none;}
.home-contact-form input {	height: 50px;}
.izin-buton {	float: left;	width: 4%;}
.izin {	float: left; width: 93%;	margin: 15px 0 0 3%;	font-size: 12px; color:#fff;}
.home-contact-form .form-control-feedback { top: 8px;}
.home-contact-form textarea { height:150px;}
.home-contact-form button { width:100%; height:45px; margin:25px 0 0 0; border:none; box-shadow:none; background:#172428; color:#fff; font-weight:600;}
.home-contact-form button disabled { cursor:no-drop;}
.home-contact-form h3 {color:#fff;}


.mobil-form-area {width:100%; height:auto; padding:75px 0; background: #f3f3f3;}
.mobil-form a{ width:100%; position:fixed; height:45px; line-height:45px; background:#00C; color:#fff; text-align:center; z-index:99; bottom:0; left:0; right:0;}

 header { width:75.1%; height:auto;  float:none; position:fixed;  z-index:99; display:table; padding:15px 0; background:#fff; }
 header .center { width:90%; margin:auto; }

.shadow {-webkit-box-shadow: 0px 9px 20px -10px rgba(0,0,0,0.65);-moz-box-shadow: 0px 9px 20px -10px rgba(0,0,0,0.65);box-shadow: 0px 9px 20px -10px rgba(0,0,0,0.65);}
.shadow2 {-webkit-box-shadow: 0px 5px 40px -12px rgba(0,0,0,0.4);-moz-box-shadow: 0px 5px 40px -12px rgba(0,0,0,0.4);box-shadow: 0px 5px 40px -12px rgba(0,0,0,0.4);}
.shadow3 {-webkit-box-shadow:-10px -10px 10px -12px rgba(0,0,0,0.65); -moz-box-shadow: -10px -10px 10px -12px rgba(0,0,0,0.65);box-shadow: -10px -10px 10px -12px rgba(0,0,0,0.65);}

.logo { width:auto;  float:left; position:absolute;  }
.logo a{ display:block;  }
.logo a img  {  width:auto; max-width:100%; height:50px; margin:auto; display:block;   }

 nav { width:auto;  float:right; display:block;  position:relative; }
 nav ul { margin:0 auto 0; display:table; } 
 nav ul li { float:left; margin:0 1px; }
 nav ul li a { font-size:13px; color:#111; padding:15px 0; margin:0 20px; display:block; font-weight:600;}
 nav ul li a.active, nav ul li a:hover  { color:#b89a64 !important;}
 nav ul li a:focus  { color:#b89a64 !important;}


.gizle { display:none;}

.desktop{ display:block !important;}
.mobil{ display:none !important;}

.logo-desktop { display:block !important;}
.logo-mobil { display:none !important;}

.desktop { display:block !important;}
.mobil { display:none !important;}

.container { width:100%; height:100%; display:flex; }
.container { position:relative; background-color:#111; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.container:after { width:100%; height:100%; content:''; background:rgba(0,0,0,0.8); left:0; top:0; position:absolute; z-index:9;     bottom: 0;  display: flex; }

.content { width:90%; margin:auto; padding:0; position:relative; z-index:10;  }
.content h1, .content h2, .content h4 {font-weight: 700; margin:0 0 1em 0; text-transform:uppercase; color:#fff;}
.content h1 { font-size: 23px; }
.content h2 { font-size: 19px; }
.content h4 { font-size: 19px; }

.content p, .content a, .content ul li{ font-size:13px; color:#fff; line-height:24px;}
.content a:hover, .content strong a:hover {color:#b89a64;}

.maps {width:100%; height:250px; margin:25px 0 25px 0;}
.maps iframe { width:100%; height:250px;}


.home-slider { position:relative;}
.home-slider .slider-title-center { position:absolute; width:90%; height:auto; left:0; right:0; margin:auto; bottom:5%; z-index:99; }
.home-slider .slider-title { max-width:650px; width:auto; position:relative; display:table; margin:auto;  padding:25px;       }
.home-slider .slider-title h1, .home-slider .slider-title p{  color:#fff;  margin:auto; text-align:center; text-transform:uppercase; }

.home-slider .slider-title h1 { font-size:30px;   padding:40px 60px 15px 60px; line-height:normal;  font-weight:800; border-top:6px solid rgba(176, 146, 91, 0.5); position:relative; }
.home-slider .slider-title h1:after, .home-slider .slider-title h1:before {content:''; position:absolute; background:rgba(176, 146, 91, 0.5); width:6px; height:30px; top:0; }
.home-slider .slider-title h1:after { left:0; }
.home-slider .slider-title h1:before { right:0;}

.home-slider .slider-title p {font-size:18px; padding:0 25px 40px 25px;   line-height:normal; font-weight:500; position:relative; border-bottom:6px solid rgba(176, 146, 91, 0.5); }
.home-slider .slider-title p:after, .home-slider .slider-title p:before {content:''; position:absolute; background:rgba(176, 146, 91, 0.5); width:6px; height:30px; bottom:0; }
.home-slider .slider-title p:after { left:0; }
.home-slider .slider-title p:before { right:0;}


.home-slider .owl-nav { position:absolute; bottom:15px; width:auto; margin:auto;  right:35px;  }
.home-slider .owl-nav .owl-next{ float:right;}
.home-slider .owl-nav .owl-prev { float:left; margin:0 10px 0 0;}
.home-slider .owl-nav .owl-prev, .home-slider .owl-nav .owl-next { color:#fff; font-size:35px;}


.grade-zero { width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; right:0; top:0; opacity:0.7; z-index:8;  }

.col-20-lg, .col-25-lg, .col-30-lg, .col-33-lg, .col-40-lg, .col-50-lg, .col-60-lg, .col-70-lg, .col-75-lg, .col-100-lg { margin:1em; float:left; position:relative;}
.col-20-lg { width:calc(20% - 2em); }
.col-25-lg { width:calc(25% - 2em); }
.col-30-lg { width:calc(30% - 2em); }
.col-33-lg { width:calc(33% - 2em); }
.col-40-lg { width:calc(40% - 2em); }
.col-50-lg { width:calc(50% - 2em); }
.col-60-lg { width:calc(60% - 2em);}
.col-70-lg { width:calc(70% - 2em); }
.col-75-lg { width:calc(75% - 2em); }
.col-100-lg { width:calc(100% - 2em); }
.row { margin-left:-1em; margin-right:-1em; }
.row-in { margin:-1em; }

.gallery { margin:25px auto 0; position:relative; display:block !important;}
.gallery br { display:none;}
.gallery-item { width:100%;  float:left; overflow:hidden; height:auto; display:block !important; }
.gallery-item img { width:auto;  height:auto; margin:auto; display:block; vertical-align: middle; }

.gallery-item h2 { margin:15px 0 10px 0; }
.gallery-item h2 a { font-size:16px; margin:15px auto; text-align:center;}

.gallery-slider .owl-nav { position:absolute; top:-50px; width:auto; margin:auto; right:0; }
.gallery-slider .owl-nav .owl-next{ float:right; margin:0 0 0 7px;}
.gallery-slider .owl-nav .owl-prev { float:left;}
.gallery-slider .owl-nav .owl-prev, .gallery-slider .owl-nav .owl-next { color:#fff; font-size:30px;}

.tab-contents {  width: 100%;  height: 100%;    float: none;  position: fixed; top:0; }
.tab-content { height:100%;  background:rgba(255,255,255,0.8); padding:5%;     margin: auto;   float: none;    display: flex;    flex-direction: column;    justify-content: center; }


.copyright { width:80% ; margin:auto; display:table; padding:25px 0; position:absolute; bottom:0; left:0; right:0; z-index:999;}
.copyright p { font-size:12px; color:#fff; float:left; font-weight: 500; line-height:35px;}


.webo { float:right; margin:5px 0;}



@media all and (min-width: 1240px) {
.home-slider, .home-slider img {min-width:100%; width: auto !important;
    min-height: 100%;
    height: -webkit-fill-available;
    overflow: hidden;}	
}

@media all and (max-width: 1440px) {


}

@media all and (max-height:780px){
.home-contact-form input {  height: 40px;}
.home-contact-form textarea { height: 60px;}
.site a { margin: 10px auto 0;}
.izin { font-size: 11px; }
}

@media all and (max-width: 1280px) {
.slide { width:100%; height:auto; padding:0;  margin:auto; top:0; bottom:0; position:relative;  }
.slide .slider-title-center { position:absolute; width:90%; height:auto; left:0; right:0; margin:auto;  z-index:99; }
.slide .slider-title { max-width:500px; width:auto; position:relative; display:table;  padding:25px;  }
.slide .slider-title h1 { font-size:30px;  text-align:left;  line-height:25px; }
.slide .slider-title h1 span {font-size:20px;  text-align:left; padding:0 0 25px 0; font-weight:200;}
.slide .slider-title p {font-size:14px; line-height:normal; font-weight:500; }
.slide img{ height:100%;}
}

@media all and (max-width: 1240px) {
.logo-desktop { display:none !important;}
.logo-mobil { display:block !important;}

 nav { display: none;    width: 100%;    height: auto;    float: none;    position: relative;    left: 0;    top: 0;    z-index: 104; padding:0; clear: both; }
 nav ul { width: auto;    margin:0 auto 0;     float: none;    display: flex;    flex-direction: column;    justify-content: center;    height: 100%;    padding:20px 0 0 0;} 
 nav ul li { width:100%; margin:0; }
 nav ul li a { width:100%;   font-size:13px; color:#111; padding:8px 0; display:table; margin:auto;}
 nav .active a{    border-bottom: none !important;}
 nav ul li a:hover { color:#cf9c0b;}
 

}


@media all and (max-width: 1024px) {
 html { overflow:auto !important;}

.logo { width:auto;  float:left; position:relative; padding:0; background:#fff; top:0px; }
.logo a{ display:block;  }
.logo a img  {  width:auto; max-width:100%; height:40px; margin:auto; display:block;   }

 header { width:100%; position:fixed;  transition: all 0.4s ease; }
.page-left { width:100%; height:100%; float:left; position:relative; }
.page-right { width:100%; display:none; float:left; position:relative; height:auto; background:url(../img/form-bg.png) #cf9c0b center no-repeat; background-size:cover;  z-index:99; }

#home-contact-form { width: 90%; overflow-x: hidden;   margin: auto;    float: none;    display: table;    height: auto;    padding: 20px;}
.home-contact-form input {	height: 40px;}
.home-contact-form .form-control-feedback { top: 3px;}
.home-contact-form textarea { height:90px;}
.home-contact-form button { width:100%; height:40px; margin:25px 0 0 0; border:none; box-shadow:none; background:#172428; color:#fff; font-weight:600;}
.home-contact-form button disabled { cursor:no-drop;}


.desktop { display:none !important;}
.mobil { display:block !important;}
.home-slider { padding-top:71px;}
.home-slider .slider-title-center {  bottom:10%;      }
.home-slider .slider-title { margin:auto; bottom:25px; width:auto ;  display: table; padding:25px;   }
.home-slider .slider-title h1 , .home-slider .slider-title h1 span, .home-slider .slider-title p { text-align:center; }
.home-slider .slider-title h1 { font-size:23px; padding: 35px 25px 5px 25px; }
.home-slider .slider-title h1 span { font-size:15px; }
.home-slider .slider-title p {font-size:13px; padding: 0px 25px 35px 25px; }

.home-slider .slider-title h1:after, .home-slider .slider-title h1:before { width:6px; height:20px;  }
.home-slider .slider-title p:after, .home-slider .slider-title p:before { height:20px; }


.home-slider .owl-nav {  width: fit-content;  margin: auto;  right: 0;  left: 0;}

.gallery-slider .owl-nav {  top:-45px; }
.gallery-slider .owl-nav .owl-prev, .gallery-slider .owl-nav .owl-next { color:#fff; font-size:24px;}


.row {   margin-left: 0;   margin-right: 0; }
.row-in { margin:0; }
.col-25-md, .col-30-md, .col-33-md, .col-40-md, .col-50-md, .col-60-md, .col-70-md, .col-75-md, .col-100-md { margin:1em; float:left; position:relative;}
.col-25-md { width:calc(25% - 2em); }
.col-30-md { width:calc(30% - 2em); }
.col-33-md { width:calc(33% - 2em); }
.col-40-md { width:calc(40% - 2em); }
.col-50-md { width:calc(50% - 2em); }
.col-60-md { width:calc(60% - 2em);}
.col-70-md { width:calc(70% - 2em); }
.col-75-md { width:calc(75% - 2em); }
.col-100-md { width:calc(100% - 2em); }

.bos { display:none;}
.container {  height: auto;}
.content img{ margin:auto; display:block;}

.footer-social { width: auto;  margin: 0 auto 10px; float: none; display: table;}
.footer-social ul { float:none; margin:30px auto 0; display:table;     border: none;  padding: 0; }
.footer-social ul li{ width:auto !important; float:left !important; margin:0 6px !important;}

.up-icon { bottom: 75px;   right: 15px;     padding: 3px 10px 6px;}
.webo {    margin: 13px auto;  float: none;  display: table;}

.izin {	float: left; width: 93%;	margin: 15px 0 0 3%;	font-size: 12px; color:#111;}
.home-contact-form h3 {color:#111;}



}


@media all and (max-width: 768px) {


.maps { height:180px}
.maps iframe {  height:180px}

.content { width:90%; margin:auto; padding:75px 0 0;  }
.content h1 { font-size: 19px; }
.content h2 { font-size: 17px; }




}
@media all and (max-width: 550px) {

}
@media all and (max-width: 480px) {
.home-slider .slider-title h1 { font-size:19px;  }
.home-slider .slider-title p {font-size:12px; }


.col-25-sm, .col-30-sm, .col-33-sm, .col-40-sm, .col-50-sm, .col-60-sm, .col-70-sm, .col-75-sm, .col-100-sm { margin:1em; float:left; position:relative;}
.col-25-sm { width:calc(25% - 2em); }
.col-30-sm { width:calc(30% - 2em); }
.col-33-sm { width:calc(33% - 2em); }
.col-40-sm { width:calc(40% - 2em); }
.col-50-sm { width:calc(50% - 2em); }
.col-60-sm { width:calc(60% - 2em);}
.col-70-sm { width:calc(70% - 2em); }
.col-75-sm { width:calc(75% - 2em); }
.col-100-sm { width:calc(100% - 2em); }


.col-50-sm{margin:1em;float:left;position:relative}
.col-100-sm{margin:1em auto;float:none;position:relative;float:left}
.col-50-sm{width:calc(50% - 2em)}
.col-100-sm{width:100%}
.contact-form .col-50-lg, .contact-form .col-100-lg { margin: 0;}

}


@media all and (max-width: 365px) {


}
@media all and (max-width: 320px) {

}