.beyaz-div h2,.beyaz-div span,.beyaz-div h3,.beyaz-div p{
        color:#fff !important;
    }
    .beyaz-div h4 span{
        color:#a57d2c !important;
      
        
    }
      .beyaz-div h3{
        font-size:15px !important;
      letter-spacing: 1px;
        
    }
    
      .beyaz-div h1{
        font-size:29px !important;
      
        
    }
    
    .vaziyet-detay-div hr{
        margin-bottom: 50px !important;
        width:100%;
        border-top:1px solid #ffffff1f;
    }
    
    .beyaz
    
		@media (min-width: 800px){
		.pc-center{
			text-align: center;
		}
	}
	@media (max-width: 800px){
		.pc-center{
			text-align: left !important;
		}
#scroll-to-top {
    right: 10px !important;
}
	}
	.bottom-menu li:nth-child(2) {
    border-color: #153e35;
}

	.bottom-menu li a span {
 
color: #101010 !important;
}
	
	
	ul.nav > li > a,.mobil-center h3{
		font-weight: 300 !important;
	}
	body,html,.a{
    font-family: Museo, sans-serif !important;
		
	}

	.bottom-bar.closebottom{
		display: none !important;
	}
	#Group_178 {

    left: 0;

    right: 0;
    margin: 0 auto;
}
    
    @media (max-width: 370px){
        
        .font-12{
            font-size:12px !important;
        }
        
    }
	@media (max-width: 767px){
        
        .header-section {
    margin-top: 0 !important;
}
        
		.margin-bottom-767{
			margin-bottom: 20px !important;
			text-align: center;
		}
		#Group_178{
			left:0 !important;
			right:0 !important;
			margin: 0 auto !important;
		}
		.project-2 .project-item, .js .slicknav_menu {
    overflow: auto;
}
		
		.gizle-767{
         display: none !important;
		}
		.mobildegoster{
			
			display: block !important;
		}

		
		}
    
    
    
    	@media (max-width:1023px){
        
        .gizle-mobilde-div{
            display: none !important;
        }
            
            
    }
	@media (max-width:1024px){
    
			.header-section #Group_113{
			height: 105px;
			transform: scale(0.8);
		}
			.header-section  .slicknav_menu {

/* top: 11px; */
}
	}
    
    	@media (max-width: 768px){
            .vaziyet-resim{
                background-size: contain !important;
            }
        .slide.card-blog{
    margin-bottom: 20px !important;
    }
	}
    
	@media (max-width: 767px){
		.bottom-menu li {
    border-top: #101010 solid 3px !important;
}
		.navbar-fixed-top.header-section {
    height: 85px !important;
    /* border-bottom: #101010 solid 3px; */
    box-shadow: none !important;
}
		.header-section.navbar-fixed-top .slicknav_menu {

top: -5px !important;
}
		.header-section.navbar-fixed-top #Group_113{
			height: 98.772px !important;
			transform: scale(0.5) !important;
           margin-top: -52px;
		}
			h1,h2,h3,h4.h5.h6{
		/* line-height: 2.1rem !important; */
	}
	.mobil-center{
		text-align: center !important;
	}
			.cols-list > .list-item {
    display: inline-block !important;
    float: none !important;
 }	
		#Group_174{
			right:0;
			    margin: 0 auto;
		}
		}
	#Path_1,#Path_1_oj {
    fill: rgb(165 125 44);
}
	.card-proje-mini{
		z-index: 1;
	}
#Group_377 {
    position: absolute;
    width: 123px;
    height: 31.154px;
    left: 46px;
    bottom: 43px;
    overflow: visible;
}
    #Meydan_Suites_Alka_Yap_Markasd2 {
    left: 185px;
    bottom: 37px;
    position: absolute;
    overflow: visible;
    width: 116px;
    white-space: nowrap;
    text-align: left;
    font-family: Museo;
    font-style: normal;
    font-weight: lighter;
    font-size: 12px;
    color: rgb(255 255 255);
    z-index: 1;
}
    #Group_377 svg path{
            fill: rgb(165 125 44) !important;
    }
    
   :-webkit-scrollbar-thumb {
  background-color: orange !important;    /* color of the scroll thumb */
}
    
    .flexcroll{
            height:290px;
            overflow-y:scroll;
           }
