@font-face {
    font-family: Gilroy;
    src: url("../fonts/Gilroy-Light.otf") format("opentype");
}

@font-face {
    font-family: Gilroy;
    font-weight: bold;
    src: url("../fonts/Gilroy-ExtraBold.otf") format("opentype");
}
body
{
    font-family: 'Gilroy';
	background :#FFF;
}


.no-desktop{
	display:none !important;
}

.form-area{
	padding:30px;
	height: 100vh;
	position: fixed;
	right: 0px;
	top:0px;
	background-color: #FFF;
}

.form-title
{
    font-weight: lighter;
    font-size:19px;
    color:#000;
}


.form-title-2
{
    font-weight: bold;
    font-size:20px;
    color:#000;
}

.form-area input[type=text], .form-area input[type=email]{
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:1px solid #000;
    border-radius: 0px;
}

.form-floating label {
    color:#000;
    font-size:13px;
    padding-left:0px;
}

.form-check-label{
    font-size:11px;
    color: #000;
}

.form-check-label a{
    font-size:13px;
    color: #000;
}

.form-floating>.form-control, .form-floating>.form-select{
	height:calc(2.8rem + 2px);
}

.send{
    background-color: #81bd00;
    color: #FFF;
    font-weight: bold;
}

.send:hover{
    background-color: #000;
    color: #FFF;
    font-weight: bold;
}

.legal-text{
	font-size:10px; 
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
}


/*SLİDE*/
.owl-carousel {
	position: relative;
}

.owl-controls {
	position: absolute;
	right: 4em;
	bottom: 3em;
}

.owl-theme .owl-controls .owl-page span{
	background: #fff;
}

.owl-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100vh;
	position: relative;
	
	
}

.slide-1{
	background-image: url('../img/slide/1.jpg');
}
.slide-2{
	background-image: url('../img/slide/2.jpg');
}
.slide-3{
	background-image: url('../img/slide/3.jpg');
}
.slide-4{
	background-image: url('../img/slide/1.jpg');
}

div.owl--text {
	/*background: rgba(0, 0, 0, .2);*/
	text-align: left;
	position: absolute;
	top: 15%; left: 0;
	transform: translate(0%,-45%);
	padding: 1.5em;
	/*background: rgba(87, 65, 39, .6);*/
	color:#FFF;
	font-weight: lighter;
	font-size:3rem;
	width: auto;
	line-height: 3.5rem;
}
/*
div.owl--text::before
{
	content:"O";
	position: absolute;
	top: 0; left: 70px;
	width:100px; 
	height:66px;
	color: #81bd00;
	font-size:120px;
}

div.owl--text::after
{
	content:"O";
	position: absolute;
	top: 0; left: 70px;
	width:100px; 
	height:66px;
	color: #81bd00;
	font-size:120px;
}*/

.flat-type{
	padding-top: 80px;
	margin-bottom:45px;
}
	
.project_info{
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 20px;
}

.project_info h4{
	color:#000;
	padding-top:7px; padding-bottom: 0px;
	font-size:20px;
}

.project-span{
	border-bottom: 3px solid #81bd00;
	font-weight: bold;
	color:#81bd00;
}

.project-detail-p{
	color: #000;
	font-size:16px;
	line-height: 18px;
}

.project-title
{
	padding-top: 30px;
	padding-bottom: 40px;
    font-weight: lighter;
    font-size:36px;
    color:#000;
	position: relative;
}
.project-title::before
{
	content:"";
	position: absolute;
	top: 50%; right: 50%;
    transform: translate(50%,-50%);
	width:100px; 
	height:66px;
	border-bottom: 5px solid #81bd00
}

.project-title::after
{
	content:"O";
	position: absolute;
	top: -20px; right: 50%;
    transform: translate(50%,-50%);
	width:100px; 
	height:66px;
	color: #81bd00;
	font-size:80px;
}

.project-title span{
	font-weight: bold;
}

.project-title-white
{
	padding-top: 30px;
	padding-bottom: 40px;
    font-weight: lighter;
    font-size:36px;
    color:#fff;
	position: relative;
}
.project-title-white::before
{
	content:"";
	position: absolute;
	top: 50%; right: 50%;
    transform: translate(50%,-50%);
	width:100px; 
	height:66px;
	border-bottom: 5px solid #81bd00
}
.project-title-white::after
{
	content:"O";
	position: absolute;
	top: -20px; right: 50%;
    transform: translate(50%,-50%);
	width:100px; 
	height:66px;
	color: #81bd00;
	font-size:80px;
}

