@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton');
*:focus, button.btn.btn-buscartop:focus, button.btn.btn-buscartop:active {outline: none}
*::placeholder { padding-left: 4px}
body {
    --color-marca1:#F44336;
    --color-marca2:#f7a64f;
    --color-negro:#000;
    padding-top: 125px;
}
/*body.ofertas {padding-top: 0}*/
div#barraDemo { width:100%; position:fixed; background:rgba(255,0,0,0.8); bottom:0; z-index:999999; padding:0; margin:0 }
div#barraDemo p{ padding:15px; text-align:center; color:#fff; margin:0 }
div#barraDemo p img { position:relative; top:-2px; }
div#barraDemo i {color:#fff; font-size:30px; position:absolute; right:20px; top:12px; z-index:99999999}
h1, h2, h3, h4, h5, h6 {font-weight: 200; color:var(--color-negro);}
header#header {z-index: 10}
.top-bar {background:#da251d !important; color:#222; border-bottom: 1px solid #dee2e6}
.top-bar a, .top-bar i {color:#fff;}
.top-bar i:hover {color: #f7a64f;}
div#leyenda_gral_top {position: absolute; top: 0; z-index: 10; left: 10%}
div#leyenda_gral_top h3 {margin:10px;}
.buscador-mobile {display: none;}
ul#menutop { display: none;}
.search { float: left; margin-right: 60px;}
.search i {color:#222;}
input.search-form { border:2px solid #bc0707; border-radius: 5px;}
.search input[type=text] {margin-bottom: 0}
button.btn.btn-buscartop { background: transparent; margin-top: 3px}
button.btn.btn-forms:focus { outline: none; box-shadow: none;}
.social-share {margin-top: 5px}
.navbar-default {background: var(#fff); }
.navbar-default .navbar-nav>li>a {color: #000; font-weight: 400; font-size:16px;}
.navbar-default .navbar-nav>li>a:hover {color: #f7a64f;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: transparent; color:#fff;}
.caja_func_sup, .caja_func_sup a {color: #000}
.caja_func_sup {/* margin-top: 70px; */position: absolute;right: 7%;top: 70px;}
.navbar-fixed-top .caja_func_sup {margin-top: -50px}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before {
    top: 0; 
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
}
div#carrito_top { float: right; margin-left: 10px; margin-top: 5px}
a.ircarrito:before {padding-right: 20px; font-size: 22px; content: "\f07a"; font-family: "Font Awesome 5 Pro"; top: 2px}
#cantidad_carrito.badge { left: 25px; background: var(--color-marca1)}

.ban-top-izquierda {
	transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}
ul.nav.navbar-nav {margin-top: 70px;}
.navbar-fixed-top ul.nav.navbar-nav {margin-top: 15px}
.dropdown-menu {background: var(--color-marca1); border: 0}
.dropdown-menu>li>a:hover {
    color: #ffffff;
    background: var(--color-marca2);
}
nav#navbar-sidebar {box-shadow: none; background:#fff;}
nav#navbar-sidebar .navbar-nav>li>a {color: var(--color-negro)}
.navbar-nav > li.open, .navbar-left>li>a:focus, .navbar-left>li>a:hover {
    background: #f7a64f;
}
/***** SLIDER *****/
.container.leyenda_slide {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 9%;
}
.container.leyenda_slide h1 {
	margin: 0;
	padding-left: 10%;
	font: 100 80px 'Anton', sans-serif !important;
}
.container.leyenda_slide h2 {
	margin: 5% 0 0;
	padding-left: 10%;
	font: 100 30px 'Anton', sans-serif !important;
	color: #fff;
}
.container.leyenda_slide h3 {
	margin:0;
	padding-left: 10%;
	color: #fff;
	font: 100 25px 'Roboto', sans-serif !important;
}
.container.leyenda_slide hr { width: 5%; border-top: 0; border-bottom: 2px solid #fff; margin-left: 10%; margin-top: 0}

.slick-next:before {content: '\f054';}
.slick-prev:before {content: '\f053';}


@media (min-width: 1920px) {
.container.leyenda_slide h1, .container.leyenda_slide h2, .container.leyenda_slide h3 {padding-left: 20%;color: #000;}
.container.leyenda_slide h2 {margin: 20% 0 0;}
.container.leyenda_slide hr {margin-left: 95%;border-color: #da251d !important;}
}

/***** SPOT *****/

.spot_top { z-index: 2; position: relative; top: -120px}
.spot_top .container {padding: 0; margin: 0 auto; text-align: center;}
.spot_top a{ display: inline-block; width: 45%; overflow: hidden; margin: 0 2%; }
.spot_top img {
    width: 100%;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}
.product .image a img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}
.spot_top img:hover, .product .image a img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.spot_top .img-responsive {margin: 0 auto !important;}
.spot_top .container .img-responsive {width: 527px !important; height: auto; float:left;padding: 20px;}  /** agregado por gif animado**/
.in_seguridad {
    position: absolute !important;
    width: 100px !important;
    left: 17% !important;
}

/***** HOME ******/
.container.general {margin-top: 5%}
#ofertas .container.general {width: 100%; padding: 0; margin-top: -100px}

#ofertas .container.general .row {
	margin: 0;
	margin-top: 37px;
	}
	
#ofertas .col-md-12.col-xs-12.cols-grals {padding: 0}
.style2 .title-sol span, .title-sol.style2 span {
    background: transparent;
}
.style2 .title-sol:after, .title-sol-style2:after, .title-sol.style2:after {
    background: transparent;
}
div#hormiga h1, ul.lista-filtros-aplicados, .title-sol, .navbar-lateral .ley_cate_lateral_xs {
    font-family: Rethink Sans, sans-serif;
}
span.st_googleplus_large {
    display: none;
}
/***** OFERTAS *****/
div#divofertas {
    width: 80%;
    margin: 0 auto;
}
.price-standard { color: var(--color-marca2);}
.price {font-weight: 100; margin:20px 0;}
.ofertas .image, .image a img {
    max-height: 100% !important;
}
.cajasnuevo, .cajasoferta { padding: 5px }
.promotion {top: 5%}
.discount, .new-product {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    padding-top: 38%;
    background: #F44336 !important;
}
.featuredImgLook2 .inner:hover, .product:hover {
    border: 1px solid var(--color-marca1);
}

.product:hover { background: #fff;}

label.comparativa {left: 0; padding: 30px 0 0}
.fa-heart:before { content: "\f45f";}
.favButton.favCaja:hover {padding-right: 10px; padding-top: 5px; font-size: 25px; transition: none }
div#ofertas div + h2 { margin: 0;}

/***** NOVEDADES *****/
.desdoc {padding: 10px 0;}
.noticiashome2 div#cajanovofe { width: 100%;}
.noticiashome2-row .cajasnove { padding: 0; margin: 0}
.noticiashome2 div#cajanovofe br, .noticiashome2 h5, .noticiashome2-row .cajasnove .des_nov {display: none;}
.noticiashome2-row .cajasnove h4 {
    position: absolute;
    color: #fff;
    top: 65%;
    left: 5%;
    font-weight: 700;
}
.noticiashome2-row .cajasnove h4 a {color: #fff}

a.btn.btn-default.btn-vernota {
    background: transparent;
    border: 1px solid #fff;
    box-shadow: none;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
a.btn.btn-default.btn-vernota:hover {background: var(--color-marca1); color: #fff; border:1px solid var(--color-marca1)}

.proy-nov .btn-vernota {
    position: relative !important;
    background: var(--color-marca1) !important;
    left: 0 !important;
}

/***** CATEGORIAS *****/
.notastest { margin: 5% auto;width: 70%;padding: 0;}
.notastest h1 {padding-left: 5%; padding-top: 20%}
.notastest p {padding-left: 5%}
.notastest .col-md-8, .notastest .col-md-4, .notastest .col-md-6 {padding: 0}
/***** PARALLAX *****/
.parallax {
    background: url("../b/bg-footer.jpg") no-repeat center fixed;
    background-size: cover;
    height: 575px;
    padding: 0;
    /*
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 0 80%, 0 0);*/
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 70% 100%, 0 78%);
    clip-path: polygon(0% 0, 100% 0, 100% 95%, 100% 100%, 0 100%);
}
.parallax::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background:var(--color-negro);
}
.parallax .col-md-6:nth-child(2) {margin-top: 10%;text-align: right;}
.parallax .col-md-6 h1 {font:700 80px 'Roboto', sans-serif; color: #fff; margin: 0}
.parallax .col-md-6 h2 { font:100 60px 'Roboto', sans-serif; color:#fff; margin: 0 }
.parallax .col-md-6 p {font:200 20px 'Roboto', sans-serif; color: #fff;margin: 0}

/***** DETALLE *****/
input#cantidad { width: 90px;}
input#boton_compra {
    float: right;
    position: absolute;
    left: 20%;
    top: 25%;
    background: var(--color-marca1)
}
.productFilter {border: 0}
span#precio { font-weight: 100;}
.price-sales {color:#222;}
#detalle .details-description {border: 0}
.detalle-form { border-top: 4px solid var(--color-marca1);}
.btn-primary:hover, .btn-primary:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background: var(--color-negro); border:0;}

.orderStep li.active { background: var(--color-marca2)}
.orderStep li.active:after {border-top-color: var(--color-marca2) !important}
.orderStep li {background: var(--color-marca1); color: #fff}

/***** MODAL *****/
.modal-header-primary {background: var(--color-negro)}
.close {color: var(--color-marca1)}
.modal-header { padding: 11px;}
/***** BOTONES *****/
.cart-actions input[type=button] {border:0;}
.btn-info, .btn.btn-compra, .btn-success, .btn-primary, .btn-danger, .btn-default, input#iniciarpago {background: var(--color-marca1); color: #fff}
.btn-info:hover, .btn.btn-compra:hover, .btn-success:hover, .btn-primary:hover, .btn-danger:hover, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, input#iniciarpago:hover {background: var(--color-marca2)}
div.seguir_inferior a, div.seguir_superior a {background: var(--color-negro); color: #fff}
/*******************/
.newsletter {text-align: center; width: 50%; margin: 5% auto}
.newsletter p {padding: 20px 0; font-size: 18px}
.newsletter .form-group .form-control { border-color: #d9d9d9;}
.datosfooter .container {padding: 2% 0 3%}
.datosfooter {
    text-align: left;
    background: var(--color-negro);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 20%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);
	width: 50%;
}

@media (max-width: 1200px) {
	.datosfooter {
		width: 75%;
	}
}

.datosfooter h1 {font: 400 14px 'Roboto', sans-serif !important;color: #fff; white-space: nowrap;}
.mediospagos img {width: 20%; margin: 3px}
.hormigafoot {padding:0;}
.hormigafoot h2 {display: none;}
p.iva { background: #fd2016; color:#fff}
/***** FOOTER *****/
/*body div + p {display: none;}*/
footer {background: var(--color-negro); color:#fff; padding: 0}
footer .container {width: 100%; padding: 0}
footer p {margin: 0; padding: 5px 0}
p.leyendapre { display: none;}
p.leyenda { color: var(--color-negro);}
p.foot_netone { background: #0955cc;}
footer a, .datosfooter a {color:#fff;font-size: 12px;}
footer .foot_netone {border:0}

/***** MEDIA *****/
@media (min-width: 1920px) {
    div#divofertas, div#divlonuevo {width: 60%;}
    .newsletter {width: 37%}
    .noticiashome2-row .cajasnove h4 { top: 75%}
    div#leyenda_gral_top {left: 20%}
}
@media (max-width: 480px) {
    .top-bar {padding:5px 0}
    .search { display: none;}
    .search input[type=text] {margin-bottom: 0;border: 1px solid #0061a8;}
    a.dropdown-toggle { padding-top: 10px;}
    .container > .navbar-header, .container > .navbar-collapse {margin: 0; border: 0}
    .ban-top-izquierda, .navbar-fixed-top .ban-top-izquierda { width: 20%}
    .navbar-toggle { background: var(--color-negro)}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: var(--color-negro);}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-default .navbar-nav>li>a {padding-left: 0}
    ul.nav.navbar-nav {margin: 30px 0}
    div.item-slide.imagen-slide-2 {
        height: 500px;
        background-repeat: no-repeat !important;
    }
    div.imagen-slide-2 span.leyenda_slide { text-align: center;}
    .container.leyenda_slide h2 {margin-top: 50%; padding: 0}
    .container.leyenda_slide h1 {font-size: 50px !important; padding: 0; margin: 0 auto}
    .container.leyenda_slide hr {display: none}
    .container.leyenda_slide h3 {padding: 0; margin-top: 25%}
    .slick-prev { left: 10px;}
    .slick-next { right: 10px;}
    .noticiashome2-row .cajasnove h4 {top: 60%}
    .notastest {width: 100%}
    .parallax .col-md-6 h2 {font-size: 40px}
    .newsletter {width: 100%}
    .datosfooter {clip-path: none; -webkit-clip-path: none;}
    div#detalle { padding: 20px;}
    a.btn.btn-default.btn-vernota {
        background: var(--color-marca1);
        position: relative;
        left: 0;
        display: block;
        border: 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: var(--color-marca2)}
    span.cart_top a { color: #fff;}
    body.proy-nov { padding-top: 0;}
    .navbar-nav>li>a {border: 0}
    .spot_top { top: 30px;}
    .spot_top a { width: 100%;  margin: 0;}
    #ofertas .container.general {margin-top: auto}
    .navbar-lateral {display: none;}
    div#leyenda_gral_top {
        top: 0;
        position: fixed;
        z-index: 100;
        left: 0;
    }
    div#leyenda_gral_top h3 {display: none;}
    .buscador-mobile { display: block;}
    .modal-buscar form#form-buscar {width: 90%;}
    .modal-buscar input.search-form, .modal-buscar input.search-form:hover, .modal-buscar input.search-form:active { width: 95%;}
}   

div.boton_arrepentimiento a { border:none !important }

.productos .price-sales, .productos  .price-standard, .productos  .price, 
.ofertas .price-sales, .ofertas  .price-standard, .ofertas  .price {
	font: 400 18px "Rethink Sans", sans-serif;
}
.detalle .price-sales, .detalle  .price-standard, .detalle  .price {
	font: 400 22px "Rethink Sans", sans-serif;
}

.product-price { font: 400 18px "Rethink Sans", sans-serif; }

.ban-top-izquierda {
	width: 170px;
}

.navbar a {
	font: 500 16px 'Rethink Sans', sans-serif!important;
}

.ofertas .cols-grals {
    margin-top: 25px;
}

div#divofertas, div#divlonuevo {
	margin: 0 auto;
}

.leyenda_slide h1 {
	color: #da251d!important;
}

#leyenda_gral_top h3 {
	color: #fff;
}

i.fa.fa-search {
	color: #fff;
}

.leyenda_slide h2 {
    color: #000000 !important;
}

.titulo b {
	font: 700 32px 'Rethink Sans', sans-serif;
	border-bottom: solid 2px;
}

.nov_dcorta {
    font: 400 18px 'Rethink Sans', sans-serif;
}

.dropdown-menu li a {
	background: #da251d;
}

.categorias .col-md-3 img {
    width: 100%;
    margin-top: 20px;
}

.categorias .col-md-3:hover {
    transform: scale(1.05);
}

.title-sol span {
	font: 900 36px 'Rethink Sans', sans-serif;
}

a.titprod {
	font: 300 14px 'Rethink Sans', sans-serif!important;
}

.breadcrumb li, .breadcrumb a {
	font: 300 14px 'Rethink Sans', sans-serif;
}

.style2 .title-sol span, .title-sol.style2 span {
	border-bottom: solid 2px;
	color: #000;
}

.novedadesrow.row {
	margin-bottom: 40px!important;
}

.fa-certificate:before, .fa-helmet-safety:before, .fa-truck:before   {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
	font-style: normal;
	font-size: 50px;
	color: #da251d;
}

.row.icons {
    width: 60%;
    margin: 0 auto!important;
}

.icon-row, .icon-row-2 {
    display: flex;
    align-items: center;
    font: 300 16px 'Rethink Sans', sans-serif;
}

.icon-row p, .icon-row-2 p {
    margin-left: 10px;
    margin-top: 10px;
}

.icon-row {
    background: #da251d;
    color: #fff;
}

.icon-row-2 {
    background: #fff;
}

.icon-row img, .icon-row-2 img {
    padding: 7px;
    border-right: solid 3px #ffffff;
}

#reg h1 {
    font: 700 32px 'Rethink Sans', sans-serif;
}

#reg p {
    font: 300 16px 'Rethink Sans', sans-serif;
}

#reg h5 {
    font: 300 24px 'Rethink Sans';
}

input.form-control {
    border-color: #dbdbdb!important;
}


.categorias .col-md-3 {
    padding: 0;
}

.navbar-header-lateral {
	margin-top: 22px;
}

.marcas .container.general {
	height: 600px;
}

div#slides_ofertas_t {
	margin-top: 14vh;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #fff!important;
	background-color: #f7a64f!important;
}

.categorias {
	padding: 15px 10px;
	border-top: solid 5px #bbbbbb;
	background: #fff;
}

#navbar-menu-superior li a {
	font-weight: 600!important;
}

.product-title {
	font-family: 'Rethink Sans';
	font-weight: 700;
}

.promociones_2 {
	box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, 0.2);
}

.social-share li:nth-child(4), 
.social-share li:nth-child(5) 
{
    display: none;
}

.nav .open>a, .nav.open>:focus {
	background-color: #76110c;
}

p.iva, .marcas .brand-carousel {
	display: none!important;
}

.content_marcas {
	margin-top: 10px;
}

.brand-carouse li img {
	width: 80%!important;
}

footer .col-md-2 {
	margin: 0 5px;
}

.tab-content {
}

.tab-content #masservicios {
    display: block;
    font: 400 16px 'Montserrat', sans-serif;
    border-top: solid 1px #bbb;
    letter-spacing: 1px;
}

ul.nav.nav-tabs {
    display: none;
}

#masservicios ul li {position: relative;top: 10px;color: black;}

#masservicios ul li a {
    color: black;
}

@media (max-width: 1480px) {
	body {
		padding-top: 80px;
	}
}

#detalle .detalle_producto a {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 600;
}


input.btn_masiva {
    border: solid 1px #dadada;
    padding: 5px;
    margin-bottom: 15px;
    margin-left: 14px;
}


ul.subcate {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    list-style: none;
}

.subcate li {
    padding: 5px 15px;
    border: solid 1px #959595;
    margin-right: 8px;
    border-radius: 5px;
}


span#nombre_usuario {
    font: 100 15px 'Poppins', sans-serif;
}