@charset "utf-8";
/* CSS Document */
/* fixes */
* {
  margin  : 0;
  padding : 0;
}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}
/* classes comunes */
.text-center {
  text-align : center;
}
.clear {
  width : 100%;
  clear : both;
}
.left {
  float : left;
}
.right {
  float : right;
}
.none {
  display : none;
}
.padding {
  padding : 35px !important;
}
/* firma kábala */
#logoKabala {
  display  : block;
  width    : 50px;
  height   : 13px;
  position : absolute;
  bottom   : 10px;
  left     : 10px;
}
/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select,
  textarea,
  input {
    font-size : 16px !important;
  }

  #buscadorHeader {
    margin-top : 8px;
  }
}
/* responsive youtube iframe container */
.videoWrapper {
  position       : relative;
  padding-bottom : 56.25%; /* 16:9 */
  padding-top    : 25px;
  height         : 0;
}
.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
/* tipografías */
body {
  font-family : 'Ubuntu', sans-serif;
}
.t14 {
  font-size : 14px;
}
.t16 {
  font-size : 16px;
}
.t18 {
  font-size : 18px;
}
.t20 {
  font-size : 20px;
}
.t25 {
  font-size : 25px;
}
.t30 {
  font-size : 30px;
}
.lh20 {
  line-height : 20px;
}
.lh40 {
  line-height : 40px;
}
.bolder {
  font-weight : 500;
}
.normal {
  font-weight : 400;
}
.lighter {
  font-weight : 300;
}
.padding10 {
  padding-bottom : 10px;
}
.titulo {
  display     : none;
  font-size   : 30px;
  color       : #1C84C6;
  font-weight : normal;
}
.categoriaProducto {
  text-align : left;
  display    : block;
  font-size  : 35px !important;
  color      : #1C84C6 !important;
}
.categoriaProductoChico {
  font-size  : 20px;
  text-align : left;
  display    : block;
  color      : #1C84C6 !important;
}
.text-center {
  text-align : center;
}
/* colores */
.textoBlanco {
  color : #FFF;
}
.backgroundBlanco {
  background-color : #FFF;
}
.textoNaranja {
  color : #F1832A;
}
.backgroundNaranja {
  background-color : #F1832A;
}
.textoCelesteClaro {
  color : #C2EBFD;
}
.backgroundCelesteClaro {
  background-color : #C2EBFD;
}
.textoCeleste {
  color : #73CCF4;
}
.backgroundCeleste {
  background-color : #73CCF4;
}
.textoAzul {
  color : #1C84C6;
}
.backgroundAzul {
  background-color : #1C84C6;
}
.textoGris {
  color : #E4E4E4;
}
.backgroundGris {
  background-color : #E4E4E4;
}
/* navageción principal*/
#buscadorHeader {
  border              : 2px solid rgb(115, 204, 243);
  border-radius       : 10px;
  background-image    : url("./imagenes/iconoM1.png");
  background-repeat   : no-repeat;
  background-position : right;
  background-size     : 30px;
  padding             : 10px 0 5px;
}
#btnSearchMobile,
#btnSearch {
  cursor   : pointer;
  height   : 45px;
  opacity  : 0;
  position : absolute;
  right    : 0;
  top      : 0;
  width    : 40px;
}
#buscadorHeader > input[type=text] {
  padding-left   : 10px;
  padding-bottom : 3px;
  line-height    : 35px;
  margin         : 0;
  position       : relative;
  color          : rgb(28, 132, 198);
}
.nav-wrapper {
  background-color : #FFF;
}
nav {
  box-shadow : none !important;
}
nav.nav-extended .nav-wrapper {
  min-height  : 120px;
  padding-top : 20px;
}
nav ul a:hover {
  background-color : transparent;
}
/* navegación secuendaria */
.center-algin > li {
  display        : inline-block;
  position       : relative;
  text-align     : center;
  vertical-align : middle;
}
.navegacion ul li a {
  height  : 65px;
  padding : 8px 15px;
}
.borderCeleste {
  border-right : 0.5px solid #C2EBFD;
  border-left  : 0.5px solid #C2EBFD;
}
.borderRr {
  border-radius : 0px 15px 15px 0px;
}
.borderRl {
  border-radius : 15px 0px 0px 15px;
}
/* carrito de compras */
#textoInfoCarrito {
  padding-bottom : 5px;
  padding-top    : 5px;
}
#btnEmptyCart {
  color      : rgb(28, 132, 198);
  padding    : 7px;
  text-align : right;
  display    : inline-block;
  float      : right;
}
#btnCloseCart {
  color       : rgb(28, 132, 198);
  display     : inline-block;
  float       : left;
  margin-left : 2px;
  padding     : 7px;
  text-align  : left;
}
#trash {
  color : #C2EBFD;
}
#carritoVacio {
  font-size  : 20px;
  text-align : center;
  margin-top : 25px;
}
#total {
  color     : #1862AF;
  font-size : 25px;
}
.precioFinal {
  color     : #1862AF;
  font-size : 25px;
}
nav a.button-collapse {
  display : block !important;
}
nav,
nav .nav-wrapper i,
nav a.button-collapse,
nav a.button-collapse i {
  line-height : 20px;
}
@media (max-width : 450px) {
  #slide-out.side-nav {
    width : 100%;
  }
}
.side-nav {
  width : 450px;
}
.side-nav li {
  float       : none;
  line-height : 25px !important;
}
.side-nav li > a {
  color         : rgb(28, 132, 198);
  display       : block;
  font-size     : 14px;
  font-weight   : 400;
  height        : 80px;
  line-height   : 20px;
  margin-bottom : 5px;
  padding       : 5px 0 5px 20px;
  text-align    : center;
}
.side-nav li > a:hover {
  background-color : transparent;
}
/* listado productos carrito */
.producto {
  background-color : rgb(194, 235, 253);
  border-radius    : 10px;
  margin           : 20px 10px 0;
  padding          : 15px 15px 20px;
}
.producto:last-child {
  margin-bottom : 125px !important;
}
.descripcion {
  display   : inline-block;
  float     : right;
  max-width : 450px;
  width     : 100%;
}
.contenedorCantidad {
  font-size   : 14px;
  font-weight : normal;
}
.menos {
  color         : #000;
  font-weight   : bolder;
  font-size     : 18px;
  padding-right : 5px;
}
.mas {
  font-weight  : bolder;
  font-size    : 18px;
  color        : #000;
  padding-left : 5px;
}
.center.lh40 > span {
  font-size : 20px;
}
.precio {
  font-size   : 20px;
  font-weight : bolder;
  text-align  : center;
}
.imagenProducto {
  border         : 2px solid;
  border-radius  : 10px 10px 10px 10px;
  border-color   : #1C84C6;
  vertical-align : text-top;
}
#listaProductos .producto .imagenProducto {
  width     : 100%;
  max-width : 113px;
}
/* productos destacados */
.productosDestacados {
  padding-bottom : 35px;
}
.hoverImg {
  background-color : rgba(194, 235, 253, 0.5);
  border-radius    : 9px;
  left             : 0;
  padding          : 70px 50px;
  position         : absolute;
  top              : 0;
  display          : none;
}
.listadoProducto a img:hover > .hoverImg {
  display : block;
}
/* servicios */
.servicios {
  display       : inline-block;
  padding-left  : 30px;
  padding-right : 30px;
  padding-top   : 25px;
  position      : relative;
}
/* listado producto */
.listadoProducto {
  display        : inline-block;
  max-width      : 250px;
  padding-bottom : 15px;
  position       : relative;
  vertical-align : top;
  width          : 100%;
}
.descuento {
  padding  : 5px;
  position : absolute;
  right    : 0;
  top      : 0;
}
.btnAgregarCarrito {
  padding-bottom : 15px;
  padding-top    : 5px;
}
.precioBtn {
  background-color : rgb(194, 235, 253);
  border-radius    : 5px 0 0 5px;
  color            : rgb(28, 132, 198);
  font-size        : 20px;
  font-weight      : bolder;
  padding          : 5px 30px;
  vertical-align   : middle;
}
.botonCart {
  background-color : rgb(241, 132, 43);
  border-radius    : 0 5px 5px 0;
  color            : rgb(255, 255, 255);
  font-size        : 28px;
  font-weight      : normal;
  padding          : 0 5px;
  transition       : all 0.35s ease 0s;
  vertical-align   : middle;
}
.botonCart:hover {
  background-color : #3F94CE;
}
#botIntNav {
  height     : 100%;
  max-height : 195px;
  padding    : 10px 15px;
  position   : absolute;
  width      : 100%;
  bottom     : 0;
}
.descripcionProductoListado {
  color    : rgb(28, 132, 198) !important;
  height   : 40px;
  overflow : hidden;
}
/* hovers */
/* Backward */
.hvr-backward {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform : translateX(-8px);
  transform         : translateX(-8px);
}
/* Underline From Left */
.hvr-underline-from-left {
  display           : inline-block;
  vertical-align    : middle;
  -webkit-transform : perspective(1px) translateZ(0);
  transform         : perspective(1px) translateZ(0);
  box-shadow        : 0 0 1px transparent;
  position          : relative;
  overflow          : hidden;
}
.hvr-underline-from-left:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  left                               : 0;
  right                              : 100%;
  bottom                             : 0;
  background                         : #F1832A;
  height                             : 5px;
  -webkit-transition-property        : right;
  transition-property                : right;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
  vertical-align                     : middle;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right : 0;
}
/* Underline From Left Azul */
.hvr-underline-from-left-azul {
  display           : inline-block;
  vertical-align    : middle;
  -webkit-transform : perspective(1px) translateZ(0);
  transform         : perspective(1px) translateZ(0);
  box-shadow        : 0 0 1px transparent;
  position          : relative;
  overflow          : hidden;
}
.hvr-underline-from-left-azul:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  left                               : 0;
  right                              : 100%;
  bottom                             : 0;
  background                         : #1C84C6;
  height                             : 5px;
  -webkit-transition-property        : right;
  transition-property                : right;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-underline-from-left-azul:hover:before,
