html { overflow-x:hidden !important;}
body { font-family: 'Open Sans', sans-serif; overflow-x:hidden !important; color:#252222;}
.fancy-text {color:#ffffff; text-align:center; font-size:24px; line-height:normal;}
/* Center slide text vertically */
.v-center {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/* HEADER */
#header { position: fixed; box-shadow: 0px 5px 40px rgba(0,0,0,.3); width: 100%; background:url('../img/header_bg.jpg'); z-index:999; solid; border-bottom:1px #fff solid; }
.lp-logo {width:178px; height:84px; position:absolute; display:inline-block; top:5px; background:url("../img/lp-logo.png") no-repeat center center; background-size:100% auto; }
.lp-logo-mobil { position:absolute; width:119px; height:56px; margin-left:5px; background:url("../img/lp-logo.png") no-repeat center center; background-size:auto 100%; display:none; z-index:99; }
.navbar { margin-bottom:0px; }
.navbar .navbar-nav > li > a { font-size:16px; color:#ffffff; font-weight:700; padding:38px 20px }
.navbar .navbar-nav > li > a:hover { cursor:pointer; color:#ffffff; background:#272325; }
.navbar-toggle .icon-bar {background:#999 }
.hamburger { display:none; }
.hamburger .hamburger-box { width:35px;}
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after { background: #ccc; width:35px; height:3px;}
.hamburger--slider.is-active .hamburger-inner,.hamburger--slider.is-active .hamburger-inner:before,.hamburger--slider.is-active .hamburger-inner:after { background: #ccc ; }
.main-title { position:relative; margin-bottom:50px; padding:13px 0; text-align:center; font-size:38px; line-height:42px; border-top: 1px #929090 solid; border-bottom: 1px #929090 solid; }
.main-title span.title { font-weight:800; display:inline-block; position:relative;}
/* SLIDER */
.slider-logo { position:absolute; left:30px; bottom:30px; z-index:99;}
#slider .lp-item {width:100%; background-size:cover; background-position:center; }
.caption-slider { position: absolute; width:60%; left: 50%; margin-left:-30%; top: 200px; }
.caption-slider h1 { font-size: 40px; line-height:46px; display: block; color: #ffffff; text-align: center; padding:10px; text-shadow:3px 3px 0 #252222; }
.caption-slider h1 strong { font-weight:800;}
.caption-slider span img { max-width:280px; margin:auto; padding:10px 0;}
.caption-slider span { display:block; text-align:center; background:#fff; font-size:28px; padding:5px 10px; line-height:30px; font-family: 'fontbase-bold', arial, helvetica, sans-serif; text-align:center; margin:auto; margin-top:-5px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 30%, rgba(255,255,255,0.95) 70%, rgba(255,255,255,0.95) 71%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 30%,rgba(255,255,255,0.95) 70%,rgba(255,255,255,0.95) 81%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 30%,rgba(255,255,255,0.95) 70%,rgba(255,255,255,0.95) 71%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f1832', endColorstr='#006f1832',GradientType=1 );
}
/*
.lp-item .lp-caption { position: absolute; width: 100%; height: 200px; left: 50%; margin-left: -50%; top: 50%; margin-top: -100px; color: #FFF; padding:0 20px; }
.lp-item .lp-caption h1 { position:relative; width:auto; font-size:50px; line-height:50px; text-align:left; font-weight:800; text-shadow: 2px 2px 5px rgba(0,0,0,.5);}
.lp-item .lp-caption span { display:block; margin:auto; width:100%; text-align:center;}
.lp-item .lp-caption span img { width:290px; }
*/
.owl-nav { position:absolute; width:100%; top:50%; z-index:99}
.owl-nav div{ height:76px; width:76px; }
.owl-nav .owl-prev{ float:left; background:url("../img/owl-prev.png") no-repeat center center; margin-left:10px;}
.owl-nav .owl-next{ float:right; background:url("../img/owl-next.png") no-repeat center center; margin-right:10px; }
.owl-dots { position: absolute; bottom:20px; height: 30px; text-align:center; width: 100%; z-index: 99; }
.owl-dot { display:inline-block; background:#fff; border:2px #fff solid; width:20px; height:20px; border-radius:50%; margin:0px 5px; transition:all 0.5s }
.owl-dot.active {background:#6d4732; border:2px #ffffff solid; }
.form-container { position:relative; margin:0 auto;}
.adflex-form { width:310px; height:365px; position:absolute; bottom:0px; background:#FFF; z-index:99; border-radius:10px 10px 0 0; right:0; margin:0 auto; overflow:hidden; text-align:center; }
.adflex-form h1 { font-size:17px; font-weight:700; text-align:center; color:#6d4732; margin-bottom:20px; }
.adflex-form iframe { width:310px; height:365px;}
/*.iframe-form{position:absolute; left:50%; margin-left:-150px; bottom:-10px;}*/
/* PROJE */
#proje { padding-top:80px; padding-bottom:80px; background:#f6f3f1; position:relative; }
#proje .col-md-10 { margin-bottom:30px; padding:0 15px; }
#proje .col-md-10 h1 { display:block; font-size:30px; text-align:center;font-weight:700; text-decoration:underline;}
#proje .col-md-10 p { font-size:22px; text-align:center; line-height:26px; margin-bottom:30px;}
#proje .col-md-4 { padding:25px; margin:0; box-sizing:border-box;}
#proje .col-md-4 a { display: block; overflow: hidden; position: relative; transition-duration: 0.3s;}
#proje .col-md-4 a div { display: flex; align-items:center; position: absolute; bottom:0; width:100%; height:60px; line-height:22px; background:rgba(35,31,32,.85); color:#fff; font-size:20px; text-align:center; z-index:9; }
#proje .col-md-4 a:hover { border: 0px solid #ffffff; }
#proje .col-md-4 a img { width: 100%; height: auto; object-fit: cover;
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#proje .col-md-4 a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
/* GALERİ */
#galeri { padding-top:80px; padding-bottom:200px; background:url("../img/galeri_bg.min.png") no-repeat bottom center; background-size:100% auto;}
#galeri h2 { display:block; background:rgba(0,0,0,.6); text-align:center; color:#ffffff; padding:10px 0; font-family: 'Lora', serif; font-size:32px; margin:0 0 2px; }
#galeri .row {margin:0px; }
#galeri .col-md-3 { padding:1px; margin:0; box-sizing:border-box;}
#galeri .col-md-3 a { display: block; overflow: hidden; position: relative; height: 240px; transition-duration: 0.3s;}
#galeri .col-md-3 a:hover { border: 0px solid #ffffff; }
#galeri .col-md-3 a img { width: 100%; height: 100%; object-fit: cover;
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#galeri .col-md-3 a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
/*PLAN*/
#plan { padding-top:80px; padding-bottom:80px; background:url("../img/plan_bg.jpg") center no-repeat; background-size: cover; }
#plan .tab-pane{text-align:left; }
#plan .nav li{border-radius:0px; padding:10px; }
#plan .nav li a { display:block; position:relative; background:#ddd4d0; padding:8px 0; width:100%; padding-left:74px; font-weight:600; color:#252222; font-size:16px; line-height:18px;}
#plan .nav li a strong {display:block; font-size:20px; }
#plan .nav li a div.blok { position:absolute; left:0; top:0; display:flex; align-items:center; width:64px; height:100%;}
#plan .nav li a div.blok span { display:block; line-height:34px; text-align:center; width:100%; font-size:34px; color:#fff;}
#plan .nav li a div.blok span em { display:block; font-style:normal; font-size:12px; line-height:12px;}
#plan .nav li.active a{background:#f37052; color:#FFF; border-radius:0;}
.a-blk {background:#737373;}
.b-blk {background:#795744;}
.c-blk {background:#000000;}
#plan .tab-content { padding:10px 0 20px 0;}
#plan .tabinfo{ text-align:center;padding:0px; margin:20px 0 40px 0;}
#plan .tabinfo li{display:inline-block; opacity:0; margin:0 10px; border-radius:0px; border:2px solid #d8d8d8; width:104px; padding:10px 0; text-align:center;font-weight:700; background:#1b8cdb; color:#FFF;font-size:16px}
/* PLANLAR */
#planlar { padding-top:120px; padding-bottom:50px; }
#planlar h4 { color: #3b3b3a; font-weight: 800; text-align: center; margin-bottom: 20px; }
#planlar a { border: 5px solid #b1b2b1; display: block; overflow: hidden; position: relative; transition-duration: 0.3s; margin-bottom:30px;}
#planlar a:hover { border: 5px solid #ffffff; }
#planlar a img { width:100%;
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#planlar a:hover > img {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
/* ULAŞIM PLANI*/
#ulasim { padding-top:80px; padding-bottom:80px; background:#f7f3f2; overflow:hidden; }
#ulasim h1 { margin-bottom:50px;}
#ulasim .col-md-6 p { font-size:24px; line-height:34px; padding:20px 0;}
#ulasim .harita { width:100%; height:450px; }
/* FOOTER */
#footer { text-align:center; padding:80px 0 50px; 0; background:#252222; color:#fff}
#footer .footer-logo { margin-bottom:20px; max-width:230px;}
#footer h1 {font-weight:900; font-size:32px; margin-bottom:20px }
#footer p { font-size:22px; line-height:normal; margin-bottom:20px; }
#footer p a { color:#fff; text-decoration:underline;}
#footer p span { display:block; font-weight:800; font-size:38px;}
.whatsapp-button { display:none; }
.menu-icon { display:none !important; }
.uyari { padding:30px; font-size:14px; }
.uyari a { color:blue; }
#vaziyet-plani { padding:80px 0 80px; font-size:22px; line-height:normal; }
@media screen and (max-width:1199px) {
#counter-text .col-xs-12 h1 { font-size:50px;}
.menu {display:none !important;}
.menu-icon {display:block !important;}
}
@media screen and (max-width:991px) {
.lp-logo {display:none;}
#plan .nav { padding:0; }
.caption-slider { width:90%; height:auto; left:50%; margin-left:-45%; top: 35%; margin-top: -50px; }
.caption-slider h1 { font-size: 38px !important; line-height:42px; }
}
@media screen and (max-width:767px) {
/* MENU */
.menu {display:block !important;}
.menu-icon {display:none !important;}
/* HEADER */
.navbar-header {padding:5px;}
.navbar-toggle { margin-top:5px; }
.navbar .navbar-nav > li > a {text-align:left; padding:20px; text-align:center; }
.lp-logo { display:none }
.lp-logo-mobil { display:block }
.hamburger {display:block; padding:9px; margin-top:5px;}
.main-title span.subtitle { font-size: 26px; }
/* SLIDER */
.slider-logo { display: none !important; }
.slider-hementeslim { top:150px; left: 50%; margin-left: -100px; }
.caption-slider { width:100%; margin-left:-50%; top: 25%; margin-top: -50px; }
.caption-slider h1 { font-size: 30px !important; line-height:36px; }
.owl-nav { display:none;}
.form-container { position:relative; padding:0px; margin-top:-20px; margin:0 auto;}
.adflex-form { width:100%; height:385px; overflow:hidden; position:relative; background:rgba(109,71,50,.5); border-radius:0px; left:0px; right:0px; margin-top: 3px;}
.adflex-form iframe { height:310px;}
.adflex-form h1 { color:#fff;}
/* GALERİ */
#galeri .col-md-3 a { height: 160px; }
/* ULAŞIM */
#ulasim .col-md-6 p { font-size:22px; text-align:center; line-height:26px; margin-bottom:30px; text-align:center;}
#proje,
#galeri,
#ic-gorseller,
#plan,
#planlar,
#vaziyet-plani,
#ulasim { padding-top:60px; padding-bottom:60px ; }
}