/***ALL***/
.ocultar{
    display: none;
}
.clearfix::after {
    display: none;
    clear: both;
    content: none;
}
.icon-fr{
	margin-right: 0.5rem;
}
p{
    text-align: justify;
}
/*.bg-all{
	background: url(../image/bg-all.jpg) fixed;
    background-position: top;
    background-size: cover;
}*/
/***TOP***/
.logo-tam{
	height: 90px;
}
.slide .top-bar-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-der{
	display: flex;
	align-items: center;
	width: 300px;
	justify-content: flex-start;
}
.top-izq{
	display: flex;
	align-items: center;
	width: 300px;
	justify-content: flex-end;
}
.btn-top{
	display: flex;
	flex-direction: column;
}
.btn-top a{
	display: inline-flex;
    padding: .1rem .7rem;
    border: 1px solid #f8a51c;
    background: rgb(100 24 59 / 0.7);
    margin: .1rem 0;
    color: #fff;
    transition: all .2s ease;
    font-family: Marcellus;
    align-items: center;
    border-radius: 5px;
    font-size: 10px;
}
.btn-top a:hover{
	background: #64183b;
	border-color: #f8a51c;
}
.menu-fr-resp{
    display: none !important;
}
@media screen and (max-width: 991px){
    .menu-fr-resp{
        display: block !important;
    }
}
@media screen and (max-width: 840px){
	.top-der{
		display: none;
	}
	.top-izq{
		display: none;
	}
	.slide .top-bar-inner{
		justify-content: center;
	}
}
/***FOOTER***/
.footer-main{
	background: #242323;
	font-family: Marcellus;
}
.footer-main h2{
	color: #fff;
	margin-bottom: 1rem;
	font-size: 1.5rem;
}
.footer-main p{
	color: #a6a6a6;
    margin-bottom: 1rem;
    font-size: 1rem;
    text-align: justify;
}
.footer-main ul{
	margin-bottom: 1rem;
}
.logo-footer{
	display: flex;
	margin-bottom: 1rem;
	justify-content: center;
}
.logo-footer img{
	width: 121px;
}
.top-footer-main{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.bottom-footer-main{
	padding: 0.5rem;
    text-align: center;
    border-top: 1px solid;
}
.bottom-footer-main span{
	font-family: Libre Baskerville;
    font-size: 14px;
    line-height: 36px;
    color: #a6a6a6;
}
.msj-footer-main{
	padding: 0.5rem;
    text-align: center;
    border-top: 1px solid;
    background: #242323;
}
.msj-footer-main span{
	font-family: Libre Baskerville;
    font-size: 15px;
    color: #f8a51c;
}
.leer-mas-footer{
	padding: 7px 30px;
    font-family: Marcellus;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    letter-spacing: 1.3px;
    position: relative;
    margin-bottom: 1rem;
}
.leer-mas-footer:hover{
	color: #fff;
}
.leer-mas-footer:before{
	content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #a6a6a6;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.leer-mas-footer:hover:before{
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.leer-mas-footer span{
	z-index: 1;
    position: relative;
}
.enlaces-footer{
	/*display: grid;*/
	grid-template-columns: 1fr 1fr;
    column-gap: 5px;
}
.enlaces-footer a{
	color: #a6a6a6;
	font-size: 1rem;
}
.enlaces-footer a:hover{
	color: #fff;
}
.redes-footer{
	margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.redes-footer li{
	display: inline-flex;
}
.redes-footer li a{
	color: #a6a6a6;
    font-size: 1.5rem;
    margin-right: 2rem;
}
.redes-footer li a:hover{
	color: #fff;
}
.cuenta-footer li{
	margin-bottom: 0.5rem;
}
.cuenta-footer li img{
	margin-right: 0.5rem;
	height: 30px;
}
.cuenta-footer li span{
	color: #a6a6a6;
	font-size: 0.85rem;
}
.datos-footer li{
	color: #a6a6a6;
	font-size: 1rem;
}
.datos-footer li a{
	color: #a6a6a6;
}
.datos-footer li a:hover{
	color: #fff;
}
.sus-footer{
	position: relative;
}
.sus-footer input{
	border-radius: 25px;
    border: 0;
    width: 100%;
    display: inline-block;
    box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.1);
}
.sus-footer button{
	padding: 16px 18px;
    background-color: #64183b;
    border-radius: 30px;
    position: absolute;
    top: 0;
    right: -1px;
    color: #fff;
}
.sus-footer button i{
	color: #fff;
}
.alt-ic{
	height: 32px;
}
.bg-vinedo-footer{
	width: 100%;
	height: 200px;
	background: url(../image/bg-vinedo-footer1.png);
	background-size: cover;
	background-position: center;
    margin-top: 5rem;
}
.pidelo{
    display: block;
    position: fixed;
    z-index: 9999999999;
    bottom: 18px;
    left: 18px;
    width: 250px;
}
.pidelo:hover{
    transform: scale(1.1);
}
@media screen and (max-width: 576px){
    .pidelo{
        width: 200px;
    }
}
/***INDEX - OFERTAS***/
.ofertas{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-areas: 
    "oferta1 oferta1 oferta2"
    ". . oferta2"
    "oferta3 oferta3 oferta3";
}
.item-a {
  grid-area: oferta1;
}
.item-b {
  grid-area: oferta2;
}
.item-c {
  grid-area: oferta3;
}
.ofertas a{
	background: #64183b;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ofertas a img{
	width: 100%;
	margin: 0 auto;
}
/***INDEX - PRODUCTOS***/
.efect-hov-ramas{
	position: relative;
}
.efect-hov-ramas a{
	z-index: 1;
}
.product-item:hover .efect-hov-ramas:before{
	height: 100%;
}
.efect-hov-ramas:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgb(100 24 59 / 0.2);
    -webkit-transition: height 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: height 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: height 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition: height 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: height 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hojas-derechas{
	width: 132px;
    height: 89px;
    right: 0;
    background: url(../image/hojas-derechas2.png) 0px 0px no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    bottom: 30%;
}
.hojas-izquierdas{
	width: 132px;
    height: 89px;
    left: 0;
    background: url(../image/hojas-izquierdas2.png) 0px 0px no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    bottom: 30%;
}
.hojas-derechas, .hojas-izquierdas {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.product-item:hover .hojas-derechas, .product-item:hover .hojas-izquierdas {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s;
    -moz-transition: -moz-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s;
    -o-transition: -o-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s;
    -ms-transition: -ms-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s;
    transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: absolute;
}
@media screen and (max-width: 576px){
    .ofertas {
        display: flex;
        flex-direction: column;
    }
    .ofertas a{
        margin-bottom: 2rem;
    }
    .ofertas a:last-child{
        margin-bottom: 0;
    }
}
/***INDEX - PRODUCTOS DESTACADOS***/
.prod-dest{
    justify-content: center;
    height: 100%;
}
.prod-dest a{
    text-decoration: none;
    font-family: Marcellus;
    font-size: 14px;
    line-height: 25px;
    color: #a6a6a6;
    padding: 2rem 0;
}
.prod-dest .nav-link.active, .prod-dest .show > .nav-link {
    color: #64183b;
    background-color: transparent;
}
.flat-top-products .products-image {
    padding: 0 30px;
}
.flat-top-products .products-image img {
    margin-left: 0px;
    margin-top: 1px;
}
.flat-top-products .owl-prev {
    position: absolute;
    top: 43%;
    left: 0;
}
.flat-top-products .owl-next {
    position: absolute;
    top: 43%;
    right: 0;
}
@media screen and (max-width: 991px){
    .prod-dest{
        margin-bottom: 2rem;
    }
    .prod-dest a{
        line-height: 16px;
        text-align: center;
        padding: 0;
    }
}

/***CARRUSEL MARCAS***/
.carrusel-marcas .owl-prev {
	position: absolute;
	border: 1px solid #64183b !important;
	padding: 2px 11px;
	left: -8%;
	top: 21%;
	background-color: transparent;
}

.carrusel-marcas .owl-prev:before {
	content: "\e64a";
	font-family: themify;
}

.carrusel-marcas button.owl-prev span {
	display: none;
}

.carrusel-marcas button.owl-prev {
	font-size: 18px;
	line-height: 30px;
	width: 40px;
	height: 40px;
}

.carrusel-marcas button.owl-prev:hover {
    background: #64183b;
    color: #fff;
}

.carrusel-marcas .owl-next {
	position: absolute;
	border: 1px solid #64183b !important;
	padding: 2px 11px;
	right: -8%;
	top: 21%;
	background-color: transparent;
}

.carrusel-marcas button.owl-next:before {
	content: "\e649";
	font-family: themify;
}

.carrusel-marcas button.owl-next span {
	display: none;
}

.carrusel-marcas button.owl-next {
	font-size: 18px;
	line-height: 30px;
	width: 40px;
	height: 40px;
}

.carrusel-marcas button.owl-next:hover {
    background: #64183b;
    color: #fff;
}
@media screen and (max-width: 576px){
	.carrusel-marcas .owl-carousel .owl-item img {
	    width: 250px;
	}
	.carrusel-marcas .owl-prev {
		top: 25%;
		left: 0;
	}
	.carrusel-marcas .owl-next {

		top: 25%;
		right: 0;
	}
}
@media screen and (max-width: 430px){
	.carrusel-marcas .owl-carousel .owl-item img {
	    width: 200px;
	}
	.carrusel-marcas .owl-prev {
		top: 25%;
		left: 0;
	}
	.carrusel-marcas .owl-next {

		top: 25%;
		right: 0;
	}
}
/***INTERNAS***/
.bg-nosotros{
	background: url(../image/bg-nosotros.jpg);
}
.sombra-internas{
	background-color: rgb(0 0 0 / 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
}
.bg-internas{
	width: 100%;
    background-color: #fff;
    height: 400px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
	background-position: center;
}
.bg-internas .container{
	z-index: 1;
}
.bg-internas .breadcrumbs ul li a {
    text-decoration: none;
    font-family: Marcellus;
    font-size: 14px;
    line-height: 42px;
    color: #fff;
}
.bg-internas .breadcrumbs ul li:after{
	color: #fff;
}
.bg-internas .breadcrumbs ul li a:hover {
    color: #f8a51c;
}
.bg-internas .page-title-heading h2 a {
    color: #fff;
}
.bg-internas .page-title-heading h2 a:hover {
    color: #f8a51c;
}
.bg-internas .breadcrumbs ul li.seleccionado a {
    text-decoration: none;
    font-family: Marcellus;
    font-size: 14px;
    line-height: 42px;
    color: #a6a6a6;
}
.bg-internas .breadcrumbs ul li.seleccionado:after{
	content: "";
}
/***PRODUCTOS***/
.product .product-item .product-review {
    z-index: 1;
}
.wsp-prod:hover{
    background-color: rgb(84, 172, 45) !important;
    border: 1px solid rgb(84, 172, 45) !important;
}
.btn-agre-car{
    width: 100% !important;
    border: 1px solid #64183b !important;
}
.btn-agre-car:hover{
    color: #64183b !important;
    background: #fff !important;
    border-color: #64183b !important;
}
.prec-ant{
    font-size: 18px;
}
/***CARRITO***/
.flat-cart .wrap-check img {
    margin-left: 5px;
}
.tam-carrito{
    height: 25px;
}
.trans-bancaria{
    padding: 1rem;
    /*border-top: 1px solid #e5e5e5;*/
}
.otro-metodo{
    padding: 1rem;
    /*border-top: 1px solid #e5e5e5;*/
}
.yape-qr{
    width: 300px;
    border-radius: 10px;
}
.cerrar-x{
    color: #191919;
}
.cerrar-x:hover{
    color: red;
}
.cursor-none{
    pointer-events: none;
    cursor: default;
}
.tam-su-pedido{
    width: 100%;
}
.centrando-inverse{
    display: flex;
    align-items: center;
}
.elm-btn .margin-top-40-inverse {
    padding: 7px 30px;
    margin-top: 38px;
    font-family: Marcellus;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: #64183b;
    border: 1px solid #64183b;
    display: inline-block;
    letter-spacing: 1.3px;
    position: relative;
}
.elm-btn .margin-top-40-inverse span{
    position: relative;
    z-index: 2;
}
.hvr-shutter-out-horizontal-inverse:hover, .hvr-shutter-out-horizontal-inverse:focus, .hvr-shutter-out-horizontal-inverse:active{
    color: #64183b;
}
.hvr-shutter-out-horizontal-inverse:hover:before, .hvr-shutter-out-horizontal-inverse:focus:before, .hvr-shutter-out-horizontal-inverse:active:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-shutter-out-horizontal-inverse:before{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.tamtam-button{
    width: 100%;
}
.esp-it-fr{
    padding: 0 10px;
}
.ww-c{
    background: #fff;
}
.tit-mods-pag{
    padding: 10px 0;
    border: 1px solid #a6a6a6;
    text-align: center;
}
.tit-f{
    color: #64183b;
    font-weight: bold;
    margin-bottom: 1rem;
}
.tit-s{
    margin-bottom: 1rem;
}
@media screen and (max-width: 767px){
    .centrando-inverse li{
        margin-right: 4px;
    }
}
@media screen and (max-width: 667px){
    .centrando-inverse{
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    .centrando-inverse li{
        margin-right: 0px;
        width: 100%;
    }
    .centrando-inverse button{
        width: 100%;
    }
    .resp-mod-fr{
        width: 100%;
        text-align: center;
    }
    .resp-mod-fr a{
        width: 100%;
        text-align: center;
    }
    .centrando-inverse .elm-btn{
        width: 100%;
        text-align: center;
    }
}
/***CONTACTO***/
.contacto{
    padding: 100px 0;
}
.contacto p{
    margin-top: 29px;
    line-height: 28px
}
.tit-dif{
    background: #64183b;
    border: 2px solid #f8a51c;
    color: #fff !important;
    padding: 0.2rem 1rem;
    display: inline-block !important;
    border-radius: 10px;
    margin: 0.5rem 0;
}
.morado-cont{
    color: #64183b;
}
/***ENVIO***/
.centrando-ma{
    display: flex;
    justify-content: center;
}
/***TIENDAS***/
.tiendas{
    padding: 100px 0;
}
.grid-tiendas{
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 40px;
    row-gap: 40px;
}
.tienda{
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 40px;
    row-gap: 40px;
}
.tienda-top{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.tienda-map{
    
}
.tienda h3{
    color: #64183b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #64183b;
}
.tienda h4{
    color: #f8a51c;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}
.tienda p{
    margin-bottom: 1.5rem;
}
@media screen and (max-width: 991px){
    
}
@media screen and (max-width: 650px){
    
}
/***MENU LATERAL***/
.menu-lateral{
    margin-top: 1rem;
}
.menu-lateral .card-header{
    padding: 0;
}
.menu-lateral .card-header a{
    display: flex;
    justify-content: space-between;
    background: #64183b;
    color: #fff;
}
.menu-lateral .card-header a:hover{
    text-decoration: none;
    background: #f8a51c;
}
.menu-lateral .card-header a:focus{
    text-decoration: none;
}
.menu-lateral .card-body ul li a{
    color: #191919;
    display: flex;
    align-items: center;
}
.menu-lateral .card-body ul li a:hover{
    color: #f8a51c;
}
.active-sidebar{
    color: #f8a51c !important;
}
.font12{
	font-size: 12px !important;
}
/***TERMINOS Y CONDICIONES - LIBRO DE RECLAMACIONES - POLITICAS DE PRIVACIDAD***/
.only-texto{
    padding: 100px 0;
}
.only-texto h1{
    font-size: 1.5rem;
    font-weight: bold;
    color: #64183b;
}
.only-texto p{
    margin-top: 15px;
    line-height: 28px;
}
.only-texto p a{
    color: #64183b;
}
.only-texto p a:hover{
    color: #f8a51c;
}
.cent-sep{
    display: flex;
    align-items: center;
    justify-content: center; 
    padding: 1rem 0;
}
.separar-txt{
    position: relative;
}
.separar-txt:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -86px;
    width: 73px;
    height: 4px;
    background: url(../image/homepage15.png);
}
.separar-txt:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -86px;
    width: 73px;
    height: 4px;
    background: url(../image/homepage15.png);
}
.form-libro{
    margin-top: 2rem;
}
.form-libro select:focus{
    border: 1px solid #64183b;
}
.form-libro label{
    margin-bottom: 1rem;
    font-size: 1rem;
}
/***COBERTURA***/
#cobertura{
    padding-top: 5rem;
}
#cobertura ul{
    display: block;
    text-align: center;
}
#cobertura ul li{
    display: inline-block;
    padding: 1rem;
    margin: 0.5rem;
    background: #64183b;
    color: #fff;
    border-radius: 5px;
}
#cobertura p{
    margin-top: 2rem;
    text-align: center;
    color: #f8a51c;
    font-weight: bold;
    font-size: 1.2rem;
}