@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Lato:ital,wght@0,400;0,700;1,300&display=swap');


*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Nunito Sans', sans-serif;
    list-style: none;
    font-weight: 600;
    text-decoration: none;
    outline:0 !important;
}   
html{
  width: 100%;
  height: 100%;
}
body{
  position: relative;
  width: 100%;
  height: 100%; 
}
.btn.focus, .btn:focus{
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 25%);
}
.telInput{
  border: 2px solid #e7c027 !important;
  border-bottom-right-radius:10px;
  border-top-right-radius:10px;
  border:#e7c027;
  width: auto;
  outline: 0px !important;
}
.baslaContainer{
    position: relative;
}
.basla{
    border:0;
    background: #e7c027;
    color: white;
    border-radius: 5px;
}
.listUl li{
    border:2px solid #000;
    padding:10px;
    margin:10px 10px 0px 0px;
    border-radius:7px;
}
.listUl li img{
    filter: grayscale(100%);
}
.listUl li:hover img{
    filter: grayscale(0);
}
.listUl li:hover{
    border:2px solid #e7c027;
}


.listTimeUl li{
  border:2px solid #000;
  margin:10px 10px 0px 0px;
  border-radius:7px;
}
.listTimeUl li img{
  filter: grayscale(100%);
}
.listTimeUl li:hover img{
  filter: grayscale(0);
}
.listTimeUl li:hover{
  border:2px solid #e7c027;
}







.listDateUl li{
  border:2px solid #000;
  margin:10px 10px 0px 0px;
  border-radius:7px;
}
.listDateUl li img{
  filter: grayscale(100%);
}
.listDateUl li:hover img{
  filter: grayscale(0);
}
.listDateUl li:hover{
  border:2px solid #e7c027;
}

.listDateUl .disabled:hover{
    border:2px solid #e7c027;
    color:white !important;
}




.textImg{
    font-size: 38px;
    font-weight: 600;
}
.textsecim p{
    border-radius: 5px;
    padding: 10px;
    background: rgb(226, 226, 226);
}
.textsecim2 p{
    border-radius: 5px;
    padding: 10px;
    background: rgb(226, 226, 226);
}
.evTipiTextSecim p{
    border-radius: 5px;
    width: 600px;
    padding: 10px;
    background: rgb(247, 247, 247);
}
.lokasyonInput{
    outline: #e7c027;
    border:2px solid #e7c027;
    font-weight: 800;
}
.lokasyonInput:focus{
    outline: #000;
    border:2px solid #000;
}
.footerFixed{
    position: fixed;
    bottom:0;
    width: 100%;
    background: rgb(233, 233, 233);
}
.geriFooter,.devamFooter{
    padding:10px;
    margin-right: 30px;
    border:2px solid #e7c027;
    background: #e7c027;
    color:white;
}
.devamFooter{
    padding:10px;
    margin-right: 30px;
    width: 300px;
    border:2px solid #e7c027;
    background: transparent;
    color:#000;
    font-weight:700;
}
.devamFooter:hover,.devamFooter:active,.devamFooter:focus{
    background: #e7c027;
    border:2px solid #e7c027;
}
/*RESTART BUTTON*/
.restartAll{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index:9999;
  }
  .restartAll::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}
  .restartBox{
    z-index:99929;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:40%;
    height:300px;
    background:white;
    opacity:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }

  .restartBox .baslaRestart:hover{
    background: #fff;
    color:#e7c027;
    border:2px solid #e7c027;
  }
  .restartBox h1{
    text-align: center;
    font-size: 28px;
    font-weight: 800;
  }
  .restartBox p{
    text-align: center;
  }
  .restartBox .vazgecRestart{
    cursor:pointer;
    margin-top: 30px;
    padding:10px;
    background: #000;
    color:#fff
  }
  .restartBox .baslaRestart{
    background: #e7c027;
    color:#fff;
    margin-top: 30px;
    padding:10px;

  }

  @media screen and (max-width: 1200px) {
    .restartBox h1 {
        text-align: center;
      font-size:16px;
      font-weight: 800;
    }
    .restartBox p {
        text-align: center;
      font-size:12px;
      font-weight: 800;
    }
    .restartBox .vazgecRestart{
        cursor:pointer;
        width: 90%;
        height: 20px;
        line-height: 0px;
        font-size: 10px;
      }
      .restartBox .baslaRestart{
        background: #e7c027;
        color:#fff;
        width: 90%;
        height: 20px;
        line-height: 0px;
        font-size: 10px;
      }
  }
  @media screen and (max-width: 600px) {
    .restartBox h1 {
        text-align: center;
      font-size:16px;
      font-weight: 800;
    }
    .restartBox p {
        text-align: center;
      font-size:12px;
      font-weight: 800;
    }
    .restartBox .vazgecRestart{
        cursor:pointer;
        width: 60%;
        height: 10px;
        line-height: 0px;
        margin:5px;
      }
      .restartBox .baslaRestart{
        background: #e7c027;
        color:#fff;
        width: 90%;
        height: 10px;
        line-height: 0px;
        margin:5px;
      }
  }
  /*RESTART BUTTON*/

  @media screen and (max-width: 800px) {
    .textImg {
      font-size: 20px;
    }
  }
  @media screen and (max-width: 400px) {
    .textImg {
      font-size: 16px;
    }
  }

  /*RESPONSIVE*/







  .listUl li label{
    padding:10px;
    border-radius:7px;
    text-align: center;
    width: 160px;
    height:100px;
    margin-left:7px;
    margin-right:7px;
    cursor:pointer;
  }
  .listUl h5{
      margin-top: 10px;
      font-size: 16px;
  }
  .listUl input[type="radio"]{
      display:none;
  }
  .listUl li label img{
      width:90px;
      height:90px;
      filter: grayscale(100%);
  }
  .listUl li:hover label img{
      filter: grayscale(0);
  }
  .listUl li:hover label{
      cursor:pointer;
      color:#e7c027;
  }