.flexcroll{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}
    
  
    
      .vaziyet-plan-tablo{
            height:290px;
            overflow-y:scroll;
           }
.vaziyet-plan-tablo{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}
    
    
    
    
.vaziyet-plan-tablo::-webkit-scrollbar{
        width: 12px;
        /* height: 73px; */
    }
    
    .vaziyet-plan-tablo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 50px; 
     border-radius: 50px; 
    opacity: 0.12;
    background: rgb(73 103 96);
}
    
    .vaziyet-plan-tablo::-webkit-scrollbar-thumb {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: rgb(165 125 44);
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);

}
    
  
    
    
 

/* Let's get this party started */
.flexcroll::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.flexcroll::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 50px; 
     border-radius: 50px; 
    opacity: 0.12;
    background: rgba(242,242,242,1);
}
 
/* Handle */
.flexcroll::-webkit-scrollbar-thumb {
     -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #101010;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
    body::-webkit-scrollbar,.popup-container .popup-inner::-webkit-scrollbar {
    width: 12px;
}
 
    
    
    
/* Track */
body::-webkit-scrollbar-track{
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 1px; 
     border-radius: 1px; 
    opacity: 0.12;
    background: rgba(242,242,242,1);
}
    
    .popup-inner::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0px; 
     border-radius: 0px; 
    opacity: 0.12;
    background: rgba(242,242,242,1);
}
 
