:root {

    --font1: "JetBrains Mono";
    --font2: "Open Sans";
  
    --fontnormal: 16px;
    --fontbaslik: 26px;
  
    --ab: absolute;
    --fi: fixed;
  
    --turuncu: #E08700;
    --beyaz: #fff;
  
  
  }
  


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


.menu888{display: none;;}
#theme-toggle{display: none;;}

.logokucuk{position: absolute;left:40px;margin-top: 35px;;}

.menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    transform: translateX(-100%);
    opacity: 0;
    transition: opacity 0.5s ease; /* Sadece opaklık için geçiş efekti */
    z-index: 1001;
  }
  
  .menu.active {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.3s;
  }
  
  .menu-content {
    padding: 20px;
  }
  
  .menu-content ul {
    list-style-type: none;
    padding: 0;
  }
  
  .menu-content ul li {
    margin-bottom: 10px;
    opacity: 0; /* Başlangıçta görünmez yap */
    transition: opacity 2s ease; /* Geçiş animasyonu ekle */
    color:#333; z-index: 2;
  }
  
  .menu-content ul li:nth-child(1) {
    transition-delay: 0.2s; /* İlk menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: -150px; z-index: 2;
 
  }
  
  .menu-content ul li:nth-child(2) {
    transition-delay: 0.3s; /* İkinci menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: -100px; z-index: 2;
  }
  
  .menu-content ul li:nth-child(3) {
    transition-delay: 0.4s; /* Üçüncü menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: -50px; z-index: 2;
  }
  
  .menu-content ul li:nth-child(4) {
    transition-delay:0.5s; /* Dördüncü menü öğesi için gecikme süresi */

    position: fixed;
    top:50%;
    left:100px;
    margin-top: 0px; z-index: 2;
  }

  .menu-content ul li:nth-child(5) {
    transition-delay:0.6s; /* Dördüncü menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: 50px; z-index: 2;
  }
  

  .menu-content ul li:nth-child(6) {
    transition-delay:0.7s; /* Dördüncü menü öğesi için gecikme süresi */

    position: fixed;
    font-weight: 400;
    top:50%;
    left:100px;
    margin-top: 100px; z-index: 2;
  }
  

  .menu-content ul li:nth-child(7) {
    transition-delay:0.8s; /* Dördüncü menü öğesi için gecikme süresi */
    position: fixed;

    
    font-weight: 400;
    top:50%;
 left:100px;
 margin-top: 150px; z-index: 2;
  }


  .menu-content ul li:nth-child(8) {
    transition-delay:0.8s; /* Dördüncü menü öğesi için gecikme süresi */
    position: fixed;

    
    font-weight: 400;
    top:50%;
 left:100px;
 margin-top: -250px;
 FONT-size:14px;  z-index: 2;
  }
  
  
  
  .menu-content ul li a {
   
    
    text-decoration: none;
    color: #fff;
    font-size:40px;
    font-family: "Bebas Neue", sans-serif; z-index: 2;
  
   
  }
  
  
  .menu-toggle {
    position: fixed;
    right: 60px;
    top: 70px;
    cursor: pointer;
    z-index: 999999;
    margin-top: -20px;
  }
  
  .menu-toggle .line {
    width: 30px;
    height: 2px;
    background-color: #666;
    margin: 5px 0;
    transition: all 0.3s ease;
 
  }
  
  .menu-toggle .line:nth-child(2) {
    opacity: 0; /* Orta çizgiyi gizle */
  }
  
  .menu-toggle.active .line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    
  }
  
  .menu-toggle.active .line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
  
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 1000;
  }

#background-video{position: fixed;z-index: 1;width: 100%;height: 100%;object-fit: cover;top:0;left:0;opacity: 0.4;}


.logobuyuk{display: none;;}
.cizgi1{display: none;}
.cizgi2{display: none;}
.cizgi3{display: none;}
.cizgi4{display: none;}
.cizgi5{display: none;}
.cizgiyuvarlak{display: none;}
.cizgiyuvarlakikon1{position: absolute;margin-top: 50px;margin-left: 130px;;}

.ustbolum{position: absolute;margin-top: 200px;;}

.slogan1{position: absolute;width: 220px;;text-align: left;font-family: var(--font2);}
.slogan2{position: absolute;margin-top: 100px;text-align: left;width: 260px;font-family: var(--font2);}