.project-title-white span{
	font-weight: bold;
}

.info-text-white {
	font-weight: lighter;
	font-size:22px;
	margin:15px 120px;
	color:#FFF;
}
	

.info-text {
	font-weight: lighter;
	font-size:22px;
	margin:15px 120px;
	padding-bottom: 20px;
}

.project_gallery {
	background: #000;
	padding-top:80px;
	padding-bottom: 80px;
}

.box {
	position:relative;
	padding-bottom: 100%;
   
 }
 .box a{
	 position:absolute;
	 color:#FFF;
	 border:3px solid #000;
	 bottom:0px;
	 left:0px;
	 font-size:2rem;
	 line-height: 1.3em;
	 width:100%;
	 height:100%;
	 padding:0;
 }
 
 .box a:hover{
	 border:3px solid #81bd00;
	 color:#FFF;
 }

 .box a img{
	width:100%;
	height:100%;
 }

 .gallery-list .col-sm-2{
	padding-left:0;
	padding-right: 0;
 }

.nav-tabs{
	border-bottom: none;
}
.nav-link{
	color:#000;
	font-weight: bold;
	font-size:18px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	background: #000;
	color: #81bd00;
	border: none;
}

.map{
	margin-left:45px;
	margin-bottom:0px;
}

#map{
	height:600px;
	width:100%;
}

.contact{
	padding-top: 80px;
	background-color: #f8f9fa;
}

.phone-title{
	font-size:30px; 
	font-weight: bold;
	color:#000;
}

.phone a{
	font-weight: lighter;
	font-size:40px;
	color: #000;
	text-decoration: none;
}

.address{
	font-weight: lighter;
	font-size: 22px;
	color: #000;
}

.footer{
	margin-left:45px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:13px;
}


@media (max-width: 991.98px) { 
	.main {
		width:100% !important;
	}

	.no-desktop{
		display:inline;
	}

	.form-area{
		width: 100% !important;
		padding:30px;
		height: auto;
		position: relative;
		background-color: #FFF;
	}


	.owl-controls {
		position: absolute;
		right:10px;
		bottom: 10px;
	}
	
	.owl-theme .owl-controls .owl-page span{
		background: #fff;
	}
	
	
	.owl-slide {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		height: 300px !important;
		margin-left:0px !important;
		margin-top:0px !important;
		margin-bottom:0px !important;
		position: relative;
	}

	div.owl--text {
		text-align: left;
		position: absolute;
		top: 20%; left: 0px;
		transform: translate(0%,-50%);
		padding: 0.5em;
		color:#FFF;
		font-weight: 200;
		font-size:1.5rem;
		line-height: 1.8rem;
		width: 70%;
		/*text-shadow: 2px 2px 3px rgb(12, 12, 12);*/
	}


	div.owl--text::before{
		display: none;
	}
	div.owl--text::after{
		display: none;
	}

	.project_info {
		margin: 0;
	}
	.info-text{
		margin: 10px;
		font-size: 18px;
	}
	.contact{
		padding-top: 20px;
	}

	.flat-type{
		margin: 0px;
		padding-top: 20px;
	}

	.contact{
		margin: 0px;
	}

	.map{
		margin:0px;
	}

	.project-title
	{
		padding-top: 0px;
		padding-bottom: 20px;
		font-weight: lighter;
		font-size:26px;
		color:#000;
		position: relative;
	}
	.project-title::before
	{
		content:"";
		position: absolute;
		top: 50%; right: 50%;
		transform: translate(50%,-50%);
		width:100px; 
		height:25px;
		border-bottom: 3px solid #81bd00;
	}

	.project-title::after
	{
		display: none;
	}

	.project-title-white
	{
		padding-top: 0px;
		padding-bottom: 25px;
		font-weight: lighter;
		font-size:26px;
		color:#fff;
		position: relative;
	}
	.project-title-white::before
	{
		content:"";
		position: absolute;
		top: 50%; right: 50%;
		transform: translate(50%,-50%);
		width:100px; 
		height:25px;
		border-bottom: 3px solid #81bd00;
	}
	.project-title-white::after
	{
		display: none;
	}

	
	.info-text-white{
		margin:10px 10px;
	}

	.project_gallery{
		padding-top: 35px;
		padding-bottom: 5px;
	}

 }


.videoeff{
	animation: bouncing-loader 0.6s infinite alternate;
}

@keyframes bouncing-loader {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(-1rem);
  }
}