.listTimeUl li label{
    padding:10px;
    border-radius:7px;
    text-align: center;
    margin-bottom: 0px !important;
    cursor:pointer;
  }
  .listTimeUl h5{
      margin-top: 10px;
      font-size: 16px;
  }
  .listTimeUl input[type="radio"]{
      display:none;
  }
  .listTimeUl li:hover label{
      cursor:pointer;
      color:#e7c027;
  }

  .listDateUl li label{
    padding:10px;
    border-radius:7px;
    text-align: center;
    margin-bottom: 0px !important;
    cursor:pointer;
      min-width: 140px;
  }
  .listDateUl h5{
      margin-top: 10px;
      font-size: 16px;
  }
  .listDateUl input[type="radio"]{
      display:none;
  }
  .listDateUl li:hover label{
      cursor:pointer;
      color:#e7c027;
  }

.geriFooter{
  padding:10px;
  margin-right: 30px;
  border:2px solid #333;
  background: transparent;
  color:#333;
}
.devamFooter{
  background: transparent;
  color:#000;
  font-weight:700;
  border:2px solid #e7c027;
}
.devamFooter:hover{
  background: #e7c027;
  border:2px solid #e7c027;
}



.cursor{
  cursor: pointer;
}
.genelTarih{
  border:2px solid black;
}
.cardSaat{
  border-radius:5px;
  padding: 5px;
  border-radius: 10px;
  border: 2px solid #e7c027;
  outline: none;
  color:black;

}
.active{
  transition: .2s;
  transform: scale(1.1);
  border:2px solid #e7c027;
  background:#e7c027;
  color:white
}
.saatSec{
  font-family: 'Kalam', cursive;
  font-size: 20px;
  font-weight: 400;
}
.comment {
  resize: none;
}
.qty .count {
color: #000;
display: inline-block;
vertical-align: top;
font-size: 25px;
font-weight: 700;
line-height: 30px;
padding: 0 2px
;min-width: 35px;
text-align: center;
}
.qty .plus {
cursor: pointer;
display: inline-block;
vertical-align: top;
color: white;
width: 30px;
height: 30px;
font: 30px/1 Arial,sans-serif;
text-align: center;
border-radius: 50%;
}
.qty .minus {
cursor: pointer;
display: inline-block;
vertical-align: top;
color: white;
width: 30px;
height: 30px;
font: 30px/1 Arial,sans-serif;
text-align: center;
border-radius: 50%;
background-clip: padding-box;
}
div {
text-align: center;
}
.minus:hover{
background-color: #e7c027 !important;
}
.plus:hover{
background-color: #e7c027 !important;
}
/*Prevent text selection*/
span{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input{
border: 0;
width: 2%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input:disabled{
background-color:white;
}




.genelTarih{
  border:2px solid black;
}
.cardSaat{
  border-radius:5px;
  border-radius: 10px;
  border: 2px solid #e7c027;
  outline: none;
  color:black;
  margin:5px; width: 100px;
}
.active{
  transition: .2s;
  transform: scale(1.1);
  border:2px solid #e7c027;
  background:#e7c027;
  color:white
}
.saatSec{
  font-family: 'Kalam', cursive;
  font-size: 20px;
  font-weight: 400;
  padding: 2px 12px;

}


.genelTarih{
  border:2px solid black;
}
.cardTarih{
  border-radius:5px;
  padding: 0px;
  border-radius: 10px;
  border: 2px solid #e7c027;
  outline: none;
  color:black
}
.active{
  transition: .2s;
  transform: scale(1.1);
  border:2px solid #e7c027;
  background:#e7c027;
  color:white
}
.cardGun{ 
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  border-bottom:2px solid #000000;
} 
.contentTarih{
  width: 1600px;   
  overflow-y: auto; 
  overflow-x: hidden; 
} 
.cardFiyat{
  font-family: 'Nunito Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
} 

.baslik{
  font-size: 13px;
  font-weight: 800;
}
.ozetFiyatAciklama{
  font-size: 13px;
  font-weight: 800;
}
.ozetFiyat{ 
  font-size: 38px;
  font-weight: 800;
}


.shadowOzet{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
}