.anaresim{position: absolute;margin-top: 200px;;}
.anaresim img{width: 200px;height: 200px;border-radius: 300px;border:2px solid var(--turuncu);}



.ortabolum{position: absolute;margin-top: 3000px;;}
.ortabolum2{position: absolute;margin-top: 3000px;;}
.formbolumu{position: absolute;margin-top: 4000px;;}
.altbolum{position: absolute;margin-top: 5300px;;}


#hak90{position: absolute;margin-top: 2300px;height: 10px;width: 10px;;}
#hak91{position: absolute;margin-top: 5100px;height: 10px;width: 10px;;}
.hakkimizdabuton {
    width: 214px;
    height: 46px;
    flex-shrink: 0;
    position: absolute;
    border-radius: 100px;
    background: #161616;
    margin-top: 240px;
    ;
  }

  .hakkimizdayazisi {
    position: absolute;
    font-family: var(--font1);
    color: #fff;
    margin-left: 40px;
    margin-top: 12px;
    ;
  }

  .hakkimizdaikonu {
    position: absolute;
    margin-left: 162PX;
    margin-top: 4px;
  }




  .anaresim {
    position: absolute;
    margin-left: 40px;
    margin-top: 320px;
    ;
  }

  .ozelliklerkare1 {
    position: absolute;
    width: 233px;
    height: 461px;
    flex-shrink: 0;
    background: linear-gradient(90deg, rgba(252, 175, 58, 0.34) 0%, rgba(252, 175, 58, 0.22) 100%);
    backdrop-filter: blur(15px);
    margin-top: 600px;
    font-family: var(--font1);
    margin-left:25 ;
  }

  .ozellikleraltvizgi {
    position: absolute;
    margin-top: 1060px;
    width: 233px;
    height: 2px;
    background: #FCAF3A;
    box-shadow: 0px 4px 10px 0px #FCAF3A;    margin-left:25 ;
    
  }


.ozellikler1{position: absolute;margin-left: 40px;margin-top: 50px;text-align: left;font-weight: bold;}

.ozellikler2{position: absolute;margin-left: 40px;margin-top: 150px;text-align: left;font-weight: bold;}

.ozellikler3{position: absolute;margin-left: 40px;margin-top: 250px;text-align: left;font-weight: bold;}

.ozellikler4{position: absolute;margin-left: 40px;margin-top: 350px;text-align: left;font-weight: bold;}



.ozellikler1nokta{position: absolute;margin-left: 40px;margin-top: 117px;;}
.ozellikler2nokta{position: absolute;margin-left: 40px;margin-top: 217px;;}
.ozellikler3nokta{position: absolute;margin-left: 40px;margin-top: 317px;;}


.solasagiok{position: absolute;margin-top: 550px;margin-left: 125px;;}


.galeributon {
  width: 294px;
  height: 56px;
  flex-shrink: 0;
  position: absolute;
  border-radius: 100px;
  background: #161616;
  margin-top: 1030px;
  margin-left: -10px;;
  
}


.galeriyazisi {
  position: absolute;
  font-family: var(--font1);
  color: #fff;
  margin-left: 50px;
  margin-top: 16px;
  
}


.galeriikonu {
  position: absolute;
  margin-left: 250PX;
  margin-top: 10px;
  
}


.ortabolum{position: absolute;margin-top: 1400px;;}

