@charset "UTF-8";

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

 
*{padding:0;margin:0;list-style:none;border:0;text-decoration:none; font-family:Optima-Regular; -webkit-font-smoothing: antialiased; font-weight: 400;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}

body {font-size: 14px; line-height: 1.47059;  letter-spacing: -.022em; font-family:Optima-Regular; overflow: visible; }
::-webkit-scrollbar { display: none; -ms-overflow-style: none;  scrollbar-width: none; }

.Icerik {width:100%;margin:0 auto; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; align-content: center; height: 100vh;  }
.Kapsayici {width:100%; height: 1510px; margin:0 auto; background-color: #fff; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow-y: scroll;  overflow-x: hidden;}
.Kapsayici .Banner { width: auto; height: 50vh;}
.Kapsayici .Banner img { width: auto; height: 50vh; }
.Baslik { font-size: 25px; font-weight: 600; margin: 30px 0px;} 

.Kapsayici .Katalog { width: 100%;  text-align: center; }
.Kapsayici .Katalog img { width: 150%; margin-left: -25vw;}

.Kapsayici .Lokasyon { width: 100%;  text-align: center; }
.Kapsayici .Lokasyon img { width: 195%; margin-left: -93vw;}

.MimariText { text-align: center; margin: 30px auto;}
.MimariText img { width: 80%; }
.MimariText p { width: 80%; margin: 20px auto; font-size: 14px; }


.ProjeHakkinda { }
.ProjeHakkinda .container { }
.ProjeHakkinda .container .box { display: flex; flex-direction: column-reverse; flex-wrap: wrap; margin: 5vh 0px; align-content: center; }
.ProjeHakkinda .container .box .left { width: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ProjeHakkinda .container .box .left img { width: 350px }
.ProjeHakkinda .container .box .left p{  font-size: 14px; width: 90%; margin-top: 20px; line-height: 21px; max-width: 455px; text-align: justify; } 
.ProjeHakkinda .container .box .right { width: 100%; text-align: center; margin: 20px 0px; }
.ProjeHakkinda .container .box .right img { width: 85%; }



.Form {width:30vw;margin:0 auto; background-color: #e6e8e3; display: none; flex-direction: column; justify-content: center; align-items: center; height: 100vh;   transition: width 2s;}

.FormMobil {width:100%;margin:0 auto; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }

.FormMobil .Logo {}
.FormMobil .Logo  img{ width: 190px; margin-top: 15px;}

.FormMobil .FormKalip { background-color: #fff; border-radius: 10px; padding: 20px; width: 85%; margin: 25px 0px; text-align: center; height: auto;overflow-y: hidden; overflow-x: hidden;} 
.FormMobil .FormKalip  h2 { font-weight: 600; font-size: 27px; color: #7c7a77;}
.FormMobil .FormKalip  p { color: #6d7477; font-size: 15px; width: 80%; margin: 10px auto; }

.FormMobil .FormKalip .iconlar { margin: 25px 0px 5px;}
.FormMobil .FormKalip .iconlar ul{  display: flex; flex-direction: row; align-items: flex-start; justify-content: center;}
.FormMobil .FormKalip .iconlar ul li { display: flex; flex-direction: column; align-items: center; margin: 0px 11px;}
.FormMobil .FormKalip .iconlar ul li img { width: 50px;}
.FormMobil .FormKalip .iconlar ul li p { font-size: 12px; color: #7c7a77; margin-top: 5px; width: auto; font-weight: 400;}

.FormMobil .FormKalip .FormDoldur {}
.FormMobil .FormKalip .FormDoldur input { background-color: #f1f2ef; border-radius: 6px; width: 90%; height: 40px; margin: 10px 0px; text-indent: 10px; font-size: 15px;}
.FormMobil .FormKalip .FormDoldur input[type="button"] { background-color: #5eb0cc; color: #fff; font-weight: 500; border-radius: 6px; width: 40%; height: 40px; margin: 10px 0px; text-indent: 0px; font-size: 16px;}
 select {     -webkit-appearance: none;
  -moz-appearance: none; background-color: #f1f2ef; border-radius: 6px; width: 90%; height: 40px; margin: 10px 0px; text-indent: 10px; font-size: 15px;}

 .FormMobil .FormKalip .FormDoldur textarea {
        background-color: #f1f2ef;
        border-radius: 6px;
        width: 90%;
        min-height: 40px;
        padding-top: 20px;
        margin: 10px 0px;
        text-indent: 10px;
        font-size: 15px;
    }

.Galeri {width: 100%; }


.Bottom { text-align: center; margin: 30px auto; }
.Bottom .YasalMetin { background-color: #f1f1f1; width: max-content; padding:10px 15px; margin: 10px auto; border-radius:6px;  }
.Bottom .SssIcerik { background-color: #f1f1f1; width: 80%; padding:30px; margin: 10px auto; border-radius:6px;  }
.Bottom .SssIcerik p {  font-size: 14px;  margin: 0px auto; }
.Bottom p {  font-size: 14px; margin-top: 30px; width: 90%; margin-left: 5%;  }

 .AnaLogo { position: absolute; z-index: 1; margin-top: 10vh;    left:50%; transform:translate(-50%, -50%); }
 .AnaLogo img {width: 100px;}

.cd-popup-containeruc {
width: 80%;
height: 17vh;
margin: 13em auto;
}


.swiper-container { border-radius: 8px !important; height: 50vh;}
.container .swiper-container .swiper-wrapper .swiper-slide .card-image {
    border: none;
    outline: none;
    border-radius: 2px;
  }
  .container .swiper-container .swiper-wrapper .swiper-slide .card-image img {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 8px;
    height: 50vh !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .container .swiper-container .swiper-pagination-bullet {
    opacity: 0.8;
    background: #252a32;
  }
  .container .swiper-container .swiper-pagination-bullet-active {
    background: #ffffff;
  }
  .container .swiper-container .swiper-button-next,
  .container .swiper-container .swiper-button-prev {
    background-image: none;
    background-size: 0;
    background-repeat: no-repeat;
    background-position: 0;
    margin-top: -1rem;
  }
  .container .swiper-container .swiper-button-next .arrow-icon,
  .container .swiper-container .swiper-button-prev .arrow-icon {
    font-size: 2rem;
    color: #ffffff;
  }

  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 30px !important;}

  .swiper-containeriki { border-radius: 8px !important;}
  .container .swiper-containeriki .swiper-wrapper .swiper-slide .card-image {
      border: none;
      outline: none;
      border-radius: 2px;
    }
    .container .swiper-containeriki .swiper-wrapper .swiper-slide .card-image img {
      display: block;
      position: relative;
      left: 0;
      bottom: 0;
      width: 100%;
      border-radius: 8px;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .container .swiper-containeriki .swiper-paginationiki-bullet {
      opacity: 0.8;
      background: #252a32;
    }
    .container .swiper-containeriki .swiper-paginationiki-bullet-active {
      background: #ffffff;
    }
    .container .swiper-containeriki .swiper-button-next,
    .container .swiper-containeriki .swiper-button-prev {
      background-image: none;
      background-size: 0;
      background-repeat: no-repeat;
      background-position: 0;
      margin-top: -1rem;
    }
    .container .swiper-containeriki .swiper-button-next .arrow-icon,
    .container .swiper-containeriki .swiper-button-prev .arrow-icon {
      font-size: 2rem;
      color: #ffffff;
    }
  
    .swiper-button-next, .swiper-containeriki-rtl .swiper-button-prev { right: 30px !important;}


    .swiper-button-previki {
        background-image: none;
        background-size: 0;
        background-repeat: no-repeat;
        background-position: 0;
        margin-top: -1rem;}
  .swiper-button-previki .arrow-icon {font-size: 2rem;
    color: #ffffff;}





    .styled-checkbox {
        position: absolute;
        opacity: 0;
      }
      .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
      }
      .styled-checkbox + label:before {
          border-radius: 8px;
        content: "";
        margin-right: 10px;
        display: inline-block;
        vertical-align: text-top;
        width: 25px;
        height: 25px;
        background: #e6ecee;
      }
      .styled-checkbox:hover + label:before {
        background: #e6ecee;
      }
      .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
      }
   /*    .styled-checkbox:checked + label:before {
        background: #f35429;
      } */
      .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
      }
      .styled-checkbox:disabled + label:before {
        box-shadow: none;
        background: #ddd;
      }
      .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 5px;
        background: #a2a2a2;
        width: 15px;
        height: 15px;
        border-radius: 6px;
      }

      .unstyled {
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
    
      
      .centered {
        width: 300px;
        margin: auto;
      }
      
      .title {
        text-align: center;
        color: #4571ec;
      }      

      .checkboxli  { display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;}
 
        .checkboxli p { font-size: 13px !important; text-align: left ;} 






























      }