﻿*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;outline:none;text-decoration:none;list-style-type:none}
* html{margin:0 -3px 0 0}
body{margin:0;-webkit-font-smoothing:antialiased;padding:0;font-family:'Poppins',sans-serif;font-weight:400;overflow:hidden;-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;transition:opacity 400ms}
body,.onepage-wrapper,html{display:block;position:static;padding:0;width:100%;height:100%;background-color:#e0ddd4}
.logo{position:fixed;/* left:calc(8% + 25px); */margin:auto;width: 140px;top:3vh;z-index: 99;}
.section-title{color:#5f5f5f;font-weight:300;font-size: 22pt;font-family:'Poppins',sans-serif;margin-bottom:20px}
.section-subtitle{color:#000;font-weight:300;font-size:2vw;line-height:3rem;font-family:'Poppins',sans-serif;margin-bottom:20px}
.section-container{position:relative;width:80%;height:55%;top:15vh;margin: auto;}
.section-body{font-family:'Poppins';font-size: 8pt;font-weight: 500;color:#101010;letter-spacing: 2px;text-align:justify}
.pull-left{display:block;position:relative;width:50%;float:left}
.pull-right{display:flex;position:relative;width:50%;float:right;flex-direction:column;min-height:400px}
.footer{height:100px;margin-top:0;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background-color:#fff;z-index:2}
.button_container{position:fixed;top:18px;right:18px;height:38px;width:38px;cursor:pointer;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;z-index:9999;display:none}
.button_container:hover span{background:#E2E1E1}
.button_container.active .top{-webkit-transform:translateY(8px) translateX(0) rotate(45deg);-ms-transform:translateY(8px) translateX(0) rotate(45deg);transform:translateY(8px) translateX(0) rotate(45deg);background:#E1E2E4}
.button_container.active .middle{opacity:0;background:#E2E1E1}
.button_container.active .bottom{-webkit-transform:translateY(-8px) translateX(0) rotate(-45deg);-ms-transform:translateY(-8px) translateX(0) rotate(-45deg);transform:translateY(-8px) translateX(0) rotate(-45deg);background:#E2E1E1}
.button_container span{background:#fff;border:none;height:4px;width:32px;position:absolute;top:0;right:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer}
.button_container span:nth-of-type(2){top:8px}
.button_container span:nth-of-type(3){top:16px}
.overlay,.overlay ul li a:active:after,.overlay ul li a:focus:after,.overlay ul li a:hover:after{width:100%}
.overlay ul li a,.overlay-share-content a{text-decoration:none}
.overlay{position:fixed;background:rgba(39,39,39,0.97);top:0;left:0;height:0;opacity:0;visibility:hidden;-webkit-transition:opacity .35s,visibility .35s;transition:opacity .35s,visibility .35s;overflow:hidden;z-index:999;display:none}
.overlay.open{opacity:1;visibility:visible;height:100%}
.overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}
.overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}
.overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}
.overlay.open li:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}
.overlay nav{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}
.overlay ul li,.overlay ul li a{display:block;position:relative}
.overlay ul li{opacity:0}
.overlay ul li a{color:#fff;overflow:hidden;padding:0 20px;font-size:25px;line-height:35px;font-family:'Poppins',sans-serif;font-weight:200;letter-spacing:3px}
.overlay ul li a:hover{color:#272727;background-color:#fff}
.overlay ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:3px;-webkit-transition:.35s;transition:.35s}
@-webkit-keyframes fadeInRight {
0%{opacity:0;left:20%}
100%{opacity:1;left:0}
}
@keyframes fadeInRight {
0%{opacity:0;left:20%}
100%{opacity:1;left:0}
}
.page0 .page_container div{top:50%;transform:translateY(-50%)}
.page0 .page_container div img{position:relative;display:block;margin:auto;width:85%;max-width:800px}
input[type=checkbox ]{width:20px;height:20px;margin:10px;padding:10px;opacity:1;cursor:pointer;position:relative;float:left;border-radius:0}
.form-control{background:none;border:none;box-shadow:none;font-size:12pt;padding:5px 0;text-align:center;width:50%;margin:10px 0;border-bottom:1px solid #5f5f5f}
.slickimg{width:90%;max-width:873px;display:block;margin:auto;top:50%;position:relative;transform:translateY(-50%)}
#sliderleft{position:absolute;left:10px;top:0;bottom:0;width:40px;height:50px;margin:auto;text-align:center;padding-top:13px;cursor:pointer}
#sliderleft span{color:#fff;font-size:24px}
#sliderright{position:absolute;right:5px;bottom:0;top:0;width:40px;height:50px;margin:auto;text-align:center;padding-top:13px;cursor:pointer}
#sliderright span{color:#fff;font-size:24px}
.slidermidlecontrol{background-color:#abaaaa;z-index:2}
.slidermidlecontrol:hover{background-color:transparent;border:1px solid #fff!important}
.slidermidlecontrol:hover span{color:#fff!important}
.langlink{color:#abaaaa;font-weight:700;font-size:20px;position:absolute;left:calc(1% + 5px);top:5px;z-index:2}
.page0{background-image:url(../images/bg/elegancebg.jpg)}
.page1{background-image:url(../images/bg/ankarabg.jpg)}
.page1:before{background:linear-gradient(90deg,white,transparent);width:50%;height:100%;content:' ';position:absolute;top:0;left:0}
.page2{background-image:url(../images/bg/detaylarbg.jpg)}
.page3{background-image:url(../images/bg/conciergebg.jpg)}
.page4{background: #fff;}
.page5{background-image:url(../images/bg/conceptbg.jpg)}
.page4 .item-bg:before{/* background:linear-gradient(90deg,white,transparent); */width:40%;height:100%;/* content:' '; */position:absolute;top:0;left:0;z-index:2}
.page6{background-image:url(../images/bg/gallerybg.jpg)}
.page7{background-color:#efeeec}
.page8{background-image:url(../images/bg/contactbg.jpg)}
.gallery-item{width:calc(98% / 6);display:inline-block;margin:10px 0}
img.img-responsive{display:block!important;width:85%!important;box-shadow:5px 5px 0 0 #5f5f5f;box-sizing:border-box;margin:auto}
.boxbig{width:calc(100% / 9);display:inline-block;text-align:center;margin:10px 0}
.boxbig img{height:50px}
.boxbig span{display:block;text-align:center;font-size:9pt}
.page6 .section-container{top:0;transform:none}
.page6 iframe{width:100vw;height:100vh}
small{width:50%;display:block;font-size:8pt;color:#3e3e3e}
input.btn.btn-submit{background:no-repeat;padding:10px 30px;box-shadow:none;border:1px solid #ae6c53;margin:10px 0;left:40%;position:relative;display:block}
.f30{font-size: 30pt;}
.p30{padding:0 40px}
.field label{font-weight:600;color:#5f5f5f}
.field p{font-size:11pt;color:#333}
.field a{color:#1f1f1f;text-decoration:underline}
ul.tabs{margin:0;padding:0;list-style:none;display:block}
ul.tabs li{background:none;color:#222;display:inline-block;padding:10px 15px;cursor:pointer}
ul.tabs li.current{background:#ededed;color:#222}
.tab-content{display:none;background:#ededed;padding:15px;text-align:center;}
.tab-content.current{display:inherit}
img.kat-plani{display:block;position:relative;max-height:600px;margin:auto}
.midleslider{top:0;position:relative;display:block;margin-top:30vh;}
.page-konsept .item img{}
.page-konsept .section-subtitle{font-size: 11pt;display:block;line-height:30px;text-align:left;font-weight: 400;}
h3.concept{font-weight:200;text-align:left;margin:50px;font-size:14pt;font-style:italic;position:absolute;z-index:999;bottom:5px;width:100%;padding-left:100px}
.ap{width:30%;position:relative;float:left;font-size:8pt}
.kroki-body{width:30%;position:relative;float:left;text-align:justify;font-size:9pt}
.distance{width:30%;position:relative;float:left;text-align:right;font-size:8pt;bottom:10em}
.fancybox-bg{background:#f3f3f3!important}
.onepage-wrapper{width:100%;height:100%;display:block;position:relative;padding:0}
.onepage-wrapper .section{width:100%;height:100%;overflow:hidden;background-size:100% 100%;background-position:top right}
.onepage-pagination{position: fixed;z-index:5;list-style:none;width: 100%;text-align: center;padding: 30px 0px 0px 0px;background: linear-gradient(180deg, white, transparent);}
.section:after{content:'';height:100vh;position:absolute;left:calc(8% + 2px);top:0;width:1px;background-color:#abaaaa;z-index:1}
.onepage-pagination li{/* width:100%; *//* height:30px; */display: inline-block;/* float: left; */position: relative;z-index: 10!important;}
.onepage-pagination li.active{z-index:2;}
.onepage-pagination li span{border-radius:50px;width:30px;height:30px;position: relative;}
.onepage-pagination li.active span{}
.onepage-pagination li.active span:before{/* content:''; */border-radius:10px;position:absolute;width:20px;height:20px;background:none;background-color:#abaaaa;top:4px;left:4px;}
.onepage-pagination li:after{color: #96694c;left:23%;width: 100%;top:6px;font-size:16px;line-height:16px;font-weight:500;margin: 30px 20px;display: block;z-index: 9999;}
.onepage-pagination li.active:after{color:#000;font-weight:600}
.onepage-pagination li:nth-child(1):after{content:'ANASAYFA'}
.onepage-pagination li:nth-child(2):after{content:'ANKYRA'}
.onepage-pagination li:nth-child(3):after{content:'PROJE HAKKINDA'}
.onepage-pagination li:nth-child(4):after{content:'AYRICALIKLAR'}
.onepage-pagination li:nth-child(5):after{content:'KONSEPT'}
.onepage-pagination li:nth-child(6):after{content:'KAT PLANLARI'}
.onepage-pagination li:nth-child(7):after{content:'GALERİ'}
.onepage-pagination li:nth-child(8):after{content:'KONUM'}
.onepage-pagination li:nth-child(9):after{content:'İLETİŞİM'}
.onepage-pagination li a{position:relative;display:block;height:100%;z-index:3}
.onepage-pagination li img{position:absolute;left:23%;width:45px;top:0;bottom:0;margin:auto}
.page_container{position:relative;float:right;width:80%;height:100%}
.ankyra-container{position:relative;float:left;padding:40px 0 0 80px}
ul.seconder-menu{position:absolute;margin: 10px;z-index:5;list-style:none;float:left;bottom:15%;display: block;width: 135px;}
ul.seconder-menu li {
    margin: 30px 0px 0px;
    display: block;
    position: relative;
}
ul.seconder-menu li a{color:dimgrey;font-size: 11pt;width: 135px;text-align: center;display: block;}
ul.seconder-menu li img{height: 35px;margin: 5px auto;position:relative;display: block;}
ul.icons li{display:block;width:calc(100% / 14);float:left;position:relative;height:128px;text-align:center}
ul.icons li img{height:80px}
ul.icons li h4{font-size:8pt}
.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;height:100%}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;height:100%}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;display:none;background-size:cover;background-position:center bottom;background-repeat:no-repeat;position:relative}
[dir="rtl"] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
@font-face{font-family:"slick";src:url(fonts/slick.eot.html);src:url(fonts/slick.eot-.html#iefix) format("embedded-opentype"),url(fonts/slick.woff.html) format("woff"),url(fonts/slick.ttf.html) format("truetype"),url(fonts/slick.svg.html#slick) format("svg");font-weight:400;font-style:normal}
.slick-prev,.slick-next{position:absolute;display:block;height:90px;width:90px;line-height:0;font-size:0;cursor:pointer;color:transparent;background-color:#fff;padding:0;border:none;outline:none;border-radius:50%;-webkit-box-shadow:0 0 20px 5px #656565;-moz-box-shadow:0 0 20px 5px #656565;box-shadow:0 0 21px 1px #656565}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background-color:#6c842e}
.slick-prev:hover .ti-angle-left,.slick-prev:focus .ti-angle-left{color:#fff}
.slick-next:hover .ti-angle-right,.slick-next:focus .ti-angle-right{color:#fff}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-95px;right:0;margin:auto;bottom:0;z-index:2}
.slick-prev img{position:absolute;width:50%;height:100%;left:21px;top:0;fill:#fff}
.slick-next{right:-95px;left:0;margin:auto;bottom:0;z-index:2}
.slick-next img{position:absolute;width:50%;height:100%;left:21px;top:0;fill:#fff}
.slick-dots{position:absolute;bottom:7px;list-style:none;text-align:right;padding:0;width:96px;margin:auto;right:5px;left:5px}
.slick-dots li{position:relative;display:inline-block;height:6px;width:30px;margin-left:1px;margin-right:1px;padding:0;cursor:pointer}
.slick-dots li button{background-color:#148ebf;border:0;display:block;height:100%;width:100%;outline:none;line-height:0;font-size:0;border-radius:0;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button{background-color:#fff;border:1px solid #fff;opacity:.75}
.kroki-image img{display:block;width: 100%;max-height: 100vh;margin:0 auto 30px}
@media screen and (max-width: 1100px) {
body{overflow:visible}
.onepage-wrapper{transform:initial!important}
.onepage-pagination{position:fixed}
.overlay,.button_container{display:block}
body:before,.onepage-pagination,.section:after{display:none}
.page_container{width:100%;float:left}
.onepage-wrapper .section{top:initial!important;overflow:visible!important;position:relative!important;float:left}
}
@media screen and (max-width: 768px) {
.span5{position:relative;width:100%;height:initial;display:block;margin-bottom:10px}
section:after{display:none!important}
.onepage-wrapper .section{background-size:auto 100%;background-position:bottom center;min-height:100vh;height:auto!important}
.section-container{float:left;width:100%;padding:20px;display:block;bottom:0;top:unset;height:fit-content}
.midleslider{left:unset!important;margin-top:10px;text-align:center}
.pull-left{width:100%!important}
.pull-right{width:100%!important}
.logo{width:60px;margin:auto;text-align:center;display:block;left:calc(50% - 25px);background:none;position:absolute}
.onepage-wrapper .section::before{background:linear-gradient(0deg,white,#ffffff69);content:' ';position:absolute;bottom:0;left:0;height:100vh;width:100%}
.midleslider h3{font-weight:400}
h3.section-title{left:unset!important}
.section-title{font-size:18pt;text-align:center}
p.section-body{font-size:7.6pt;text-align:center}
.page0 .section-container{padding-top:60vh}
img.kat-plani{width:100%}
ul.tabs li{width:100%;text-align:center}
.tab-content{width:100%}
.page-konsept .section-subtitle{font-size:12pt;line-height:unset;letter-spacing:unset}
.konsept-container h3.section-title {
    color: #000;
}
.gallery-item{width:calc(97% / 3)}
.ap{width:100%;text-align:center}
.kroki-body{width:100%;text-align:center;font-size:10pt;margin:20px 0}
.distance{width:100%;text-align:center;bottom:unset}
.page6 img{width:100%!important}
input.form-control{width:100%}
small{width:100%;font-size:6pt}
input.btn.btn-submit{left:unset;float:right}
.contact-info{text-align:center;font-size:8pt}
.page-konsept .item img{height:auto;width:100%!important}
.page0{height:100vh}
.page1{height:100vh}
.page2{height:850px!important}
.page3{height:1980px!important}
.page4{height:980px!important}
.page5{height:812px!important}
.page6{height:812px!important}
.page7{height:950px!important}
.page8{height:812px!important}
ul.icons li{width:calc(100% / 7);height:75px}
ul.seconder-menu{display:none}
div#wa-widget-send-button{border-bottom-left-radius:0;left:0;bottom:0;width:100px;margin:0!important}
div#wa-widget-send-button div{font-size:6pt!important}
.ankyra-container{padding:100px 0}
.ankyra-container .section-title{left:auto!important;top:0!important;position:relative}
.ankyra-container .midleslider{top:0!important}
ul.icons li img{height:40px}
ul.icons li h4{font-size:6pt}
.item-content{float:unset;left:0!important;width:100%!important;height:50%;text-align:center;display:block}
.item.bg-cover{background-size:contain;background-position:center 20%}
.kroki-image img{display:block;width:100%}
}
.owl-item.active .item .item-bg{animation:mobileburns 30s infinite}
@media screen and (min-width: 800px) {
.owl-item.active .item .item-bg{animation:kenburns 30s infinite}
}
@keyframes kenburns {
5%{transform:scale3d(1,1,1) translate3d(0px,0px,0px);animation-timing-function:ease-in}
45%{transform:scale3d(1.5,1.5,1.5) translate3d(-100px,-30px,0px);animation-timing-function:ease-in}
60%{transform:scale3d(1.5,1.5,1.5) translate3d(-100px,-30px,0px);animation-timing-function:ease-in}
100%{transform:scale3d(1,1,1) translate3d(0px,0px,0px);animation-timing-function:ease-in}
}
@keyframes mobileburns {
5%{transform:scale3d(1,1,1) translate3d(0px,0px,0px);animation-timing-function:ease-in}
65%{transform:scale3d(2.5,2.5,2.5) translate3d(-100px,-30px,0px);animation-timing-function:ease-in}
80%{transform:scale3d(2.5,2.5,2.5) translate3d(-100px,-30px,0px);animation-timing-function:ease-in}
100%{transform:scale3d(1,p1,1) translate3d(0px,0px,0px);animation-timing-function:ease-in}
}
@keyframes noburns {
100%{transform:scale3d(1,1,1) translate3d(0px,0px,0px);animation-timing-function:ease-in}
}
.bg-cover{
    display: block;
    height: 100%;
    margin: 0 0px 0px 200px;
    text-align: left;
    padding-top: 100px;
}
.bg-cover img {
    height: auto;
    display: block;
    position: relative;
    margin: 0;
}
.item-content{width:100%;position:absolute;background: #ffffff;width: 35%;padding:23px;text-align:justify;display:flex;align-items:center;justify-content:center;box-shadow: 0px 0px 10px 5px #909090;right: 5%;bottom: 15%;}
.item-content.text-right{}
.owl-dots{position:absolute;bottom:6%;z-index:999999;display:flex;left:0;align-items:center;justify-content:center;width:100%}
.slider-container h4{margin:0;justify-content:center;text-align:justify}
h3.about-title {
    color: #906746;
    font-size: 22pt;
    left: 100px;
    position: relative;
    font-weight: 500;
}

.section-body h4 {
    color: #906746;
    font-size: 14pt;
    margin: 20px 0px;
}