.head {width: 100%;display: table; position: absolute;z-index: 99}
.head > div:first-child {float: left;height: 85px;padding: 30px;padding-left: 70px;}
.head > div:last-child {float: right;height: 145px;padding: 0 55px 0px 0px;}
.head > div:first-child > a > img {height: 100%;}
.head > div:last-child > ul {display: table-row;width: 100%;height: 145px;position: relative}
.head > div:last-child > ul > li {display: table-cell;vertical-align: middle;padding: 0 15px;}
.head > div:last-child > ul > li > a {color: #fff;display: block;letter-spacing: 1px;padding-bottom: 7px;border-bottom: 2px solid rgba(255, 255, 255, 0)}
.head > div:last-child > ul > li:hover > a {border-bottom: 2px solid #cb7d30}
.head > div:last-child > ul > li > .active {border-bottom: 2px solid #cb7d30}
.altmenu {position: absolute;padding-top: 10px;display: none;}
.altmenu > ul > li {padding: 10px 10px;border-bottom: 1px solid rgba(204, 204, 204, 0.25);font-size: 15px;min-width: 150px}
.altmenu > ul > li:hover {border-bottom: 1px solid rgba(204, 204, 204, 1);}
.altmenu > ul > li > a {color: #fff;padding: 0 5px}
.head > div:last-child > ul > li:hover > .altmenu {display: block;}
.slider {height: 100%;width: calc(100% - 350px);}
.slider img {width: 100%;}
.slide-yazi {position: absolute; /* top: 50%; */ /* left: calc(50% - 325px); */color: #fff;font-size: 28px;text-align: center; /* height: 100%; */width: 100%;line-height: 35px;height: 100%;z-index: 9999999999;top: 0;left: 0;display: table;vertical-align: middle;background: rgba(0, 0, 0, 0.50)}
.slide-yazi > div {display: table-cell;vertical-align: middle}
.slide-yazi > ddiliv > div {max-width: 800px;margin: 0 auto;}
.slide-yazi > div > div > p {margin-bottom: 30px;font-size: 35px;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.80);}
.slide-yazi > div > div > span {text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.80);font-family: 'futura_ltlight';font-size: 26px;font-style: italic;letter-spacing: 1px;}
.ustbar {background: url(../img/logobg.png)center left;background-size: cover;background-repeat: no-repeat;background-position: center bottom;height: 356px;position: absolute;
    top: 0;left: 0;right: 0;}
.dil { float: right;top: 0;padding: 20px;background: #fff;}
.dil > a {font-family: 'BentonSans_Bold';display: block;color: #bd9c6b;}
.logo {width: 200px;margin: 0 auto;position:  relative;}
.logo > div > a > img {width: calc(100% - 40px);background: #fff;padding: 20px;}
.logo > div {/*border: 2px solid #fff;*/padding: 20px;margin-top: 50px;}
.icerik { width: 100%; position: absolute;display: block;top: 355px}
.projesatis {font-size: 22px;text-align: center;padding: 80px; width:calc(100% - 160px)!important;}
.projesatis > h1 {margin-bottom: 40px;font-size:  35px;}
.ortala {max-width: 1200px;margin: 0 auto; width: 100%}
/*.projesatis>div{width:calc((100% / 3) - 20px);float:left;margin-left:10px;}
.projesatis>div>a{display:block;}
.projesatis>div>a>div img{width:100%;}
.projesatis>div>a h1{font-size: 27px;margin-top: -70px;color: #fff;font-weight: 600;font-family: 'BentonSans_Bold';}
.projesatis>div>a  p{font-size:15px;color: #fff;font-family:'BentonSans_Book'}*/
.divtable {display: table;width: 100%}
.divtable > div {display: table-cell}
.projemain {margin: 0 auto}
.projemain>div>div {width: calc((100% / 3) - 7px);position: relative;vertical-align: top;float: left;overflow:hidden;padding-left:7px;margin-bottom: 7px;}
.projemain>div>div img {width: 100%}
.siyahbg {/*background: rgba(0, 0, 0, 0.50);*/position: absolute;width: 100%;height:100%; bottom:0; z-index: 1;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.projeyazi {position: absolute;width: calc(100%);bottom:-100%;z-index: 2;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;height:100%;}
.projeyazi>div{height: 100%;display: table;width:50%;margin:0 auto}
.projemain>div>div> a:hover .projeyazi{bottom:0%;}
.projeyazi>div>div{display: table-cell;vertical-align: middle;}
.projeyazi h1 {font-size: 27px;line-height: 34px;margin-bottom: 16px;color: #fff;font-family: 'BentonSans_Bold';/* border-bottom: 1px solid #fff; */width: auto;}
.projeyazi p {font-size: 15px;color: #fff;font-family: 'BentonSans_Book';line-height: 19px;}
.projeyazi button {border: 1px solid #fff;padding: 5px 10px;color: #fff;/* background: #bd9c6b; */margin-top: 20px;/* display: none; */font-size: 12px;margin-bottom: -15px;cursor:  pointer;}
.projemain>div>div> a:hover .projeyazi button {display: initial}
.projemain>div>div> a:hover .siyahbg {background: rgb(0 159 227);background-size: auto 150%;}
.positionrel {position: relative}
.projemain>div> div:nth-child(3n) {border-right: 0;}
.hakkimizda {width: 100%;background: #00adee;}
.hakkimizdayazi {text-align: center;color: #fff;width: 50%;margin: 0 auto;padding: 80px 0;line-height: 24px;}
.hakkimizdayazi > h1 {font-size: 25px;font-weight: 300;font-family: 'BentonSans_Bold';}
.hakkimizdayazi > h2 {line-height: 50px;font-family: 'BentonSans_Light';color: rgba(255, 255, 255, 0.73);}
.hakkimizdayazi > p {font-size: 18px;font-family: 'BentonSans_Light';color: rgba(255, 255, 255, 0.73);}
.hakkimizdayazi a > h3 {margin-top: 40px;font-size: 20px;font-family: 'BentonSans_Light';color: #fff}
.hakkimizdayazi a > h3 > span {font-weight: 400;font-family: 'BentonSans_Medium'}
.homeformmain {width: 100%;padding: 65px 0;margin: 40px 0;}
.homeform {width: 100%;text-align: center;margin: 0 auto;position:relative}
.homeform > h1 {font-size: 22px;font-weight: 500;font-family: 'BentonSans_Bold';}
.homeform > p {margin-bottom: 5px;font-size: 16px;color: #000;line-height: 32px;font-family: 'BentonSans_Light';}
.homeform > form > ul > li {padding-right: 15px;width: calc((100% / 3) - 15px);float: left;display: block;}
.homeform > form > ul > li:nth-child(4) {width: calc(100% - 15px);float: none;}
.homeform > form > ul > li:nth-child(4) > input {height: 70px;}
.homeform > form > ul > li:nth-child(5) {text-align: left;margin-bottom: 7px;/* font-size: 10px; */}
.homeform > form > ul > li > span {font-size: 14px;font-family: 'BentonSans_Light';}
.homeform > form > ul > li > button {text-align: center;width: calc(100%);margin-top: 5px;padding: 15px 0;background: #00adee;border: 0;color: #fff;cursor: pointer;font-size: 15px;display: block;font-family: 'BentonSans_Bold';}
.homeform > form > ul > li input {font-family: 'BentonSans_Light';width: calc(100% - 25px);background: #ffffff;padding: 10px;text-align: center;margin-bottom: 10px;border: 1px solid #dcdada;outline: none;}
.homeform > form > ul > li:nth-child(5) > input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;margin: 4px 0 0;margin-top: 1px\9;line-height: normal;width: initial}
.homeform > form > ul > li:last-child {float: right;}
.basarilihome {color: #fff;padding: 15px;background-color: #37bb2e;display: none;margin-bottom: 20px;}
.loadinghome {text-align: center;z-index: 9999;margin: 90px 0;position: absolute;display: none;width:100%}
.loadinghome>div{display: table;width: 100%;margin:0 auto}
.loadinghome>div>div{display: table-cell;vertical-align: middle;}

.sosyalmedya {display: table;margin: 0 auto;padding: 10px;}
.sosyalmedya > a {margin-right: 10px;width: 34px;height: 34px;/* border-radius: 17px; */color: #808080;border: 1px solid #808080;display: block;float: left;text-align: center;position: relative;overflow: hidden;}
.sosyalmedya > a > i {position: absolute;line-height: 34px;margin-left: -16px;width: 34px}
.sosyalmedya > a > i:first-child {-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;top: 0px}
.sosyalmedya > a > i:last-child {color: #00adee;bottom: -34px;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.sosyalmedya > a:hover > i:first-child {top: -34px;}
.sosyalmedya > a:hover > i:last-child {bottom: 0}
.sosyalmedya > a:hover {background: #282828}
.footer {width: 100%;text-align: center}
.sosyalbg {background: #f3f3f3;}
.firma {margin-bottom: 70px}
.firma > h1 {margin-top: 20px;line-height: 31px;font-size: 17px;font-family: 'BentonSans_Medium';}
.firma > h2 {margin-top: 5px;font-size: 17px;font-family: 'BentonSans_Light';}
.firma > p {margin: 25px 0;font-family: 'BentonSans_Light';}
.firma > img {width: 80px;}
.tamamlananproje{width:100%;height:100%;background:#ededed}

.borderleft{border-left:1px solid #bd9c6b}
.mobilmenu{float:right;height:56px;background:#fff;display:table;text-align:center;width: 60px;}
.mobilmenu>div{display:table-cell;vertical-align:middle;margin:0 auto;text-align:center}

.kareolustur {position: absolute;width: 100%;height: 100%;display: block;top: 0px;left:  0;}
.kareolustur > .karetop {background: #fff;position: absolute;top: 0px;height: 2px;width: 0px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;transition-delay: 0.6s;}
.kareolustur > .kareleft {background: #fff;position: absolute;left: 0px;bottom: 0px;width: 2px;height: 0px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;transition-delay: 0s;}
.kareolustur > .kareright {background: #fff;position: absolute;right: 0px;top: 0px;width: 2px;height: 0px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;transition-delay: 0.4s;}
.kareolustur > .karebottom {background: #fff;position: absolute;bottom: 0px;right: 0px;height: 2px;width: 0px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;transition-delay: 0.2s;}




.fade-in, .step-in {opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.step-in { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.fade-in.animate, .step-in.animate { opacity: 1;-webkit-transform: translateY(0);  transform: translateY(0);}
.wp-step-in-slow .step-in {	-webkit-transition: all 0.8s ease-in-out;	transition: all 0.8s ease-in-out;}
.wp-step-in-fast .step-in {	-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.homehead{ max-width:500px; color:#fff; font-size:1.2rem}
#apartments .floater-3 { top: 0%; right: 20px; float:right; width:calc(90% - 380px)}
#apartments .floater-3>div{ width:25%; float:left}
#apartments .floater-3>div:last-child{width:50%}
#apartments .floater-3>div>img{width:100%}

.istanbul .floater-1{width:500px !important }
.istanbul .floater-3{width:calc(100% - 550px)!important}

.ustbosluk{height:356px}
.hakkimizda.bgyok{background:none!important;}
.hakkimizda.bgyok h2, .hakkimizda.bgyok h1, .hakkimizda.bgyok h3{color:#000}
.hakkimizda.bgyok p{color: #928e8e;margin-top: 20px;}

/* 2nclick Ykon
==========================================================================================================================================*/
#twonclick  {background: url(../img/2nreklam2.svg) no-repeat 0 0 transparent;bottom: 20px;height: 85px;position: fixed;right: 0px;width:25px;z-index:999;}
#twonclick .twonclick{ display:block; height:90px; outline:none; text-indent:-9999px; width:37px;background-size: 17px;}
/*  Ykon
==========================================================================================================================================*/		

.whatsapp{position:fixed;bottom: 65px;left: 20px;z-index: 99999;    transition: all 0.4s ease-in-out;}
.whatsapp a{display:block}
.whatsapp img{width: 50px;}


@media(max-width:1280px) {
    .homeform{padding:0 80px;width:calc(100% - 160px)}
    .hakkimizdayazi{width:80%}
}
@media(max-width:900px) {
    .projeyazi h1{font-size: 20px;line-height: 22px;}
    .projemain>div > div{width: calc((100% / 2) - 7px);margin:0 auto;margin-bottom:15px}
}

@media(max-width:600px) {
    .projemain>div > div{width: calc((100% / 1) - 7px);}
    .projesatis > h1{font-size: 30px;}
    .homeform > form > ul > li{width: calc((100% ));padding:  0;}
    .firma > h2{line-height: 20px;font-size: 15px;}
    .mobilmenu{width:50px;height:46px}
    .dil{padding:15px}
    .logo{width:160px}
   .ustbosluk, .ustbar{height:250px}
    .icerik{top:250px}
    .mobile-menu .mobile-menu-icerik ul > li > a{font-size: 25px;line-height: 25px;}
    .projesatis{    padding: 40px 0; width: calc(100% - 50px)!important;}
    .projeyazi{width:100%;    background: #bd9c6b;   padding: 25px 0; bottom:0; position:relative}
    .projeyazi>div{width: calc(100% - 50px);}
    .hakkimizdayazi > p { font-size:15px}
    .hakkimizdayazi a > h3{font-size:5vw}
    .hakkimizdayazi{padding: 40px 0; line-height:20px}
    .homeform {padding: 0 25px;width: calc(100% - 50px);}
    .homeformmain { padding:40px 0; margin:0}
    #mesaj{ width:calc(100% - 8px)}
    .homeform > form > ul > li > span{ font-size:11px}
    .firma{ width:calc(100% - 50px); margin:0 auto; padding:40px 0}
    .firma > h1 {font-size: 13px;margin: 0;}
    .projeyazi button{margin-bottom:0}
    

}
@media(max-width:500px) {
    .projesatis > h1{font-size: 6vw;/* font-weight: 800; */font-family: 'BentonSans_Bold';}
    .hakkimizdayazi > h1{font-size: 28px;}
    .homeform > p{line-height: 18px;margin-top: 8px;margin-bottom: 15px;}
    .firma > h2{width: 100%;margin:0 auto;font-size: 14px;line-height: 16px;/* color: #999; */}
}