@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0
}
:focus {
  outline: 0
}
* {
  list-style: none;
  text-decoration: none;
}
body {
  line-height: 1;
  transition: all 0.8s;
  overflow-x: hidden;
  font-family: "HelveticaNeue-Regular";
}
/*ol, ul {
		list-style: none
	}*/
table {
  border-collapse: separate;
  border-spacing: 0
}
caption, th, td {
  font-weight: 400;
  text-align: left
}
blockquote:before, blockquote:after, q:before, q:after {
  content: ""
}
blockquote, q {
  quotes: """"
}
header, nav, article, section, footer, figure, aside {
  display: block;
}
input, select, textarea {
  -webkit-border-radius: 0;
  border-radius: 0
}
img {
  width: 100%;
}
@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('../fonts/HelveticaNeue-Bold.eot');
  src: url('../fonts/HelveticaNeue-Bold.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Bold.otf') format('otf'), url('../fonts/HelveticaNeue-Bold.svg') format('svg'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url('../fonts/HelveticaNeue-Light.eot');
  src: url('../fonts/HelveticaNeue-Light.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Light.otf') format('otf'), url('../fonts/HelveticaNeue-Light.svg') format('svg'), url('../fonts/HelveticaNeue-Light.woff') format('woff'), url('../fonts/HelveticaNeue-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('../fonts/HelveticaNeue-Medium.eot');
  src: url('../fonts/HelveticaNeue-Medium.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Medium.otf') format('otf'), url('../fonts/HelveticaNeue-Medium.svg') format('svg'), url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Regular';
  src: url('../fonts/HelveticaNeue-Regular.eot');
  src: url('../fonts/HelveticaNeue-Regular.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Regular.otf') format('otf'), url('../fonts/HelveticaNeue-Regular.svg') format('svg'), url('../fonts/HelveticaNeue-Regular.woff') format('woff'), url('../fonts/HelveticaNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Thin';
  src: url('../fonts/HelveticaNeue-Thin.eot');
  src: url('../fonts/HelveticaNeue-Thin.eot') format('embedded-opentype'), url('../fonts/HelveticaNeue-Thin.otf') format('otf'), url('../fonts/HelveticaNeue-Thin.svg') format('svg'), url('../fonts/HelveticaNeue-Thin.woff') format('woff'), url('../fonts/HelveticaNeue-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'GothamXNarrow-Ultra';
    src: url('../fonts/GothamXNarrow-Ultra.eot') format('embedded-opentype'), url('../fonts/GothamXNarrow-Ultra.svg') format('svg'), url('../fonts/GothamXNarrow-Ultra.ttf') format('truetype'), url('../fonts/GothamXNarrow-Ultra.woff') format('woff'), url('../fonts/GothamXNarrow-Ultra.woff2') format('woff2');
}
.clear {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  clear: both
}
.container {
  width: 1200px;
  margin: 0 auto;
  font-family: 'HelveticaNeue-Regular';
}
main {
  width: 100%;
  float: left;
  position: relative;
}

.main-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("../images/overlay.png") center;
  z-index: 2;
  visibility: visible;
  opacity: 1;
  transition: var(--cubic);
}
.main-menu-overlay.active {
  opacity: 1;
  transition: var(--cubic);
  visibility: visible
}
section.video-opener-area.ready {
  overflow: hidden
}
.video-opener {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  z-index: 0
}
.video-opener-content {
  position: relative;
  z-index: 3;
  float: left;
  width: 100%;
  display: grid;
  place-items: center;
  height: 100vh
}
video.video-opener::-webkit-media-controls {
  display: none
}
.logolar {
  float: left;
  width: 100%;
  justify-content: center;
  display: flex;
  column-gap: 50px;
}
.logolar li {
  max-width: 440px;
  opacity: 0;
  transition: ease all 1s;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  flex-direction: column;
  aspect-ratio: 5 / 3;
  position: relative;
  border-bottom: none
}
.logolar li img {
  width: 250px;
  transition: all 0.4s;	  
}
.ready .logolar li {
  opacity: 1;
  transition: ease all 1s;
  visibility: visible;
  transition-delay: 0.5s
}
.ready .logolar li text {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding: 0 5px;
  position: absolute;
  bottom: -9px
}
.logolar li a {
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease .4s;
  aspect-ratio: 5 / 3;
}
.logolar li a:hover img {
  transform: scale(1.1);
  transition: all 0.4s
}
.logolar li:before {
  content: '';
  width: 70px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}

.logolar li:nth-child(2):before, .logolar li:nth-child(3):before {
    content: '';
    width: 140px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.logolar li:after {
  content: '';
  width: 70px;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
}
.logolar li:nth-child(2):after, .logolar li:nth-child(3):after {
  content: '';
  width: 140px;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff
}
.counter{
	color: #FFF;
	font-family: 'GothamXNarrow-Ultra';
	text-align: left;
	margin-top: -100px;
}
.parsel{
	font-size: 130px;
	line-height: 30px;
	padding: 0 100px 50px 100px;
	margin: 0 auto;
	width: 450px;
	float: left;
	text-align: center;
}
.insaat{
	font-size: 130px;
	line-height: 30px;
	padding: 0px 100px 50px 100px;
	margin: 0 auto;
	width: 450px;
	float: left;
	text-align: center;
}
.daire{
	font-size: 130px;
	line-height: 30px;
	padding: 30px 100px 0px 100px;
	/* width: auto; */
	margin: 0 auto;
	width: 450px;
	float: left;
	text-align: center;
}
.villa{
	font-size: 130px;
	line-height: 30px;
	padding: 20px 100px 0px 100px;
	margin: 0 auto;
	width: 450px;
	float: left;
	text-align: center;
}
.parsel .count, .insaat .count, .daire .count,  .villa .count {
	display: inline-block;
	text-align: center;
}
.parsel span, .insaat span, .daire span, .villa span{
	font-size: 30px;
	font-family: 'HelveticaNeue-Regular';
}
span sup{
	font-size: 20px;
}
.alan1 {
    width: 100%;
    display: flex;
    text-align: center;
}
.alan2{
    width: 100%;
    display: flex;
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width:1400px) {
	.counter {
    	margin-top: -50px;
	}
	.parsel {
		font-size: 70px;
		padding: 0 100px 50px 100px;
		width: 250px;
	}
	.insaat {
		font-size: 70px;
		padding: 0px 100px 50px 100px;
		width: 250px;
	}
	.daire {
		font-size: 70px;
		padding: 0px 100px 0px 100px;
		width: 250px;
	}
	.villa {
		font-size: 70px;
		padding: 0px 100px 0px 100px;
		width: 250px;
	}
	.logolar {
		column-gap: 20px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.container {
		width: calc(100% - 30px)
	}
	.logolar li img {
		width: 200px;
	}
	.logolar li a {
		width: 300px;
	}
	.logolar li:after, .logolar li:before {
		width: 30px;
	}
	.logolar li:nth-child(2):before, .logolar li:nth-child(3):before, .logolar li:nth-child(2):after, .logolar li:nth-child(3):after {
		width: 90px;
	}
	.logolar li {
    	max-width: 300px;
	}
}
@media screen and (max-width:991px) {
  .container {
    width: calc(100% - 30px)
  }
  .logolar {
    padding-top: 0;
    flex-direction: column;
    align-items: center;
    row-gap: 50px
  }
  .video-opener-content .container {
    width: 100%
  }
  .logolar li img {
    width: 170px
  }
	.parsel {
		font-size: 70px;
		padding: 0 0px 50px 0px;
		width: 220px;
	}
	.insaat {
		font-size: 70px;
		padding: 0px 0px 50px 0px;
		width: 220px;
	}
	.daire {
		font-size: 70px;
		padding: 0px 0px 0px 0px;
		width: 220px;
	}
	.villa {
		font-size: 70px;
		padding: 0px 0px 0px 0px;
		width: 220px;
	}
	.logolar li {
	    aspect-ratio: 3 / 1;
	}
}
@media screen and (max-width:767px) {
	.logolar li {
		aspect-ratio: 4 / 1;
	}
	.parsel span, .insaat span, .daire span, .villa span {
		font-size: 20px;
	}
	.parsel {
		font-size: 40px;
		padding: 0 0px 50px 0px;
		width: 150px;
	}
	.insaat {
		font-size: 40px;
		padding: 0px 0px 50px 0px;
		width: 150px;
	}
	.daire {
		font-size: 40px;
		padding: 0px 0px 0px 0px;
		width: 150px;
	}
	.villa {
		font-size: 40px;
		padding: 0px 0px 0px 0px;
		width: 150px;
	}
	.logolar li a {
		width: 300px;
	}
	.logolar li:after, .logolar li:before {
		width: 30px;
	}
	.logolar li:nth-child(2):before, .logolar li:nth-child(3):before, .logolar li:nth-child(2):after, .logolar li:nth-child(3):after {
		width: 90px;
	}
}
@media screen and (max-width: 380px){
	.logolar {
		row-gap: 30px;
	}
	.parsel, .insaat {
		padding: 0 0px 20px 0px;
	}
}