.hvr-underline-from-left-azul:focus:before,
.hvr-underline-from-left-azul:active:before {
  right : 0;
}
/* botones */
.btnCeleste {
  background-color : #1862AF;
  border-radius    : 10px;
  padding          : 5px 10px;
}
.btnCelesteComprar {
  background-color : #1862AF;
  border-radius    : 10px;
  padding          : 5px 10px;
  color            : #FFF;
  text-align       : center;
  font-size        : 20px;
  line-height      : 20px;
}
.btnCelesteComprar {
  border  : medium none;
  padding : 15px;
  width   : 100%;
}
/* slider */
.slider {
  height     : 100%;
  max-height : 400px;
  margin     : 0 auto;
  max-width  : 1024px;
  position   : relative;
  width      : 100%;
  z-index    : 9;
}
.slider .slides,
.slider .slides li img {
  border-radius : 25px 25px 25px 25px;
}
.slider .indicators .indicator-item.active {
  background-color : rgba(205, 205, 205, 0.55);
}
.slider .indicators {
  bottom     : 0;
  left       : 0;
  margin     : 0;
  position   : relative;
  right      : 0;
  text-align : center;
  top        : -50px;
  z-index    : 99999;
}
.slider .indicators .indicator-item {
  background-color : rgb(224, 224, 224);
  border-radius    : 25px;
  cursor           : pointer;
  display          : inline-block;
  height           : 5px;
  margin           : 0 10px;
  position         : relative;
  transition       : background-color 0.3s ease 0s;
  width            : 75px;
}
/* medios de pago */
.mediosPago {
  background-color : rgb(255, 255, 255);
  border-radius    : 15px;
  margin-top       : 20px;
  max-width        : 280px;
  padding          : 5px;
  width            : 100%;
}
.mediosPago img {
  position : relative;
  display  : inline-block;
}
/* footer */
.contenedorFooter {
  padding : 15px;
}
.logoFooter {
  width         : 100%;
  margin-bottom : 15px;
}
/* producto ampliado */
.descripcion {
  display : inline-block;
  float   : right;
  width   : 100%;
}
.slider.sliderProductos {
  border-radius : 0;
  display       : inline-block;
  max-width     : 435px;
  width         : 100%;
}
.sliderProductos,
.sliderProductos li img {
  border-radius : 0px !important;
}
.descripcionProducto {
  color          : #333;
  font-size      : 14px;
  font-weight    : normal;
  vertical-align : middle;
  line-height    : 20px;
  padding        : 15px 0px 15px 0px;
}
.precioGrande {
  font-size   : 40px;
  font-weight : 900;
  color       : #1C84C6;
}
.divider {
  background-color : #73CCF3;
  height           : 1px;
  width            : 100%;
  margin           : 0 auto;
  display          : block;
  margin-top       : 15px;
  margin-bottom    : 15px;
}
.btnComprar {
  background-color : #F1832A;
  color            : #FFF;
  font-weight      : bolder;
  font-size        : 18px;
  line-height      : 35px;
  border-radius    : 5px 5px 5px 5px;
  padding          : 5px 10px;
}
#cantidadCompra,
.cantidadCompra {
  border        : 1px solid rgb(241, 131, 42);
  border-radius : 5px;
  font-size     : 20px;
  height        : 46px;
  padding-left  : 15px;
  width         : 100px;
}
.descripcion > label {
  color     : rgb(51, 51, 51);
  font-size : 20px;
}
/* Float Shadow */
.hvr-float-shadow {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  position                    : relative;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-float-shadow:before {
  pointer-events              : none;
  position                    : absolute;
  z-index                     : -1;
  content                     : '';
  top                         : 100%;
  left                        : 5%;
  height                      : 10px;
  width                       : 90%;
  opacity                     : 0;
  background                  : -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background                  : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform, opacity;
  transition-property         : transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform : translateY(-5px);
  transform         : translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity           : 1;
  -webkit-transform : translateY(5px);
  transform         : translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* inicio de sesion y registro */
.select-dropdown {
  color : rgb(158, 158, 158);
}
#inicioSesion {
  display  : inline-block;
  float    : left;
  padding  : 25px;
  position : relative;
  width    : 50%;
}
.resetPass, .resetPassOk {
  display : none;
}
#registroUsuario {
  display  : inline-block;
  padding  : 25px;
  position : relative;
  width    : 50%;
}
#formLogin input[type=text],
#formLogin input[type=password],
#formRegistro input[type=text],
#formRegistro input[type=password],
#formRegistro input[type=text],
#formPerfil1 input[type=password],
#formPerfil1 input[type=text],
#formPerfil2 input[type=password],
#formPerfil2 input[type=text],
.validate {
  color : rgb(28, 132, 198);
}
/* productos mobile */
.productoMobile {
  background-color : rgb(194, 235, 253);
  border-radius    : 10px;
  margin           : 20px 20px 0;
  padding          : 20px 5px 0;
}
.imagenProductoMobile {
  border         : 2px solid rgb(28, 132, 198);
  border-radius  : 10px;
  margin-bottom  : 10px;
  vertical-align : text-top;
}
/* mediaquerie */

