@font-face{font-family:Gotham-Light;src:url(../fonts/Gotham-Lightd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Gotham-Light.otf) format('opentype'),url(../fonts/Gotham-Light.woff) format('woff'),url(../fonts/Gotham-Light.ttf) format('truetype'),url(../fonts/Gotham-Light.svg#Gotham-Light) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Gotham-Book;src:url(../fonts/Gotham-Bookd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Gotham-Book.otf) format('opentype'),url(../fonts/Gotham-Book.woff) format('woff'),url(../fonts/Gotham-Book.ttf) format('truetype'),url(../fonts/Gotham-Book.svg#Gotham-Book) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Gotham-Bold;src:url(../fonts/Gotham-Boldd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Gotham-Bold.otf) format('opentype'),url(../fonts/Gotham-Bold.woff) format('woff'),url(../fonts/Gotham-Bold.ttf) format('truetype'),url(../fonts/Gotham-Bold.svg#Gotham-Bold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Gotham-Black;src:url(../fonts/Gotham-Blackd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Gotham-Black.woff) format('woff'),url(../fonts/Gotham-Black.ttf) format('truetype'),url(../fonts/Gotham-Black.svg#Gotham-Black) format('svg');font-weight:400;font-style:normal}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html {
  scroll-behavior: smooth;
}
body {
    font-family: Gotham-Book;
    overflow-x: hidden;
   background: rgb(190,190,190);
	background: linear-gradient(90deg, rgba(190,190,190,1) 0%, rgba(210,210,210,1) 100%);
}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.main-page{position:relative;display:inline-block;width:calc(100% - 410px)}
.p1{background:url(../images/bg.jpg) no-repeat;background-size:cover;background-position:center bottom;position:absolute;top:0;bottom:0}
.projesbg {
    background: url(../images/projesbg.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
}

.rows {
    width: 79%;
    margin: 0 auto;
    margin-left: 18%;
    margin-top: 59px;
}

.rows4 {
    width: 79%;
    margin: 0 auto;
    margin-left: 18%;
    margin-top: 59px;
}

.ortala1 {
    margin-left: 20%;
    margin-bottom: 16px;
}

.ortala {
    width: 64%;
    text-align: center;
}

.column {
    float: left;
    width: 32%;
    padding: 10px;
    height: 300px;
}

.colon {
    float: left;
    width: 32%;
    padding: 10px;
    height: 300px;
}

ul.solblok {
    text-align-last: start;
    list-style: unset;
    font-size: 22px;
}

.lokasyon {
    position: absolute;
    right: 0;
    margin-top: -2%;
}

.haritas {
    margin-top: 51px;
}
/* akordion css */
.accordion {
    background-color: #d2d2d2;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #C1707E;
    font-weight: bold;
    float: left;
    margin-right: 23px;
    font-size: 25px;
}

.active:after {
  content: "\2212";
}

.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.akordion {
    width: 50%;
    margin: 0 auto;
    margin-top: 59px;
}

/* akordion css */

.proje {
    height: 100vh;
}
/* Clear floats after the columns */
.rows:after {
  content: "";
  display: table;
  clear: both;
}
.rows:after {
  content: "";
  display: table;
  clear: both;
}


section {
    position: relative;
    height: 100vh;
    width: 100%;
    z-index: 1;
}
.form-holder {
    background-size: cover;
    background-position: center;
    text-align: left;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
    padding: 60px 30px 0;
    width: 410px;
    z-index: 2;
    height: 100vh;
    display: table;
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 25%);
    background-color: #9d9d9d;
}
.form-inner{display:table-cell;vertical-align:middle}
.form-holder .form-title{color:#1a146e;text-align:center;font-size:21px;font-family:Oswald,sans-serif;box-sizing:border-box;display:table;margin:auto;margin-bottom:20px}
.form-holder .form-title strong{display:block;font-size:44px;color:#b48d53;font-weight:300}
.tesekkurler{display:none;padding:20px 10px;text-align:center}
.tel {
    width: auto;
    float: left;
    margin-left: 17px;
}
.tel a {
    font-size: 15px;
    padding-bottom: 10px;
    text-align: center;
    color: white;
    font-family: Gotham-Bold;
}
.form-logo{margin:auto;margin-bottom:40px}
.formLogo {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -23%;
}
.tel a strong {
    font-family: Gotham-Bold;
    font-size: 16px;
}
.formTel {
    position: relative;
    float: left;
    width: 100%;
}
.fiyat {
    position: absolute;
    left: 4%;
    top: 31%;
    width: 72%;
    display: inherit;
    /* text-align: left; */
    /* visibility: hidden; */
    z-index: 1;
}
.alti {
    margin-left: 167px;
    margin-top: 42%;
}
.ankara{position:absolute;top:15%;right:27%;width:auto}
.halkbank{position:absolute;right:2%;top:2%;width:auto}
@keyframes rotateAnimate{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.konum{position:absolute;right:3%;bottom:35%;width:auto}
.kaydir{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);color:#fff;font-family:Gotham-Bold;font-size:15px}
.kaydir i{display:block;text-align:center;padding-bottom:12px;box-sizing:border-box;animation:downanimate 1s infinite linear}
@keyframes downanimate{
0%{margin-bottom:0}
50%{margin-bottom:10px}
100%{margin-bottom:0}
}
.tanitim{position:absolute;bottom:3%;left:50%;width:150px;margin-left:-75px}
.tanitim strong{display:block;color:#ffff;font-size:12px;font-family:Gotham-Black;letter-spacing:1px;text-align:center;box-sizing:border-box;text-align:center;width:100%;transition:all .3s cubic-bezier(.42,0,0,1)}
.tanitim a{display:inline-block;width:100%;height:100%;float:left}
i.ok{position:absolute;top:-23px;width:70px;left:50%;margin-left:-35px;transition:.3s}
.tanitim:hover i.ok{top:-31px;transition:.3s}
.dukkan{position:absolute;bottom:0;border-radius:20px;background-image:-moz-linear-gradient(-49deg,#d7630a 0,#f07314 100%);background-image:-webkit-linear-gradient(-49deg,#d7630a 0,#f07314 100%);background-image:-ms-linear-gradient(-49deg,#d7630a 0,#f07314 100%);width:290px;height:60px;right:10%}
.dukkan strong{display:block;color:#ffff;font-size:21px;font-family:Gotham-Black;letter-spacing:1px;text-align:center;padding-top:20px;box-sizing:border-box}
.dukkan a{display:block;width:100%;height:100%}
i.ok{position:absolute;top:-23px;width:70px;left:50%;margin-left:-35px;transition:.3s}
.dukkan:hover i.ok{top:-31px;transition:.3s}
.p2{position:absolute;background-size:cover!important;background-position:center!important;top:0;bottom:0}
.balkon{position:absolute;left:2%;top:7%}
.balkonTitle{position:relative;display:table}
.balkon p{position:relative;display:block;width:70%;font-size:24px;color:#41392d;padding-top:40px;line-height:32px;box-sizing:border-box}
.bina{position:absolute;right:0;bottom:14%;width:60%}
.ulasimSol{position:absolute;bottom:3%;left:2%}
.ulasimSol ul{display:inline-block;position:relative}
.ulasimSol ul li{position:relative;display:block;padding-bottom:20px;box-sizing:border-box}
.ulasimSol ul li:last-child{padding-bottom:0}
.ulasimSag{position:absolute;right:1%;bottom:3%}
.ulasimSag ul{position:relative;display:inline-block}
.ulasimSag ul li{position:relative;float:left;display:inline-table;width:50%;padding-right:45px;box-sizing:border-box}
section#sect3{height:auto}
.sosyal{position:relative;width:100%;height:470px;display:inline-block}
.sosyalBg{position:relative;width:50%;height:100%;background-size:cover!important;background-position:center!important;float:left}
.sosyalSag{position:relative;float:left;width:50%;height:100%;background:#211c74}
.ayricalik{position:absolute;color:rgba(255,255,255,.2);font-size:27px;font-family:Gotham-Black;display:table;transform:rotate(-90deg);left:-130px;top:48%}
.sosyalTitle{position:relative;display:table;margin:auto;font-size:30px;color:#fff;font-family:Gotham-Black;padding-top:15%;box-sizing:border-box}
.line{position:relative;display:table;margin:auto;width:1px;height:55px;background:#fff;margin-top:25px}
.sosyal-p{position:relative;display:table;margin:auto;color:#fff;font-family:Gotham-Light;margin-top:25px;width:75%;font-size:14px;text-align:center;line-height:22px}
.icon{position:relative;display:table;margin:auto;padding-top:40px;box-sizing:border-box}
.parlak{position:absolute;right:5px;top:-10px;width:25%}
.sosyalSlide{position:relative;width:100%;height:100%}
.sosyalSlide .item{position:relative;display:inline-block;width:100%;height:100%}
.owl-dots{display:block!important;position:absolute;bottom:10px;right:8%}
.galleryContainer{display:none;width:100%;position:relative;margin-top:45px;margin-bottom:35px}
.galleryContainer.open{display:inline-block}
.tabMenu{display:inline-block;position:absolute;right:70px;top:65px}
.tabMenu li{float:left;display:inline-block}
.tabMenu li a{font-weight:900;font-size:17px;padding:0 20px;color:#41392d;line-height:35px;display:block;border:2px solid transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing:2px;font-family:Gotham-Bold}
.tabMenu li a.active{border-color:#fdc359}
.galleryContainer .owl-dots{margin:30px auto 0;display:none!important}
.galleryContainer .owl-dots .owl-dot{width:17px;height:17px;float:left;background-color:#d4d4d4;margin:0 4px;border-radius:360px}
.galleryContainer .owl-dots .owl-dot.active{background-color:#282466}
.fotogaleriContainer{width:100%;display:inline-block;position:relative}
.title3{margin-top:65px;display:inline-block;font-size:30px;color:#41392d;padding-left:20px;box-sizing:border-box}
.title3 strong{font-family:Gotham-Bold}
.tabMenu li a:hover{color:#000}
section#sect4{height:auto}
section#sect5{height:auto}
.footer{position:relative;width:100%;height:160px;background-size:cover!important;background-position:center!important}
.adres{position:relative;float:left;font-size:18px;color:#fff;line-height:22px;padding-left:25px;padding-top:70px;box-sizing:border-box}
.sosyalMedya{position:relative;float:left;padding-top:40px;padding-left:15%;box-sizing:border-box}
.sosyalMedya strong{display:block;text-align:center;font-weight:400;font-size:14px;color:#fff;padding-bottom:15px}
.sosyalMedya ul{position:relative;width:100%;display:inline-block}
.sosyalMedya ul li{position:relative;float:left;width:calc(25% - 10px);margin-right:10px}
.sosyalMedya ul li a{display:block}
.sosyalMedya ul li:last-child{margin-right:0}
.yol{position:relative;float:right;background-color:#fff;margin-top:70px;margin-right:5%}
.yol a{display:block;font-size:18px;color:#08034f;font-family:Gotham-Bold;width:100%;height:100%;padding:15px 70px;box-sizing:border-box}
.formLogo-m{display:none}
.popup{position:fixed;top:32%;display:none;width:79%;box-sizing:border-box;background-size:cover;z-index:999;right:0;left:0}
.popup-inner{position:relative;width:55%;margin:auto;height:100%}
.close{cursor:pointer;position:absolute;right:5px;top:-90px;color:#fff;text-align:center;font-size:85px;font-weight:800;box-sizing:border-box;font-family:Gotham-Bold;z-index:999}
@keyframes rotateAnimatet{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.yuzde10{position:absolute;right:16%;top:24%;width:145px}
.yuzde10 img{z-index:2;position:relative;left:21%;top:-62px;bottom:5%}
.yuzde10:before{content:"";background:url(../images/yuzde10.html);background-size:100%;background-repeat:no-repeat;background-position:center center;display:block;position:absolute;width:108%;height:230px;z-index:1;left:79%;margin-left:-115px;top:-34%;margin-top:-117px;animation:rotateAnimate linear 30s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:rotateAnimate linear 30s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:rotateAnimate linear 30s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:rotateAnimate linear 30s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:rotateAnimate linear 30s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%}
.vidBtnCircle{width:60px;height:60px;text-align:center;border:1px solid #fff;-moz-border-radius:360px;-webkit-border-radius:360px;border-radius:360px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.42,0,0,1);margin:0 auto 10px}
.vidBtnCircle i{padding-top:4px;transition:all .3s cubic-bezier(.42,0,0,1);width:20px}
.patlangac{position:absolute;left:5%;top:0;text-align:left;width:13%;z-index:2;visibility:hidden}
.kampBitis{position:absolute;left:0;top:5%}
.kampBitis p{color:transparent;pointer-events:none}
.kampBitis p strong{font-family:Gotham-Bold}
.tanitim a:hover .vidBtnCircle{transform:scale(.9)}
.tanitim a:hover .vidBtnCircle i{transform:scale(1.3)}
.tanitim a:hover strong{letter-spacing:3px}
.golge{float:right;position:absolute;top:0;right:0;bottom:0}
.golge img{width:auto;height:100%;float:right}
.metro{width:auto;position:absolute;top:90px;left:47%;float:left}
.metro img{width:auto;height:100%}
.ziraat{position:absolute;right:5%;top:3%}
.guvence{position:relative;display:table;margin:auto;width:270px;margin-top:10px}
.icon-telefon {
    position: relative;
    display: table;
    margin: 20px auto 0;
}
.family{position:absolute;left:0;bottom:0;width:40%}
.topBar {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    display: inline-block;
}
.topBar ul li {
    float: left;
    margin: 0 5px;
    display: inline-block;
}
.topBar ul li a {
    display: block;
    padding: 14px 0;
    color: black;
    width: 170px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0 0 7px 7px;
    transition: all .2s ease-in-out;
    position: relative;
    top: 0;
}

.topBar ul li a:hover {
    color: #ffff;
    top: -4px;
    background-color: #3d3b3a;
}
.hidden{display:none!important}
.topBar ul {
    display: table;
    margin: 0 auto;
}
.migros{position:absolute;left:2%;top:12%;width:30%}
.tapu{position:absolute;bottom:12%;left:42%;width:15%}
.projeBg{background-image:url(../images/projeBg.jpg);background-position:center top;background-repeat:no-repeat;position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background-size:cover}
.projeDetail{max-width:1600px;width: 90%;height:80vh;margin:10vh 0 10vh;display:none;}
.projectContent {
    margin-top: 15%;
    position: absolute;
    z-index: 1;
    width: 92%;
    font-size: .8vw;
    line-height: 1.3;
    color: #000;
    text-shadow: 1px 1px 2px #fff;
}


.column1 {
    float: left;
    width: 63.73%;
    top: 17px;
    left: 0%;
    position: relative;
}

.column2 {
    float: left;
    width: 100%;
    top: 14%;
    left: 56%;
    position: absolute;
}

.column3 {
    float: left;
    width: 38%;
    top: 41%;
    left: 23%;
    position: absolute;
}

.column4 {
    float: left;
    width: 63.73%;
    top: -121px;
    left: 7%;
    position: relative;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* SLİDER */

*{margin: 0; padding: 0;}
body{background-color: black;}
.container
{
	width: 100%;
	height: 100%;
}
.trans
{
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.top {
    display: flex;
    width: 80vw;
    height: 80vh;
    margin-top: 3vh;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -17vh;
}
.top ul {
    list-style: none;
    width: 59%;
    height: 71%;
    z-index: 1;
    box-sizing: border-box;
}
.top ul li
{
	position: relative;
	float: left;
	width: 25%;
	height: 25%;
	overflow: hidden;
}

.top ul li::before
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	content: '';
	color: white;
	opacity: 0.4;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.top ul li:hover::before
{
	opacity: 0;
	background-color: rgba(0,0,0,0.90);
}
.top ul li img
{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.lightbox
{
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 999;
	opacity: 0;
	pointer-events: none;
}
.lightbox img
{
	max-width: 90%;
	max-height: 80%;
	position: relative;
	top: -100%;
	/* Transition */
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.lightbox:target
{
	outline: none;
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.lightbox:target img
{
	top: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}