*{transition: .2s;}
.modal-open {
    overflow: visible !important;
    padding-right: 0px !important;
}
body{font-family: 'Poppins', sans-serif;}
.top{position:fixed;z-index:999;background:#fff;top: 0;
-webkit-box-shadow: 0px -1px 29px -7px rgba(0,0,0,0.24); 
box-shadow: 0px -1px 29px -7px rgba(0,0,0,0.24);}
#modal-menu .modal-content{background:none;border:none;}
#modal-menu .modal-header{border:none;}
.modal-backdrop.show {opacity:.9;}
#modal-menu .close{color:#fff;font-size:3rem;padding:0;outline: none !important;}
#modal-menu .close:focus{outline: none;}
.close img { width: 2rem;    padding: .3rem;}
a{outline:none !important;}
.btn-menu{font-size:2.25rem;color:#7A7A7A;padding:0;outline:none;margin:0 auto;display:block;margin-right: 0;}
.btn-menu:focus{box-shadow: none;}
.btn-menu img { width: 2rem;}
ul.menu { padding: 0; list-style-type: none; text-align: center; font-size: 2rem;}
ul.menu li{padding: 0;list-style-type: none;}
ul.menu a{color:#fff;line-height: 1.5rem;    font-size: 1.5rem;}
ul.menu a:hover, ul.menu a:focus{text-decoration:none;opacity:.8;}
ul.menu ul a{font-size:1rem;}
ul.menu li ul{padding:0;line-height: 0rem;}
.hesperiden.tparrows { background: none !important;}
.hesperiden.tparrows:hover { background: none !important;}
.hesperiden.tparrows:before {font-size: 40px !important;}
.hesperiden .tp-bullet { background: #000 !important; border: none !important; width: .8rem !important; height: .8rem !important;}
.hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background: #fff !important;}

.h1, h1 {
    font-size: 1.7rem;
}

img {
max-width: 100%;
    height: auto;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    transition: .2s;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 12rem !important;
    padding: .5rem 0;
    margin: .125rem 0 0;
        margin-top: 0.125rem;
        margin-left: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: none;
  -webkit-box-shadow: 1px 21px 29px -7px rgba(0,0,0,0.19); 
box-shadow: 1px 21px 29px -7px rgba(0,0,0,0.19);
}



.navbar-light .navbar-nav .nav-link { display:flex;align-items: center;justify-content: center;padding-top: 0.4rem;
    padding-bottom: 0.4rem;text-align: center;}

 .navbar-light .navbar-nav .nav-link:hover {
    color: #000;
}


.has-submenu { padding-top: 1.3rem !important;
    padding-bottom: 1.3rem !important;}



.submenu-interior li.nav-item.dropdown{margin:0 1rem;}
h1.title-border { margin-bottom: 2rem;}
.banner-top{margin-top:4rem;}
.title-bg-line span {  text-transform: uppercase;}
.main-breadcrumb {
    background: #f3f3f3;
}
.breadcrumb{background:none;margin:1rem 0;font-size:.8rem;padding: .5rem 0;}
.breadcrumb a{color:#C3C3C2;font-size: .8rem;}
.breadcrumb-item.active{color:#7A7A7A;font-size: .8rem;}
.breadcrumb-item+.breadcrumb-item::before{content:">";font-size:.6rem;}

.sub-arrow{background:url(../img/chevron-down-solid.svg) no-repeat center;border:none !important;width:.5rem !important;height:.5rem !important;}

.fila-iconos{background:#EFEFEF;}
.icono{padding:0;}
.icono a{display:block;padding:1rem;text-align:center;color:#7A7A7A;}
.icono a:hover{background:#F7F7F7;text-decoration: none;}
.icono img{padding:.5rem 0;width:5rem !important;margin: 0 auto;    height: 5rem;}
.icono.active{background:#fff;}

.categoria{width:6rem;padding:1rem 0.5rem;background:#EFEFEF;position:absolute;right:15px;top:0;text-align:center;font-size:.8rem; z-index: 10;}
.categoria img{width: 3rem;  padding-bottom: .5rem;}
.info{color:#7A7A7A;font-size: .85rem;}
.info h2{font-size:1.5rem;margin-bottom:2.5rem;}

.item-page{width:100%;}
.main-title h1{text-align:center;    padding-bottom: 3rem;
}

.bg-1{background:#EFEFEF;}
.bg-1:hover{background:#fff;}
.bg-2:hover{background:#EFEFEF;}

.bg-1, .bg-2{ text-align: center; border:solid 1px #EFEFEF;padding: 0;}
.bg-1 a, .bg-2 a{ color: #7A7A7A;padding:2rem;display: block;}
.bg-1 a:hover, .bg-2 a:hover{text-decoration:none;}
.bg-1 img, .bg-2 img{padding: 1rem 1.5rem;}

#acordeon-menu .card-header{background: none;border: none;}
#acordeon-menu .card {border: none;background: none;}
#acordeon-menu .card button{color:#fff;border:none;font-size:2rem;text-align:center !important;padding:0;}
#acordeon-menu .card button:hover, #acordeon-menu .card button:focus{text-decoration: none; opacity: .8;}
#acordeon-menu .bg-1 a, #acordeon-menu .bg-2 a {font-size: 1rem;}
#acordeon-menu .bg-1, #acordeon-menu .bg-2, #acordeon-menu .bg-1:hover, #acordeon-menu .bg-2:hover{background:none;border:none;}

.btns{display:flex;justify-content:space-between;width:70%;margin-top:2rem;}
.btn-beige{background:#C4AE9D !important;color:#fff !important;padding:.5rem 2rem !important;border-radius:0 !important;font-size:.8rem !important;font-weight:600 !important;border:solid 3px #C4AE9D !important;}
.btn-beige:hover{color:#fff;opacity:.8;}
.btn-blanco{border:solid 3px #C4AE9D;background:#fff;color:#C4AE9D;padding:.5rem 2rem;border-radius:0;font-size:.8rem;font-weight: 600;}
.btn-blanco:hover{color:#C4AE9D;opacity:.8;}

.btn-ficha {color: #C4AE9D; text-decoration: underline;font-size: .9rem; padding: 0;}
.btn-ficha i{padding: 0 .25rem;font-size: 1rem;}
.btn-ficha:hover{opacity:.8;}

h4{font-size: 1.5rem;color:#7A7A7A;}
.producto-relacionado{background:#fff;transition: .2s;height: 100%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.producto-relacionado:hover{box-shadow:0rem 0rem 1rem rgba(0,0,0,0.25);text-decoration: none;}
.producto-relacionado h5{color: #7A7A7A;margin:0;  font-size: .9rem; padding: 1rem; min-height: 4rem; width:100%;height:fit-content;background:#EFEFEF;}
#adminForm{width:100%;}

.footer{background:#E3E3E3;color:#1D1D1B;padding:4rem 0;}
.footer ol{padding:0;list-style-type:none;margin:0;}
.footer ol li{display:flex;align-items:center;line-height:1.25rem;margin-bottom:1.25rem;font-size: .9rem;}
.footer ol li:last-child{margin:0;}
.footer ol li i{font-size:1.7rem;padding-right:1rem;width:3rem;text-align:center;}
.footer ul{padding:0;list-style-type:none;margin:0;display:flex;justify-content:center;}
.footer ul li{}
.footer a{color:#7A7A7A;font-size:1.5rem;margin:1.5rem;}
.footer .col-12.col-md-5 a {color: #000;font-size: .9rem;margin: 0;}
.footer p{text-align:center;margin:1rem 0;}

.pie-pagina{background: #B0B0B0;    padding: 1rem 0;}
.pie-pagina p{margin:0;color: #fff;font-size: .8rem;text-align: center;}
.pie-pagina ul{margin:0;color:#fff;list-style-type:none;padding:0;display:flex;justify-content:flex-end;align-items:center;}
.pie-pagina ul li{padding:0 1rem;font-size: .8rem;}
.pie-pagina ul li i{font-size:1.1rem;}

.pie-home{background: #7A7A7A;padding:1.5rem 0;}
.pie-home p{color:#E2E2E2;}
.pie-home a{color:#E2E2E2;}
span.divider {
    color: #C3C3C2;
    font-size: .7rem;
    padding: 0 .8rem;
}
#productos ul {
    list-style-type: none;
    padding-left: 1rem;
    font-size: .8rem;
}

#productos ul li{margin-bottom: .5rem;}

.form-control {
    border: #C4AE9D solid 1px;
    border-radius: 0;
    margin-bottom: .5rem;
    font-size: .8rem;
    width: 100%;
    padding: .25rem;
}

.formulario h1 { font-size: 1.5rem; margin-bottom: 1rem;}

.formulario {color: #7A7A7A;}

h1, h2{color: #7A7A7A;}

.formulario p { font-size: .85rem;}

.btn.btn-primary{background: #C4AE9D;
    color: #fff;
    padding: .5rem 2rem;
    border-radius: 0;
    font-size: .8rem;
    font-weight: 600;
    border: solid 3px #C4AE9D;}

.btn.btn-primary:hover{    color: #fff;
    opacity: .8;}

.datos-footer img { width: 2.5rem; margin-right: .5rem;}
.icons{display:none;}

.hesperiden.tparrows.tp-leftarrow:before, .hesperiden.tparrows.tp-rightarrow:before {
    color: #000;
   
}

.hesperiden.tparrows {
    color: #000;
    opacity: .25;
}

.hesperiden.tparrows:hover{
	opacity:1;
}

.carousel-icon .owl-dots{display:none;}
.carousel-icon .owl-nav{position:absolute;top:50%;line-height:0;width:102%;display:flex;justify-content:space-between;font-size:2rem;color:#797979;left: -1%;}

.carousel-icon .owl-nav button{outline: none !important;}
.carousel-icon .owl-nav button:hover{opacity: .5;}

.mz-thumb img{border:none;}
.menu i { font-size: 1rem;}

.info label { font-weight: 800; font-size: 1.1rem;}
.info label i{ font-size: .85rem;}
.table-responsive .table thead th, .table-responsive .table thead td{  background: #EDEDED; color: #595A59;}
.table td, .table th {
    padding: .75rem;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
    background: #F6F6F6;
    vertical-align: middle;
}
.owl-stage{margin: 0 auto;}

@media only screen and (min-width: 999px) {
	
	.miniaturas{padding: 0 1.4rem;}
	.img-producto .row {  align-items: center;}
	.navbar{padding-right: 0 !important;}
	.navbar-nav{margin-right: 0 !important;}
	.box-listado-menu img {
 	height: 5rem;
 	    margin-bottom: 1rem;}
}

@media only screen and (max-width: 998px) and (min-width: 601px) {

 }

@media only screen and (max-width: 600px) {
	.menu i { font-size: .75rem;}
	.menu .accordion .box-listado-menu a {
    font-size: 1rem !important;}
	.bg-1 a, .bg-2 a {padding: 0rem;font-size: .85rem !important;}
	ul.menu { font-size: 1.5rem;}
	#acordeon-menu .card button{ font-size: 1.5rem;}
	.categoria {width: 4rem;font-size: .7rem; padding: .5rem .25rem;}
	.categoria img {width: 2rem;}
	.breadcrumb{display:none;}
	.navbar-expand .navbar-nav .dropdown-menu { width: 100% !important;}
	#productos ul li { font-size: 1.1rem;}
	.form-group .btn{width:100%; margin-bottom:1rem;}
	.rev_slider_wrapper { min-height: 31rem !important;}
	.fullwidthbanner-container .fullwidthabanner{min-height: 100%;}
	.breadcrumb{padding:0;line-height:2rem;letter-spacing:1px;    margin: 2rem 0;}
	.slider{margin-top:4.5rem;}
	.pie-pagina{font-size:.9rem;text-align: center;}
	.pie-home{text-align:center;padding:1rem 0;}
	.pie-home ul{justify-content:center;margin-top:.5rem;}
	.banner-top { margin-top:4.5rem;}
	.btns{display:block;width:100%;margin-top: 1rem;}
	.footer ol, .footer ul{margin-top:2rem;}
	.btns .btn{width: 100%;}
	.btns .btn-blanco{margin:1rem 0;}
	.info{margin-top:2rem;padding: 0;}
	.submenu-interior .navbar-nav{flex-wrap:wrap;padding: 0;}
	.submenu-interior .navbar {padding: 0;}
	.submenu-interior li.nav-item.dropdown{width:100%;text-align: center;}
	.submenu-interior li.nav-item{width:100%;text-align: center;}
	.nav-link{padding-bottom:1rem;}
	.submenu-interior{padding:1rem 0 .5rem; display: none;}
	h4{font-size:1.25rem;}
	.producto-relacionado h5{padding:.5rem;font-size:.8rem;min-height:3rem;}
	.footer ol li{flex-wrap:wrap;justify-content:center;text-align:center;font-size:.8rem;}
	.footer ol li i{width:100%;margin-bottom:1rem;padding:0;}
	.footer{padding:2rem 0;margin-top:2rem;}
	.footer img{width:10rem;margin:1rem auto;display:block;}
	.datos-footer img { width: 2.5rem;    margin: 0 100%;}
	.pie-pagina p{margin:.25rem 0;}
	.main-title h1 {
    /* text-align: center; */
    text-align: left;
    font-size: 2rem;
    margin: 1rem 0;
    padding-top: 1rem;
    padding-bottom: 1rem;}
.menu .accordion [type=button], [type=reset], [type=submit], button {
    font-size: 1.5rem !important;}

    .btn.btn-beige { font-size: .8rem !important; }
    
 ul.menu li {
    padding: .3rem 0;
    list-style-type: none;}

}


/* Paginacion */
.paginacion ul li{background: #333333; color: #fff; text-transform: uppercase; margin: 0 0.3rem .3rem;font-size: .8rem;}
.paginacion ul li:hover{background: #4c4848;}
.paginacion ul{ padding:0; list-style-type:none;display: flex; justify-content: center;margin-top: 5rem;flex-wrap: wrap;}
.paginacion ul .pagination-prev{}
.paginacion ul .pagination-pagination-prev:hover{background: #ea1d24;text-decoration: none;}
.paginacion ul .pagination-start, .paginacion ul .pagination-end{ display:none;}
.paginacion ul .pagination-prev, .paginacion ul .pagination-next {color: #fff; text-transform: uppercase;}
.paginacion ul .pagination-prev a,
.paginacion ul .pagination-next a { background: #333333;    color: #fff; }
.paginacion ul .pagination-prev:hover, .paginacion ul .pagination-next:hover, .paginacion ul .pagination-end:hover{ background: #000;text-decoration: none;}

.paginacion ul .pagination-prev:hover a,
.paginacion ul .pagination-next:hover a { color: #fff !important; }

.paginacion ul li a{ padding: .5rem; color:#fff; display:block !important;}
.paginacion ul li a:hover, .paginacion ul li a:focus{text-decoration: none;}
.paginacion ul li span{ padding: .5rem;display:block !important; background:#ddd;color: #000;}



/* modal cotizador Baselli (2020) */
div#form { display:none; }
div#form.show { display: block !important; }
input#btn-send { display: none; }
input#btn-send.show { display: inline-block !important; }
input#btn-showForm {  }
input#btn-showForm.hide { display: none; }



.modal {
    overflow: visible !important;
    padding-right: 0px !important;
    padding: 0 !important;
}

	
#btn-modal:focus{
	outline:none;}
	
.modal-open .modal {
    z-index: 9999;
}

.modal-body{
        overflow-y: auto;
}


#modal-menu .modal-body {
    padding: 0 1rem;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0;
   }

 .menu .accordion [type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background: no-repeat;
    color: #fff;
    border: 0;
    outline: none;
    font-size: 2rem;
        font-size: 1.4rem;
        cursor: pointer;	
            padding: .2rem;
}

button.accordeon-link.collapsed.collapsible-link:hover {
    opacity:.8;
}

.menu .accordion .box-listado-menu a {
	font-size: 1rem;
    line-height: 1.2rem !important;
    display: inline-block;
}

.box-listado-menu:hover {
    background: #00000069;
    filter: saturate(0.5);
}

.card-header {
    padding: 0;
 }

.box-listado-menu img {
 	height: 5rem;
 }


#myModal .modal-dialog, #myModal .modal-content {
    /* 80% of window height */
    /*height: 100%;*/
    height: 97%;
    overflow: hidden !important;
}

#myModal .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /*
    max-height: calc(100% - 120px);
    overflow-y: scroll;
    */
}

/*
.modal-header {
    position: absolute;
    right: 0;
    float: right;
    display: block;
    z-index: 99;
}
/*

h3.h3-relacionados {
    font-size: 1.4rem;
    color: ###;
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #7A7A7A;
}

#contactcomentario { height: calc(2.25rem + 2px) !important; }

/* MODAL COTIZACION - 15-02-2021 */
#productos { max-height: 218px !important; overflow-y: auto; overflow-x: hidden; margin-bottom: 20px; }
#modal_cotizar { max-height: 400px !important; overflow-y: auto; overflow-x: hidden; }

@media only screen and (max-width: 600px)
{
    #myModal .modal-content { height: 100%; }
    #myModal #productos { max-height: 250px !important; }
    #myModal #modal_cotizar { max-height: 400px !important; }
}    

/* Estilos para páginca Clientes */

.rrii {
    padding: 1em 0em;
}

    
.rrii li {
    width: 25%;
    float: left;
    padding: 2em 1em;
}

.rrii li img {
height: 8rem;
}


.clientes {
        text-align: center;
}

ul, ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
.rrii li {
    width: 50%;
}

.d-col-xs-none {
    display: none;
}

}