body {font-family: 'Open Sans', sans-serif; overflow-x: hidden;}

.color-white{color:#FFF;}
.color-black{color:#000;}
.color-main{color:#6A8A49;}
.color-gray{color:#9B9B9B;}
.color-orange{color:#D37220;}
.color-red{color:#B5331E;}
.color-blue{color:#2d83a4;}


.bg-white{background-color:#ffffff;}
.bg-main{background-color:#024bae;}
.bg-main2{background-color:#11999f;}

.border-white{border:1px solid #fff;}
.border-gray{border:1px solid #979797;}
.border-blue{border:1px solid #024bae;}
.border-blue2{border:2px solid #11999f;}

.border--right-blue{border-right: 1px solid #024bae;}
.border--right-blue2{border-right: 1px solid #11999f;}

.radius5{border-radius: 5px;}
.radius10{border-radius: 10px;}
.radius20{border-radius: 20px;}
.radius100{border-radius: 100%;}

.font1{font-family: "Righteous", Sans-serif;}
.font2{font-family: "Open Sans", Sans-serif;}

.fw-300{font-weight: 400;}
.fw-400{font-weight: 400;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}

.size-10{font-size:10px}
.size-11{font-size:11px}
.size-12{font-size:12px}
.size-13{font-size:13px}
.size-14{font-size:14px}
.size-15{font-size:15px}
.size-16{font-size:16px}
.size-17{font-size:17px}
.size-18{font-size:18px}
.size-19{font-size:19px}
.size-20{font-size:20px}
.size-21{font-size:21px}
.size-22{font-size:22px}
.size-23{font-size:23px}
.size-24{font-size:24px}
.size-25{font-size:25px}
.size-26{font-size:26px}
.size-27{font-size:27px}
.size-28{font-size:28px}
.size-29{font-size:29px}
.size-30{font-size:30px}
.size-31{font-size:31px}
.size-32{font-size:32px}
.size-33{font-size:33px}
.size-34{font-size:34px}
.size-35{font-size:35px}
.size-36{font-size:36px}
.size-37{font-size:37px}
.size-38{font-size:38px}
.size-39{font-size:39px}
.size-40{font-size:40px}
.size-41{font-size:41px}
.size-42{font-size:42px}
.size-43{font-size:43px}
.size-44{font-size:44px}
.size-45{font-size:45px}
.size-46{font-size:46px}
.size-47{font-size:47px}
.size-48{font-size:48px}
.size-50{font-size:50px}
.size-52{font-size:52px}
.size-55{font-size:55px}
.size-57{font-size:57px}
.size-60{font-size:60px}
.size-65{font-size:65px}
.size-68{font-size:68px}
.size-73{font-size:73px}
.size-76{font-size:76px}
.size-77{font-size:77px}
.size-85{font-size:85px}
.size-112{font-size:112px}

.lh55{line-height: 55px;}

.menu{position: fixed; top: 10px; width: 100%; z-index: 2;transition: all 0.2s ease;}
.menudesc{transition: all 0.2s ease;}
.fixedmenu {
  z-index: 999;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  border-radius: 50px;
  padding: 2px 20px;
}

.fixedmenu .wlink:link {color: #000000; text-decoration: none;}
.fixedmenu .wlink:visited {color: #000000; text-decoration: none;}
.fixedmenu .wlink:hover {color: #000000; text-decoration: none;}
.fixedmenu .wlink:active {color: #000000; text-decoration: none;}

.slider .swiper {
    width: 100%;
    height: 100vh;
    max-height: 700px;
  }

.slider  .swiper-slide {
    position: relative;
    overflow: hidden;
  }

.slider  .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 1s ease;
    filter: blur(4px);
  }

.slider .swiper-slide-active img {
    animation: zoomIn 7s ease-in-out infinite;
    filter: blur(0px);
  }

  @keyframes zoomIn {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.1);
    }
  }

.pab{position: absolute !important;bottom: 10px; width: 100%;z-index: 2;}

.image_container_fw {
	background-size: cover;
	width: 100%;
}
.image_container_fw .image-container {
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: 50px auto;
	perspective: 1000px;
	margin: auto;
}
.image_container_fw .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  will-change: transform, box-shadow;
}

.bg3{
	background-size: cover;
  height: 100vh;
  max-height: 750px;
}

.textshadow1{text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}

.projedetail{
  width: 100%;
  border-style: solid;
	border-width: 0px 12px 0px 12px;
	border-color: #6A8A49;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  border-right:0px;
}
.projedetail:last-child {
  border-style: solid;
	border-width: 0px 12px 0px 12px;
	border-color: #6A8A49;
}

.projedetail span {width: 100%; display: block;}
.bg3 .vh100{height: 100vh;max-height: 750px;display: flex;flex-direction: column;justify-content: space-between;}

.mt-100{margin-top: -100px;}
.mt-150{margin-top: -150px;}
.mt-200{margin-top: -200px;}

.bg4{
	background-size: cover;
  height: 100vh;
  max-height: 750px;
}


.image_container_fw2 {
	background-color: #F3F2F0;
	width: 100%;
}
.image_container_fw2 .image-container2 {
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: 50px auto;
	perspective: 1000px;
	margin: auto;
}
.image_container_fw2 .image-container2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  will-change: transform, box-shadow;
}
.image_container_fw2 img {
  width: 100%;
  height: 100%;
}

.sonbg {
	background-size: cover;
}

.sample-slider3 .swiper-button-next, .sample-slider3 .swiper-button-prev {display:none !important;}
.sample-slider3 img {width: 100%; max-width: 100%;}

.footer{background-color: #2B312F;}
.footer2{background-color: #202221;}

.footer a{display: block; margin-bottom: 10px;}

.wlink:link {color: #ffffff; text-decoration: none;}
.wlink:visited {color: #ffffff; text-decoration: none;}
.wlink:hover {color: #ffffff; text-decoration: none;}
.wlink:active {color: #ffffff; text-decoration: none;}

.viewall:hover {
	color: #fff;
	background-color: #B5331E;
	border: 1px solid #B5331E;
  text-decoration: none;
  transition: color 0.5s ease, text-decoration 0.5s ease;
}
.bordertop{border-top: 1px solid #737373;}

.w100{width: 100%;}
.mw100{max-width: 100%;}






.konum {
	background-size: cover;
}

.elementor-icon {
	background-color: #FFFFFF;
	color: #565550;

  display: inline-block;
	line-height: 1;
	transition: all .3s;
	font-size: 50px;
	text-align: center;
  border-radius: 100%;
  padding: .5em;
  font-size: 40px;
}

.yoltarifi:link     {background-color: #072736; color: #ffffff; text-decoration: none;}
.yoltarifi:visited  {background-color: #072736; color: #ffffff; text-decoration: none;}
.yoltarifi:hover    {background-color: #072736; color: #ffffff; text-decoration: none;}
.yoltarifi:active   {background-color: #072736; color: #ffffff; text-decoration: none;}

iframe{width: 100%; height:400px;}
.lokasyonavantaj {
	background-color: #F3F2F0;
	width: 100%;
}
.lokasyonavantaj img{width: 100%; max-width: 75px;}

.sehringirisini {
	background-image: url("../images/SEHRIN-GRISINI-YESILE-BOYUYORUZ.png");
	background-size: 100%;
  background-repeat: no-repeat;
}

.sehringirisini .detail{padding: 90px 0px 85px 0px;}

.galerilink:link     {color: #54595F; text-decoration: none;}
.galerilink:visited  {color: #54595F; text-decoration: none;}
.galerilink:hover    {color: #54595F; text-decoration: none;}
.galerilink:active   {color: #54595F; text-decoration: none;}

.galerikat a {margin: 0px 10px;}


.yanson {
  animation: blink-animation 1s steps(2, start) infinite;
  -webkit-animation: blink-animation 2s steps(2, start) infinite;
  color: #54595F;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}



.sample-slider1 .swiper-button-next, .sample-slider1 .swiper-button-prev {background-color: #7fa53d; color: white; width: 60px;height: 60px;}
.sample-slider1 img {width: 100%; max-width: 100%;}
.sample-slider1 .swiper-pagination{bottom: 0px;}
.sample-slider1 .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 0px;
	background-color: transparent;
	border: 1px solid #D37220;
  opacity: 1;
}
.sample-slider1 .swiper-pagination-bullet-active {
	background-color: #D37220;
	border: 1px solid #D37220;
}

.sample-slider1 .swiper-slide {
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: scale(0.9) rotate(0deg);
  opacity: 0.9;
}

.sample-slider1 .swiper-slide img {
  width: 100%;
  border-radius: 0px;
}

.sample-slider1 .swiper-slide-active {
  transform: scale(1.2) rotate(0deg);
  opacity: 1;
  z-index: 2;
}

.sample-slider1 .swiper-slide-prev {
  transform: scale(1) translateX(0px) rotate(-0deg);
  opacity: 0.5;
}

.sample-slider1 .swiper-slide-next {
  transform: scale(1) translateX(0px) rotate(0deg);
  opacity: 0.5;
}


#menuBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.mobileMenu {
  position: fixed;
  top: 0;
  left: -250px;
  width: 250px;
  height: 100%;
  background-color: #333;
  color: #fff;
  transition: left 0.3s ease;
  z-index: 1000;
  padding: 20px;
}

.mobileMenu ul {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.mobileMenu ul li {
  margin: 15px 0;
}

.mobileMenu ul li a {
  color: white;
  text-decoration: none;
  font-size: 18px;
}

#closeBtn {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
}


.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(211,114,32,0.3);
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zoom-icon {
  font-size: 55px;
  color: white;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.image-wrapper:hover .overlay {
  opacity: 1;
}

@media screen and (max-width: 767px)
{
	.size-16{font-size:14px}
	.size-26{font-size:20px}
	.size-32{font-size:20px}
	.size-36{font-size:20px}
	.size-48{font-size:25px}
  .size-52{font-size:45px}
  .size-77{font-size:45px}
  .detail .border--right-blue2{border: 0px solid;}

  .projedetail{
	border-width: 12px 0px 12px 0px;
  border-bottom:0px;
  }
  .projedetail:last-child {
    border-width: 12px 0px 12px 0px;
    border-color: #6A8A49;
  }

  .bg3 .display-flex-between {flex-direction: column;}
  .slider .swiper {
    width: 100%;
    height: 65vh;
  }
}