/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?hupyko);src:url(fonts/icomoon.eot?hupyko#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?hupyko) format('truetype'),url(fonts/icomoon.woff?hupyko) format('woff'),url(fonts/icomoon.svg?hupyko#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-search:before {
  content: "\e908";
}
.icon-store:before {
  content: "\e90b";
}
.icon-calendar:before {
  content: "\e90a";
}
.icon-user:before {
  content: "\e906";
}
.icon-cart:before {
  content: "\e905";
}
.icon-load:before {
  content: "\e982";
}
.icon-facebook:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-close:before {
  content: "\e904";
}
.icon-location:before {
  content: "\e909";
}
.icon-home:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e907";
}
.icon-menu:before {
  content: "\e903";
}
.icon-mail:before {
  content: "\e901";
}
.icon-youtube:before {
  content: "\e902";
}


html{font-size:15px;color:#000;}
body{font-family: 'Cairo', sans-serif;font-weight: normal !important;font-size: 14px/1.4 !important;font-style: normal !important;background:#FAFAFA}
*{box-sizing: border-box;}
p{color: #000;}
.rancho{}
.boton{background:#f5abaa;color:#FFF;padding:0 24px;line-height: 3rem;cursor: pointer;border:none;font-size: 1.6rem;font-weight: 600;}
.buscador{margin: auto;}
form.buscador input[type=text] {box-shadow:inset 1px 1px 3px -1px rgba(0,0,0,0.15);border:none;padding: 10px;font-size: 14px;float: left;width: 80%;height:44px;background: #FFF;border-radius: 2rem 0 0 2rem;padding-left: 20px;}
form.buscador button { float: left;width: 45px;height:44px;padding: 10px;background: #FF218C;border:none;color: white;font-size: 17px;cursor: pointer;border-radius: 0 2rem 2rem 0;}
form.buscador button:hover {  background: #ee7674; }
form.buscador::after {content: "";clear: both;display: table;}
.color_rosa{color: #FF218C ;}
.color_rosa_2{color:#e2969a}
.tab-content{border: 1px solid #dee2e6;    border-radius:1rem;}
a:hover{text-decoration:none;opacity: .8;color:#FFF;}
.enlace{color:#1E1E1E;}
.enlace:hover{color:#1E1E1E;text-decoration:underline;}
.load{display:none;}
.black{background:#FF218C ;color:#FFF;}
.pointer{cursor:pointer;}
.ulist{padding:0;list-style: none;}
.ulist li{display:inline-block;}
.nav-item{position: relative;
    transition: all 200ms linear;}
.nav-tabs{border: 0;}
.nav-tabs .nav-item { margin-bottom: -2px !important; }
.nav-link {position: relative;display: inline-block;padding: 0 28px !important;font-size: 1rem;font-weight: bold;transition: all 200ms linear;line-height: 2.5rem;margin-right: 8px;text-transform: uppercase;}
 #tabs-1-1, #tabs-1-2 {  padding: 1.4rem 2rem;}
.nav-link.active {border-radius: 1rem 1rem 0 0; }
#carousel1 img{width:100%;}
/*#carousel1 .carousel-caption{position:absolute;top:33%;right:33%;left:inherit;text-align:left;}*/
#carousel1 .h-titulo{font-size: 2.8rem;color: #f5abaa;}
ol.carousel-indicators {margin:0 !important;}
.carousel-caption {position: absolute;left: 0;z-index: 10;padding-top: 20px;padding-bottom: 20px;text-align: center;height: 100%;font-size: 50px;
  color:#e29398;top: 0;bottom: 0;width: 35%;display: flex;justify-content: center;align-items: center;}
.carousel{z-index:1;}

header{z-index:2;position:relative;font-weight:bold;text-transform:capitalize;background:#FFF;}
header .row{align-items: center;}
header .header{padding:16px 0;}
#logo img{height: 90px;display: block;}    
#headermenu{background:#EF388A;border-radius: 23px;padding:0 8px;}
#headermenu a.nav-link{color:#FFF;}
#headermenu .collapse.show a.nav-link{color:#333;}
.navbar{padding:0;}

#headermenucont{margin: 11px 0 23px 0;background:#EF388A;}
.navbar-light .navbar-nav .nav-link{margin:0;line-height: 2;}.navbar-light .navbar-nav .nav-link:hover{color:#E7217A;}
.dropdown-menu{text-align:center;}
#header-menu{font-size:1.8rem;}
.dropdown-menu{font-size:1.5rem;}.dropdown-menu .dropdown-menu{position:static !important;font-size:1.1rem;border:none;}
.dropdown-down{font-size:1.1rem;}
.nav-item{padding:0;line-height:1.4rem;}
.nav-item .nav-link{text-align:center;line-height: 1.4rem;z-index: 1;}
.nav-item .nav-link2{top:0;}
/*.nav-item:hover .dropdown-menu{display:block;}*/

.header-sticky{padding-top:160px;}
.header-sticky header{
    background-color: #FFF;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;top:0;
    z-index: 999;
    box-shadow: 0 1px 8px rgba(25,25,25,.45);transition: all .3s ease;
}
.header-sticky .navbar-expand-md .navbar-toggler{display: block;}
.header-sticky #headermenu{position: absolute;right: 8px;top:5px;width:auto;border: none;}
.header-sticky header .mt-4.mb-4{margin:0 !important;padding:8px 0;}
.header-sticky header .menu span{display: none;}

.menu{padding:0;margin:0;list-style:none;text-transform:uppercase;}
.menu li{display:inline-block;}
.red_social{display: flex;align-items: center;}
.h-b-text{margin-bottom: 3px;text-transform: none;}
.h-b-text li{margin-right: 16px;font-size: 13px;}
.h-b-text a,.h-b-text li{color:#000;font-weight: normal;}
.h-b-text i{font-size: 1.1rem;position: relative;top:2px;margin-right: 3px;}

.menu-usuario{font-size:1.5rem;}
.menu-usuario li{display:block;}
.menu-usuario a{color:#000;line-height:2rem;margin-bottom:8px;display:block;}
.menu-usuario a:hover,.menu-usuario a.active{color:#FFF;background:#2C2E35;}
header .nav-item .nav-link {padding:3px 0;}

.productos{padding:2rem 0;position: relative;z-index:0;}
.producto h1{text-align: left;color:#1E1E1E}
.producto .sku{color:#717375;font-size:.8rem;}
.products{margin-bottom:30px;}
.single-product{text-align:center;width:100%;position:relative;text-decoration: none;background:#FFF;border-radius: 8px;/*box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.15);*/}
.single-product .tipo{position:absolute;top:-22px;right:-22px;z-index:999;color:#FFF;width:50px;height:50px;display:table;border-radius:100%;font-size:12px;font-weight:600;}
.single-product .tipo span{display:table-cell;vertical-align:middle;}
.single-product .tipo.tipo_1{background:#ed6864;color:#FFF;}
.single-product .tipo.tipo_2{background:#a9f5ab;color:#000}
.single-product .tipo.tipo_3{background:#333;line-height:11px;font-size:10px;}
.product-name{width:200px;margin:1.7rem auto;line-height:1.2rem;text-transform:uppercase;margin-bottom: 0;}
.product-name a{font-size:1rem;color:#000;}
.product-img{width:330px;max-width:100%;margin:auto;position:relative;height:200px;background: #FFF;border-radius: 8px;}
.product-img .primary-image,.product-img .secondary-image{background-size: contain !important;transition: all 0.4s ease 0s;position: absolute;top:0;bottom:0;right:0;left:0;}
.price-box{}
.price{font-size:1.2rem;font-weight: bold;}
.precio-viejo{text-decoration:line-through;line-height:1rem;margin:0 0 8px 0;display: inline-block;}
.precio-oferta{margin-right:8px;display: inline-block;}
.precio-oferta .price{font-size:1.8rem !important;}
.cart-link{width:100%;background:#FF218C;margin:auto;}
.cart-link a{color:#FFF;font-size:1.6rem;font-weight:600;}
.cart_producto{cursor:pointer;}
#agregar_carrito{padding:0 24px;line-height:3rem;background:#FF218C ;color:#FFF;display:inline-block;font-size:1.2rem;}

.producto h1{font-size:2.3rem;}
.producto .cart_producto{margin-top:2.2rem;}
.producto .price{font-size:2rem;}

.titulo-1{background:#1E1E1E;color:#FFF;text-transform:uppercase;padding:0.5rem 0;}

.product-img .primary-image {z-index: 0;}
.product-img .secondary-image {
    opacity: 0;z-index: 1;
}
.single-product:hover .secondary-image {
    opacity: 1;
}
.single-product.sn-pro:hover { background:#FFF;}
.content-box.again:hover {
    color: 
    #fff !important;
}
.productos_4{  border: 1px solid  #f8f9fa; background: #f8f9fa; text-decoration: none;  }
.productos_4:hover { border: 1px solid #FF218C;border-bottom-color: rgb(238, 118, 116);
border-bottom-style: solid;border-bottom-width: 1px;background:#FFF;}

.productos_4:hover a,.productos_4:hover .precio_producto { color:  #333 !important;}
.productos_4 a {text-transform: none;color: #565656;font-size: 1.2rem;}
.precio_producto, .titulo_producto {display: block;text-align: center;margin: 0.8rem 0;font-weight: bold;text-decoration: none;font-size: 1.2rem;}
.title_space {text-align: center;padding: 40px 0;}
/*Blog Carousel*/
.fecha_blog {position: absolute;right: 0;background:#FAF9FE ;color: #000;line-height: 25px;width: 40px;height: 50px;text-align: center;}
.fecha_blog hr{margin: 0;}
.nombre_blog {width: 100%;color: #000;font-weight: bold;font-size:1.2rem;text-align: center;padding:15px;}

.boton_pink.ver_mas {display: inline-block;padding: 0.4rem 3rem;border-radius: 1rem;font-size: 1.5rem;border:#FF218C  1px solid;background:white;color:#FF218C ;}
.boton_pink {background:#FF218C ;text-align:center;color:#fff;}
.boton_pink.ver_mas:hover {color:#000;background: #a9f5ab;border:#FFF  1px solid;}


#suscribete{text-align:center;text-transform:uppercase;padding:7rem 0;}
#suscribete h3{font-size:4rem;display:block;}
#suscribete h4{font-size:3rem;}
#suscribete .email{font-size:2.3rem;border:none;display:block;width:100%;max-width:500px;border-bottom:1px solid #000;margin:7rem auto 0 auto;text-transform:uppercase;}
.submit{font-size:2.3rem;margin:7rem auto 0 auto;background:#333 ;border:none;color:#FFF;width:250px;text-transform:uppercase;padding:1rem 0;cursor:pointer;}

.top-nave{background:#F3F3F3;margin:2rem 0;padding:8px;}.top-nave a{color:#000;}
.producto .descripcion{font-size:1.1rem;padding: 1rem 0;text-align: left;}
.producto .precio-normal{text-align: left;}

.home-negro,.home-cuadro-img{color:#000;text-align:center;position:relative;}
.home-negro{color:#FFF;}
.home-negro .col-md-6,.home-negro .col-md-12,.home-cuadro-img .col-md-6{height:400px;display:table;width:100%;margin-top:30px;}
.home-negro .cont,.home-cuadro-img .cont{display:table-cell;vertical-align:middle;}
.home-cuadro-img:hover .cont:before{background:rgba(0,0,0,0.45);color:#FFF;}
.home-negro .cont h2,.home-cuadro-img .cont h2{font-size:5rem;z-index:2;position:relative;}
.home-negro .link,.home-cuadro-img .link{background:#FFF;color:#000;padding:1rem 3rem;margin-top:1rem;display:inline-block;}

.home-cuadro-img .cont .cont-p{display:table;position:absolute;left:0;right:0;top:50%;margin:auto;margin-top:-100px;height:200px;width:300px;}
.home-cuadro-img .cont a{display:table-cell;vertical-align:middle;border:2px solid #000;color:#000;background:rgba(255,255,255,0.53);z-index:1;font-size:4rem;width:100%;height:100%;}
.home-cuadro-img .cont a:hover{background:rgba(250,249,254,0.21);}

#f-vibradores{background:url(../img/vibradores.jpg);background-size:cover;}
#f-juguetes-anales{background:url(../img/juguetes-anales.jpg);background-size:cover;}
#f-lubricantes{background:url(../img/lubricantes.jpg);background-size:cover;}
#f-bondage{background:url(../img/bondage.jpg);background-size:cover;}

footer{padding:5rem 0 0 0;line-height:2.3rem;background: #FFE8F2;}
footer .f-t-1{font-weight:600;color:#1E1E1E;text-transform:uppercase;}
footer #bottom{background:#000;margin-top:2rem;line-height: 4rem;}
footer a{color: #FFF;}
#f-bottom{border-top: #eaeaea solid 1px;border-bottom: #eaeaea solid 1px;padding: 30px 0;}
#f-bottom-besorosa{border-top: #eaeaea solid 1px;border-bottom: #eaeaea solid 1px;padding: 12px 0;text-align: center;font-size: 0.8rem;}
.f-social{font-size: 23px;margin: 23px auto;}
.f-social a{margin-right: 16px;}

.carousel-control-prev-icon{background:url("../img/left.png") no-repeat;width:24px;height:48px;border-radius:0;}
.carousel-control-next-icon{background:url("../img/right.png") no-repeat;width:24px;height:48px;border-radius:0;}

.ventas-text h1{margin-top:2rem;line-height:5rem;font-size:4rem;}
.ventas-text h2{margin-top:7rem;font-size:3rem;}

#form-ventas,#formlogin,.formulario{width:95%;margin:2rem auto;max-width:500px;}
#form-ventas input,#formlogin input,#form-ventas select,.formulario input,.formulario select{width:100%;border:none;margin:0.3rem 0;opacity:1;padding:0.3rem;}
#form-ventas ::placeholder,#formlogin ::placeholder,.formulario ::placeholder{opacity:1;}
#form-ventas .submit,#formlogin .submit,.formulario .submit{cursor:pointer;}
#form-ventas textarea{background:#FFF !important;color:#333 !important}

#popup{background:url(../img/popup.jpg);background-size:contain;padding:9px;}
#popupborder{margin:0;padding:23px;border:1px solid #000;}
#popup .form-group{width:270px;max-width:100%;}
#popup .form-group input{width:100%;}
#popup .submit{font-size:1.2rem;margin:2rem;}





.acordion-t{background:#FF218C ;display:inline-block;color:#FFF;font-size:1.4rem;padding:3px 8px;}
.acordion-c{font-size:1.4rem;}

#mas-detalles{margin-top:32px;}
#mas-detalles .nav-item{padding:0;border:none;}
#mas-detalles .tab-content{border-top-left-radius:0;background: #FFF;}
.nav-tabs .nav-link{padding:8px !important}

.b-titulo{font-size:1.5rem;}
.b-fecha{margin-top:24px;}
.leer-mas{font-size:1.4rem;background:#FF218C ;color:#FFF;line-height:2.5rem;padding:0 12px;display:inline-block;margin-top:24px;}

.titulo-2{text-align:right;margin-bottom:16px;}
.titulo-3{font-size: 1.25rem;text-align: center;text-transform: uppercase;display: flex;flex-grow: 1;align-items: center;color:#000;font-weight: bold;margin:4rem 0 2rem 0;}
.titulo-3:before{margin-right:.75rem;}
.titulo-3:after{margin-left:.75rem;}
.titulo-3:before, .titulo-3:after {
    content: '';
    flex-grow: 1;
    width: 5%;
    height: 1px;
    background-color: #ccc;
}


.titulo-p{color:#EF388A;text-align:center;margin:16px 0 32px 0;font-weight: bold;padding:8px 0;font-size:2.3rem;text-transform:uppercase;}


.boton_cantidad{position:relative;width:90px;height:32px;overflow:hidden;text-align:center;box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.15);}
.boton_cantidad input{background:none;width:100%;text-align: center;position: absolute;border:none;left:0;height: 32px;}
.boton_cantidad .boton_c_l,.boton_cantidad .boton_c_r{height:32px;width:16px;float:left;line-height:32px;cursor:pointer;font-size:21px;font-style:normal;}
.boton_cantidad .boton_c_r{float: right;}


.nav-prod{text-align: right;margin-bottom:32px;}
.nav-prod a{display:inline-block;background: #F5ABAA;color:#FFF;width:32px;height:32px;text-align: center;line-height:32px;border-radius:20px;}
.nav-prod a:hover{opacity: .8;}

#filtros .filtros-1{margin-top:8px;padding-left:8px;}
#filtros .filtros-1 a{color:#000;padding:3px 8px;}
#filtros .filtros-1 a:hover{text-decoration: underline;color:#CE0071;}
#filtros .filtros-1 a.active{background:#CE0071;color:#FFF;}
#filtros .filtros-1 input{margin-right:8px;}

#vercatalogo{background:#CE0071;color:#FFF;position:fixed;bottom:120px;left:0;padding:0 21px;line-height:32px;display:inline-block;}



.single-product p{padding: 8px;}
/*===========Menu Start ============================ */
/*================================================== */
 
.start-header {
  opacity: 1;
  transform: translateY(0);
  padding: 10px 0;
  box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.start-header.scroll-on {
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  padding: 5px 0;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
  height: 28px;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navigation-wrap{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}

.navbar-brand img{
  height: 52px;
  width: auto;
  display: block;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navbar-toggler {float: right;border: none;padding-right: 0;}
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}
.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;border-bottom: 1px solid #000;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{width: 24px;position: absolute;height: 1px;
  background-color: #000;top: 0;left: 0;content: '';z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after{
  top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}
.nav-link{
  font-weight: normal;
    transition: all 200ms linear;font-size: 16px;
}

.nav-link {
 
  padding: 3px !important;
  display: inline-block;
}
/*.nav-item:after{
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #FF218C;
  opacity: 0;
    transition: all 200ms linear;
}*/
.nav-item:hover:after{
  bottom: 0;
  opacity: 1;
}
.nav-item.active:hover:after{
  opacity: 0;
}
.nav-item{
  position: relative;
    transition: all 200ms linear;margin: 0 auto;
}
.navbar.navbar-expand-md.navbar-light{width: 100%;height: 100%}

#h-buscar-text{background:#F6F7F7}
/* #Primary style
================================================== */

.bg-light {
  background-color: #fff !important;
    transition: all 200ms linear;
}
.section {
    position: relative;
  width: 100%;
  display: block;
}
.full-height {
    height: 100vh;
}
.over-hide {
    overflow: hidden;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: 40px;
  transform: translateY(-50%);
  z-index: 20;
}
h1{
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #000;
  text-align: center;
}
p{
  margin: 0;
  padding-top: 10px;
  opacity: 1;
}
body.hero-anime p{
  opacity: 0;
  transform: translateY(40px);
    transition-delay: 1700ms;
}
h1 span{
  display: inline-block;
    transition: all 300ms linear;
  opacity: 1;
  transform: translate(0);
}
body.hero-anime h1 span:nth-child(1){
  opacity: 0;
  transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
  opacity: 0;
  transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
  opacity: 0;
  transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
  opacity: 0;
  transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
  opacity: 0;
  transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
  opacity: 0;
  transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
  opacity: 0;
  transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
  opacity: 0;
  transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
  opacity: 0;
  transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
  opacity: 0;
  transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
  opacity: 0;
  transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
  opacity: 0;
  transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
  opacity: 0;
  transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
  opacity: 0;
  transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
  opacity: 0;
  transform: translateY(50px);
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
}
#switch,
#circle {
  cursor: pointer;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear; 
} 
#switch {
  width: 60px;
  height: 8px;
  border: 2px solid #FF218C;
  border-radius: 27px;
  background: #F5ABAA;
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
body.hero-anime #switch{
  opacity: 0;
  transform: translateY(40px);
    transition-delay: 1900ms;
}
#circle {
  position: absolute;
  top: -11px;
  left: -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #F5ABAA;
}
.switched {
  border-color: #000 !important;
  background: #FF218C !important;
}
.switched #circle {
  left: 43px;
  box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
  background: #fff;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
  max-height: 0;
    display: block;
  padding: 0;
  margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
  max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
  padding: 10px!important;
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
  color: #000;
  background-color: #fcfaff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.nav-item.show .nav-link.dropdown-toggle {border-bottom: 1px solid #ee7674;}
.dropdown-toggle::after { display: none;}

.dropdown-item {padding: 3px 15px;color: #000;border-radius: 2px;transition: all 200ms linear;}



.list_imagenes{height: 400px;}
.list-social{list-style: none;display: flex;padding:0;}
.list-social li{padding:16px;}
.list-social li a{color:#6A6C6F;font-size: 1.5rem;}
.list-social li a:hover{color:#FF218C;}

/* #Link to page
================================================== */

@-webkit-keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
            transform: translate(0, -1000%);
  }
}

@keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
            transform: translate(0, -1000%);
  }
}
@-webkit-keyframes hearts {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0%) rotate(45deg);
            transform: translate(0, 0%) rotate(45deg);
  }
  20% {
    opacity: 0.8;
    -webkit-transform: translate(0, -20%) rotate(45deg);
            transform: translate(0, -20%) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%) rotate(45deg);
            transform: translate(0, -1000%) rotate(45deg);
  }
}
@keyframes hearts {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0%) rotate(45deg);
            transform: translate(0, 0%) rotate(45deg);
  }
  20% {
    opacity: 0.8;
    -webkit-transform: translate(0, -20%) rotate(45deg);
            transform: translate(0, -20%) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%) rotate(45deg);
            transform: translate(0, -1000%) rotate(45deg);
  }
}
@-webkit-keyframes lines {
  0%, 50%, 100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  75% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes lines {
  0%, 50%, 100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  75% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%) rotate(0deg);
            transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(-800%) rotate(270deg);
            transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%) rotate(0deg);
            transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(-800%) rotate(270deg);
            transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}
@-webkit-keyframes fires {
  0% {
    -webkit-transform: rotate(-70deg) translateY(0%);
            transform: rotate(-70deg) translateY(0%);
  }
  25% {
    -webkit-transform: rotate(-20deg) translateY(-5%);
            transform: rotate(-20deg) translateY(-5%);
    opacity: 1;
  }
  50% {
    -webkit-transform: rotate(-70deg) translateY(-10%);
            transform: rotate(-70deg) translateY(-10%);
  }
  75% {
    -webkit-transform: rotate(-20deg) translateY(-20%);
            transform: rotate(-20deg) translateY(-20%);
  }
  100% {
    -webkit-transform: rotate(-70deg) translateY(-40%);
            transform: rotate(-70deg) translateY(-40%);
    opacity: 1;
  }
}
@keyframes fires {
  0% {
    -webkit-transform: rotate(-70deg) translateY(0%);
            transform: rotate(-70deg) translateY(0%);
  }
  25% {
    -webkit-transform: rotate(-20deg) translateY(-5%);
            transform: rotate(-20deg) translateY(-5%);
    opacity: 1;
  }
  50% {
    -webkit-transform: rotate(-70deg) translateY(-10%);
            transform: rotate(-70deg) translateY(-10%);
  }
  75% {
    -webkit-transform: rotate(-20deg) translateY(-20%);
            transform: rotate(-20deg) translateY(-20%);
  }
  100% {
    -webkit-transform: rotate(-70deg) translateY(-40%);
            transform: rotate(-70deg) translateY(-40%);
    opacity: 1;
  }
}
@-webkit-keyframes sunbeams {
  0% {
    -webkit-transform: translateY(40%) rotate(0deg);
            transform: translateY(40%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-40%) rotate(180deg);
            transform: translateY(-40%) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(40%) rotate(360deg);
            transform: translateY(40%) rotate(360deg);
  }
  0%,14%,17%,43%,53%,71%,80%,94%,100% {
    opacity: 0;
  }
  6%,15%,24%,28%,48%,55%,78%,82%,99% {
    opacity: 1;
  }
}
@keyframes sunbeams {
  0% {
    -webkit-transform: translateY(40%) rotate(0deg);
            transform: translateY(40%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-40%) rotate(180deg);
            transform: translateY(-40%) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(40%) rotate(360deg);
            transform: translateY(40%) rotate(360deg);
  }
  0%,14%,17%,43%,53%,71%,80%,94%,100% {
    opacity: 0;
  }
  6%,15%,24%,28%,48%,55%,78%,82%,99% {
    opacity: 1;
  }
}

/*Fin ANimacion de Texto*/


.blog_list a{color:#000;}
.blog_list a:hover{color:#F00;}
.blog_list .imagen{background-size: contain !important;margin:0;min-height:60px;}


.link-to-portfolio {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 200;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-position: center center;
    background-size: cover;
    background-image: url('https://ivang-design.com/ig-logo.jpg');
    box-shadow: 0 0 0 2px rgba(12,12,12,.1);
    transition: opacity .2s, border-radius .2s, box-shadow .2s;
    transition-timing-function: ease-out;
}
.link-to-portfolio:hover {
    opacity: 0.8;
    border-radius: 50%;
    box-shadow: 0 0 0 20px rgba(12,12,12,.1);
}

#list_imagenes_carousel{display: none;}

.comprar-botones{overflow:hidden;margin-top:15px;position: absolute;bottom: 0;left:0;width:100%;text-align: center;}
.comprar-whatsapp{background: #FFF;color:#00C445;border:1px solid #00C445;width:50%;display:block;float: left;padding: 8px 0;}
.comprar-whatsapp i{font-size: 18px;position: relative;top:3px;margin-right: 8px;}
.comprar-detalles{background: #EF388A;color:#FFF;width:50%;display:block;float: left;padding: 8px 0;border:1px solid #EF388A;}
a.comprar-whatsapp:hover{color:#00C445}
.comprar-ahora{cursor: pointer;background: #FFF;color:#00C445 !important;border:1px solid #00C445;width:50%;display:block;float: left;padding: 8px 0;}



/*Menu End*/
@media only screen and (min-width: 1050px) {

.single-product{height: 100%;}
.cart-link{position: absolute; bottom: 0; right: 0;left: 0;}
}
@media only screen and (min-width: 650px) {
  h1.my-4{margin-top: 0 !important;}
.single-product{height: 100%;padding-bottom: 38px}
.cart-link{position: absolute; bottom: 0; right: 0;left: 0;}
.productos .col-md-4{margin-bottom: 45px;}
    
.header-sticky #headermenu #navbarSupportedContent{display:none !important;}
}
@media (max-width: 767px) {
  header .navbar{position: absolute;background: white;z-index:99;}
  header .nav-item:hover .nav-link {padding: 5px 0 !important;font-weight: bold;transition: all 200ms linear;
    line-height: 2.5rem;/*margin-right: 8px;*/border:1px solid #FF218C;}  
  header .nav-item {margin: 5px;}
  header a.nav-link {border-radius: 0 !important;width: 100%;}
  header .nav-link.dropdown-toggle{width: 100%;}
  header .nav-item.show .nav-link.dropdown-toggle {
    padding: 5px 0 !important;font-weight: bold;transition: all 500ms linear;
    line-height: 2.5rem;margin-right: 8px;border: 1px solid  #FF218C; }
    .single-product {width: 87%;}
    #navbarSupportedContent{background:#EF388A}
    #headermenucont{margin: 0;}
}

@media only screen and (max-width: 650px) {
  #headermenu{background: none;}
	#menuheader img{width:100%;height:auto;}
    .nav-item .nav-link{top:0;}
    #top a{margin:2px;font-size:.9rem;}
    .red_social{position:relative;padding-top:4px;}
    #top .instagram{width:15px;height:15px;background:url("../img/social.png") no-repeat;background-size: 65px;}
    #top .facebook{width:12px;height:15px;background:url("../img/social.png") no-repeat -23px 0;background-size: 65px;}
    #top .correo{width:23px;height:17px;background:url("../img/social.png") no-repeat -42px 0;background-size: 65px;position: absolute;left:55px;top:7px;}
    #b-car{margin:0 !important;background: none;width: auto;position:relative;padding-left: 30px;}
    #b-car:before{content:' ';background:url(../img/car.png) no-repeat left;background-size:25px;display: inline-block;width:27px;height:25px;position: absolute;top:-4px;left:0;}
    .single-product .tipo.tipo_3{line-height: 11px;}
    .single-product .tipo{font-size:11px;}
    .carousel-caption {width: 100%;height: 20%;bottom: 0;top: auto;}
    #headermenu .collapse.show a.nav-link{color:#FFF;}
    .dropdown-item{text-align: left;}
    
    body{padding-top:150px;}
    header .header{padding:16px;}
    header .header .col:nth-child(1){display: none;}
    header{position: fixed;top:0;right:0;left:0;width:100%;background:#FFF;}
    header .container{padding:0;}
    #headermenu{padding:0;}
    header .h-b-text span{display: none;}
    header #logo img{height:55px;}
    header .menu li:nth-child(3){display: none;}
    header .navbar{background: none;}
    header #navbarSupportedContent{top:0;left:0;right:0;position: fixed;margin:auto;overflow-y:auto;overflow-x:hidden;height: 100%;width:100%;}
    header #navbarSupportedContent .navbar-nav{padding-top: 72px !important;}
    header .navbar-light .navbar-toggler{position: fixed;top:31px;right:15px;z-index: 9;}
    
    h2.product-name{width:100%;margin:0;}
    .product-name a{font-size:15px;}
    .precio-oferta .price{font-size: 19px !important;}
    .product-img{height: 150px;width:100%;}
    .single-product{width:100%;margin-bottom:30px;padding:0;padding-bottom: 80px}
    .precio-viejo{margin:0;padding:0;}.precio-viejo .price{font-size:14px;}
    .precio-oferta{margin:0;padding:0;display: block;}
    .single-product p{padding:0;}
    .single-product .tipo{right: 0;}
    .single-product .content-box{padding:8px}
    .productos{padding:0;}
    
    .producto .list_imagenes{display: none !important;}
    #list_imagenes_carousel{display: block;}
    
    .home-negro .col-md-6, .home-negro .col-md-12, .home-cuadro-img .col-md-6{height:200px;margin-top:15px;}
    .home-cuadro-img .cont a{font-size:2rem;padding:8px;}
    .home-cuadro-img .cont .cont-p{width:auto;height: 0;position: static;margin:auto;}
    
    #suscribete h3{font-size:2rem;}
    #suscribete h4{font-size:1.6rem;}
    #suscribete .email{font-size:1.2rem;text-align: center;}
    .submit{font-size:1.2rem;margin:2rem auto 0 auto}
    
    #h-buscar{display: none;}
    .buscador{margin-top:15px;}
    form.buscador input[type="text"]{border-radius: 4px 0 0 4px;width:calc(100% - 33px);}
    form.buscador button{width:33px;border-radius: 4px;}
    .header-3 #menu-li-1{display: none;}
    .header-3 #menu-li-2{position: absolute;bottom: 17px;right: 55px;}
    .header-3 #menu-li-2 i{font-size: 23px;}
    
    footer{padding:2rem 0;text-align: center;line-height: 3rem;}
    
    .productos .col-6{padding:4px}
    .productos .col-6:nth-child(2n) {padding-left: 0;}
    
    .comprar-whatsapp{width:100%;}
    .comprar-detalles,.comprar-ahora{width:100%;}

    .dropdown-toggle::after{position: absolute;
      right: 30px;
      top: 15px;
      font-size: 20px;display: block;}
      .nav-item .nav-link{text-align: left;padding-left: 23px !important;}
}



@media only screen and (max-width: 1050px) {
.ventas-text h1{font-size:3rem;}
.ventas-text h2{font-size:2rem;}
}

.owl-theme .owl-nav{position: absolute;top:25%;width:100%;left:0;font-size:70px;line-height: 70px;}
.owl-theme .owl-nav .owl-prev{position: absolute;top:0;left:0;}
.owl-theme .owl-nav .owl-next{position: absolute;top:0;right:0;}
.owl-theme .owl-nav span{position: relative;top:-9px;}
.owl-theme .owl-nav [class*="owl-"]:hover{background:#EF388A !important;}

.carousel-indicators .active{background:#333;}
.carousel-indicators li{border:1px solid #333}

/* Ocultar el mega-menu por defecto */
.mega-menu {
  display: none;
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  top: 100%; /* Asegúrate que esté alineado debajo del botón */
  left: 0;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

.mega-menu .row {
  display: flex;
  flex-wrap: wrap;
}

.mega-menu .col-md-3 {
  width: 25%; /* Ajustar para 4 columnas */
}

.mega-menu h5 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.mega-menu ul {
  list-style: none;
  padding-left: 0;
}

.mega-menu ul li {
  margin-bottom: 5px;
}

.mega-menu ul li a {
  color: #333;
  text-decoration: none;
}

.mega-menu ul li a:hover {
  color: #E7217A;
}

/* Mostrar el mega-menu al hacer hover */
.nav-item.juguetes{position: static;}
.juguetes:hover .mega-menu {
  display: block;
  visibility: visible;
}


/* Ajustes para el logo y el teléfono en responsive */
@media (max-width: 768px) {
  .header-3 {
      text-align: right;
  }

  #h-buscar {
      margin: 10px 0;
  }
  
  #headermenucont {
      margin-top: 15px;
  }
}

/* Ajustes del mega-menu en pantallas pequeñas */
.mega-menu {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 1000;
  padding: 20px;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.mega-menu .row {
  display: flex;
  flex-wrap: wrap;
}

/* Mostrar mega-menu al hacer hover en pantallas grandes */
@media (min-width: 768px) {
  .juguetes:hover .mega-menu {
      display: block;
  }
}

/* En pantallas pequeñas, el menú debe colapsar */
@media (max-width: 768px) {
  .navbar-collapse {
      background: #FFF; /* Fondo blanco para el menú colapsado */
      padding: 10px;
  }

  .mega-menu {
      position: relative;
      display: block;
  }

  .mega-menu .col-md-3 {
      width: 100%; /* Para que cada columna ocupe el 100% en pantallas pequeñas */
  }
}


#headermenu {
  border-radius: 23px;
  padding: 0 16px;
}

#headermenu .navbar-nav {
  gap: 10px;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  transition: all 0.3s ease;
}

.trust-item:hover {
  transform: translateY(-2px);
}

.trust-item i {
  font-size: 18px;
  color: #EF388A;
}

@media (max-width: 768px) {
  .mega-menu {
      padding: 15px;
  }
  
  .mega-menu .col-md-3 {
      margin-bottom: 15px;
  }
  
  .trust-item span {
      font-size: 13px;
  }
}


footer {
  background: #FFE8F2;
  padding: 4rem 0 0;
  color: #222;
}

footer a {
  color: rgba(34, 34, 34, 0.8);
  text-decoration: none;
  transition: all 0.3s ease;
}

footer a:hover {
  color: #FF218C;
  opacity: 1;
}

.f-social a {
  font-size: 24px;
  transition: all 0.3s ease;
}

.f-social a:hover {
  color: #FF218C;
  transform: translateY(-3px);
}

.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background: #25D366;
  border-radius: 50px;
  padding: 10px 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

.whatsapp-float a {
  color: #FFF;
  font-size: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.whatsapp-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

#f-bottom {
  border-top: 1px solid rgba(33,33,33,0.1);
  padding: 20px 0;
  margin-top: 3rem;
}

#f-bottom-besorosa {
  background: #EF388A;
  padding: 15px 0;
  font-size: 14px;color:#FFF;
}