::-webkit-scrollbar {width: 9px; height: 9px; }
::-webkit-scrollbar-button {width: 8px; height: 8px; }
::-webkit-scrollbar-thumb {background: #8BB555; border: 62px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-thumb:hover {background: #B7E976; }
::-webkit-scrollbar-thumb:active {background: #A2D165; }
::-webkit-scrollbar-track {background: #000000; border: 54px none #ffffff; border-radius: 76px; }
::-webkit-scrollbar-track:hover {background: #060606; }
::-webkit-scrollbar-track:active {background: #060606; }
::-webkit-scrollbar-corner {background: transparent; }

.navbar-toggler span {display: block; background-color: rgba(255, 255, 255, 0.55); height: 2px; width: 25px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left; border-radius: 2px}
.navbar-toggler span:nth-child(1) {margin-top: 0.3em; }
.navbar-toggler:not(.collapsed) span:nth-child(1) {transform: translate(15%, -100%) rotate(45deg); }
.navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {transform: translate(15%, 33%) rotate(-45deg) ; }
.navbar-toggler span:nth-child(1) {transform: translate(0%, 0%) rotate(0deg) ; }
.navbar-toggler span:nth-child(2) {opacity: 1; }
.navbar-toggler span:nth-child(3) {transform: translate(0%, 0%) rotate(0deg) ; }


.owl-theme .owl-nav {position: absolute; margin-top: 10px; top: 50%; width: 100%;    transform: translateY(-33px);}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{position: absolute; font-size: 22px}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{background: none}
.owl-carousel .owl-nav button.owl-next{right: -20px}
.owl-carousel .owl-nav button.owl-prev{left: -20px;}
.owl-theme .owl-nav [class*=owl-]:hover {color: #000;}



body{background-color: #fff; color: #666; overflow: hidden;font-family: 'Poppins', sans-serif;}
#preload{position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: #000}
.btn.btn-primary{background-color: #8BB555; border:0; text-transform: uppercase; color: #fff; border-radius: 20px}
.color_texto{color: #666;}

/* NAV */
nav{background: #8BB555; transition: 2s;}
nav.trasparente{background: transparent;}
.nav-link:focus, .nav-link:hover,
.nav-link, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{ color: #fff; text-transform:uppercase; }

.navbar-nav{position: relative;margin: 0px 0px;padding: 0 20px;}
nav.navbar ul#secciones li.nav-item a.nav-link{padding: 0 0.5rem; display: inline-flex;}
nav.navbar .navbar-brand img{height: 34px;  width: auto}


.navbar-nav .nav-link.active{font-weight: bold; border-bottom: solid 2px #fff;}
nav .navbar-toggler{border: 0;}
nav .navbar-toggler:focus{box-shadow:  none}


.was{background-color: #3EBD35; padding: 10px 20px; border-radius: 20px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 15px; display: inline-flex; align-items: center;}
.was i::before{font-size: 32px; margin-left: 16px;}
.was:hover{color: #fff}


.fancybox__container{z-index:900000000 }
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content{height: 100%;}

section:not(#inicio);{padding: 5rem 0;}
.titulo{font-weight: 300; text-transform: uppercase;}

#inicio{}
#inicio #inicio_slider{height: 100vh; position: relative; overflow: hidden; }
#inicio #inicio_slider .carousel-inner figure:before{content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; }
#inicio #inicio_slider .carousel-caption{text-align: left; right: 15%; left: 10%; bottom: auto; top: 50%; transform: translate(0, -50%); z-index: 3}
#inicio #inicio_slider .carousel-caption h4{text-transform:uppercase;  }
#inicio .carousel-item figure img{height:100vh; width: 100%; object-fit: cover;}



.grecaptcha-badge{bottom: 80px!important}


#compromiso{background-image: url("../img/compromiso_bg.jpg"); background-size: cover;background-attachment:fixed; background-position: center;}

#formatos_bolsas{ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), fixed url("../img/medidas_bg.jpg") center; background-size: cover;}

 

#mapa{--bs-aspect-ratio: 30%;}

section#contacto i{color:#8BB555; font-size: 2.5rem}
section#contacto{padding: 5rem 0;}


/* ********** Footer ************************/
footer{background-color: #8BB555; color: #fff; font-size: 0.8rem;}
footer a{color: #fff}
footer ul li a.nav-link{padding: 0 0.5rem;}

.whatsapp{position:fixed; width:60px; height:60px; bottom:40px; right:40px; z-index:100; margin-top:16px; } 



/* ********** RESPONSIVE ************************/
@media (max-width: 792px){
.nav-link{padding-left: 0.2rem; padding-right: 0.2rem; margin: 3vh 0}
.navbar-nav#secciones .nav-link:before,
.navbar-nav#redes:before,
.navbar-nav#lang:before{content: none;}
.navbar-nav{text-align: center;}
.navbar-nav#redes,
.navbar-nav#lang{flex-direction: row;display: flex; justify-content: center; }
.whatsapp {right: 11px;}


}
@media only screen and (min-width: 767px) and (max-width: 1090px) {
.nav-link span{display: none}
}