@font-face {

    font-family: 'Lato'; 

    src: url('../font/Lato-Light.ttf'); 

    font-weight: 300;

}

@font-face {

    font-family: 'Lato'; 

    src: url('../font/Lato-Regular.ttf'); 

    font-weight: 400;

}

@font-face {

    font-family: 'Lato'; 

    src: url('../font/Lato-Bold.ttf'); 

    font-weight: 500;

}

@font-face {

    font-family: 'Lato'; 

    src: url('../font/Lato-Black.ttf'); 

    font-weight: 600;

}

.fw-bold{
  font-weight: 500 !important;
}


*{

    font-family: 'Lato';

    font-weight: 400;

 

}



.nav-link {

    font-size: 14px;

    color: #707070;

    

}



.nav-link:hover,

.nav-link:active{

   border-bottom: 7px solid #796552;

   padding-bottom: 1px;

}







.nav-item:last-child{

    border-right: none;

}



@media screen and (min-width: 992px) {

    .nav-item {

        border-right: 1px solid #BEBEBE;

        padding-right: 5px;

       

    }

}



.custom-dropdown .dropdown-menu{



    background-color: #021521ec;

    border: unset;

}



.custom-dropdown {

    position: unset !important;

}



.flex-grow-3{

    flex-grow: 3;

}



.flex-grow-2{

    flex-grow: 2;

}



.flex-grow-4{

    flex-grow: 4;

}



.dropdown-item:hover,

.dropdown-item:focus,

.dropdown-item:active {

    background-color: unset !important;

    color: #796552 !important;

}





.custom-dropdown-items{

    border-left: 3px solid #796552;

}











  

  /* CUSTOMIZE THE CAROUSEL

  -------------------------------------------------- */

  

  /* Carousel base class */

  .carousel {

    margin-bottom: 4rem;

  }

  /* Since positioning the image, we need to help out the caption */

  .carousel-caption {

    bottom: 15rem;

    z-index: 10;

  }

  

  /* Declare heights because of positioning of img element */

  
  

  

  /* MARKETING CONTENT

  -------------------------------------------------- */

  

  /* Center align the text within the three columns below the carousel */

  .marketing .col-lg-4 {

    margin-bottom: 1.5rem;

    text-align: center;

  }

  /* rtl:begin:ignore */

  .marketing .col-lg-4 p {

    margin-right: .75rem;

    margin-left: .75rem;

  }

  /* rtl:end:ignore */

  

  

  /* Featurettes

  ------------------------- */

  

  .featurette-divider {

    margin: 5rem 0; /* Space out the Bootstrap <hr> more */

  }

  

  /* Thin out the marketing headings */

  /* rtl:begin:remove */

  .featurette-heading {

    letter-spacing: -.05rem;

  }

  

  /* rtl:end:remove */

  

  /* RESPONSIVE CSS

  -------------------------------------------------- */

  

  @media (min-width: 40em) {

    /* Bump up size of carousel content */

    .carousel-caption p {

      margin-bottom: 1.25rem;

      font-size: 1.25rem;

      line-height: 1.4;

    }

  

    .featurette-heading {

      font-size: 50px;

    }

  }

  

  @media (min-width: 62em) {

    .featurette-heading {

      margin-top: 7rem;

    }

  }





  .carousel-item img {

 

      object-fit: cover;

  }

  



  .carousel-caption h2{
      font-weight: 500;
      background-color: #021521e3;
      max-width: 500px;
      padding: 15px 20px;
      margin-bottom: 0;
      font-size: 40px;
  }

  .carousel-caption h2 span {
    font-weight: 300;
    display: block;
  }



  .carousel-caption .slider-subtitle{

    background-color: #021521e3;

    padding: 15px 20px 0 20px;

    max-width: 500px;

    font-size: 16px;

    font-weight: 300;

    margin-bottom: 0;

    letter-spacing: 0.8px;

  }



.slider-info {

    background-color: #796552d5;

    padding: 10px 20px 10px 20px;

    margin-top: 0;

    font-size: 16px !important;

    max-width: 500px;

    font-weight: 300;

    letter-spacing: 0.2px;

}



.carousel-caption .btn{

    display: block;

    background-color: #1A2029;

    width: fit-content;

    color: white;

    font-size: 12px !important;

    margin-top: 5px;

    font-weight: 300;

}



section {

    padding-bottom: 2rem;

}



section h3{

    font-weight: 300;

    color: #796552;

    margin-bottom: 30px;
    font-size: 40px;

}



.project-small-img{

  right: 15px;

  bottom: 5px;

}


