/*!
 * Estilo para INOO basado en Bootstrap
 */
* {
    margin: 0;
    padding: 0;
}

body {
	padding-top: 54px;
	font-family: 'Roboto', sans-serif;
	color: #000;
        overflow-x: hidden;
        height: 100%;
}

.margin-auto {
    margin: auto;
}

.card-footer:last-child{
    border-bottom: 1px solid #10585C;
}

.activo{
    background-color: #FFF6F2;
}

.activo2{
    background-color: #FFF6F2;
}

 a.activo2{
    color: #0A3537 !important;
}

/*Caro*/
.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
  }

  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }

  .owl-carousel .item {
      text-align: center;
  }
  .owl-carousel .nav-btn{
      height: 47px;
      position: absolute;
      width: 26px;
      cursor: pointer;
      top: 100px !important;
  }

  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }

  .owl-carousel .prev-slide{
      background: url('../img/nav-icon.png') no-repeat scroll 0 0;
      left: -33px;
  }
  .owl-carousel .next-slide{
      background: url('../img/nav-icon.png') no-repeat scroll -24px 0px;
      right: -33px;
  }
  .owl-carousel .prev-slide:hover{
     background-position: 0px -53px;
  }
  .owl-carousel .next-slide:hover{
    background-position: -24px -53px;
  }
/***/
/** Productos Carousel **/

.item .card-body{
    text-align: left;
}

/*Menú Principal*/
.tienda-menu {
    padding: 0;
    background-color: #01364D !important;
}
.tienda-menu .navbar-brand {
    padding: 15px 18px;
}

/*Formulario búsqueda*/
.top-categories-search {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 16px;
    width: 50%;
}
.top-categories-search .form-control {
    border: medium none;
    font-size: 13px;
    height: 38px;
    min-width: 384px;
}
.top-categories-search .btn {
    border-radius: 0 2px 2px 0 !important;
    font-weight: 500;
    height: 38px;
    padding: 0 21px;
    text-transform: uppercase;
}

/*Boton Flotante*/
.flotante {
    display:scroll;
    position:fixed;
    bottom:320px;
    right:0px;
    z-index:1000;
}

/* Enlaces */
.tienda-menu-2 {
    background: #f78640 none repeat scroll 0 0 !important;
    border-radius: 0;
    box-shadow: 0 2px 2px #eaeaea;
    padding: 0;
    margin-top: 1.2%;
    position: fixed;
    z-index: 1000;
    width: 100%;
}
.tienda-menu-2 .nav-link {
    color: #01364D !important;
    font-size: 17px !important;
    padding: 13px 16px !important;
}
.tienda-menu-2 .nav-link:hover {
    background: #FFF6F2 none repeat scroll 0 0;
    color: #333 !important;
    font-weight: bold;
    font-size: 20px;
}

.tienda-menu-3 {
    background: #10585C none repeat scroll 0 0 !important;
    border-radius: 0;
    box-shadow: 0 2px 2px #eaeaea;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 1%;
    position: fixed;
    z-index: 1000;
    width: 100%;
}
.tienda-menu-3 .nav-link {
    color: #fff !important;
    font-size: 17px !important;
    /*padding: 13px 16px !important;*/
    padding-left: 5px;
    padding-rigth: 5px;
    border: 2px solid #fff;
    border-radius: 20px;
    margin-right: 5px;
   
    /*height: 40px;*/
}
.tienda-menu-3 .nav-link:hover {
    background: #FFF6F2 none repeat scroll 0 0;
    color: #333 !important;
    font-weight: bold;
    font-size: 20px;
}
/*Menú scrollable*/
.container-menu{
    background: #01364D;
    margin-top: 1%;
    margin-bottom: -3%;
    position: fixed;
    z-index: 1000;
    width: 100%;
    
}
nav#menu-container {
    position:relative;
    /*width:800px;*/
    /*height: 56px;*/
    margin: 0 auto;
    width: 900px;
}
#btn-nav-previous {
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    left: 0px;
    padding: 9px 12px;
    background: #01364D;
    fill:#FFF;
}
#btn-nav-next {
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 0px;
    padding: 9px 12px;
    background: #01364D;
    fill:#FFF;
}
.menu-inner-box{ 
    white-space: nowrap;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 54px;
    box-sizing: border-box;
}
.menu
{  
    padding:0;
    margin: 0;
    list-style-type: none;
    display:block;
    text-align: center;
    
}
.menu-item{
    height:100%;
    color:#fff;
    display:inline;
    margin:0 auto;
    line-height:57px;
    text-decoration:none;
    text-align:center;
    white-space:nowrap;
    border: 2px solid #fff;
    border-radius: 20px;
    margin-right: 5px;
    font-size: 17px !important;
    padding: 8px;
}
.menu-item:hover {
    background: #FFF6F2 none repeat scroll 0 0;
    color: #333 !important;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    color: #10585C;
}