#headerMobile {
  display : none;
}
header {
  display : block;
}
.titulo {
  display : block;
}
.tituloMobile {
  display : none;
}
.descripcionMobile {
  display : none;
}
#cont_side-nav {
  height     : 100%;
  overflow-y : auto;
}
#slider-mobile {
  display : none;
}
#slider-desktop {
  display : block;
}
@media (max-width : 640px) {
  /* Hacer coincidir esta medida del @media con el ancho del slider mobile */
  #slider-mobile {
    display : block;
  }

  #slider-desktop {
    display : none;
  }
}
@media (max-width : 1024px) {
  footer .col25 {
    width : 50%;
  }

  .carrito_menu_cant > span {
    background-color : rgb(241, 132, 43);
    border-radius    : 5px;
    color            : rgb(255, 255, 255);
    font-weight      : 600;
    padding          : 2.5px 5px;
  }

  #linkCarrito {
    float        : right !important;
    height       : 50px !important;
    margin-right : 10px !important;
    margin-top   : 30px !important;
    width        : 50px !important;
  }

  .container {
    padding : 0px 30px;
  }

  #logoMobile {
    width : 300px !important;
  }

  .titulo {
    font-size : 25px;
  }

  .contenedorDescripcion {
    display        : inline-block;
    padding-bottom : 10px;
    text-align     : center;
  }

  #botIntNav {
    height     : 100%;
    margin-top : 20px;
    max-height : 210px;
    padding    : 5px 25px 25px;
    position   : absolute;
    width      : 100%;
    bottom     : 0;
  }

  header {
    display : none;
  }

  #headerMobile {
    display  : block;
    position : relative;
    z-index  : 10;
  }

  #logoMobile {
    display  : inline-block;
    margin   : 0 auto;
    padding  : 15px;
    position : relative;
    width    : 250px;
  }

  #linkCarrito {
    float      : right;
    margin-top : 50px !important;
    width      : 50px !important;
  }

  #linkCarrito > img {
    margin-left : -15px !important;
    margin-top  : -20px !important;
  }

  #listaComoComprar li {
    padding-left : 0px;
  }

  #linkCarrito div.cant {
    background-image    : url("./imagenes/gotitas.png");
    background-position : center center;
    background-repeat   : no-repeat;
    margin-left         : -15px !important;
    margin-top          : -55px !important;
    position            : relative !important;
    width               : 60px !important;
  }

  #openMenu {
    color   : rgb(29, 132, 199);
    float   : left;
    padding : 35px 0 35px 35px;
  }

  #openMenu > img {
    width : 25px;
  }

  .overlay {
    height           : 100%;
    width            : 0;
    position         : fixed;
    z-index          : 1;
    top              : 0;
    left             : 0;

    background-color : rgb(241, 131, 42);
    overflow-x       : hidden;
    transition       : 0.5s;
  }

  .overlay-content {
    position   : relative;
    text-align : center;
    top        : 15%;
    width      : 100%;
  }

  .overlay a {
    color           : rgb(255, 255, 255);
    display         : block;
    font-size       : 18px;
    padding         : 5px;
    text-decoration : none;
    transition      : all 0.3s ease 0s;
  }

  .overlay .closebtn {
    color     : rgb(255, 255, 255);
    font-size : 60px;
    position  : absolute;
    right     : 15px;
    top       : -10px;
  }

  #inicioSesion {
    display  : inline-block;
    float    : left;
    padding  : 0 50px;
    position : relative;
    width    : 100%;
  }

  #registroUsuario {
    display  : inline-block;
    padding  : 0 50px;
    position : relative;
    width    : 100%;
  }

  #searchMobile:focus {
    border        : 0 none;
    border-radius : 5px 0 0 5px;
    box-shadow    : none;
    color         : rgb(255, 255, 255);
    transition    : 0.5s;
  }

  .descripcion {
    display   : inline-block;
    float     : left;
    max-width : 450px;
    width     : 100%;
  }

  .btn_google {
    display    : block !important;
    float      : none !important;
    margin     : 25px auto -30px !important;
    text-align : center;
  }

  #inicioSesion, #registroUsuario {
    padding : 0px !important;
  }
}
#view510 {
  display : none;
}
#miCuentaMobile img {
  vertical-align : middle;
}
#buscadorMobile {
  background-image    : url("./imagenes/iconoM1Mobile.png");
  background-position : right center;
  background-repeat   : no-repeat;
  background-size     : auto auto;
  border              : 2px solid rgb(255, 255, 255);
  border-radius       : 10px;
  margin              : 0 25px 10px;
}
#buscadorMobile > input[type="text"] {
  border         : medium none;
  color          : rgb(255, 255, 255);
  line-height    : 35px;
  margin         : 0;
  padding-bottom : 3px;
  padding-left   : 5px;
  position       : relative;
}
/* Forward */
.hvr-forward {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform : translateX(8px);
  transform         : translateX(8px);
}
/* carrito mobile */
.overlayCarrito {
  height           : 100%;
  width            : 0;
  position         : fixed;
  z-index          : 1;
  top              : 0;
  right            : 0;
  background-color : rgb(0, 0, 0);
  background-color : rgba(0, 0, 0, 0.9);
  overflow-x       : hidden;
  transition       : 0.5s;
}
.overlay-content {
  position   : relative;
  text-align : center;
  top        : 15%;
  width      : 100%;
}
.overlayCarrito {
  background-color : rgb(255, 255, 255);
}
.overlayCarrito a {
  color           : rgb(129, 129, 129);
  display         : inline-block;
  font-size       : 36px;
  padding         : 8px;
  text-decoration : none;
  transition      : all 0.3s ease 0s;
  width           : 36px;
}
.overlayCarrito a:hover, .overlayCarrito a:focus {
  color : #F1F1F1;
}
.overlayCarrito .closebtn {
  font-size   : 55px;
  line-height : 55px;
  position    : absolute;
  right       : 20px;
  top         : -8px;
}
.listadoProducto a img.responsive-img {
  max-width : 215px;
  width     : 100%
}
/*--- mediaqueries ---*/
@media (max-width : 768px) {
  .col50 {
    width   : 100% !important;
    padding : 0px !important;
  }
}
@media (max-width : 510px) {
  footer .col25 {
    width : 100%;
  }

  #view510 {
    display : block !important;
  }

  .padding {
    padding : 25px !important;
  }

  #cantidadCompra {
    border        : 1px solid rgb(241, 131, 42);
    border-radius : 5px;
    font-size     : 20px;
    height        : 46px;
    padding-left  : 15px;
    width         : 65px;
  }

  .descripcion > label {
    color     : rgb(51, 51, 51);
    font-size : 15px;
  }

  #logoMobile {
    display       : inline-block;
    margin        : 0 auto;
    padding-left  : 10px;
    padding-right : 10px;
    padding-top   : 20px;
    position      : relative;
    width         : 200px !important;
  }
}
@media (max-height : 450px) {
  .overlay a {
    font-size : 20px
  }

  .overlay .closebtn {
    font-size : 40px;
    top       : 15px;
    right     : 35px;
  }
}
.waiting {
  opacity : .5;
  cursor  : not-allowed;
}
.producto.model {
  display : none;
}
#listaProductos .producto * {
  text-align : right;
}
.float-right {
  float : right !important;
}
input[readonly=readonly] {
  cursor  : not-allowed;
  color   : #AAA !important;
  opacity : .6;
}
.producto {
  transition : 1s;
  opacity    : 1;
}
.producto.last {
  opacity    : 0;
  transition : 1s;
}
/* check out */
td, th {
  text-align : center;
}
.btnCelesteH {
  background-color : rgb(255, 255, 255);
  border           : 2px solid rgb(28, 132, 198);
  border-radius    : 25px;
  color            : rgb(28, 132, 198);
  display          : inline-block;
  font-size        : 16px;
  padding          : 15px;
}
.btnCelesteH.selected,
.btnCelesteH:hover {
  background-color : #1C84C6;
  color            : #FFF;
}
.tituloCheckout {
  color         : rgb(28, 132, 198);
  display       : block;
  font-size     : 20px;
  margin-bottom : 30px;
}
#btnOpenCart {
  margin-top : 4px;
  position   : relative;
}
.carrito_menu_cant {
  display : none;
}
#btnOpenCart div.cant {
  background-image    : url("./imagenes/gotitas.png");
  background-position : center center;
  background-repeat   : no-repeat;

  left                : 0;
  margin-top          : -8px;
  position            : absolute;
  right               : 0;
  top                 : 0;
  width               : 100%;
}
#btnOpenCart div.cant span {
  background-color : rgb(241, 129, 47);
  border-radius    : 3px;
  color            : rgb(255, 255, 255);
  display          : block;
  font-weight      : bold;
  height           : 20px;
  margin           : -3px auto 0;
  text-align       : center;
  width            : 22px;
}
.btn_google {
  box-shadow       : 2px 4px 8px rgb(197, 203, 205) !important;
  color            : #FFF;
  font-size        : 16px;
  font-weight      : normal;
  background-color : #4285F4;
  padding-right    : 15px;
  padding-top      : 1px;
  padding-left     : 1px;
  padding-bottom   : 1px;
}
.btn_google > img {
  vertical-align   : middle;
  width            : 45px;
  background-color : #FFF;
  padding          : 10px;
  margin-right     : 5px;
}
.googleIcon {
  font-size      : 25px !important;
  vertical-align : middle;
}
.paddingh16 {
  padding-left  : 16px;
  padding-right : 16px;
}
.btn_logout {
  float : right;
}
.btn_logout > span {
  padding-right : 10px;
  display       : block;
  float         : left;
}
.btn_logout i {
  font-size : 38px
}
.notice {
  margin           : 10px 10px;
  padding          : 15px 0;
  border           : 1px solid;
  border-radius    : 12px;
  background-color : #F1832A;
  color            : #FFF;
}
.notice .titulo {
  color : #FFF;
}
.col {
  float : left;
}
.col50 {
  width   : 50%;
  padding : 25px;
}
.col30 {
  width : 30% !important;
}
.col33 {
  width : 33% !important;
}
.col70 {
  width : 70% !important;
}
.col25 {
  width : 25%;
}
.paddinglr {
  padding-left  : 5px;
  padding-right : 5px;
}
.paddingl {
  padding-left : 5px;
}
.paddingr {
  padding-right : 5px;
}
.cont_datos_envio {
  margin-top : 30px;
  display    : none;
}
.grupo {
  height     : 100%;
  min-height : 110px;
  text-align : center;
}
.grupo .radio {
  display : inline-block;
}
.grupo .radio input {
  display : none;
}
.grupo .radio label {
  box-sizing : content-box;
  cursor     : pointer;
  height     : 60px;
  margin     : 0;
  padding    : 0;
  width      : 100px;
}
.grupo .radio label img {
  width  : 100px;
  border : 2px dashed rgb(204, 204, 204);
}
.grupo .radio input[type="radio"]:checked + label img,
.grupo .radio label:hover img {
  border : 2px solid rgb(241, 131, 42);
}
input[type="radio"] + label::after,
input[type="radio"] + label::before {
  display : none;
}
.cont_btnCarritoComprar {
  margin     : 72px 0;
  text-align : center;
}
#btnCarritoComprar {
  float : none !important;
}
#descuento {
  float         : right;
  font-size     : 20px;
  margin-bottom : 10px;
  max-width     : 157px;
  padding-right : 25px;
  text-align    : right;
  width         : 100%;
}
.right.descuentoValidacion {
  display        : block;
  font-size      : 24px;
  margin-left    : -25px;
  margin-top     : 2px;
  position       : relative;
  vertical-align : middle;
  z-index        : 9;
  color          : #1C84C6;
}
.right.descuentoValidacion:hover {
  color      : rgb(241, 131, 42);
  transition : 0.5s;
}
/* FAQ´s - Preguntas Frecuentes */
#listaFAQs li {
  line-height    : 22px;
  padding-top    : 15px;
  padding-bottom : 15px;
}
/* Como Comprar */
#listaComoComprar li {
  padding-left : 15px;
}
/* Backward */
.hvr-backward {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform : translateX(-8px);
  transform         : translateX(-8px);
}
.margintop10 {
  margin-top : 10px;
}
textarea.materialize-textarea {
  min-height : 3rem;
  overflow-y : hidden;
  padding    : 8.5px !important;
  resize     : none;
}
.cupon_descuento {
  position : relative;
}
.cupon_descuento label {
  text-align    : right;
  margin-bottom : 5px;
}
.cont_descuento {
  display : none;
}
.cupon_descuento small {
  font-size : 10px;
  position  : absolute;
  bottom    : 7px;
  left      : 1px;
  width     : 100%;
  display   : block;
}
.hvr-float {
  display                            : inline-block;
  vertical-align                     : middle;
  -webkit-transform                  : perspective(1px) translateZ(0);
  transform                          : perspective(1px) translateZ(0);
  box-shadow                         : 0 0 1px transparent;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-float:hover {
  -webkit-transform : translateY(-8px);
  transform         : translateY(-8px);
}
.videoWrapper {
  margin-top : 20px;
}
.colleft {
  display   : inline-block;
  max-width : 435px;
  width     : 100%;
}
.payWithMp {
  display    : none;
  text-align : center;
  margin     : 10% 0;
}
.logo-mp-footer {
  width   : 100%;
  padding : 7px;
}.btnPayWithMl {
   padding: 18px 87px;
   background-image: url(/imagenes/logo-mp.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 83%;
   text-indent: -999px;
   display: block;
   margin: 0 auto;
   cursor: pointer;
   background-color: transparent;
   border: 2px solid #1C84C6;
   border-radius: 27px;
   transition: .5s;
 }
.btnPayWithMl:hover{
  transition:.5s;
  background-color:#eee;

}
.logo-mp-checkout {
  max-width: 300px;
}
.cont-logo-mp-checkout {
  margin-bottom: 50px;
}
.d-none{display:none;}