.projects-bg-color{
  
  background-color: #021521ef;
}


.projeler-text-area{

    max-width: 80%;
    color:white;
    font-weight: 200;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;





}

.projeler-text-area:hover,

.projeler-text-area:active {

    color: #796552;



}



.projeler-text-area span{
  font-size: 16px;
  padding-top: 9px;
  display: inline-block;

}



.section-text-area {

    color: #001765;

    max-width: 600px;

    font-size: 22px;
    font-weight: 300;



}



.faaliyet-alani a{
    text-decoration: none;
    color: #001765;
    font-size: 20px;
}



.faaliyet{

background: rgb(255,255,255);

background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,241,239,1) 26%, rgba(121,101,82,0.29175420168067223) 100%);

border-bottom: 1px solid #D5D5D5;

}





@media screen and (max-width: 576px) {

   .faaliyet-alani a{

      width: 50%;

      margin-bottom: 20px;

    }

    .faaliyet-alani a img{

      margin: auto;

    }

}



.card {

  border: none !important;

  border-radius: unset !important;





}



.card-right-border {

  border-right: 1px solid #D5D5D5 !important;

}



.card-text{

  font-size: 12px;

  color: #001765;

  max-height: 126px;

  overflow-y: hidden;

}


.card img{
  object-fit: cover;
    height: 204px;
}



.card-body{

  padding-top: 0px;

}



.card-title{

  color: #796552;
  font-weight: 500;
  font-size: 14px;
}

.project-info-detail b {
  font-weight: 500 !important;
}

.btn-news{

  background-color: #796552;

  color: white;
  font-size: 10px;

}

.slider-1{
  left: 286px;
    top: 36%;
}




@media screen and (max-width: 1440px) {

  .slider-1{
    left: 200px;

  }

}


@media screen and (max-width: 425px) {

  .slider-1{
    left: 30px;

  }

}






@media screen and (max-width: 767px) {

  .card-body{

    padding-top: 16px !important;

  }

  .card-right-border {

    border-right: unset !important;

  }

}



.news {

  padding-bottom: 50px;

  border-bottom: 1px solid #D5D5D5; 

}



.partner-area img{

  object-fit: contain;

  margin: 10px;

}



.partner-area{

  background-color: #F8F7F6;

  padding-bottom: 75px;

}

footer{

  background-color: #F8F7F6;

}

.footer-top{

  border-top: 1px solid #D5D5D5; 

  border-bottom: 1px solid #D5D5D5; 

  padding: 50px 0;



}



.footer-top h5,
.footer-top h5 a {

  font-size: 14px !important;

  color: #796552;

  font-weight: 500;
  text-decoration: none;

}



.footer-top ul{

 list-style-type: none;

 padding-left: 0 !important;,



}



.footer-top ul li a{

  font-size: 10px;

  text-decoration: none;

  color: #796552;

}



.footer-top ul li a:hover,

footer .social-icons a:hover,

.footer-bottom a:hover{

  color: #201b15;

}

.footer-top ul li{

  line-height: 1.1;



}



footer .social-icons .bi{

  color: #796552;

  font-size: 20px;

}





footer .social-icons .bi-youtube{

  color: #796552;

  font-size: 25px;

}



.footer-bottom a, .footer-bottom {

  font-size: 10px;

  color: #796552;

  text-decoration: none;

} 



@media screen and (max-width:565px) {

  .footer-50 {

    width: 50%;

  }

  .footer-100 {

    width: 100%;

  }

}



.project-area img{

  object-fit: contain;

  max-width: 100%;

}



.prohect-main-img{

  width: 520px;
  height: 250px;
  object-fit: cover !important;
}



.project-title-area {

  background-color: #021521;

}



.project-title-area h1{

  color: #796552;

  font-weight: 300;

}





.project-page .carousel {

  margin-bottom: 0;

}



.project-title-area a:hover{

  box-shadow: rgba(223, 223, 223, 0.2) 0px 7px 29px 0px;

}



.project-info-area .project-icon{

  object-fit: contain;

}



.project-info-detail{

  background-color: #796552;

  background-image: url('img/badur-project-logo.png');

  background-position: right bottom;

  background-repeat: no-repeat;
  height: fit-content;
}



.project-info-detail ul {

  list-style: none;

  color: white;

  padding-left: 0;

  padding: 20px 15px 20px 15px;

  margin-bottom: 0;

}



.project-info-detail ul li {

  padding-bottom: 10px;

  padding-top: 10px;

  font-weight: 500;

}



.project-info-text-area{

  max-width: 700px;

}