/* Scrollbar */

.scrollbar {
  margin: 0 0 1em 0;
  height: 2px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #292a33;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}


/* Pages */

.pages {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

.pages li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}

.pages li:hover {
  background: #aaa;
}

.pages li.active {
  background: #666;
}


/* Controls */

.controls {
  margin: 25px 0;
  text-align: center;
}


/* One Item Per Frame example*/

.oneperframe {
  height: 300px;
  line-height: 300px;
}

.oneperframe ul li {
  width: 1140px;
}

.oneperframe ul li.active {
  background: #333;
}


/* Crazy example */

.crazy ul li:nth-child(2n) {
  width: 100px;
  margin: 0 4px 0 20px;
}

.crazy ul li:nth-child(3n) {
  width: 300px;
  margin: 0 10px 0 5px;
}

.crazy ul li:nth-child(4n) {
  width: 400px;
  margin: 0 30px 0 2px;
}




/*Carousel*/
.carousel{
    margin-top: 3%;
}

/*Ventajas*/
.features-icons{
    /*padding: 15px;*/
    /*margin-top: -4%;*/
    padding-top: 3rem !important;
}
.features-icons i{
	font-size: 250%;
}

.headMovil{
    position: fixed;
    z-index: 1000;
    width: 100%;
    margin-top: -10%;
    background-color: #FFF6F2;
    
}

.regular small{
    text-decoration:line-through;
}

.listado{
    /*margin-top: 65%;*/
}

.listado2{
    margin-top: -10%;
}

.producto .card-body{
    line-height: 20%;
}

/*.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}*/

.btnBuscar{
    background-color: #f78640;
	border-radius: 10px;
	border: none;
	padding: 5%;
}
.btnBuscar:hover{
    background-color: #f78640;
}

.sombra{
    background-color: #000;
}

.trans {
    opacity: 0.7;
}

.navbar a{
	color: #fff !important;
}

.dropdown-item:hover{
    background-color: #f78640 !important;
}

.dropdown-menu{
    background-color: #01364D !important;
}

.navbar-toggler:focus { outline: none; }

.shoping i{
	width:50px;
	height:50px;
	background-color:#f78640; /*#ffb1a4*/
	margin: 5px;
	padding:10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size:150%;
	line-height:32px;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	color: #0A3537;
}

/*Lateral*/
.theader{
	background-color: #01364D;
	padding: 3%;
	color: #fff;
	margin-bottom: 5%;
	border-radius: 3%;
}

/* Productos */
.oferta{
    box-sizing:border-box;
    position:relative;
}

.oferta::before {
            position:absolute;
            top:13px;
            left:-39px;
            box-sizing:border-box;
            content:"¡Oferta!";
            text-transform:uppercase;
            /*font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
            font-size: 13px;
            text-align:center;
            font-weight: 700;
            color: #fff;
            background: transparent;
            height:0px;
            width:155px;              
            border:25px solid transparent;
            border-bottom:25px solid #000;
            transform: rotate(-45deg);
            line-height:23px;
            box-shadow: 0px 3px 0px -3px #000;
}
            

.card-header{
	background-color: #fff6f2;
}

.card-header button{
	color: #0A3537;
}

#imgOferta{
    margin-bottom: 5%;
}

.card-header i{
	color: #0A3537;
}

.card-header button:hover{
	color: #0A3537;
}

.card-header button:focus{
	color: #0A3537;
}

.zoom{
  transition: transform .2s; /* Animation */
  margin: 0 auto;
  overflow: hidden;
}
.zoom img:hover{
    transform: scale(1.5);
}

.fndoImg{
    background: url('../img/fondoProducto.jpg') repeat-x;
    height: auto;
}

/*Buscar*/
.buscar i{
	color: #fff;
}

.buscar form input{
	background-color: #fff6f2;
	border: 2px solid #ddd;
	border-radius: 5%;
        font-weight: bold;
        color: #0A3537;
}

.buscar button{
	background-color: #30e9a7;
	border-color: #30e9a7;
}

.alerta{
	margin: 0 auto;
}

/*.producto .card-body{
	background-color: #fff6f2 !important;
}*/

.producto .card-title a{
	color: #10585c;
}

.producto .card-body h5{
	font-weight: bold;
}

.card-footer{
	/*background-color: #fff6f2 !important;*/
	text-align: center !important;
}

/*Productos*/
h2 i{
	float: right;
	/*text-align: right;*/
	color: #0A3537;
	font-size: 5%;
}

.btn{
	text-decoration: none;
	color: #0A3537;
	font-weight: bold;
	text-decoration: none;
}

.btn:hover, .btn:focus{
	text-decoration: none;
	color: #0A3537;
	font-weight: bold;
}

.boton{
	text-align: center !important;
	background-color:#f78640;
	border-radius: 15px;	
	width: 200px; /*200 normal*/
	margin: 0 auto;
        font-weight: bold;
}
.botona{
        text-align: center !important;
	background-color:#f78640;
	border-radius: 15px;	
	width: 200px; /*200 normal*/
	margin: 0 auto;
        font-weight: bold;
        padding: 0px 20px 0px 20px;
        color: #0a3537;
        text-decoration: none;
}
.botones-compra{
    margin: 0 auto;
    text-align: center;
}
.botona:hover{
    text-decoration: none;
    color: #0a3537;
}
.boton2{
    text-align: center !important;
	background-color:#f78640;
	border-radius: 15px;
	margin: 0 auto;
        font-weight: bold;
}

.item .boton{
    margin-left: -8%; 
}

p.boton a{
    font-weight: bold;
}

.promoCode button{
    background-color:#30e9a7;
}

.promoCode button:hover{
    background-color:#10585C;
    color: #fff;
}

.card-body{
	background: none !important;
}

.prod{
	background-color: #fff7f3;
	border-radius: 25px;
}

.corto{
    display: none;
    
}

.tituloProducto h3{
    color: #01364D;
}

.card-img{
	padding: 5%;
}

.boton i{
	text-align: center;
  	/*color: #ffffff;*/
  	font-size: 150%; /*Normal 150*/
}

.btn img{
	width: 24px !important;
}

.boton input{
	margin: 6px;
	max-width: 75px;
        text-align: center;
        font-weight: bold;
        color: #0A3537; 
}

.boton a{
    color: #0A3537;
    font-weight: normal;
    text-decoration: none;
}

.grecaptcha-badge { visibility: hidden; }

/*Footer*/

.footer-style {
    padding-top: 15px;
    background-color: #01364D;
}
.footer-elementos{
/*	margin: 0 auto;*/
}
footer {
  color: #fff;
  display: block;
}
footer h3 {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}

footer .footer-col {
  margin-bottom: 20px;
}

footer .direccion{
	margin-top: -1%;
	text-align: center;
}

footer .social i{
	font-size: 170%;
	color: #fff;
        padding: 8px;
}


.footer-items{
	margin: 0 auto;
}

.footm{
	line-height: 50%;
}

.footm a{
    color: #fff;
    text-decoration: none;
}

/*General*/
.politica{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5%;
    background-color: #FFF6F2;
}

.general{
    margin-bottom: 5%;
    margin-top: 2%;
}

/*Perfil*/
.breadcrumb-item a{
	color: #fff;
	text-decoration: none;
}

.breadcrumb-item a:hover{
	color: #fff;
}

.perfil{
	background-color: #FFF6F2;
        
}

.perfil h4{
	font-size: 110%;
}

.perfil img{
	width:70px;
	height:70px;
	margin-top: -15px;
	/*margin: 5px;*/
	/*padding:10px;*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.home{
/*    float: left;*/
    padding: 20px;
    margin: 5px;
    width: 30%;
    height: 100px;
}

.principal{
    padding-top: 30px;
}

.home a{
    color: #0A3537;
    font-weight: normal;
    text-decoration: none; 
}

.home img{
    width: 30%;
}

/* Profile sidebar */

.subir{
    padding: 5px 10px;
    background: #01364D;
    color:#fff;
    border:0px solid #fff;
}
 
.subir:hover{
    color:#10585C;
    background: #f78640;
}

.profile-sidebar {
  padding: 20px 0 10px 5px;
  background: #01364D;
  border-radius: 10px;
}

.profile-userpic{
    text-align: center;
}
.profile-userpic img {
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
  list-style: none;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  /*background-color: #fafcfd;*/
  color: #30E9A7;
  text-decoration: none;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

.profile-usermenu img{
    width: 20px;
    height: 20px;
}

/* Profile Content */
.profile-content {
  /* padding: 20px; */
  background: #FFF6F2;
  min-height: 460px;
}

/*Breadcrumb*/
.breadcrumb{
    background: #01354D;
}

.breadcrumb li{
    color: #fff !important;
}

.datosOrden{
    list-style: none;
    padding-left: 2%;
}

.catMovil{
    margin-top: 0%;
}
.catMovilP{
    margin-top: -15%;
    
    padding: 5px 0px 5px 0px;
}

.menuScroll{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*background-color: #FFF6F2;*/
}

.menuScroll::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
 }
 
 .menuScroll nav a{
     font-weight: bold;
     color: #0A3537;
     text-decoration: none;
     padding: 10px;
     
 }

/*Checkout*/
.checkout{
    /*background: #FFF6F2 !important;*/
}

.pasos{
    margin-bottom: 50px;
}

.card{
    border: none;
}

/*Login*/
.login .row{
    background: #01364D;
    border-radius: 20px;
    color: #fff;
}

.linkLogin a{
    color: #fff;
    text-decoration: none;
}
.infoLogin h3{
    text-align: center;
    margin-top: 20%
}

.g-recaptcha{
    transform: scale(0.84);
    transform-origin: 0 0;
    margin-left: 15%;
}

.btnFace{
    background: #576dff;
    color: #fff;
    border-radius: 10px;
}

.btnFace img{
    width: 4%;
    vertical-align: middle;
}

.btnFace:hover{
    color: #fff !important;
}

.btnGog{
    background: #fff;
    color: #000;
    border-radius: 10px;
}

.btnGog img{
    width: 8%;
    vertical-align: middle;
}

/*Barra de rastreo*/
.tBar {
    z-index: 0;
    background-color: #ECEFF1;
    padding-bottom: 20px;
    margin-top: -2%;
    border-radius: 10px;
    position: relative;
}

.top {
    padding-top: 40px;
    padding-left: 13% !important;
    padding-right: 13% !important;
}
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 30px;
}

#progressbar li {
    list-style-type: none;
    font-size: 13px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}

#progressbar .step0:before {
    font-family: FontAwesome;
    content: "\f10c";
    color: #fff;
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    background: #C5CAE9;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 12px;
    background: #C5CAE9;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%;
}

#progressbar li:nth-child(2):after,
#progressbar li:nth-child(3):after {
    left: -50%;
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #10585C;
}

#progressbar li.active:before {
    font-family: FontAwesome;
    content: "\f00c";
}

.icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.icon-content {
    padding-bottom: 20px;
}

/*Galerías*/
ul.obgaleria{width: 100%;height:0;overflow:hidden;margin: 30px auto;list-style: none;background:transparent;font-size:0;line-height:0;}
ul.obgaleria li{position: relative;display:inline-block;width:100%;height:0;margin:0;list-style:none;cursor:pointer;vertical-align:top;overflow:hidden;}
ul.obgaleria li img {position: absolute;top: -150%;bottom: -150%;left: -150%;right: -150%; width: auto;max-width: none;height: 150%;margin: auto;padding: 0;border:0;}
ul.obgaleria li:first-child img {top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 0;height: auto;}
ul.obgaleria li {border-left: 3px solid transparent;border-top: 3px solid transparent;box-sizing: border-box;}
ul.obgaleria li:nth-child(2), ul.obgaleria li:first-child {border-left:0;}

