@font-face {
  font-family: 'MyFont';
  src: url('Roboto/static/Roboto-Medium.ttf') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body{padding: 0px; font-family: 'MyFont'; font-size: 18px;}
ul{padding-left: 0;}
main{position: relative;background: linear-gradient(45deg, #fff, #fff); padding: 10px; padding-bottom: 0px;}
.sabit{position: relative; height: auto; width: 100%; border-bottom: solid #000 thin; padding: 0px; z-index: 99999999; background-color: #fff; box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.3);} 
footer{position: relative; height: auto; width: 100%; border-bottom: solid #111 thin; background-color: #111; color: #fff; padding-top: 50px;}
.fixedd{position: fixed !important; left: 0px; top: 0px;right: 0px; height: auto; width: 100%; border-bottom: solid #000 thin; padding: 0px; z-index: 99999999; background-color: #fff;box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.7);
}
.box {
  position: relative;
  z-index: 1;
}

.box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(img/b1.jpg) center / cover no-repeat;
  filter: grayscale(100%);
  opacity: 0.2;
  z-index: -1;
}
.msg_ {
    position: relative;
    border-radius: 90px;
    bottom: 25px;
    width: auto;
    height: 50px;
    padding: 18px;
    text-align: center;
    color: #fff;
}
.fixed {
    position: fixed;
    bottom: 25px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}   
#mesax2 {
    position: fixed;
    top: 100px;
    width: 80%;
    max-width: 800px;
    height: auto;
    background-color: #fff;
    border-radius: 45px;
    text-align: center;
    border: solid #000000 thin;
    padding: 75px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999999;
}
#mesax {
    position: fixed;
    top: 100px;
    width: 80%;
    max-width: 800px;
    height: auto;
    background-color: #fff;
    border-radius: 45px;
    text-align: center;
    border: solid #000000 thin;
    padding: 75px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999999;
}
#frmgenel{display:none}
#frmyonetici{display: block;}
.girislogo{width: 600px; height: auto;}
.clearmenu{text-decoration: none;}
#Ozell_Arkaplan{position: relative; width: 100%; height: 300px; background-image: url(img/b3.jpg); background-position: center; background-size: cover;}
#Giris_Arkaplan{position: relative; width: 100%; height: 300px; background-image: url(img/); background-position: center; background-size: cover;}
#uygulamagirisyap{display: none;}
#uygulamakayitol{display: block;}
#Hakkimizda_Arkaplan{position: relative; width: 100%; height: 300px; background-image: url(img/b1.jpg); background-position: center; background-size: cover;}
#ust_menu_icon{position: relative; display: none;}
#ust_menu{position: relative; display: block;}
.marg-left{margin-left: 150px;}
.frm{position: relative; background-color: #fff; border-radius: 45px; height: 45px; width: 100%; border:none;}
.frm2{position: relative; background-color: #fff; border-radius: 45px; height: 45px; width: 200px;}

.frmbtn{position: relative; border-radius: 45px; height: 45px; width: 100%;}
.color111{color: #111;}
.logo{position: relative; width: 120px; height: auto; }
.menu{position: relative; float: none; text-align: center; font-weight: 800;}
.menualt{position: relative; float: none; padding-top: 0px; width: 100%; height: 50px;}
.menu li{position: relative; width: 20%; min-width: 180px; height: 100%; float: left; text-align: center; justify-content: center; align-items: center; padding-top: 35px; list-style-type:none; font-size: 18px;}
.menualt li{position: relative; width: 15%; height: 100%; float: left; text-align: center; justify-content: center; align-items: center; padding-top: 0px; list-style-type:none; font-size: 15px;}
.iletisim{position: relative;}
.iletisim li{position: relative; width: 100%; height: 100%; text-align: left; list-style-type:none; font-size: 15px; padding: 5px;}
.w100{position: relative; width: 100px; height: 50px; margin-right:25px; font-size: 15px;}
.floatnone{ float: none;}
.floatleft{ float: left;}
.height50{height: 50px; width: 400px;}
.prr{position: relative; height: 50px; width: 100%;}
.padd_footer{position: relative; padding-top: 150px; padding-left: 50px;}
.nonokta{ list-style-type:none;}
.noborder{border:none;}
#chk_yonetici{position: relative; width: 45px; height: 45px;}
#chk_sakin{position: relative; width: 45px; height: 45px;}

.yukseklik300{position: relative; height: 300px;}
.width90{position: relative; height: 100%; width: 90%;}
.bglight{background-color: #cacaca;}
.boxx{position: relative; background-color: #fff; border: solid red thin; width: 60%; height: auto; border-radius: 45px; text-align: center;padding-top: 50px; padding-bottom: 50px; padding-left: 25px; padding-right: 25px;}
.boxxDark{position: relative; background-color: #fff; border: solid black thin; width: 60%; height: auto; border-radius: 45px; text-align: center;padding-top: 50px; padding-bottom: 50px; padding-left: 25px; padding-right: 25px;}
 .shopier{position: relative; width: 80%; max-width: 300px;}
 .card{position: relative; width: 200px; height: auto; text-align: center; align-items: center; vertical-align: middle;right: 0;
  left: 0;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;}
.aciklama{padding-left: 300px; padding-right: 300px;}
.aciklama2{padding-left: 100px; padding-right: 100px;}

.slide-in {
    transform: translateX(-100px);
    opacity: 0;
  transition: opacity 1s ease, transform 1s ease;}
.slide-in.show {
  opacity: 1;
  transform: translateX(0);

}
.slide-in2 {
    transform: translateX(100px);
    opacity: 0;
  transition: opacity 1s ease, transform 1s ease;}
.slide-in2.show {
  opacity: 1;
  transform: translateX(0);
}
.banla{position: relative; color: #fff; padding-top: 3px; padding-bottom: 3px;}
/*
@keyframes slideIn {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.slide-in2 {
    transform: translateX(100px);
    opacity: 0;
    animation: slideIn2 1s ease-out forwards;
}*/
/*
@keyframes slideIn2 {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}*/
.underline-hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0;
  height: 2px;
  background-color: #fff;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.underline-hover:hover::after {
  width: 100%;
}
.underline-hover_ana::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 0;
  height: 2px;
  background-color: #111;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.underline-hover_ana:hover::after {
  width: 100%;
}

.shake:hover {
  animation: shake 0.4s;}

@keyframes shake {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-4px); }
  50%  { transform: translateX(4px); }
  75%  { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

.baslik{position: relative; font-size: 24px; }
.font18{font-size: 18px;}

.font24{font-size: 28px;}
.font48{font-size: 48px;}
.font52{font-size: 52px;}
.radius25{border-radius: 25px;}


@media screen and (max-width: 1720px) {
    body {
    zoom: 0.8; /* %80 gÃķrÞnÞm */
    }
}
 @media only screen and (max-width: 1010px) {


    .msg_ {
        position: relative;
        border-radius: 90px;
        bottom: 50px;
        width: auto;
        height: auto;
        max-height:100px;
        padding: 18px;
        text-align: center;
        color: #fff;
    }

    .fixed {
        position: fixed;
        bottom: 50px;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    } 

  .aciklama{padding-left: 10px; padding-right: 10px;}
  .aciklama2{padding-left: 10px; padding-right: 10px;}

.iletisim{position: relative;width: 350px; height: auto; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.iletisim li{position: relative; width: auto; height: auto; text-align: left; list-style-type:none; font-size: 15px; padding: 5px;}
.marg-left{margin-left: 50px;}

#ust_menu_icon{position: relative; display: block;}
#ust_menu{position: relative; display: none; padding-bottom: 50px;}
.menu{position: relative; float: none; text-align: center; font-weight: 800;}
.menu li{position: relative; width: 100%; height: 100%; float: left; text-align: center; justify-content: center; align-items: center; padding-top: 80px; list-style-type:none; font-size: 15px;}
.menualt li{position: relative; width: 100%; height: 100%; float: left; text-align: center; justify-content: center; align-items: center; padding-top: 0px; list-style-type:none; font-size: 15px;}
.menualt{position: relative; float: none; padding-top: 0px; width: 100%;}
.padd_footer{position: relative; padding-top: 0px; padding-left: 0px;}


.boxx{position: relative; background-color: #fff; border: solid red thin; width: 100%; height: auto; border-radius: 45px; text-align: center;padding-top: 50px; padding-bottom: 50px; padding-left: 25px; padding-right: 25px;}
.boxxDark{position: relative; background-color: #fff; border: solid black thin; width: 100%; height: auto; border-radius: 45px; text-align: center;padding-top: 50px; padding-bottom: 50px; padding-left: 25px; padding-right: 25px;}

.sabit{position: relative; height: auto; width: 100%; border-bottom: solid #000 thin; padding: 0px; z-index: 99999999; background-color: #fff; box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.3);} 
.fixedd{position: fixed !important; left: 0px; top: 0px;right: 0px; height: auto; width: 100%; border-bottom: solid #000 thin; padding: 0px; z-index: 99999999; background-color: #fff;box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.7);
}
.girislogo{width: 80%; height: auto;}
.yukseklikmenu{height: auto;}
 }