/* Custom CSS */

html {scroll-behavior: smooth;}

body{

  font-family: 'Montserrat', sans-serif !important;

  letter-spacing: -1px;

}

p{

  font-size: 18px;

}

strong, h1, h2, h3, h4, h5, h6{

  font-family: "Montserrat"; font-weight: 700;

}



h1.h1,h2.h2{

  font-family: "3ds Bold"; font-weight: 700;

}



.boton{

  padding: 10px 30px;

  border-radius: 30px 0px;

  font-family: 'Montserrat', sans-serif !important;

  font-size: 1.5em;

  text-decoration: none;

  font-weight: 900;

  letter-spacing: 0.5px;

  -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);

  -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);

  -moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);

  transition: all .5s cubic-bezier(.3,.95,.3,.95);

}

.boton-white{

  background: #ffffff !important;

  color: #000000 !important;

  border: #ffffff solid 2px !important;

}

.boton-white:hover,.boton-white:active{

  background: transparent !important;

  color: #ffffff !important;

  border: #ffffff solid 2px !important;

}

.boton-2{

  padding: 10px 30px;

  border-radius: 0px 30px;

  font-family: 'Montserrat', sans-serif !important;

  font-size: 1.5em;

  text-decoration: none;

  font-weight: 500;

  letter-spacing: 0.5px;

  -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);

  -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);

  -moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);

  transition: all .5s cubic-bezier(.3,.95,.3,.95);

}

.boton-3{
  padding: 5px 15px;
  border-radius: 0px 30px;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1em;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);
  -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);
  -moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);
  transition: all .5s cubic-bezier(.3,.95,.3,.95);
}

.boton-white-2{

  background: transparent !important;

  color: #ffffff !important;

  border: #ffffff solid 2px !important;

}

.boton-white-2:hover,.boton-white-2:active{

  background: transparent !important;

  color: #ffffff !important;

  border: #ffffff solid 2px !important;

}

.boton-white-3{
  background: transparent !important;
  color: #ffffff !important;
  border: #ffffff solid 2px !important;
}

.boton-white-3:hover,.boton-white-3:active{
  background: #ffffff !important;
  color: #000000 !important;
  border: #ffffff solid 2px !important;
}


.img-default{

  max-width: 100%;

}



.box-red{

  background: #e1251b;

  border-radius: 100px 0px;

  padding: 30px 15px;

}

.g-recaptcha > div{
  margin-right: auto !important;
  margin-left: auto !important;
}

footer{

  background: #000000;

}

a.footer-text-1{color: #f8f9fa;}

a.footer-text-1:hover{color: #007bff;}

label.is-invalid{
  color: #fff !important;
  font-weight: bold !important;
}

#back-to-top{display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 22px;background-color: #fff;color: #000;cursor: pointer;padding: 0px 10px;border-radius: 200px; border: #fff solid 2px; -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);}

#back-to-top:hover{background-color: transparent;color: #fff; border: #fff solid 2px;-webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);-moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);transition: all .5s cubic-bezier(.3,.95,.3,.95);}

.float {

  position: fixed;

  width: 60px;

  height: 60px;

  bottom: 90px;

  right: 30px;

  background-color: #25d366;

  color: #FFF;

  border: #25d366 solid 2px;

  border-radius: 50px;

  text-align: center;

  font-size: 36px;

  z-index: 99;

  padding-left: 3px;

}

.float:hover {

  text-decoration: none;

  color: #ffffff;

  background-color: transparent;

  border: #25d366 solid 2px;

}



.data{

  font-weight: bold;

  color: #ffffff;

  margin-top: 15px;

  background-color: #0F48FF;

  padding: 0px 7px;

}



.data-2do{

  background-color: #ff5d60;

}



.data div{

  width: 31%;

  display: inline-block;

}



.data-table{

  width: 99%;

  margin: auto;

}



table{

  text-align: center;

  overflow: hidden;

  box-sizing: border-box;

  border-collapse: collapse;

    

}



td,th{

  padding: 5px;

}



#alert-01, #alert-02, #sec-pedido{

  display: none;

}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link{
  font-weight: 700;
}


/*------------------- Contador ------------------*/

.box-blanca{

  background: rgba(255,255,255,0.5);

  padding: 5px 15px;

  font-size: 3rem;

  font-weight: 400;

}



.box-negra{

  background: rgba(0,0,0,0.5);

  padding: 5px 15px;

  font-size: 3rem;

  font-weight: 400;

}





.contenedor h1 {

  font-weight: normal;

  letter-spacing: .125rem;

  text-transform: uppercase;

  color: #ffffff;

  font-family: "Poppins";

}



.contenedor li {

  display: inline-block;

  font-size: 1.5em;

  list-style-type: none;

  padding: 1em;

  font-family: "Montserrat";

  background: #fff;

  color: #000;

  margin: 10px;

  border-radius: 15px;

  font-weight: 700;

}



.contenedor li span {

  display: block;

  font-size: 4.5rem;

}



.contenedor .emoji {

  display: none;

  padding: 1rem;

}



.contenedor .emoji span {

  font-size: 4rem;

  padding: 0 .5rem;

}



@media all and (max-width: 768px) {

  .contenedor h1 {

    font-size: 1.5rem;

  }

  

  .contenedor li {

    font-size: 1.125rem;

    padding: .75rem;
    width: 135px;

  }

  

  .contenedor li span {

    font-size: 3.375rem;

  }

}


/*------------------- Media Querys -------------------*/



@media only screen and (max-width: 799px)
{
  .column-mobi{display: block;}
  .column-desk{display: none;}
  .data-table{overflow: scroll;}
  table{width: 100%;}
  .bg-atta{
    background-attachment: initial !important;
  }
}


@media only screen and (min-width: 768px)
{
  .contenedor li{width: 180px;}
}


@media only screen and (min-width: 992px)
{
  .column-mobi{display: none;}
  .column-desk{display: flex;}
  .contenedor li{width: 180px;}
  .bg-atta{
    background-attachment: fixed !important;
  }
}