.pGeneral{
    text-align: center;
    background-color: #01364D;
    border-radius: 10px;
}

.pGeneral a{
    color: #fff;
}

.ssl-container {float:right;}
.ssl {display:block;float:right;font-size:24px;background: #01364D;color: #fff; padding: 14px;border-radius: 35px;}
.ssl-text {display:block;float:right;padding:10px 10px 0 10px;color:#555;text-align:center;}
.step {background:#01364D;font-size:1em;color:#ffff;padding:15px;font-size:1em; border-radius: 10px;}
.step.active {font-weight: bold;}
.step .caret {position:absolute;margin:0;color:#01364D;opacity:1.0;}
.step .caret.right {right:1px;top:0px;border-top:27px solid transparent;border-bottom:28px solid transparent;border-left:30px solid;}
.step .caret.bottom {bottom:-15px;left:35%;border-top:15px solid;border-right:50px solid transparent;border-left:50px solid transparent;}

/*Contador*/
#countdown{
	width: 300px;
	height: 150px;
	text-align: center;
	background: #ff6347;
	border-radius: 10px;
	padding: 24px 0;
	position: absolute;
}

#countdown #tiles{
	position: relative;
	z-index: 1;
}

#countdown #tiles > span{
	width: 60px;
	max-width: 92px;
	font: bold 48px 'Droid Sans', Arial, sans-serif;
	text-align: center;
	color: #111;
	background-color: #ddd;
	border-top: 1px solid #fff;
	border-radius: 10px;
	margin: 0 7px;
	display: inline-block;
	position: relative;
}

#countdown #tiles > span:before{
	content:"";
	width: 100%;
	height: 13px;
	background: #111;
	display: block;
	padding: 0 3px;
	position: absolute;
	top: 41%; left: -3px;
	z-index: -1;
}