/* Handle */
body::-webkit-scrollbar-thumb {
      -webkit-border-radius: 1px;
      border-radius: 1px;
      background: #3cabe2;
      -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
    
    .popup-container .popup-inner::-webkit-scrollbar-thumb {
      -webkit-border-radius: 0px;
      border-radius: 0px;
      background: #101010;
      -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
    
    
    
    
 #galerikare2-carousel .owl-item img {
    width: 20% !important;
}
    .logo-beyaz svg path{
        fill:#fff !important;
    }
           #Group_152.logo-beyaz:hover svg path{
        fill:rgb(165 125 44) !important;
    }
    
    #villadetay-carousel .owl-dots .owl-dot.active {
    background-color: rgb(165 125 44) !important;
    opacity: 1;
}
    
    @media (min-width: 1023px){
.card-meydan-detay {
    max-width: 22%;
    margin-left: 3%;
}
    
    }
    
        @media (max-width: 1023px){

    .kadkoyteklif{
        margin-left: 0px !important;
    }
            
    }
    
  .card-meydan-detay:hover{
    transition: all 0.3s linear;
    cursor: pointer;
    background: rgba(21,62,53,1) !important;
}
    .card-meydan-detay:hover p,.card-meydan-detay:hover h2{

   color: #fff !important;
}
    .ateklif-btn:hover{
        background: rgba(21,62,53,1)  !important;
           color: #fff !important;

    }
    
    #Path_172 {
		fill: rgba(165,125,44,1);
	}
	.Path_172 {
		overflow: visible;
		position: absolute;
		width: 30.877000000000002px;
		height: 30.812px;
		/* left: 1517.872px; */
		top: 0;
		transform: matrix(1,0,0,1,0,0);
		width: 30.686px;
		height: 30.69px;
	}
	#Path_173 {
		fill: rgba(165,125,44,1);
	}
	.Path_173 {
		overflow: visible;
		position: absolute;
		width: 11.961px;
		height: 1.432px;
		left: 3px;
		top: 5px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_174 {
		fill: rgba(165,125,44,1);
	}
	.Path_174 {
		overflow: visible;
		position: absolute;
		width: 11.906px;
		height: 1.436px;
		left: 3px;
		top: 10px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_175 {
		fill: rgba(165,125,44,1);
	}
	.Path_175 {
		overflow: visible;
		position: absolute;
		width: 11.948px;
		height: 1.436px;
		left: 3px;
		top: 15px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_176 {
		fill: rgba(165,125,44,1);
	}
	.Path_176 {
		overflow: visible;
		position: absolute;
		width: 8.726px;
		height: 1.432px;
		left: 20px;
		top: 15px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_177 {
		fill: rgba(165,125,44,1);
	}
	.Path_177 {
		overflow: visible;
		position: absolute;
		width: 8.727px;
		height: 1.433px;
		left: 20px;
		top: 20px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_178 {
		fill: rgba(165,125,44,1);
	}
	.Path_178 {
		overflow: visible;
		position: absolute;
		width: 8.729px;
		height: 1.436px;
		left: 20px;
		top: 25px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_182 {
		opacity: 0.067;
		fill: transparent;
		stroke: rgba(255,255,255,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Path_182 {
    overflow: visible;
    position: absolute;
    width: 1px;
    height: 110.943px;
    left: 300px;
    top: 20px;
    transform: matrix(1,0,0,1,0,0);
}
    
    .proje-detay-row .col-md-4{
       background: #153e35;
        border-radius:0px !important;
        height:150px !important;
    }
    
    .proje-detay-row .col-md-4 span{
      color:#fff !important;
        margin-top:10px;
    }
    
    .proje-detay-row svg path{
      fill: rgba(165,125,44,1) !important;
    }
    .proje-detay-row .proje-flex-content{
       height:150px !important;
    }
    .vaziyet-p p,.vaziyet-p h6{
        color:#fff !important;
        font-size:13px !important;
        opacity: 0.6;
    }
    
    	#Line_1 {
		fill: transparent;
		stroke: rgba(199,201,203,1);
		stroke-width: 0.20000000298023224px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 10;
		shape-rendering: auto;
	}
	.Line_1 {
		overflow: visible;
		position: absolute;
		width: 220.688px;
		height: 0.2px;
		left: 0.51px;
		top: 14.982px;
		transform: matrix(1,0,0,1,0,0);
	}
    .hakkimizda-div-detay p{
        color: rgb(21 62 53 / 63%) !important;
    font-weight: normal !important;
        margin-bottom: 7px;
    }
    
    .dl-slider .slick-dots li.slick-active {
    transition: all 0s ease-in-out !important;
   
}
    
    .card-meydan {
    
    border: 6px solid transparent;
}
    .card-proje-mini, .card-proje-mini .proje-flex-content{
        height: 180px !important;
    }
    .card-proje-mini .proje-flex-content #Group_58 span{
        margin-top:5px;
    }
    
    .card-proje-mini:hover, .card-harita:hover {
    transform: scale(1.005) !important;
    transition: all 0.1s linear !important;
   
}
    .proje-flex-content h2.hover-h2{
        line-height: 2.4rem !important;
    }
    .card-blog:hover {
    border: 5px solid rgba(165,125,44,1);
    transform: scale(1) !important;
    transition: all 0s linear !important;
}
       .card-blog{
    border: 5px solid transparent;
    
}
    
    position: relative;
    right: 0;
    top: -35px;
    
    .popup-container .popup .popup-inner .popup-title .popup-close-btn {
    padding: 5px 15px !important;
}


    
      @media (max-width:768px){
  .popup-container .popup .popup-inner .popup-title .popup-close-btn {

    position: relative !important;
    right: 0 !important;
    top: -20px !important;
    
    
    }
         }
    
    
    
    @media (min-width:1024px){
        .vaziyet-resim{
            margin-top:46px !important;
        }
 
         }
    .dl-btn-2,.dl-btn-1 {
	line-height: 50px !important;

    height: 50px;
}
    
    .dl-btn-1:hover, .dl-btn-2:hover {
  
    transition: all 0.01s linear !important;
}
    .dl-slider .dl-btn:hover {
   
    transition: all 0.01s linear !important;
        }
    
 .logo-light, .navbar-fixed-top .logo-light, .logo-dark, .navbar-fixed-top .logo-dark, .navbar-fixed-top.header-section, .header-section {
    transition: all 0s ease-in-out !important;
}
    
    #Projesidir {
    left: 20.015px !important;
        
    }
    
    
        @media (min-width: 767px){
.dl-slider .dl-caption.big {
    font-size: 24px !important;
}
        

  } 
    
    
    @media (max-width: 767px){
.dl-slider .dl-caption.big {
   margin-top: 0px !important;
    font-size: 13.5px !important;
}
        
        .dl-slider .dl-caption.big.mb-20 {
   margin-bottom: 30px !important;
}
  }  
    
    
    
    .aciklamaproje h3{
        line-height: 1.5;
    }
    
    @media only screen and (max-width: 992px) {
.dl-slider .dl-caption.big {
  
/* margin-top: -38px !important; */
}
        }
    
    @media (device-width: 320px){
.dl-slider .dl-caption.big {
    font-size: 12px !important;
}
        }
    
    .cc-color-override-1576123545.cc-window {
    background-color: rgb(0 0 0) !important;
}
    .cc-color-override-1576123545 .cc-btn {
   
background-color: rgb(60 171 226) !important;
}
    
    
    @media (max-width: 767px){
.dl-slider .slider-content {

/* align-items: center !important; */

/* padding-left: 1.05rem !important; */
}
        
        .dl-slider .slick-dots li.slick-active {
    /* border: 3px solid #a57d2c !important; */
}
        
        
        .inner-layer div {
    letter-spacing: 0px !important;
}
        }
    
.logo-light, .navbar-fixed-top .logo-light, .logo-dark, .navbar-fixed-top .logo-dark, .navbar-fixed-top.header-section, .header-section {
    transition: none !important;
}

*{
   /* transition: none !important; */
}
#Icon_metro-file-pdf {
		fill: #f79b3c;
	}
	.Icon_metro-file-pdf {
		overflow: visible;
		/* position: absolute; */
		width: 33.299px;
		height: 38.849px;
		left: 0;
		top: 0;
		transform: matrix(1,0,0,1,0,0);
	}


#Icon_feather-headphones {
		position: absolute;
		/* width: 21.735px; */
		/* height: 12.735px; */
		left: 20px;
		top: 18px;
		overflow: visible;
	}
	#Path_15 {
		fill: transparent;
		stroke: #101010;
		stroke-width: 3px;
		stroke-linejoin: round;
		stroke-linecap: round;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Path_15 {
		overflow: visible !important;
		position: absolute;
		width: 47.735px;
		height: 40.28px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_16 {
		fill: transparent;
		stroke: #101010;
		stroke-width: 3px;
		stroke-linejoin: round;
		stroke-linecap: round;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Path_16 {
		overflow: visible !important;
		position: absolute;
		width: 47.735px;
		height: 20.397px;
		left: 0px;
		top: 27.338px;
		transform: matrix(1,0,0,1,0,0);
	}
		#Ellipse_11 {
		fill: transparent;
		stroke: #101010;
		stroke-width: 2px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Ellipse_11 {
		/* position: absolute; */
		overflow: visible !important;
		width: 88px;
		height: 88px;
		left: 1150px;
		top: 3594px;
	}

	#Path_17 {
		fill: transparent;
		stroke: rgba(226,226,226,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Path_17 {
		overflow: visible;
		/* position: absolute; */
		width: 1px;
		height: 191.513px;
		left: 85%;
		top: 45px;
		transform: matrix(1,0,0,1,0,0);
	}

#Rectangle_31 {
		fill: #0000004d;
	}
	.Rectangle_31 {
		mix-blend-mode: color;
		position: absolute;
		overflow: visible;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0;
	}

#Path_25 {
		fill: transparent;
		stroke: rgba(230,230,230,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Path_25 {
		overflow: visible;
		position: absolute;
		width: 1px;
		height: 100%;
		left: 90%;
		top: -35px;
		transform: matrix(1,0,0,1,0,0);
	}