#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color: rgba(0, 0, 0, 0.7);
  display:none;
  
}  
#boxes .window {
  position: fixed;
  left:0;
  top:0;
  width:704px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
  background-color:#fff;
  animation: downing 1s ease-in-out;
}

@keyframes downing{

  from{
    top: -480px;   
  }
  to{
    top: 77.5px;
  }

}

#boxes #dialog {
  width:900px; 
  height:480px;
  padding: 10px 10px 10px 10px;
  /* background-color:#ffffff; */
  font-size: 15pt;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}
.mobile{
  display: none !important;
}

@media only screen and (max-width: 800px) {
  .desktop {
    display: none !important;
  }
 

}

@media only screen and (max-width: 500px) {
  .desktop {
    display: none !important;
  }


  .removing{
    opacity: 0 !important;
    z-index: -1 !important;

  }
  #popup-m{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block !important;
  }

  .mobile-pop2{
    position: fixed;
    top: 110px;
    left: 80px;
    width: 420px;
    height: auto;
    z-index: 9999;
    animation: downing2 2s ease-in-out;
  }

  @keyframes downing2{

    from{
      top: -110px;
    }
    to{
      top: 110px;
    }
  
  }

  .close{
    position: absolute;
    top: -12px;
    right: 57px;
    color: #fff;
    background-color: #000;
    width: 25px;
    height: 25px;
    font-size: 15px;
    text-align: center;
    border-radius: 50px;
    z-index: 9999;
  }
  .close i{
    margin-top: 4px;
  }
  .tittle-popup{
    background-color: #f8ce61;
    width: 420px;
    padding: 10px;
    text-align: center !important;
  }
 

}

@media only screen and (max-width: 470px) {
  .mobile-pop2{
    position: fixed;
    top: 110px;
    left: 80px;
    width: 380px;
    height: auto;
    z-index: 999;
    animation: downing2 2s ease-in-out;
  }
  .tittle-popup{
    background-color: #f8ce61;
    width: 380px;
    padding: 10px;
    text-align: center !important;
  }


}


@media only screen and (max-width: 400px) {
  .mobile-pop2{
    position: fixed;
    top: 110px;
    left: 70px;
    width: 360px;
    height: auto;
    z-index: 999;
    animation: downing2 2s ease-in-out;
  }
  .tittle-popup{
    background-color: #f8ce61;
    width: 360px;
    padding: 10px;
    text-align: center !important;
  }


}

@media only screen and (max-width: 360px) {
  .mobile-pop2{
    position: fixed;
    top: 110px;
    left: 70px;
    width: 320px;
    height: auto;
    z-index: 999;
    animation: downing2 2s ease-in-out;
  }
  .tittle-popup{
    background-color: #f8ce61;
    width: 320px;
    padding: 10px;
    text-align: center !important;
  }


}


#popup-m{
 display: none;
}



.popup-t{
  font-weight: 900;
  font-size: 49px;
  margin-top: 0px;
  font-family: 'Teko', sans-serif !important;
  
}

.popup-t .domai{
  transform: rotate(-90deg);
  font-weight: 600;
  font-size: 23px;
  margin: 6px;
}

.yl-title{
  color: rgb(63, 62, 62);
  text-transform: uppercase;
  border-left: 5px solid #25d366;
  padding: 10px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif !important;

}
.high{
  font-weight: 800;
  color: #000;
}
.high2{
  font-weight: 800;
  color: #f8ce61;
  text-shadow: 3px 3px 2px #393939;
  font-family: EssonnesDisplay-BoldItalic !important;
  font-size: 50px;
  -webkit-text-stroke: 1px #bd9735;
}
@import url('https://fonts.googleapis.com/css2?family=Belanosima&family=Borel&family=Cabin&family=Cookie&family=Keania+One&family=Montserrat:wght@500;800&family=Oleo+Script&family=Poppins:wght@500;700&family=Roboto:wght@500&family=Teko:wght@500&family=Titillium+Web:wght@400;900&family=Yanone+Kaffeesatz:wght@500&display=swap');
.over-box {
  margin: -1px 0px 0px -52px;
}
.tittle-popup{
  background-color: #f8ce61;
  margin: -20px -5px 32px -5px !important;
  padding: 10px;
}
.tittle-popup h3{
font-weight: 400;
font-family: 'Titillium Web', sans-serif;
font-size: 25px;
 
}