.project-gallery-area img{

  object-fit: cover;

  width: 100%;

}



.contact-text{

  font-size: 18px;

  max-width: 500px;

  color: #796552;

  font-weight: 300;

  margin-bottom: 0;

}



.map {

  filter: grayscale(100%);         

}



.contact .btn {

  background-color: #796552;

  color: white;

  margin-top: 0.5rem !important;



}



.form-control {

  border: 1px solid #796552;



}



.form-control::placeholder {

  color: #796552;

}



.adress, .adress a {

  font-size: 14px;

  color:  #796552;

}

.adress p {

  margin-bottom: 5px;

}



.vakif-area {

  height: 327px;

  width: 100%;

  background: rgb(208,186,165);

background: linear-gradient(0deg, rgba(208,186,165,1) 0%, rgba(121,101,82,1) 100%);

overflow-y: hidden;

}



.vakif-img-children{

  mix-blend-mode: overlay;

  margin-top: -100px;

  

}

.vakif-mehmet{


  top: 38% !important;

  z-index: 99999;

}







@media screen and (max-width:1399px) {

  .vakif-mehmet{

    margin-left: 100px !important;

  }

}

@media screen and (max-width:375px) {

  .vakif-mehmet{

    margin-left: 50px !important;

  }

}

@media screen and (max-width:325px) {

  .vakif-mehmet{

    margin-left: 20px !important;

  }

}



.about-us-mehmet{



  top: 90% !important;

  z-index: 9999999;

}



.vakif-text{

  max-width: 1200px;

  font-size: 14px;

}



.vakif-text-title{

  font-size: 29px;

  font-weight: 500;

  line-height: 40px;

  color: #796552;

}



.column {

  float: left;

  display: none; /* Hide columns by default */

}



.show {

  display: block;

}



#myBtnContainer .active::before {

  content: "";

  width: 60px;

  height: 6px;

  background: #796552;

  display: block;

  margin-bottom: 7px;

}



#myBtnContainer .active::after {

  content: url('img/Path_94.png');

  float: left;

  margin-left: 18px;

  margin-top: -15px;

}



a.g-selector {

  text-decoration: none;

}



@media screen and (max-width:768px) {

  a.g-selector {

    width: 33% !important;

  }

}



a.g-selector p{

  color: #001765;

  text-align: center;

  font-size: 14px;

}



.about-img-bina-2,

.about-img-bina-1 {

  mix-blend-mode: overlay;

}



.about-img-bina-1 {

  top: 60%;

  left: 350px;



}



.about-img-bina-2 {

  left: 652px;

      top: 26%;

      opacity: 0.5;

}



.about-banner-text {

    max-width: 1350px;

    top: 80px;

    font-size: 13px;

    color: white;

}





.about-baneer-r {

  border-right: 2px solid white;



}



.about-baneer-b {

  border-bottom: 2px solid white;

}



.about-area .container {

  height: 100%;

}



.navbar-expand-lg .navbar-nav .dropdown-menu {

  z-index: 9999999999;

}

.badur-yatirim-logo{
    left: 550px;
    top: 50%;
}

.badur-yatirim-bg {
  object-fit: cover;
}

@media screen and (max-width:1440px) {

  .badur-yatirim-logo{
    left: 370px;

  }

}

@media screen and (max-width:1024px) {

  .badur-yatirim-logo{
    left: 150px;
  }
}

@media screen and (max-width:425px) {

  .badur-yatirim-logo{
    left: 40px;
  }
}


.yatirim-title{
  color: #796552;

}

@media screen and (max-width:768px) {

  .carousel-caption h2 {
    font-size: 25px;
  }
  .carousel-caption {
    bottom: 0px;
  }
  .slider-info{
    font-size: 14px;
  }

}


  .project-page .carousel-item img{
    object-fit: contain;
    max-width: 100%;
    height: auto;
    max-height: 800px;
  }



  .project-page .carousel-item {
    height: auto;
  }

  @media screen and (min-width:1024px){
    .project-page .carousel-item img{
      object-fit: cover;
      max-height: 800px;
    }
  }
  
.footer-other-btn{
    color: white !important;
    background: #796552;
    padding: 3px 5px;
    border-radius: 3px;
}

.footer-other-btn:hover {
  color: #796552 !important;
  background: #ada094;
}

.carousel-control-prev-icon, 
.carousel-control-next-icon {
  width: 85px;
  height: 69px;
}

.slider-img{
  width: 100%;
  height: auto;
  object-fit: contain !important;
}

@media screen and (max-width:1024px) {
  .carousel{
    margin-bottom: 1rem;
  }
}