body{font-family:'Open Sans', sans-serif;overflow-x: hidden;color:#fff;font-size: 16px; background-color:#02324F ;}
.LogoAltiGenisilik{width: 48%;}
.btn-Ulasim{transition: .3s;border:1px solid #fff;border-radius: 7px;color: #fff;font-size: 20px;}
.btn-Ulasim img{display: block;margin: auto;width: 65px;height: 40px;object-fit: contain;margin-bottom: 10px;}

.btn-Ulasim:hover{background-color: #fff;color:#02324F ;}
.btn-Ulasim:hover img{filter: invert(75%) sepia(15%) saturate(6502%) hue-rotate(178deg) brightness(98%) contrast(95%);}
.btn-check:focus + .btn, .btn:focus {outline: 0;box-shadow: 0 0 0 0 rgba(0,0,0,.0);}
.btn-Ulasim-Sec{transition: .3s;border:1px solid #fff;border-radius: 7px;color: #fff;font-size: 20px;}
.btn-Ulasim-Sec img{display: block;margin: auto;width: 65px;height: 40px;object-fit: contain;margin-bottom: 10px;}
.btn-Ulasim-Sec{background-color: #fff;color:#02324F ;}
.btn-Ulasim-Sec img{filter: invert(75%) sepia(15%) saturate(6502%) hue-rotate(178deg) brightness(98%) contrast(95%);}

#Gonder input{background-color:#fff !important; color: #02324F !important; padding: 0.5rem 1.5rem; border:none;; border-radius:5px}
#Gonder input:hover{background-color:#000 !important;color: #fff !important;transition: .3s;}

input{background-color: transparent !important; color:#fff !important;}
textarea{background-color: transparent !important; color: #fff !important;}
.beyaz{background-color: #fff;color: #02324F;padding: 9px 0;}
.border{border: 1px solid #fff;display: inline-block;margin: auto;border-radius: 7px;}
.h-40{height: 45px;}
.h-80{height: 120px;}

.RadioList label {display: block;cursor: pointer;position: relative;margin:0 10px 0 0; font-weight:normal;color:#FFF; padding:10px; border-radius:5px; border:solid 1px #FFF}
.RadioList label:before{content:""; display: none;width: 0;height: 0;position: absolute;left: 0;background-color: #FFF;}
.RadioList input[type='radio'] {display: none;}
.RadioList input[type='radio']:checked + label:before { content:"\2713"; font-size: 12px; color: #000;text-align: center;line-height: 15px;}
.RadioList input[type='radio']:checked + label{background-color:#FFF; color:#02324F}
.RadioList input[type='checkbox'] {display: none;}
.RadioList input[type='checkbox']:checked + label:before { content:"\2713"; font-size: 12px; color: #000;text-align: center;line-height: 15px;}
.RadioList input[type='checkbox']:checked + label{background-color:#FFF; color:#02324F}

#Info{border:solid 1px #FFF; margin-top:5%; padding:2%; margin-bottom:2%; background-color:#094569}
#Info b{display:block; font-size:20px;}

.autocomplete{list-style:none; background-color:#FFF; border:none; width:100%; padding:10px; background-color:#094569}
.autocomplete li{border-bottom:solid 1px #EBEBEB; cursor:pointer; background-color:#E7E7E7; padding:3px}


.BekleyinizBG {background-color: #000;filter: alpha(opacity=90);opacity: 0.8; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999}
.Bekleyiniz { background-color: #FFFFFF; border:solid 3px #02324F; text-align:center; border-radius:20px;  padding: 50px; color:#000; font-size:30px; width:30%;left:35%; z-index:9999; position:fixed; text-align:center; top:20%}
.Bekleyiniz img{display:block; margin:0 auto 20px auto; max-width:100px}

.Big label{padding:10px 35px}
.padding60{width: 200px;}
.padding30{width: 160px;}
::placeholder {color: #fff;}
  :-ms-input-placeholder {color: #fff;}
 :-ms-input-placeholder {color: #fff;}

 .form-control:focus {color: #212529;background-color: #fff;border-color: #fff;outline: 0;box-shadow: 0 0 0 0 rgba(0,0,0,0);}
  @media (min-width: 300px)
  {
    .justify-content-end{justify-content: start !important;}
    .LogoAltiGenisilik {width: 90%;}
    .AltMetin {width: 90%; }
    .Ulasim button{width: 95%;}
    #Gonder input{font-size:14px;padding:0.5rem}
    .btn-Ulasim{width:30%;font-size:14px}
    .btn-Ulasim-Sec{width:30%;font-size:14px}
    body{font-size:14px}
    .Ulasim{text-align:center}
  }
  @media (min-width: 768px)
  {
    .LogoAltiGenisilik { width: 50%;}
    .Ulasim button{width: auto;}
    #Gonder input { font-size: 16px; padding: 0.5rem 1.5rem}
    .btn-Ulasim { width:auto; font-size: 20px }
    .btn-Ulasim-Sec { width: auto; font-size: 20px }
    body { font-size: 15px }
  }
  @media (min-width: 992px)
  {
    .justify-content-end{justify-content: end !important;}
    .LogoAltiGenisilik {width: 40%;}
    body { font-size: 16px }
  }