.hakkimizdabaslik{position: absolute;color:#000;font-family: var(--font2);font-weight: bold;font-size:30px;margin-left: 55;}

.hakaciklama1{position: absolute;margin-top: 100px;margin-left: 60px;text-align: left;font-family: var(--font1);font-weight: 800;text-transform: uppercase;text-decoration: none;color:#333;}

.haksayi{position: absolute;}
.hakacik1{position: absolute;margin-top: 40px;width: 200px;font-size: 18px;text-decoration: none;color:#000}
.hakacik a{text-decoration: none;color:#000}
.hakbuyuksayi{position: absolute;margin-top: 160px;font-size:30px;;}



.hakaciklama2{position: absolute;margin-top: 350px;margin-left: 60px;text-align: left;font-family: var(--font1);font-weight: 800;text-transform: uppercase;text-decoration: none;color:#333}

.hakaciklama3{position: absolute;margin-top: 540px;margin-left: 60px;text-align: left;font-family: var(--font1);font-weight: 800;text-transform: uppercase;}

.hakbuyuksayix{position: absolute;margin-top: 120px;font-size:30px;;}

.iletisimbuton{position: absolute;margin-left: 25px;width: 229px;
  height: 50px;
  flex-shrink: 0;border-radius: 100px;
  background: #F90;font-family: var(--font1);font-weight:600;font-size:14px;margin-top: 750px;;}

  .iletisimyazisi{position: absolute;margin-left: 30px;margin-top: 15px;;}

.iletisimikonu{position: absolute;margin-left:170 ;margin-top: 5;}
.hakcizgiorta{position: absolute;margin-top: 500px;width: 550px;
  height: 1px;opacity: 0.4;
  background: rgba(0, 0, 0, 0.67);margin-left: -125px;display: none;;}



.ortabolum2{position: absolute;margin-top: 2300px;;}

.hakuzunyazi1{position: absolute;width: 250px;text-align: left;font-family: var(--font2);margin-left: 20;line-height: 164%;margin-top: 30px;;}

.hakuzunkarecizgi{position: absolute;width: 671px;
  height: 769px;
  flex-shrink: 0;border: 1px solid rgba(0, 0, 0, 0.39);
  opacity: 0.3;margin-top: -10;margin-left: -185px;display: none;}

.hakuzunyuvarlak1{position: absolute;margin-left: -12px;margin-top: 36px;;}
.hakuzunyuvarlak2{position: absolute;margin-left: -12px;margin-top: 370px;;}
.hakuzunyuvarlak3{position: absolute;margin-left: -12px;margin-top: 902px;;}


.hakuzunkarecizgi2koyu{position: absolute;margin-left: 0px;margin-top: 1250px;width: 287px;
  height: 605px;
  flex-shrink: 0;border: 1px solid rgba(192, 192, 192, 0.09);
  background: linear-gradient(180deg, rgba(175, 175, 175, 0.43) 0%, rgba(191, 191, 191, 0.44) 100%);
  backdrop-filter: blur(5px);}




.hakuzunkarecizgi2koyuicon{position: absolute;margin-left: 30px;margin-top: 1280px;;}

.hakuzunkarecizgi2koyuicerik{position: absolute;width: 220px;text-align: left;font-family: var(--font2);margin-left: 30;line-height: 164%;font-size:14px;margin-top: 1360px;;}


.hakuzunkarecizgi2koyuicerik2{position: absolute;color:var(--turuncu);font-family: var(--font1);text-transform: uppercase;margin-left: 30px;width: 230px;text-align: left;margin-top: 1760px;font-weight: 900;}


.galeributon2 {
  width: 314px;
  height: 56px;
  flex-shrink: 0;
  position: absolute;
  border-radius: 100px;
  background: #161616;
  margin-top: 1880px;
  margin-left: -10px;;
  
}




.formbolumu{position: absolute;width: 286px;
  height: 816px;
  flex-shrink: 0;border-radius: 10px;
  border: 1px solid #D2D2D2;
  opacity: 1;
  background: #DEDEDE;margin-top: 4330px;margin-left: 00px;;}




#theme-toggle {
    position: absolute;
    right: 10px;
    display: none;
  }


#form1a{position: absolute;background: none;margin-left: 20px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 210px;;}

#form2a{position: absolute;background: none;margin-left: 110px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 210px;margin-top: 240px;margin-left: 20px;}

#myForm{position: absolute;margin-left: 0px;margin-top: 40px;;}


#form3a{position: absolute;background: none;margin-left: 20px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 210px;margin-top: 130px;;}

#form4a{position: absolute;background: none;margin-left: 20px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 210px;margin-top:25px;}


#form5a{position: absolute;background: none;margin-left: 20px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 210px;margin-top:292px;height: 142px;}



.bcc21-checkbox{position: absolute;
  margin-top: 990px;margin-left: 120;width: 23px;
  height: 23px;
  flex-shrink: 0;fill: #999;
  stroke-width: 1px;
  stroke: #34BAB7;
  border-radius: 200px;

}



.bcc21{position: absolute;font-size:14px;font-family: "Poppins", sans-serif;margin-left: 90px;text-align: left;line-height: 1.1;margin-top: 628px;color:#999;width: 150px;;}


.bcc21-checkbox {
  display: none;
}


/* Ana checkbox etiketinin (label) stili */
.bcc21-label {
  cursor: pointer; /* Mouse imleci el simgesi olacak */
  display: inline-block; /* Diğer öğelerle aynı hizada olması için */
  width: 23px; /* Checkbox boyutu ile aynı olmalı */
  height: 23px; /* Checkbox boyutu ile aynı olmalı */
  background-color: #ffffff; /* Checkbox arkaplan rengi */
  border: 1px solid #E08700; /* Checkbox kenarlık rengi */
  border-radius: 50%; /* Daire şeklinde bir checkbox olması için */
  position: relative; /* İç içe geçen küçük checkbox için */
}

/* Ana checkbox işaretli olduğunda, arkaplan rengi değişecek */
.bcc21-checkbox:checked + .bcc21-label {
  background-color: #E08700; /* İşaretlenmiş durumda arkaplan rengi */
}

/* Ana checkbox işaretli olduğunda, içindeki işaretin (tick) stili */
.bcc21-checkbox:checked + .bcc21-label::after {
  content: ""; /* İçerik olmadığı için işaret gizlenecek */
  display: block; /* Görünür hale getirilecek */
  width: 10px; /* İşaret boyutu */
  height: 10px; /* İşaret boyutu */
  background-color: #ffffff; /* İşaret rengi */
  border-radius: 50%; /* İşaret daire şeklinde olacak */
  position: absolute; /* Konumu ayarlamak için */
  top: 50%; /* Yükseklikte ortalamak için */
  left: 50%; /* Genişlikte ortalamak için */
  transform: translate(-50%, -50%); /* Orta konumu ayarlamak için */
}

/* Küçük iç içe geçen checkbox etiketinin (label) stili */
.bcc21-label::before {
  content: ""; /* İçerik olmadığı için işaret gizlenecek */
  display: block; /* Görünür hale getirilecek */
  width: 10px; /* Checkbox boyutu */
  height: 10px; /* Checkbox boyutu */
 /* Checkbox kenarlık rengi */
  border-radius: 50%; /* Daire şeklinde bir checkbox olması için */
  position: absolute; /* Konumu ayarlamak için */
  top: 5px; /* Yükseklik ayarı */
  left: 6px; /* Sol kenar ayarı */
}



/* Ana checkbox işaretli olduğunda, iç içe geçen küçük checkbox görünür olacak */
.bcc21-checkbox:checked + .bcc21-label::before {
  display: none; /* Ana checkbox işaretli olduğunda küçük checkbox gizlenecek */
}


.bcc21-label{border-radius: 100px;background-color: #999;margin-top: 495px;margin-left: 20px;position: absolute;}


#form6a{background: none;border:none;margin-top: 620px;margin-left: 20px;position: absolute;border-bottom: 1px solid #C7C7C7;padding: 10px;text-align: left;cursor: pointer;color:#000;;}


.bcc24{position: absolute;width: 24.774px;
  height: 12px;
  flex-shrink: 0;margin-top:4783;margin-left: 50px;;}



.success-message{position: absolute;margin-top: 200px;font-family: "Poppins", sans-serif;color:#fff;left:50%;margin-left: 20px;font-size:30px;line-height: 1;}
.error-message{position: absolute;margin-top: 200px;font-family: "Poppins", sans-serif;color:red;left:50%;margin-left: 20px;font-size:30px;line-height: 1;}

.sirmanaltlogo{position: absolute;margin-left: 00px;margin-top: -40px;;}

.enaltgizli{position: absolute;width: 1px;height: 1px;margin-top: 3360px;;}

.sosyal1{position: absolute;margin-left: 00px;margin-top: 50px;;}
.sosyal2{position: absolute;margin-left: 20px;margin-top: 50px;}
.sosyal3{position: absolute;margin-left: 50px;margin-top: 50px;}
.sosyal4{position: absolute;margin-left: 80px;margin-top: 50px;}

.kvkkyazi{color: #6C6C6C;
  font-family: "JetBrains Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 107.692% */;position: absolute;width: 300px;margin-top: 100px;margin-left: -45px;;}


  .menu2 {
    position: absolute;
    COLOR: #333;
    margin-top: 20px;
    font-family: var(--font1);
    font-weight: 600;
    margin-left: 220px;
    margin-top: 47px;display: none;
    ;
  }


  .galeribolumu{position: absolute;margin-top: 200px;margin-left: -85;font-family: var(--font1);;}



  .resim-sutunu {
    float: left;
    width: 316px;
    margin-left: 60px; /* Margin değerini azalt */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Resimler arasında boşluk bırak */
  }
  
  .resim-sutunu a {
    flex-basis: calc(25% - 20px); /* Resimlerin yüzde 25'lik kısmı, ancak kenar boşluğu hesaba katılarak */
    margin-bottom: 35px; /* Resimler arasında dikey boşluk */
  }
  
  .resim-sutunu img {
    width: 100%;
    height: auto;
  }
  
  .modelgelenresimleri {display: flex;justify-content: flex-start;align-items: center;margin-left: 20;}
  
  .modelgelenresimleri img {width:138px;object-fit: cover;border-radius: 10px;}
  
  
  
  .cboxContent {background-color: white;max-width: 100%;max-height: 100%;}
  
  #cboxPrevious,#cboxNext,#cboxClose {position: fixed;top: 270px;transform: translateY(-50%);z-index: 999999;}
  
  #cboxPrevious {right: 130;width: 130px;height: 50px;text-transform: uppercase;font-family: 'puristasemibold';font-size: 16px; border:0;background-color: #000;color:#fff;z-index: 999999;font-family: var(--font1);}
  
  #cboxNext {right: 20;width: 100px;height: 50px;text-transform: uppercase;font-family: 'puristasemibold';font-size: 16px;border:0;background-color: #000;color:#fff;z-index: 999999;font-family: var(--font1);;}
  
  #cboxClose {right: 20px;top: 20px;width: 100px;height: 100px;padding-top: 22px;background-color:#000;border: 0;text-transform: uppercase;font-family: 'puristasemibold';color: #fff;font-family: var(--font1);}
  
  
  
  .cboxContent {background-color: white;}
  
  #cboxOverlay {position: fixed;top: 0;left: 0; width: 100%;height: 100%;background-color: #fff;z-index: 0;opacity: 0;
   -webkit-opacity: 0;-moz-opacity: 0; filter: alpha(opacity=0);z-index: 2;}
  
  .cboxPhoto {position: fixed;z-index: 99;object-fit: contain;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 800px;max-height: 600px;border-radius: 30px;
  -webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.75);}
  
  .cboxPhoto img {object-fit: contain;width: 100%;height: auto;}
  
  
  
  
  .formbolumuxx{position: absolute;width: 206px;
    height: 416px;
    flex-shrink: 0;border-radius: 10px;
    border: 1px solid #D2D2D2;
    opacity: 1;
    background: #DEDEDE;margin-top: 1460px;margin-left: -400px;;}
  
 
  
  
  
    .cizgi1xx {
     display: none;
    }
  
    .cizgi2xx {
        display: none;
    }
  
    .cizgi3xx {
        display: none;
    }
  
    .cizgi4xx {
        display: none;
    }
  
    .cizgi5xx {
        display: none;
    }
  



    .formbolumuxx{position: absolute;width: 286px;
        height: 816px;
        flex-shrink: 0;border-radius: 10px;
        border: 1px solid #D2D2D2;
        opacity: 1;
        background: #DEDEDE;margin-top: 1610px;margin-left: 00px;;}

 
        .altbolumxx{position: absolute;margin-top: 2540px;margin-left: 0px;;}
  
        .enaltgizlixx{position: absolute;width: 1px;height: 1px;margin-top: 2900px;;}



        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Arka planı yarı saydam siyah yap */
            display: none; /* Başlangıçta gizli */
            justify-content: flex-start; /* Modal'ı sayfanın en üstüne hizala */
            align-items: flex-start; /* Modal'ı sayfanın en üstüne hizala */
            z-index: 9999; /* Diğer içeriklerin üstünde olması için yüksek bir z-index değeri */
            overflow-y: auto; /* Dikey kaydırma çubuğunu ekle */
          }
          
          .modal-content {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            width: 1000px;
            margin: 50px auto; /* Modal'ı dikey olarak ortala */
          }
          
          #close-modal {
            margin-top: 10px;
          }


          .modal-overlay2 {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Arka planı yarı saydam siyah yap */
            display: none; /* Başlangıçta gizli */
            justify-content: flex-start; /* Modal'ı sayfanın en üstüne hizala */
            align-items: flex-start; /* Modal'ı sayfanın en üstüne hizala */
            z-index: 9999; /* Diğer içeriklerin üstünde olması için yüksek bir z-index değeri */
            overflow-y: auto; /* Dikey kaydırma çubuğunu ekle */
          }
          
          .modal-content2 {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            width: 1000px;
            margin: 50px auto; /* Modal'ı dikey olarak ortala */
          }
          
          #close-modal2 {
            margin-top: 10px;
          }




}