*{margin:0;padding:0;}
html{font-family:'Roboto', sans-serif !important;}
body{font-family:'Roboto', sans-serif !important;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-family:'Roboto', sans-serif !important;}
.headroxg{position: absolute;
  z-index: 999;
  top: 25px;
  left:0;right:0;margin:0 auto;}
a{text-decoration: none;}
.fuulbanner{width:100%;background:url(../images/back.jpg);height: 100%;background-size: cover;position: absolute;background-position: center;}
.loginbox{display:flex;width: 90%;margin: 0 auto;justify-content: center;margin-top: 130px;}
.logleft{background:#ccc;background: #008dcf;
  padding: 2rem 4rem;
  width: 350px;
/*  border-right: 4.8px solid #e4e4e4; */
  border-radius: 4px 0 0 4px;position:relative;display: flex;flex-direction: column;justify-content: center;}
  .logoleft p{font-size:18px;color:#fff;font-weight:200;}
.logleft:before{content:'';position:absolute;top:-1px;right:-1px;width: 7px; height:100%;background:url("../images/border.png");}
.logmiddle{width:43%;background:red;background-color: #eaeaea;
  background:#f2f2f2;
  width: 500px;
  padding: 2rem 3rem;
  position: relative;
  z-index: 1;
  background-position: left top;
  background-size: 80%;
  background-repeat: no-repeat;}
.logright{width:30%;background:#000;
  background:#C3243C;
  padding: 1rem 3rem;
  /* border-left: 4.8px solid #e4e4e4; */
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 4px 4px 0;  position: relative}
  .logright:before{content:'';position:absolute;top:-1px;left:-1px;width: 7px; height:100%;background:url("../images/border-right.png");}
  .logobox{display:flex;justify-content: space-between;width: 85%;margin: 0 auto;align-items: center;}
  .logoinner{width:100%;display:flex;align-items: center;}
  .logoinner img{/*width:80px;height:80px;*/max-width:90px;margin-right: 10px;}
  .logoinner h3{font-size: 28px;
  text-align: center;
  padding-top: 15px;
  color: #fff;
  font-weight: 300;margin-bottom: 0;}
  .logleft{color:#fff;}
  .logleft h3{font-size: calc(24px + (33 - 24) * (100vw - 375px) / (1920 - 375));
  margin-bottom: 1rem;color:#fff;}	
   .logleft p:nth-child(1){font-size: calc(15px + (19 - 15) * (100vw - 375px) / (1920 - 375));
  margin-bottom: 1.5rem;
  line-height: 1.2;color:#fff;}
   .logleft p:nth-child(2){font-size: calc(15px + (19 - 15) * (100vw - 375px) / (1920 - 375));
  margin-bottom: 1.5rem;
  line-height: 1.2;color:#fff;}
 .logleft p:last-child {font-size: calc(15px + (19 - 15) * (100vw - 375px) / (1920 - 375));
  margin-bottom: 1.5rem;
  line-height: 1.2;color:#fff;}
  .custbutt{padding:7px 35px;font-weight:500;}
.logmiddle h3{
  font-size: calc(24px + (33 - 24) * (100vw - 375px) / (1920 - 375));
  margin-bottom: 2rem;
  color: #000;}
.form-group{position:relative;}
.custfomr{border: 1px solid #b2afaf;
  padding: 7px 14px;
  transition: 0.4s;
  background: transparent;}
.userboxd .form-control{border: 1px solid #b2afaf;
  border-radius: 4px;
  background: transparent;
  padding: 0.7rem 1rem;
  color: #000;
font-size: 1rem;}
  input[type="number"]{
  -moz-appearance: textfield;
}
.userboxd .form-control:focus {
  background: transparent;
  outline: none;
  border-color: #b2afaf;
}
.userboxd .mobof{position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 1.5rem;}
  
  .userboxd .mobof1{position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 1rem;}
    .userboxd .mobof2{position: absolute;
  right: -1px;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 1rem;}
  .custfomr ~ label {
  position: absolute;
  left: 14px;
  width: 100%;
  top: 12px;
  color: #000;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px;
  margin-bottom: 0px;
  font-size: 1rem;
  font-weight: 400;
  width: auto;
}
.custfomr:focus ~ label, .has-content.custfomr ~ label {
  top: -10px;
  left: 10px;
  color: #000;
  transition: 0.3s;
  background: #eaeaea;
  width: auto;
  z-index: 2;
  padding: 0 5px;
  font-size: .8rem;
}
.tbolx{margin-top:20px;}
.dfle{display:flex;margin-top: 20px;
  justify-content: space-between;}
.lefgone{width:48%;position: relative;display: flex;align-items: center;justify-content: center;}
.changlif{display:flex;justify-content:center;margin-top: 20px;}
.toblediv{display:flex;}
.changlif a{font-size:14px;font-weight:600;display: flex;align-items: center;}
.whiteg{background:#fff;color:#000;border:0;}
.sucr{padding:7px 40px;width: 100%;}
.logoribox{width:100%;text-align: center;}
.logoribox img{max-width:100%;}
.logright h3{font-size:28px;text-align:center;padding-top: 15px;color: #fff;font-weight: 300;}
.bg12{background:#323232;border-bottom:1px solid #f2f2f2;position: relative;top: 0;width: 100%;padding: 10px 0;}
.kli{padding: 3px 5px;border-radius:100px;width:100px;}
.koi{padding-right: 10px;border-right: 1px solid #e87878;}
.kli span{margin-left:6px;}
.conteboxproinner{display:flex;width: 85%;margin: 0 auto;margin-top:40px;padding: 10px 25px;background: linear-gradient(45deg, #dbecfd, #ffe9e9);border-radius: 10px;}
.usertext{display:flex;align-items: center;}
.probcont p{font-size:15px;font-weight:500;color:#767676;margin-bottom: 0px;}
.usertext h3{font-size:20px;font-weight:600;color:#333;margin:0;}
.useimg{width:40px;margin-left: 7px;}
.probcont p.retext{font-size:14px;color:#767676;margin-bottom: 0px;}
.retext1{font-size:12px;color:#767676;margin-bottom: 0px;}
.steobox ul{display:flex;width: 58%;margin: 0 auto;padding:0;justify-content: center;margin-top: 25px;}
.steobox ul li{padding:0 0px;list-style:none;text-align: center;border-bottom:5px dotted blue;margin: 0 22px;width: 31%;padding-bottom: 7px;}
.steobox ul li.active1{color:blue;}
.steobox ul li p{font-size:15px;margin-bottom: 0px;}
.steobox ul li h3{font-size:20px;margin-bottom: 0px;font-weight: 300;}
.steobox1{width:85%;margin:0 auto;}
.steobox1 h3{font-size: 32px;
  font-weight: 300;
  text-align: center;
  margin-top: 28px;
  text-transform: uppercase;}
  .steobox2{width:85%;margin:0 auto;display:flex;margin-top:0px;justify-content:space-between;text-align: center;}
    .steobox21{width:100%;margin:0 auto;display:flex;margin-top:10px;justify-content:space-between;flex-wrap:wrap;}
.steobox21 span{display: block;width:31%;}
 .produslot{position: relative;
  display: inline-block;
  width: 100%;
  padding: 5px;
  border: 1px solid #d4d0d0;
  border-radius: 13px;
  background: #fff;
  height: auto;
  transition: all .2s linear;
  margin-bottom: 1.5rem;}
  .slotimage{
  display: block;
  width: 100%;
}
.slotimage input {
  width: 100%;
  height: 200px;
     border-radius: 10px;
}
.slottitle {
  background: #ffc500;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: .5rem 1rem;
  width: 200px;
  text-align: center;
  z-index: 1;
  border-radius: 4px;
  cursor: pointer;
}
.slottitle h3{
  font-family: Roboto,sans-serif !important;
  margin-bottom: 1px;
  font-size: calc(18px + (20 - 18) * (100vw - 375px)/ (1920 - 375));
  line-height: 1;
  color: #000;
  font-weight: 400;
  margin: 0;
}
.image_slothover{
  position: absolute;
  top: 0;
  width: 97%;
  height: 96%;
  margin: 0 auto;
  opacity: 0;
  transition: opacity .2s linear;
  cursor: pointer;
   border-radius: 10px;
}
.image_slothover-bubble {
  position: relative;
  box-sizing: border-box;
  top: 5px;
  left: 0;
  right: 0;
  height: 76%;
  background: rgb(3 3 3 / 44%);
  margin: 0 auto;
  overflow: hidden;
  font-size: 17px;
  text-align: center;
  word-wrap: break-word;
  border-radius: 10px;
}
.image_slothover .image_slothover-text-title {
  font-size: 25px;
  display: block;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
    border: 0;
  transform: translate(-50%,-50%);
}
.download__sec {
  margin-top: 3rem;
  text-align: center;
  margin-bottom: 2rem;
}
.download__sec a{
  color: #0059a9;
  font-size: 12.9px;
  transition: .5s;
  text-decoration: none;
  font-weight: 400;
}
.download__sec a i {
  color: red;
  margin-right: 5px;
}
.image_slothover:hover {
  opacity: 1;
}
.logmiddle.nelogoe{width: 65%;}
.loginbox.nelogoin{width: 80%;}
.fllexvos{display:flex;justify-content:space-between;margin-bottom: 25px;align-items: center;}
.widfhalr{width:48%;}
.flocr{display:flex;align-items: center;}
.gendobx{display:flex;justify-content: space-evenly;margin-left: 30px;width: 45%;}
.userboxd  .widjr{width: 40px;padding: 0.7rem 0;text-align: center;margin-right: 5px;}
.custfomr:focus ~ label, .has-content.custfomr ~ label.nere{left: 57px;}
.mogoc{width:86%;}
.userboxd .mobof1.nemllgo{top: 32%;}
.lefgone1{width:48%;justify-content:space-between;}
.difole{display:flex;justify-content:space-between;}
.nomar{margin:0;align-items: center;}
.cpimg{width: 119px;border-radius: 5px;}
.gendobx input, .gendobx label{margin-right:5px;}
.capimg{width: 119px;border-radius: 5px;}
.nefoer{display: flex;justify-content: flex-start;}
.userboxd .nefoer .mobof2{position:relative;left: 25px;top:12px;}
.nav-link:focus, .nav-link:hover{color:#ccc;}

/*ADMIN*/
.topboc{width:100%;background:#f2f2f2;padding:7px 0;}
.tpdiv{display:flex;justify-content:space-between;align-items: center;}
.leftad{width:60%;display: flex;}
.rightad{width:35%;display: flex;justify-content: flex-end;}
.mnavebo{width:100%;background-color:transparent;}
.navbar.navbar-expand-md.navbar-dark{padding:0;}
.navbar-collapse{justify-content: flex-end;}
navbar-brand{padding-bottom: 0;}
ul.neulr{margin:0;padding:0;display:flex;align-items: center;}
ul.neulr li{margin:0;padding:0;list-style:none;margin-left: 11px;}
.nav-link{color:#fff;}
.nav-item.colr .nav-link{color:#000;}
.navbar{padding:0 !important;}
.logoinner.nelogo p{font-size:15px;margin:0;}
button:focus:not(:focus-visible){outline: inherit;}
.leftad small{margin-right:10px;}
/*ADMIN*/
/*home css*/
.slotwrapper{width:100%;text-align: left;border: 1px solid #ccc;border-radius: 5px;padding-bottom: 45px;}
.slotinner{width:100%;}
.slitext{display:flex;justify-content:space-between;padding: 10px;}
.slitext h3{font-size:18px;margin: 0;}
.slitext h4{font-size:18px;padding-left:10px;margin: 0;}
.timeobs h4{font-size:18px;padding-right:10px;margin: 0;}
.timeobs{
  display: flex;
  justify-content: space-between;
  padding: 12px 12px;
  width: 100%;
  background: #f2f2f2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 6px;
  align-items: center;}
.datbox{display:flex;justify-content:space-between;width:60%;}
.steobox2.notcntr{text-align:inherit;}
.chobox{display:flex;align-items: center;}
.datbox1{display: flex;justify-content: flex-end;}
.datbox2{display: flex;}
.hbox{display:flex;align-items: center;}
.mbox{display:flex;align-items: center;}
.slotslicer{border:1px solid #ccc;border-radius:10px;width:24%;text-align: center;margin-left: 10px;}
.slotava p{background:#e44444;color:#000;font-size:15px;margin:0;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 4px 0;text-align: center;}
.slotava p a{color:#fff;text-decoration:none;}
.slotava1 p{background:orange;color:#000;font-size:15px;margin:0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 4px 0;}
.sesomtime p{margin:0;font-size:12px;color:#000;padding-top: 10px;text-align: center;}
.sesomtime h3{margin:0;font-size:12px;color:#fff;background:orange;padding:7px;padding: 7px;width: 40%;margin: 10px auto;border-radius: 5px;}
.sesomtime h6{background: orange;width: 130px;margin: 0 auto;padding: 3px 0;border-radius: 3px;color: #fff;font-size: 12.9px;text-align: center;}
.dayox ul{display:flex;justify-content:space-between;margin:0;padding:0;margin: 10px 0;padding:5px;border-top: 1px solid #ccc;}
.dayox ul li{margin:0;padding:0;list-style:none;font-size:15px;}
.dayox p{margin:0;font-size:12.9px;margin-bottom: 10px;color: #0059a9;font-weight: 600;letter-spacing: 1px;text-align: center;}
.slotslicerbox{padding: 20px;display: flex;}
.slotslicerbox h3{font-size:18px;margin-bottom: 15px;}
.inoulca{border: 1px solid #ccc;padding: 5px 10px;border-radius: 5px;}
.marleft{margin-left: 5px;}
.inoulca1{width: 100%;background: none;border: 1px solid #ccc;padding: 7px 10px;border-radius: 5px;}
.hbox span{font-size: 18px;margin-right: 10px;}
.mbox span{font-size: 18px;margin-right: 10px;width: 222px;margin-left: 10px;}
.lowebox{display:flex;align-items: center;width: 78%;
  margin: 0 auto}
.lbox{width:33%;}
.boxla{background: #0059a9;padding: 10px;border: medium;color: #fff;border-radius: 3px;margin-right: 10px;text-align: center;}
.activox ul{margin:0;padding:0;display:flex;justify-content:space-between;}
.activox ul li{margin:0;padding:0;list-style:none;}
.activox ul li h5{margin:0;font-size:17px;color: #3131f4;margin-bottom: 8px;}
.activox ul li p{margin:0;font-size:15px;}
/*home css*/
.conteboxpro{background:url(../images/sportsbg.jpg);width:100%;background-size: cover;position: absolute;height: 100%;}
.disproimg{display:flex;justify-content:space-between;border: 2px dotted #3756cb;padding:40px 25px;margin-bottom: 50px;}
.lefproimg{width:24%;text-align: center;}
.rightproimg{width:72%;}
.innerusertext{display:flex;justify-content:space-between;flex-wrap:wrap;}
.usertextpro{width:48%;margin-bottom:10px;}
.usertextpro span{display:block;margin-bottom:5px;}
.tebopp{border: 1px solid #ccc;
  padding: 7px 10px;
  border-radius: 3px;
  width: 100%;}
  .headroxg.neher{top:0;padding-top: 25px;padding-bottom: 200px;position:relative;background:url(../images/back.jpg);background-size:cover;height:297px;}
  .headroxg.neher:before{content:'';position:absolute;top:0;left:0;background: #0059a9;}
  .borderdiv{border: 1px solid #fff;padding:7px 10px;border-radius:3px;margin-right:10px;background: #0059a9;display: flex;align-items: center;}
  .boxla.nopad{padding:0;padding-left:7px;}
  .landfles{display:flex;justify-content:space-between;background: #fff;border: 1px solid #ccc;}
  .bokobox h3{font-size:33px;color:#000;margin-bottom:0;font-weight: 300;}
  .mart{margin-top: -80px;position: relative;z-index: 999;justify-content: space-between;align-items: center;}
  .userpasbox{width:24%;}
  .userpasbox input{width: 100%;border: 1px solid #ccc;padding: 3px 10px;border-radius: 3px;margin-top: 8px;}
  .userpasbox .usecha{width: 100px;margin-left: auto;height: 40px;display: block;border-radius: 5px;border: medium;}
  .headroxg.neher.nops{padding:0;}
  .tright{display: flex;align-items: end;justify-content: end;}
  .navbar-nav li{background: #dc3545;border-radius: 10px;margin-right:5px;}
  .appboxx{display:flex;justify-content: space-between;margin-bottom: 30px;margin-top: 50px;}
  .appboxxinner{width:24%;}
  .appboxxinner p{margin-bottom:10px;}
  .appboxxinner .inse{border: 1px solid #ccc;border-radius: 4px;background: #fff;width: 95%;height: 35px;padding-left: 15px;}
  .flbtn{display:flex;align-items:end;}
  .flbtn1{display: flex;align-items: end;justify-content: end;}
  .pale{margin-left:10px;}
  .lowebox{margin-top:25px;}
  .slotslicerbooked{
  border: 1px solid #e44444;
border-radius: 12px;
  }
.slotinner{background: #fff;}
.lbox{width: 32%;margin-right: 5px;}
.hbox span {font-size: 17px;color: #fff;}
.timeobs h4 {font-size: 17px;font-weight: normal;color: #fff;}
.slotslicerbox h3 {font-size: 19px;}
.slotava1 p a{color: #fff;text-decoration: none;}
.slotslicerbox{flex-direction: column;}
.slotslicer{margin-right:0;}
.lowebox{justify-content: space-between;}
.lbox {width: 32%;}
.slotwrapper{margin-bottom: 50px;}
.timeobs{background: #0059a9;}
.inoulca1{background: #fff;}
.bwidth{width:200px;margin-top: 15px !important;}
.btn.btn-primary {color: #fff;background-color: #0059a9;border-color: #0059a9;}
.widle{padding: 8px 30px;}
.userpasbox p{margin-bottom:2px;}
.landilowebox {margin-top: 91px;}
.borderdiv.newe{background: transparent;border: 0;border-right: 1px solid #f2f2f2;}
.borderdiv.newe .boxla{background:transparent;color:#000;}
.maor{margin-top:50px;}
.marboxs{width: 85%;background: rgba(255,192,0, 0.9);margin: 0 auto;padding:0px;border-radius: 4px;color: #fff;border: 2px solid #FFC000;}
.wrapperbox{display:flex;align-items: center;border: 1px solid #ccc;width: 100%;margin: 0 auto;}
  .headwrapper{width:125px;position:relative;background:#2d76ab;padding:7px 15px;border: 1px solid #2d76ab;}
   .headwrapper:before{content:'';position:absolute;top:23%;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #2d76ab;width:0;height:0;}
  .headwrapper h3{font-size:15px;color:#fff;font-weight:600;margin: 0;font-family:open sans;}
  .contwrapper{width:100%;padding: 0 25px;}
  .contwrapper p{margin: 0;padding:3px 10px;}
  .borderdiv.newe:last-child{border:none;}
  .footer{padding:8px 0;background: linear-gradient(45deg, #dbecfd, #ffe9e9);text-align:center;display:flex;justify-content:center;align-items: center;}
   .footer p{margin:0;font-size:15px;border-radius: 5px;}
   .footer img{width:50px;}
   .cpchat{width: 120px;border-radius: 5px;margin-left: 10px;}