#countdown #tiles > span:after{
	content:"";
	width: 100%;
	height: 1px;
	background: #eee;
	border-top: 1px solid #333;
	display: block;
	position: absolute;
	top: 48%; left: 0;
}

#countdown .labels{
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	bottom: 8px;
}

#countdown .labels li{
	width: 70px;
	font: bold 10px 'Droid Sans', Arial, sans-serif;
	color: #ddd;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}

/*Contadores*/
#contarAtras span{
    background-color: tomato;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
}

/*Slider Producto*/


#owl-producto .gproducto img{
    display: block;
    width: 100%;
    height: auto;
}

.owl-carousel .previo{
      background: url('../img/nav-icon.png') no-repeat scroll 0 0;
      left: -10px;
  }
  .owl-carousel .siguiente{
      background: url('../img/nav-icon.png') no-repeat scroll -24px 0px;
      right: -10px;
  }
  
/*thumbs*/

.thumbs img{
    float: left;
    width: 100px;
}

.btn-whatsapp {
    display:block;
    color: #fff;
    position: fixed;
    right:10px;
    bottom:20px;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


@media (max-width: 991px) {
  .step {text-align:center;margin-top:20px;height:80px;}
  .step .caret.right {top:20px;border-top:40px solid transparent;border-bottom:40px solid transparent;}
  .icon-content { width: 50%;}
  
  .shoping{
      float: right !important;
      margin-left: -8%;
  }
  
  .shoping .badge{
    float: right;
    margin-top: 1%;
/*    margin-right: -40px;
    margin-top: -30px;*/
    }
   p.boton{
      margin-bottom: 5%;
  }
  .features-icons-item{
	  text-align: center;
  }
  
 
  .features-icons h3{
	  font-size: 18px;
  }
  .features-icons p{
	  /*font-size: 12px;*/
	  display: none;
  }
  
  .features-icons i{
	  font-size: 180%;
  }
  
  .shoping i{
	width:50px;
	height:50px;
	background-color:#30E9A7; /*#ffb1a4*/
	margin: 5px;
	padding:10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size:150%;
	line-height:32px;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	color: #0A3537;
    }
    .top-categories-search {
		left: 0;
		margin: auto;
		padding: 0 15px 8px;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}
        .top-categories-search-main {
		margin-top: 0 !important;
	}
        .top-categories-search .form-control {
		min-width: auto;
	}
        
        .navbar-nav li {
            padding-left: 5%;
        }
        .ocultar{
            display: none;
        }
        .btnPrincipal{
            display: block;
            text-align: center;
            margin-left:-15%;
        }
        .pGeneral{
            text-align: center;
        }
        
        .g-recaptcha{
            margin-left: -10%;
        }
}
@media(max-width:767px) {
  .step {height:auto;}
  .ssl-container {float:none;margin:0 auto;width:220px;}
  .step .caret.right {display: none;}
   p.boton{
      margin-bottom: 5%;
  }
  .inactive {display: none;}
   
.navbar {
  margin-bottom: 20px;
}

.navbar-toggler-icon{
    color: #fff !important;
}

.navbar-toggler:focus { outline: none; } 
    
 .footm{line-height: 100%;} 
 .features-icons h3{font-size: 90%; text-align: center;}
 
 .slide{
     margin-top: 30px !important;
 }
 
 #countdown{
	width: 300px;
	height: 120px;
	text-align: center;
	background: #ff6347;
	border-radius: 10px;
	padding: 24px 0;
	position: absolute;
}
.thumbs img{
    float: left;
    width: 50px;
}
}
@media(min-width:768px) {
  .step {margin-right:20px;}
  .step .caret.bottom {display: none;}
  p.boton{
      margin-bottom: 5%;
  }
}

@media (min-width: 992px){
	
}

@media (min-width: 992px) and (max-width: 1199.98px){
   
    /*Formulario búsqueda*/
    .top-categories-search {
        left: -5%;
        margin: auto;
        position: absolute;
        right: 0px;
        top: 16px;
        width: 45%;
    }
    
    .input-group-btn{
        float: right !important;
    }
    
    .top-categories-search   {
        /*width: 6px !important;*/
    }
    .container {
        max-width: 100%;
    }
    
    .boton{
	text-align: center !important;
	background-color:#30e9a7;
	border-radius: 15px;	
	width: 180px; /*200 normal*/
	margin: 0 auto;
        font-weight: bold;
}

.item .boton{
    margin-left: -15%; 
    text-aling: center;
}

.btn img{
	width: 20px !important;
}

.boton input{
	margin: 6px;
	max-width: 75px;
        text-align: center;
        font-weight: bold;
        color: #0A3537; 
}
}