.color1{color:#a0205a;}
.color1-fondo{background-color:#a0205a;}
.color1-border{border-color:#a0205a;}

.color2{color:#262424;}
.color2-fondo{background-color:#262424;}
.color2-border{border-color:#262424;}




.btn-hover{}
.btn-hover::before{left: 50%;}
.btn-hover::after{right: 50%;}
.btn-hover::before,
.btn-hover::after { content: "";   position: absolute;     bottom: -10px;    width: 0px;  height: 4px; margin: 5px 0 0; transition:  all 0.2s ease-in-out;transition-duration: 0.70s;opacity: 0;background-color: #000; }
.btn-hover:hover::before,
.btn-hover:hover::after{width: 50%;opacity: 1;}

.btn-hover-2::after{background: #fff;content: "";height: 155px; left: -75px;  opacity: .2;  position: absolute;  top: -50px;  transform: rotate(35deg);  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);  width: 50px;z-index: -10;}
.btn-hover-2:hover::after{left: 120%;    z-index: 999;    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}

.btn-hover-3{transition:0.3s ease-in-out; }
.btn-hover-3:hover{text-shadow:  1px 1px 4px #4e3385;}

@media(max-width: 991px){
    .btn-hover::before,
.btn-hover::afte{margin-bottom: 5px; bottom: -5px;}
}


@media(max-width: 767px){
    .btn-hover::before,
.btn-hover::after{margin: 0;margin-bottom: 10px;height: 2px;}
}



.title{text-transform:capitalize; font-family:regular; font-size: 28px; color: #262424; display:block;text-align: center;   padding: 10px 15px 10px 15px; margin-bottom: 25px;}
.border{width: 50px; margin: 0 auto; display: block; height: 4px; }
.bg{position: absolute;height: 100%;width: 100%;left: 0; top: 0;}


/*botones*/
.btn-comprar{padding: 15px 23px; font-family: semi; font-size: 19px; color: #FFF; border:none;text-transform: uppercase;}
.btn-ver-todo{display:inline-block; padding: 13px 47px; font-family: semi; color: #232323; font-size: 21px; border:1px solid #232323; text-transform: uppercase;}
.btn-enviar{font-family: bold; font-size: 21px; color: #000; padding: 5px 20px; border-radius: 0;margin-left: 40px; background-color: #FFF; border-radius: 18px;}
/*.btn-enviar.color2-fondo:hover{text-decoration: underline;color: #232323;background-color: #FFF; opacity: none;}*/

.btn-agregar{display: inline-block; display: inline-flex; align-items: center; font-size: 16px;  transition: 0.3s;text-transform: uppercase;}
.btn-agregar:hover{transform: scale(1.05); }
.btn-agregar i{margin-right: 5px;}

#producto-detalle .btn-agregar{color: #000;}
#producto-detalle .btn-agregar:hover{color: #23527c;}
#producto-detalle .btn-agregar:hover i{color: #23527c;}


@media(max-width: 1200px){
    .title{font-size: 25px;}
}

@media(max-width: 991px){
    .title{font-size: 20px;}
}

@media(max-width: 479px){
    .title{margin-bottom: 17px;}
}





#header{}
#header .ctn-header-sup{padding: 0;}
#header .ctn-header-sup .header-sup{padding: 10px 15px;}
#header .ctn-header-sup .header-sup ul{ float: left;}
#header .ctn-header-sup .header-sup ul li{display: inline-block;}
#header .ctn-header-sup .header-sup ul li a{display: inline-block;padding: 5px 15px;font-family: semi; font-size: 15px; text-transform: capitalize; color: #FFF;}
#header .ctn-header-sup .header-sup ul li a i{color: #ff9744;}
#header .ctn-header-sup .header-sup ul li .dropdown-menu{border-radius: 0;}
#header .ctn-header-sup .header-sup ul li .dropdown-menu li{display: block;}
#header .ctn-header-sup .header-sup ul li .dropdown-menu li a{color: #000;}

#header .ctn-header-inf{padding: 0;  background-color: #FFF; border-bottom-width: 0;}
#header .ctn-header-inf .header-inf{padding:15px; display: flex;align-items: center;flex-flow: row wrap;}
#header .ctn-header-inf .header-inf .logo{padding: 0;}
#header .ctn-header-inf .header-inf .logo img{max-height: 105px; transition: 0.2s;}
#header .ctn-header-inf .header-inf .ctn-menu{padding: 0;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal{padding: 0;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default{margin: 0;border: 0; background-color: transparent;min-height: 0;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse{padding: 0;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav{padding: 0;display: flex;align-items: center;flex-flow: row wrap;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul{ float: left;; position: relative; width: calc(100% - 365px); padding-left: 15px;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li{}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li a{color: #000; font-family: regular; font-size: 16px; text-transform: uppercase; display: inline-block;padding: 5px 10px;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li .dropdown-menu{border-radius: 0;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li .dropdown-menu li{float: left; width: 100%; display: block;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li .dropdown-menu li a{color: #000;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion{display: inline-flex;width: 365px;float: left;position: relative;text-align: right;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion a{display: inline-flex; align-items: center; float: left; padding: 4px 15px;color: #FFF;text-transform: uppercase; font-family: semi; font-size: 14px; color: #000;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion a i{font-size: 20px;margin-right: 8px;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion .btn-buscar{border-left: solid 1px #000;margin-left: 10px;}
#header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion .btn-compras{color: #FFF; border-radius: 15px;}


#header .menu-ppal .navbar-default .buscador{position: absolute;top: -5px; left: 0;width: calc(100% - 120px); float: left;}
#header .menu-ppal .navbar-default .buscador form{margin-bottom: 0;}
#header .menu-ppal .navbar-default .buscador .search{display: none;}
#header .menu-ppal .navbar-default .buscador input{border-style: solid;border-width: 1px; border-radius: 0;font-family: semi; text-transform: uppercase; color: #232323; font-size: 14px;box-shadow: none;   }
#header .menu-ppal .navbar-default .buscador input::placeholder {font-family: semi; text-transform: uppercase; color: #232323; font-size: 14px; }



#header .ctn-header-inf.navbar-fixed-top{border-bottom-style: solid; border-bottom-width: 2px;}
#header .ctn-header-inf.navbar-fixed-top .header-inf{padding: 5px 15px;}
#header .ctn-header-inf.navbar-fixed-top .header-inf .logo img{max-height: 50px;}

                                                            
@media(max-width: 1200px){
    #header .ctn-header-sup .header-sup a{font-size: 14px;padding: 5px;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li a{font-size: 14px;padding: 5px;}
}

@media(max-width: 992px){
    #header .ctn-header-inf.navbar-fixed-top .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion{display: none;}

    #header .ctn-header-inf .header-inf{padding: 5px 15px;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav{justify-content:flex-end;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion{order: 1;margin-bottom: 15px; width: 100%;text-align: right; justify-content: flex-end;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul{order: 2; display: inline-block;width: auto;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li a{padding: 5px 10px;}

    #header .menu-ppal .navbar-default .buscador {top: -3px;}
    #header .ctn-header-sup .header-sup{overflow: auto;}
    #header .ctn-header-sup .header-sup ul{width: max-content;}
}

@media(max-width: 767px){
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion{width: 100%; float: left;padding: 5px 15px;}
    #header .menu-ppal .navbar-default .buscador{width: 100%; bottom:  0;padding: 15px; top: inherit; z-index: 100;}
  

    #header .ctn-header-sup .header-sup{padding: 5px 15px;}
    #header .ctn-header-sup .header-sup a {font-size: 12px;}
    #header .ctn-header-inf.navbar-fixed-top .header-inf,
    #header .ctn-header-inf .header-inf{display: block;padding: 0;}


    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .logo-min{margin-top: 8px;margin-left: 15px;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .logo-min img{max-height: 34px;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse{margin: 0;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav{display: block;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul{margin: 5px 0;width: 100%;padding: 0;float: left;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li a{padding: 5px 15px;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li .dropdown-menu{margin: 0px; width: 100%; position: relative;}
    
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav > ul li .dropdown-menu > li > a { padding:3px 15px 5px 25px; font-size:12px; }

    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion,
    #header .ctn-header-inf.navbar-fixed-top .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion{width: 100%; float: left; padding: 0; display: block;margin:5px 0;padding: 5px 15px;}
    #header .ctn-header-inf .header-inf .ctn-menu .menu-ppal .navbar-default .navbar-collapse .ctn-nav .ctn-sesion a{display: flex;justify-content: flex-start;margin: 0 0 10px!important; width: 100%; border: none!important;padding: 5px 15px; border-radius: 0!important;}

    #header .menu-ppal .navbar-default .ctn-carrito-xs{float: right; margin-top: 11px;margin-right: 4px;}
    #header .menu-ppal .navbar-default .ctn-carrito-xs button{font-size: 25px;}
    
}

@media(max-width: 479px){
    #header .ctn-header-sup{overflow: auto;}
    #header .ctn-header-sup .header-sup{width: max-content;text-align: left;}

    
}






#footer{}
#footer .recibir-ofertas{padding: 11px;}
#footer .recibir-ofertas .form-group{margin-bottom: 0;display: flex;align-items: center; justify-content: center;flex-flow: row wrap;}
#footer .recibir-ofertas .form-group label{ margin:0; text-align: right; font-family: regular; font-size: 16px; color: #fff; font-weight: normal; display: flex;margin-right: 25px; align-items: center;}
#footer .recibir-ofertas .form-group label i{font-size: 27px;margin-right: 8px;}
#footer .recibir-ofertas .form-group input{font-family: light; font-size: 23px; color: #fff; border:1px solid #FFF; padding: 7px 10px; border-radius: 0; background-color: transparent; width: 265px; max-width: 100%;}
#footer .recibir-ofertas .form-group a{font-family: light; font-size: 16px; color: #fff;margin-left: 7px;}
#footer .recibir-ofertas .form-group input::placeholder{color: #FFF;}
/*#footer .recibir-ofertas .form-group .checkbox{margin: 0;}*/




#footer .recibir-ofertas .item.what{margin-top: 10px;}
#footer .recibir-ofertas .item.what p{display: flex;justify-content: center;}
#footer .recibir-ofertas .item.what p i{vertical-align: middle; color: #FFF; font-size: 35px;margin-right: 10px;}
#footer .recibir-ofertas .item.what p a{display: inline-block; color: #FFF; font-family: light; font-size: 23px;text-decoration: none}
#footer .recibir-ofertas .item.what p a:hover{text-decoration: underline;}

#footer .ctn-footer{padding-top: 23px;background-color: #FFF;}
#footer .ctn-footer .ctn-whatsapp{text-align: center;padding: 35px 0;}
#footer .ctn-footer .ctn-whatsapp .item{display: inline-flex;align-items: center;justify-content: center;flex-flow: row wrap;margin: 0;}
#footer .ctn-footer .ctn-whatsapp .item i{color: #51804b;}
#footer .ctn-footer .ctn-whatsapp .item p{font-family: semi; font-size: 24px; color: #000;}
#footer .ctn-footer .ctn-whatsapp .item:hover p{text-decoration: underline;}

#footer .ctn-footer .ctn-items{padding: 25px 0; display: flex; justify-content: center; flex-flow: wrap;}
#footer .ctn-footer .ctn-items .ctn-title{padding: 0;text-align: center;}
#footer .ctn-footer .ctn-items .ctn-title .title{padding: 10px 20px;margin-bottom: 70px; border-radius: 20px; font-size: 21px; display: inline-block; color: #FFF;}
#footer .ctn-footer .item{padding: 0px 5px;display: flex;justify-content:center; align-items: normal;}
#footer .ctn-footer .item .ctn-img,
#footer .ctn-footer .item .ctn-txt{display: inline-block; float: left; display: flex; align-items: center;}
#footer .ctn-footer .item p{font-family: regular; font-size: 18px; color: #000; margin: 0;}
#footer .ctn-footer .item a{font-family: regular; font-size: 18px; color: #000; margin: 0;}
#footer .ctn-footer .item i{font-size: 40px;margin-right: 10px;}
#footer .ctn-footer .item.phone{text-align: right;}
#footer .ctn-footer .item.what{text-align: center    ;}
#footer .ctn-footer .item.what i{vertical-align: middle;}
#footer .ctn-footer .item.correo {display: flex; align-items: center; justify-content: center; flex-flow: column;}
#footer .ctn-footer .item.correo a{display: block; color: #000; font-family: regular; font-size: 18px;}
#footer .ctn-footer .item.correo a i{font-size: 20px; vertical-align: middle;}
#footer .ctn-footer .redes{padding: 35px 15px;text-align: center;margin: 0}
#footer .ctn-footer .redes a{display: inline-block;margin-left: 5px;font-size: 55px;transition: 0.3s;}
#footer .ctn-footer .redes a:hover{transform: scale(1.05);}
#footer .ctn-footer .redes img{transition: 0.2s}
#footer .ctn-footer .redes img:hover{transform: scale(1.05,1.05);}
#footer .ctn-footer .derechos{margin-top: 30px; border-top:1px solid #000; padding-top: 10px;}
#footer .ctn-footer .derechos .txt-derechos{font-family: regular; font-size: 18px; color: #000; margin: 0;}
#footer .ctn-footer .derechos .link{list-style-type: disc; padding-left: 15px; display: inline-block; margin-top: 5px; margin-bottom: 20px;}
#footer .ctn-footer .derechos .link li{float: left; margin-right: 20px; padding-right: 10px;}
#footer .ctn-footer .derechos .link li:last-child{margin:0;}
#footer .ctn-footer .derechos .link li a{float: left; font-family: regular; font-size: 18px; color: #000; text-transform: uppercase;}
#footer .ctn-footer .derechos .link li a:hover{text-decoration: underline;}
#footer .ctn-footer .ctn-powered{text-align: right;}
#footer .ctn-footer .ctn-powered *{display: inline-block;}


@media(max-width: 1200px){
    #footer .ctn-footer .item.correo a, 
    #footer .ctn-footer .item p,
    #footer .ctn-footer .item a{font-size: 14px;}

    #footer .ctn-footer .derechos .txt-derechos{font-size: 17px;}
    #footer .ctn-footer .derechos .link li a{font-size: 15px;}
}

@media(max-width: 991px){
    #footer .recibir-ofertas .item.what p{display: block;margin-top: 15px;}
    #footer .ctn-footer .item{margin: 20px 0 0; }
    #footer .ctn-footer .item .ctn-img{margin-right: 5px;}
    #footer .ctn-footer .item.what{text-align: left;}

    #footer .recibir-ofertas .form-group {display: block; text-align: center;}
    #footer .recibir-ofertas .form-group label{width: 100%; margin: 0 0 10px; text-align: center;display: block;}
    #footer .recibir-ofertas .form-group > div{text-align: center;margin-bottom: 10px;  }
    #footer .recibir-ofertas .form-group > div input{float: none;margin: 0 auto; width: 100%; max-width: 550px;}


    #footer .ctn-footer .ctn-whatsapp{padding: 15px 0;}
    #footer .ctn-footer .derechos .link li a {font-size: 13px;}

    #footer .ctn-footer .ctn-items{padding: 15px 0;}

    #footer .ctn-footer .ctn-items .ctn-title .title{margin-bottom: 30px;}
    #footer .ctn-footer .ctn-powered{text-align: center; margin: 20px 0 30px;}

}

@media(max-width: 767px){
    #footer .recibir-ofertas .form-group div{margin-top: 20px;text-align: center;}
    #footer .recibir-ofertas .form-group label{text-align: center; font-size: 19px;}
    #footer .recibir-ofertas .form-group .icheckbox_minimal{margin: 0;}
    #footer .recibir-ofertas .form-group .c-campo{padding-left: 0;}

    #footer .ctn-footer .item{margin: 20px 0 0;}
    #footer .ctn-footer .derechos .txt-derechos,
    #footer .ctn-footer .derechos .link li a,
    #footer .ctn-footer .item.what p,
    #footer .ctn-footer .item.correo a,
    #footer .ctn-footer .item .ctn-txt p{font-size: 14px;}
    #footer .ctn-footer .derechos{text-align: center;}
    #footer .ctn-footer .derechos .txt-derechos{margin-bottom: 10px;}
    #footer .ctn-footer .derechos .link{border-bottom:none; width: 100%; float: left;position: relative; list-style: none;padding: 0; margin: 0 0 30px;}
    #footer .ctn-footer .derechos .link li{width: 100%; padding: 5px; border-bottom: solid 1px #000; text-align: center; float: left;position: relative;margin: 0 0 3px;}
    #footer .ctn-footer .derechos .link li a{text-decoration: underline; display: contents;}







    
}

@media(max-width: 479px){
    #footer .recibir-ofertas .form-group .ctn-btn{text-align: center;}
    #footer .recibir-ofertas .form-group div{padding: 0;}
    #footer .ctn-footer .item .ctn-img{width: 45px; float: left;margin: 0;text-align: left!important;}
    #footer .ctn-footer .item .ctn-txt{width: calc(100% - 45px); float: left;margin: 0;text-align: left!important;}
    #footer .ctn-footer .derechos .link {padding: 0;list-style: none;display: block;width: 100%;float: left;}
    #footer .ctn-footer .derechos .link li{float: left;text-align: center;width: 100%; display: block;padding: 5px; border-bottom: solid 1px grey;}
    #footer .ctn-footer .derechos .link li:last-child{border-bottom: none;}
    #footer .ctn-footer .derechos .link li a{border: none;text-align: center;float: none; }
    #footer .ctn-footer .derechos .txt-derechos{text-align: center;}

    #footer .ctn-footer .item{justify-content: flex-start;}

    #footer .ctn-footer .item.correo{
        align-items: flex-start;
    }
}


#galeria-video{}
iframe .ytp-large-play-button{display: none!important;}

#galeria-video .ctn-galeria-video {padding:10px 0;margin: 25PX 0;}
#galeria-video .ctn-galeria-video .title-galeria-video{padding:0; margin-bottom: 42px; font-family:bold; font-size: 29px;color: #2B2B26; }
#galeria-video .ctn-galeria-video .ctn-items{padding: 0;}
#galeria-video .ctn-galeria-video .ctn-items .item{padding: 0 12px 0 0;margin-bottom: 20px; min-height: 195px;}
#galeria-video .ctn-galeria-video .ctn-items .item .b-rojo{position: absolute; width: 100%; height: 100%;}
#galeria-video .ctn-galeria-video .ctn-items .item iframe{padding: 0 ;width: 100%;height: 164px;}
#galeria-video .ctn-galeria-video .ctn-items .item .title-video{font-family: bold; font-size: 17px; color: #2B2B26; float: left; width: 100%; min-height: 37px;}
#galeria-video .ctn-galeria-video .ctn-items .item:hover .title-video{text-decoration: underline; }
#galeria-video .ctn-galeria-video .ctn-items .item .b-rojo i{position: absolute;top: 35%; opacity: 0; left: 37%; font-size: 50px;}
#galeria-video .ctn-galeria-video .ctn-items .item .b-rojo:hover i{color:red; opacity: 1;}

@media(max-width: 1220px){
    #galeria-video .ctn-galeria-video {padding: 15px;}
}
@media(min-width: 992px) and (max-width: 1220px){
    #galeria-video .ctn-galeria-video .ctn-items .item .b-rojo i{left: 34%;}
}
@media(max-width: 991px){
    #galeria-video .ctn-galeria-video .ctn-items .item .b-rojo i{display: none;}
    #galeria-video .ctn-galeria-video .ctn-items .item .title-video{min-height: 56px;}
}

@media(max-width: 767px){
    #galeria-video{margin-top: 0;}
    #galeria-video .ctn-galeria-video .title-galeria-video{font-size: 23px; margin-bottom: 25px;}
    #galeria-video .ctn-galeria-video .ctn-items .item .title-video{min-height: 0px;}
}