html{font-size: 16px;}
body{font-family:Lato,sans-serif}
/*!SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR */
.scrollbar::-webkit-scrollbar{width:12px;background-color:#f5f5f5}
.scrollbar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fd850f}
/*!SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR SCROLLBAR */
/*!HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER */
header{background:#fff}
#header-top{background:#000;padding:.3rem;color:#fff}
#header-top a{color:#fff;font-size:.875rem}
#header-top .telefonos{text-transform:uppercase}
#header-top .social a{font-size:.9rem}
#header-top .idiomas #idiomas{background:0 0;border:none;cursor:pointer}
#header-top .idiomas #idiomas::after{color:#fff;margin-left:15px}
#header-top .idiomas .dropdown-menu{min-width:1rem;padding:0}
#header-top .idiomas .dropdown .dropdown-menu .dropdown-item:active,#header-top .idiomas .dropdown .dropdown-menu .dropdown-item:hover{background-color:#ddd}
header .header-middle{box-shadow:none;padding:0.5rem 0rem!important}
header .navbar .buscador form{border:1px solid #dbdbdb}
header .navbar .buscador form input.form-control{font-size:.815rem;height:2rem;width:calc(100% - 3rem);display:inline-block;padding:0 .5rem;margin:0;border:none!important}
header .navbar .buscador form input.form-control::-webkit-input-placeholder{color:#b0b0b0}
header .navbar .buscador form input.form-control::-moz-placeholder{color:#b0b0b0}
header .navbar .buscador form input.form-control:-ms-input-placeholder{color:#b0b0b0}
header .navbar .buscador form input.form-control:-moz-placeholder{color:#b0b0b0}
header .navbar .buscador form button{width:2rem;height:2rem;background:#fd850f;border:none;color:#fff;cursor:pointer;padding-bottom:3px}
header .navbar .catalogo .btn{background:#fd850f;color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;margin:0;padding:.5rem;border-radius:.5rem}
header .navbar .carro>div{display:inline-block;font-size:.875rem}
header .navbar .carro>div.cantidad-carro{text-align:right;color:#8a8a8a}
header .navbar .carro>div.cantidad-carro b{color:#0d0d0d;font-weight:700}
header .navbar .carro>div.icono-carro svg{font-size:2.3rem}
header .navbar .carro>div.icono-carro .cantidad{background:#fd850f;border-radius:50%;color:#fff;padding:.2rem .45rem;margin-left:-1rem}
header .navbar .breadcrumb .nav-item .nav-link,header .navbar .navbar-nav .nav-item .nav-link{color:#fff;text-transform:uppercase;font-size:1rem;display:inline;font-weight:500;padding:0}
header .navbar .navbar-nav .dropdown-toggle{margin-top:-1px;color:#ccc;border:none;cursor:pointer;background:0 0}
header .dropdown-menu{background:#fff;border:none;z-index:1002}
header .dropdown-menu .dropdown-item{background:0 0;color:#595959;font-size:1rem}
header .dropdown-menu .dropdown-item:focus,header .dropdown-menu .dropdown-item:hover,header .navbar .breadcrumb .nav-item .nav-link:hover,header .navbar .breadcrumb .nav-item.active>.nav-link,header .navbar .navbar-nav .nav-item .nav-link:hover,header .navbar .navbar-nav .nav-item.active>.nav-link{color:#fd8510;background:0 0;text-decoration:none}
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link,.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link{background:0 0}
header .navbar .navbar-brand img{max-width: 175px;}
header .navbar img.webpay{max-width: 150px;}
@media screen and (min-width:992px) and (max-width:1199.98px){
header .navbar .breadcrumb .nav-item .nav-link,header .navbar .navbar-nav .dropdown-toggle,header .navbar .navbar-nav .nav-item .nav-link{font-size:1rem}
header .navbar .navbar-nav .dropdown-toggle{padding-right:.25rem;padding-left:.25rem}
header .navbar .navbar-brand img{max-width:16rem}
}
@media (max-width:991.98px){
header .navbar .navbar-brand img{max-width:16rem}
}
@media (max-width:767.98px){
header .navbar .navbar-brand{display:block;margin:auto}
header .navbar .navbar-brand+.col-md{text-align:center}
}
@media (max-width:575.98px){
header .social{margin-bottom:0rem}
}
header .navbar-nav>.nav-item>.dropdown-menu{top:auto;border-radius:5px}
header .dropdown-menu.show{display:block;padding:1rem 0}
header .navbar-nav>.nav-item>.dropdown-menu>.nav-item>.dropdown-item{text-transform:capitalize;font-weight:500;color:#959595;border-bottom:none;text-overflow:ellipsis;font-size:.9375rem;padding:.5rem 2rem}
header .navbar-nav>.nav-item>.dropdown-menu .dropdown-menu{display:block;position:relative!important;top:0;box-shadow:none;padding:5px 0}
header .dropdown .dropdown-menu .dropdown-item:hover{background:0 0;border-radius:0;color:#fd850f!important;border-bottom:none;box-shadow:0 2px 2px #dbdbdb}
@media (max-width:991.98px){
header .navbar-nav>.nav-item>.dropdown-menu{min-width:100%;margin-left:0}
}
/*!HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER */
/*!FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE */
header .flotante{position:fixed;right:0;left:auto;z-index:9; top: 20rem;}
header .flotante .btn{background:#d9d9d9;padding:.5rem .7rem;margin:.5rem 0;width:150px;text-align:left;right:-100px;font-size:.875rem}
header .flotante .btn span{margin-left:1rem}
header .flotante .btn img{height:25px}
header .flotante .btn:hover{background:#fd850f;right:0}
header .flotante .btn:hover img{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%)}
@media (max-width:767.99px){
header .flotante{top:2rem}
}
/*!FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE FLOTANTE */
/*!BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER */
#banner-principal .texto{position:absolute;z-index:999;width:100%;top:25%;color:#fff;text-shadow:2px 2px 5px #1a1a1a}
#banner-principal .texto .texto1{text-transform:uppercase;font-size:2.2rem;font-weight:900}
#banner-principal .texto .texto2{font-size:1.6rem;font-weight:600}
#banner-principal .texto .link .btn{background:#fd850f}
#banner-principal .carousel-inner{height:270px}
#banner-principal .carousel-inner .imagen img{min-width:100%;min-height:100%}
#banner-principal.carousel .carousel-indicators li{max-width:20px;height:5px;border-radius:0;cursor:pointer;background:#fff}
#banner-principal.carousel .carousel-indicators li.active{background:rgba(253,133,15,.7)}
.banner-seccion{height:250px}
.banner-seccion img{float:none;margin:0 auto}
.banner-seccion h1{font-family:Domine,serif;margin:0;font-size:2.25rem;font-weight:700;color:#fff;text-transform:uppercase}
.banner-seccion h1:after{content:"";display:block;width:10rem;height:6px;background:#fd8510;margin:0 auto;margin-top:.5rem}
.view{overflow:hidden;position:relative;cursor:default}
.view .full-bg-img,.view .mask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}
@media (max-width:1599.98px){
#banner-principal .carousel-inner{height:270px}
}
@media (max-width:1199.98px){
#banner-principal .carousel-inner{height:270px}
}
@media (max-width:767.98px){
#banner-principal .texto{top:25px}
#banner-principal .texto .texto1{font-size:1rem}
#banner-principal .texto .texto2{font-size:.6rem}
#banner-principal .texto .link .btn{padding:.5rem 1rem;font-size:.6rem}
#banner-principal .carousel-inner{height:270px}
.banner-seccion{height:200px}
.banner-seccion h1{font-size:1.8rem}
}
@media (max-width:576.98px){
#banner-principal .carousel-inner{height:200px}
}
@media (max-width:399.98px){
#banner-principal .carousel-inner .imagen img{width:auto;height:100%}
.banner-seccion{height:150px}
}
/*!BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER */
