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

.navbar-toggler span {display: block; background-color: #5C884D; 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: 45px; color: #fff;}
.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: 0}
.owl-carousel .owl-nav button.owl-prev{left: 0}
.owl-theme .owl-nav [class*=owl-]:hover {color: #000;}
.owl-carousel .owl-item img {object-fit: cover;
    height: 65vh;
    width: 100%; }

.img_negative{    filter: hue-rotate(64deg) brightness(100) saturate(0)}

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: #fff}
.btn.btn-primary{background-color: #5C884D; border:0; text-transform: uppercase; color: #fff; border-radius: 20px}

.roanesco{font-family: "Montserrat", sans-serif;letter-spacing: -2px;}
.verde{color: #5C884D}


/* NAV */
nav{background: #fff; transition: 2s; color:#000; -webkit-box-shadow: 0px 4px 19px -3px rgba(0,0,0,0.79);
-moz-box-shadow: 0px 4px 19px -3px rgba(0,0,0,0.79);
box-shadow: 0px 4px 19px -3px rgba(0,0,0,0.79);}
.nav-link:focus, .nav-link:hover,
.nav-link, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{ color: #000; text-transform:uppercase; }
.linea_verde{border-top: solid 15px #5C884D; opacity: 1; margin: 0;}
nav .navbar-brand img{filter:drop-shadow(1px 1px 3px #fff)}
.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;font-size: 0.8rem;}
nav.navbar .navbar-brand img{height: 50px;  width: auto}
nav.barra_up{background-color: #5C884D; color: #fff; text-transform: uppercase;}
nav.barra_up .nav-link, nav.barra_up.navbar-nav nav.barra_up.nav-link.active, nav.barra_up.navbar-nav .show>.nav-link{ color: #fff; text-transform:uppercase; }
nav .texto{font-size: 0.7rem;}
nav i::before{font-size: 0.7rem;}
nav.barra_up{padding: 0;}
.navbar-nav .nav-link.active{font-weight: bold; border-bottom: solid 2px #5c884d;}
nav .navbar-toggler{border: 0;}
nav .navbar-toggler:focus{box-shadow:  none}
/* NAV */


.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}



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

section#inicio #inicio_slider{height:calc( 100vh - 113px); position: relative; overflow: hidden; }
section#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.4); z-index: 1; }
section#inicio #inicio_slider .carousel-caption{text-align: left; right: 15%; left: 10%; bottom: auto; top: 50%; transform: translate(0, -50%); z-index: 3}
section#inicio #inicio_slider .carousel-caption h4{text-transform:uppercase;  }
section#inicio .carousel-item figure {margin: 0;}
section#inicio .carousel-item figure img{height:calc( 100vh - 113px); width: 100%; object-fit: cover;}


section#texto_abajo{background-color: #5C884D; padding: 20px 0;font-family: "Montserrat", sans-serif; color: #fff; text-align: center;}



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

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


section#contacto i{color:#5C884D; font-size: 2.5rem}
section#contacto #map{max-width: 100%; height: 100%; object-fit: cover;}


/* ********** Footer ************************/
footer{background-color: #5C884D; color: #fff; font-size: 0.8rem;}
footer a{color: #fff}
footer img{    filter: hue-rotate(180deg) brightness(10) saturate(0);}
footer ul li a.nav-link{padding: 0 0.5rem;color: #fff}
footer ul li a.nav-link:hover{color: #fff}

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

a{text-decoration: none;}
a:hover{color:#fff}

/* ********** 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;}
#admision .bi::before {transform: rotate(90deg);}


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