*{
    margin: 0;
}

@font-face {
    font-family: 'Montserrat Semi';
    src: url('../../public/dist/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../../public/dist/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Extra';
    src: url('../../public/dist/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../../public/dist/fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../../public/dist/fonts/Montserrat-Light.woff2') format('woff2'),
        url('../../public/dist/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{
  font-family: 'Montserrat';  
}

header{
   display: flex;
   position: absolute;
   width: 100%;
   padding: 1% 0;     
   z-index: 500;
}

.slides{
    display: flex;
    position: relative;
    width: 100%;
}

.cycle-slideshow article{
    display: block;
    position: relative;
    width: 100%;
    float: left;
    height: 95vh;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

.bx-sl-image img{
    display: block;
    position: relative;
    width: 100%;
}

.logo{
   display: block;
   position: relative;
   width: 100%; 
}

.logo img{
   display: block;
   position: relative;
   width: 80%;
   margin: 0 auto;
}

.ls-menu{
    display: flex;
    position: relative;
    justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center;
    height: 100%;
}

.ls-menu li{
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
}

.ls-menu li:nth-child(8){
    margin-right: 0%;
}

.ls-menu li a{
   display: block;
   position: relative;
   text-transform: uppercase;
   text-decoration: none;
   font-family: 'Montserrat Semi';
   text-align: right;
   color: #ffffff;
   transition: all 0.2s ease;
}

.ls-menu li a:hover{
    transition: all 0.2s ease;
    color: #51c330;
}

.box-slide-item{
    display: flex;
    position: relative;
    width: 60%;
    margin: 3% auto 0%;
    top: 10%;
    left: 0;
    right: 0;
}

.bx-sl-text{
    display: flex;
    width: 50%;
    align-items: center;  
}

.bx-sl-text h3{
    font-family: 'Montserrat Extra';
    color: #ffffff;
    font-size: 3.8rem;
    text-transform: uppercase;
}

.bx-sl-text small{
    display: block;
    font-size: 30%;
    text-transform: none;
    font-family: 'Montserrat';
    color: #51c330;
    margin-top: 4%;
}

.bx-sl-image{
   display: flex;
   width: 50%;  
}

.bx-sl-image img{
    width: 100%;
    position: relative;
    display: block;
}

.intro{
    display: flex;
    position: relative;
    width: 100%;
    background: url('../../public/images/f_verde_degradado.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4% 0 0;
}

.img-nosotros{
    display: block;
    position: relative;
    width: 100%;
}

.tx-intro{
    color: #ffffff;
    font-family: 'Montserrat';
    display: flex;
    margin: 0 auto;
    height: 100%;
    align-items: center;
}

.logo-item{
    display: block;
    position: relative;
    width: 15%;
    margin: 0% auto 14%;
}

.bannr-item-1{
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: url('../../public/images/f_separador_blanco_01.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 125px;
}

.bannr-item-2{
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    background: url('../../public/images/f_separador_blanco_02.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 125px;
}

.hoja-1{
    display: block;
    position: absolute;
    width: 4%;
    left: 24%;
    top: -40%;
}

.actividades{
    display: flex;
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 2% 0 0%;
}

.img-actividades{
    display: block;
    position: relative;
    width: 80%;
    margin-top: 8%;
}

.list-actividades{
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    list-style: none;
}

.list-actividades li{
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 3%;
}

.list-actividades li a{
    text-decoration: none;
    font-size: 1rem;
    display: flex;
    position: relative;
    width: 100%;
    color: #000;
}

.list-actividades li a span{
    display: inline-block;
    width: 15%;
    color: #51c330;
    font-family: 'Montserrat Extra';
    font-size: 3rem;
    align-items: flex-start;
    line-height: 1;
}

.list-actividades li:nth-child(1) a span{
    color: #015001!important; 
}

.list-actividades li a  p{
    font-family: 'Montserrat';
    display: inline-block;
    width: 85%;
}

.list-actividades li a  p strong{
    font-family: 'Montserrat Semi';
}

.participar{
    display: flex;
    position: relative;
    width: 100%;
    background: url('../../public/images/f_verde_degradado.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 8% 0 10%;
}

.ti-part{
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-family: 'Montserrat Extra';
    font-size: 1.8rem;
    margin-bottom: 6%;
}

.box-partc{
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
   background: #fff;
   padding: 5%;
   border-radius: 15px; 
}

.box-partc h4{
    font-family: 'Montserrat Extra';
    color: #015001;
    font-size: 1.6rem;
    width: 90%;
    height: 10vh;
    display: flex;
    align-items: center;
    margin-bottom: 8%;
    margin-top: 6%;
}

.box-partc img{
    display: block;
    position: absolute;
    width: 75%;
    top: -10%;
    right: 2%;
    z-index: 0;
}

.box-partc p{
    font-family: 'Montserrat';
    font-size: 1rem;
    margin-bottom: 9%;
    min-height: 21vh;
}

.box-partc a{
    display: block;
    position: relative;
    width: 100%;
    background: url('../../public/images/f_bt_v.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 1.1rem;
    padding: 4% 0;
}

.box-partc a img{
    display: block;
    position: relative;
    width: 26px;
    margin: 0 auto;
}

.socios{
    display: flex;
    position: relative;
    width: 100%;
    padding: 2% 0 6%;
}

.ti-socios{
    display: block;
    width: 100%;
    text-align: center;
    color: #005102;
    font-family: 'Montserrat Extra';
    font-size: 1.8rem;
    margin-bottom: 5%;
}

.ti-cat-socios{
    display: inline-block; 
    border-bottom: 3px solid transparent;
    transition: border-color 0.3s ease;
    text-decoration: none;
    text-align: center;
    font-family: 'Montserrat';
    color: #005102;
    font-size: 1.1rem;
    padding-bottom: 2%;
    margin: 0 auto;
}

.ti-cat-socios:hover{
    transition: border-color 0.3s ease;
    font-family: 'Montserrat Semi';
    border-bottom: 3px solid #51c330;
}

.ti-socio-active{
    transition: border-color 0.3s ease;
    font-family: 'Montserrat Semi';
    border-bottom: 3px solid #51c330;
}

.list-socios{
    display: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 4% auto 3%;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
}

.list-socios li{
    display: inline-block;
    position: relative;
    width: 16%;
    padding: 0 1%;
}

.list-socios li img{
    display: block;
    position: relative;
    width: 100%;
}

.ti-socios-2{
    display: block;
    width: 100%;
    text-align: center;
    color: #005102;
    font-family: 'Montserrat Extra';
    font-size: 1.8rem;
    margin-top: 4%;
    margin-bottom: 2%;
}

.socio-activo{
    display: flex;
}

/*********** JPAGES ***********/

 .holder {
    margin:1% 0 3%;
    text-align: center;
}

.holder a {
    font-size:12px;
    cursor:pointer;
    margin:0 5px;
    color:#004c00;
    text-decoration: none;
    text-align: center;
    padding: 1%;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.holder a:hover {
    background-color: #1e6722;
    color: #fff!important;
}

.holder a.jp-previous {
    margin-right:15px;
    border: 0;
}

.holder a.jp-next {
    margin-left:15px;
    border: 0;
}

.holder a.jp-current,a.jp-current:hover {
    color: #004c00;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 1%;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.holder a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}

.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
    background:none;
    color: #004c00!important;
}

.holder span {
    margin: 0 5px;
}

/*********** JPAGES ***********/

.tx-sbm{
    text-align: center;
    font-size: 1rem;
    font-family: 'Montserrat';
    color: #505050;
    padding: 0 25%;
    margin-bottom: 5%;
}

.box-evento{
    display: block;
    position: relative;
    width: 100%;
    background: #ffffff;
    box-shadow: 1px 3px 18px 4px rgba(133,133,133,0.59);
    -webkit-box-shadow: 1px 3px 18px 4px rgba(133,133,133,0.59);
    -moz-box-shadow: 1px 3px 18px 4px rgba(133,133,133,0.59);
}

.box-evento img{
    display: block;
    position: relative;
    width: 100%;
}

.box-evento span{
    display: block;
    position: relative;
    width: 100%;
    font-family: 'Montserrat Semi';
    background: #1e6722;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    padding: 3% 4%;
}

.box-evento span strong{
    display: block;
    position: relative;
    width: 100%;
    font-family: 'Montserrat Extra';
    font-size: 2.5rem;
}

.box-evento p{
    display: flex;
    position: relative;
    width: 100%;
    font-size: 1rem;
    margin: 0;
    line-height: 1.2;
    padding: 8% 4% 0;
    min-height: 12vh;
    border: 1px solid #dedede;
    align-items: flex-start;
}

.skills{
    display: flex;
    position: relative;
    width: 100%;
    background: url('../../public/images/f_info_video_demo.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0;
}

.list-skill{
    display: flex;
    position: relative;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    line-height: 1;
}

.list-skill li{
    display: inline-block;
    width: 20%;
    height: 100%;
    color: #ffffff;
    margin: 0 auto;
    padding: 0 2%;
}

.list-skill li h3{
    font-family: 'Montserrat Extra';
    line-height: 1;
    font-size: 3rem;
    margin: 0;
}

.list-skill li h3 small{
    display: block;
    font-family: 'Montserrat Semi';
    font-size: 60%;
}

.list-skill li p{
    font-size: 0.9rem;
    font-family: 'Montserrat Semi';
    line-height: 1.2;
    margin: 0;
}

.relative{
    position: relative;
}

.hoja-2{
    display: block;
    position: absolute;
    right: 0;
    width: 7%;
    top: -20%;
}

footer{
    display: flex;
    position: relative;
    width: 100%;
    background: url('../../public/images/footer/f_verde_footer.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4% 0 2%; 
}

.ti-cont{
    text-align: center;
    font-family: 'Montserrat Extra';
    font-size: 1.8rem;
    color: #ffffff;
}

.tx-cont{
  text-align: center;
  font-family: 'Montserrat';  
  color: #ffffff;
  font-size: 1rem;
}

.tx-cont-2{
  text-align: center;
  font-family: 'Montserrat';  
  color: #ffffff;
  font-size: 1rem;
  margin-bottom: 10%;
}

.list-contacto{
    display: block;
    position: relative;
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.list-contacto li{
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 6%;
}

.list-contacto li a{
    display: flex;
    position: relative;
    width: 100%;
    text-decoration: none;
    font-family: 'Montserrat Extra';
    text-align: left;
    font-size: 1.4rem;
    background: #008e2a;
    color: #ffffff;
    padding: 3% 8%;
    border-radius: 50px;
    align-items: center;
}

.list-contacto li a span{
    display: inline-block;
    position: relative;
    text-align: right;
    width: 90%;
    float: right;
}

.list-contacto li a img{
    display: inline-block;
    position: relative;
    width: 10%;
    margin-right: 1%;
}

.list-contacto li:nth-child(1) a{
    font-size: 1.2rem;
}

.in-lg{
    height: 55px;
}

.btn-contacto{
    display: block;
    position: relative;
    width: 50%;
    background: #ffffff;
    color: #005102;
    text-align: center;
    font-family: 'Montserrat Semi';
    font-size: 1.1rem;
    border-radius: 50px;
    padding: 2% 0;
    box-shadow: 4px 6px 25px 2px rgba(23,22,22,0.45);
    -webkit-box-shadow: 4px 6px 25px 2px rgba(23,22,22,0.45);
    -moz-box-shadow: 4px 6px 25px 2px rgba(23,22,22,0.45);
    border: 0;
    transition: all 0.3s ease;
}

.btn-contacto:hover{
    transition: all 0.3s ease;
    background: #005102;
    color: #ffffff;
}

.tx-error{
    margin-top: 3%;
    margin-bottom: 0;
    color: #a4ec9f;
    font-size: 1rem;
}

.tx-foo{
    text-align: center;
    font-family: 'Montserrat';
    color: #a4ec9f;
    font-size: 0.9rem;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tx-foo a{
    text-decoration: none;
    color: #a4ec9f;
    padding-left: 1%;
    transition: all 0.3s ease;
}

.tx-foo a:hover{
    transition: all 0.3s ease;
    color: #ffffff;
}

.logo-foo{
    display: block;
    position: relative;
    width: 50%;
    float: right;
}

.logo-foo img{
    display: block;
    position: relative;
    width: 100%;
}

.container-modal{
    display: block;
    position: relative;
    width: 100%;
    padding: 2.5%;
}

.ti-modal{
    text-align: center;
    color: #005102;
    font-size: 1.8rem;
    font-family: 'Montserrat Extra';
}

.ti-cont-mdl{
    font-family: 'Montserrat';
    color: #000;
    margin-bottom: 4%;
}

.list-cont-mdl{
    display: block;
    position: relative;
    width: 100%;
    list-style: none;
    padding: 0;
}

.list-cont-mdl li{
    font-family: 'Montserrat';
    color: #000;
    margin-bottom: 2%;
}

.ti-cont-mdl-2{
    font-family: 'Montserrat';
    color: #000;
    margin-bottom: 3%;
}

.btn-contacto-2{
    display: block;
    position: relative;
    width: 100%;
    background: #ffffff;
    color: #005102;
    text-align: center;
    font-family: 'Montserrat Semi';
    font-size: 1.1rem;
    border-radius: 50px;
    padding: 2% 0;
    box-shadow: 0px 3px 6px 0px rgba(23,22,22,0.45);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(23, 22, 22, 0.45);
    -moz-box-shadow: 0px 3px 6px 0px rgba(23,22,22,0.45);
    border: 0;
    transition: all 0.3s ease;
}

.in-lg-2{
    border-radius: 50px;
    height: 45px;
    background: #dedede; 
}

.tx-error-2{
    margin: 0;
    text-align: center;
    color: red;
}

.v-desktop{
    display: flex;
}

.v-mobile{
    display: none;
}

.content-menu-mobile{
    display: none;
}

.btn-close-mdl{
    position: absolute;
    right: 0;
    top: 0;
    width: 6%;
}
.btn-close-mdl .hamburger-inner, .btn-close-mdl .hamburger-inner::before, .btn-close-mdl .hamburger-inner::after {
    width: 26px;
}

.banner-nosootros{
    display: flex;
    position: relative;
    width: 100%;
    background: url('../../public/images/nosotros/slide_nosotros.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0 8%;
}

.hoja-3 {
    display: block;
    position: absolute;
    width: 5%;
    left: 23%;
    top: -15%;
}

/*********** CARRUSEL BANNERS NOSOTROS ***********/
.swiper {
  width: 100%;
  margin: 0 auto;
  height: 40vh;
  margin-bottom: 4%;
}

.swiper-slide {
  width: 30%;   /* ?? tamaño base de las miniaturas */
  height: auto;
  transition: transform 0.4s ease;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* ?? La central se hace más grande */
.swiper-slide-active {
  transform: scale(1.4)!important;   /* ?? agranda la imagen central */
  z-index: 10;
}
/*************************************************/

.flx-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-color{
    display: block;
    position: relative;
    width: 30%;
    margin: 0 auto;
}

.ti-about{
    text-align: center;
    font-size: 1.8rem;
    font-family: 'Montserrat Extra';
    color: #007e27;
    margin: 0;
}

.tx-about{
    text-align: justify;
    font-size: 1rem;
}

.box-mv{
   display: block;
   position: relative;
   width: 100%; 
}

.box-mv img{
   display: block;
   position: relative;
   width: 80%;
   margin: 0 auto; 
}

.box-mv span{
    display: block;
    position: relative;
    width: 50%;
    font-family: 'Montserrat Extra';
    padding: 1.5% 0;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    margin: -3% auto 5%;
}

.mision{
    background: #016300;
}

.vision{
   background: #72c130;   
}

.box-mv p{
    text-align: center;
    font-size: 1rem;
    padding: 0 10%;
}

.mb-a1{
    margin-bottom: 5%;
}

.box-filosofia{
    display: flex;
    position: relative;
    width: 100%;
    border-radius: 20px;
    background: #00912a;
}

.box-filosofia img{
    display: inline-block;
    position: relative;
    width: 50%;
    border-radius: 20px 0px 0px 20px;
}

.box-filosofia .desc{
    display: inline-block;
    position: relative;
    width: 50%;
    padding: 3% 4%;
}

.desc h4{
    color: #ffffff;
    font-family: 'Montserrat Extra';
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 5%;
}

.desc p{
    color: #ffffff;
    font-size: 1rem;
}

.mb-a2{
    margin-bottom: 10%;
} 

.banner-awards{
    display: flex;
    position: relative;
    width: 100%;
    background: url('../../public/images/premios/slide_premios.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 35vh;
}

.awards{
    display: flex;
    position: relative;
    width: 100%;
    padding: 3% 0 6%;
}

.ti-awards {
    text-align: center;
    font-size: 1.8rem;
    font-family: 'Montserrat Extra';
    color: #007e27;
    margin: 0 0 6%;
}

.box-premios{
    display: block;
    position: relative;
    width: 100%;
}

.item-premio{
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto 3%;
}

.item-premio a{
    display: block;
    position: relative;
    width: 100%;
    background: #005102;
    color: #ffffff;
    font-family: 'Montserrat Semi';
    font-size: 1.3rem;
    padding: 1.5% 3%;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
}

.item-premio p{
    text-align: justify;
    font-size: 1rem;
    margin: 4% 0 6%;
}

.item-premio>.cycle-slideshow img{
    display: block;
    width: 100%;
    border-radius: 15px;
}

.ico-awd{
   display: none;
    position: absolute;
    width: 30px;
    height: 30px; 
    background: url('../../public/images/premios/plus.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 1%;
    top: 24%;
}

.item-activo{
    display: block;
}

.item-inactivo{
    display: none;
}

.border-error{
    border: 1px solid red;
}

.tx-error-2{
    text-align: center;
    color: orange;
    margin: 0;
}





















/*********************************************************************************************************************************/
/********************************************************* RESPONSIVE ************************************************************/ 
/*********************************************************************************************************************************/
@media all and (max-width: 1440px)
{
.box-slide-item {
    width: 65%;
    margin: 2% auto 0%;
    top: 12%;
}
.bx-sl-text h3 {
    font-size: 3rem;
}
.img-nosotros {
    width: 90%;
    margin: 0 auto;
}
.actividades {
    padding: 4% 0 0%;
}
.participar {
    padding: 12% 0 14%;
}
.box-partc p {
    margin-bottom: 4%;
    min-height: 35vh;
    padding-top: 8%;
}
.ti-socios-2 {
    font-size: 1.8rem;
    margin-top: 8%;
    margin-bottom: 2%;
}
.hoja-2 {
    width: 7%;
    top: 16%;
}
.box-evento p {
    font-size: 1rem;
    margin: 0;
    padding: 8% 5% 0;
    min-height: 16vh;
}
.box-evento span {
    font-size: 1rem;
    padding: 3% 6%;
}
.list-contacto {
    width: 60%;
}
.swiper {
    height: 50vh;
    margin-bottom: 6%;
}
.banner-awards {
    height: 40vh;
}


    
}
/*********************************/

@media all and (max-width: 1366px)
{
.ls-menu li {
    margin-left: 0.8%;
    margin-right: 0.8%;
}
.ls-menu li a {
    font-size: 0.9rem;
}
.box-partc h4 {
    font-size: 1.3rem;
}
.box-partc p {
        font-size: 0.9rem;
}
.tx-sbm {
    padding: 0 15%;
}
.box-evento p {
        font-size: 1rem;
        margin: 0;
        padding: 8% 5% 2%;
        min-height: 18vh;
}
.swiper {
    height: 45vh;
    margin-bottom: 6%;
}

    
}
/*********************************/

@media all and (max-width: 1280px)
{
.box-slide-item {
        width: 70%;
        margin: 2% auto 0%;
        top: 7%;
}
.list-contacto {
        width: 70%;
}   
 
    
}
/*********************************/

@media all and (max-width: 1200px)
{
.bx-sl-text h3 {
        font-size: 2.5rem;
}
.bx-sl-text small {
    font-size: 40%;
}
    
}
/*********************************/

@media all and (max-width: 1024px)
{
.ls-menu li a {
        font-size: 0.8rem;
}
.ls-menu li {
        margin-left: 0.5%;
        margin-right: 0.5%;
}
.bx-sl-image img{
    display: block;
    position: relative;
    width: 90%!important;
    margin: 0 auto;
}
.bx-sl-text h3{
        font-size: 2rem;
}
.box-slide-item {
        top: 12%;
}
.list-actividades li a span {
    font-size: 2rem;
}
.participar {
        padding: 14% 0 16%;
}
.box-evento span strong {
    font-size: 2rem;
}
.box-evento p {
        font-size: 0.9rem;
        margin: 0;
        padding: 8% 5% 2%;
        min-height: 16vh;
}
.list-skill li h3 {
    font-size: 2rem;
}
.list-skill li p {
    font-size: 0.8rem;
}
.tx-foo {
    font-size: 0.8rem;
}
.swiper {
    height: 35vh;
    margin-bottom: 10%;
}
.hoja-3 {
    width: 8%;
    left: 12%;
    top: -15%;
}


    
}
/*********************************/

@media all and (max-width: 991px)
{
.v-desktop{
    display: none;
}
.v-mobile{
    display: flex;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    background-color: #ffffff;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #ffffff;
}

.btn-close-mdl.hamburger-inner, .btn-close-mdl.hamburger.is-active .hamburger-inner, .btn-close-mdl.hamburger-inner::before, .btn-close-mdl.hamburger-inner::after{
    background-color: #020202!important;
}

.btn-close-mdl.hamburger.is-active.hamburger-inner, .btn-close-mdl.hamburger.is-active .hamburger-inner::before, .btn-close-mdl.hamburger.is-active .hamburger-inner::after {
        background-color: #020202!important;
}

.right{
   float: right;
}
.cycle-slideshow article {
    height: 70vh;
}
.content-menu-mobile{
    display: none;
    position: absolute;
    background: rgb(0 76 0 / 97%);
    width: 100%;
    height: 100vh;
    top: 0;
    padding: 2% 0%;
}
.ls-menu-mobile{
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 6%;
}
.ls-menu-mobile li{
    margin-bottom: 2%;
    padding-left: 5%;
    padding-bottom: 2%;
    border-bottom: 1px solid #007e27;
}
.ls-menu-mobile li a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding-bottom: 2%;
}
.intro {
    padding: 6% 0 6%;
}
.center-v-flex{
    display: flex;
    align-items: center;
}
.logo-item {
    width: 20%;
    margin: 5% auto 8%;
}
.list-actividades li a span {
        font-size: 2rem;
        width: 18%;
}
.list-actividades li a p {
    width: 82%;
}
.ti-part {
    font-size: 1.8rem;
    margin-bottom: 14%;
}
.box-partc h4 {
    font-size: 1.2rem;
    width: 90%;
    height: 16vh;
    margin-bottom: 8%;
    margin-top: 6%;
}
.box-partc img {
    width: 75%;
    top: -6%;
    right: 2%;
}
.box-partc p {
        font-size: 0.9rem;
        min-height: 55vh;
}
.box-partc a {
    font-size: 1rem;
    padding: 4% 0;
}
.tx-sbm {
        padding: 0 4%;
}
.box-evento p {
        min-height: 20vh;
}
.list-contacto li:nth-child(1) a {
    font-size: 0.9rem;
}
.tx-foo {
        display: block;
        font-size: 0.8rem;
        text-align: left;
}
.logo-foo {
    display: block;
    position: relative;
    width: 70%;
    float: right;
}
.box-mv img {
    width: 100%;
}
.box-mv span {
    width: 80%;
}
.box-mv p {
    font-size: 1rem;
    padding: 0%;
}
.awards {
    padding: 1% 0 6%;
}
.item-premio a {
    font-size: 1.1rem;
}
.ico-awd {
    top: 19%;
}


   

}
/*********************************/

@media all and (max-width: 812px)
{
.bx-sl-image img {
        width: 100% !important;
}
.box-slide-item {
        top: 22%;
        margin: 0 auto;
}
.logo-item {
        width: 20%;
        margin: 5% auto 12%;
} 
.hoja-1 {
    width: 8%;
    left: 5%;
    top: -32%;
}
.bannr-item-1 {
    height: 100px;
}
.bannr-item-2 {
    height: 100px;
}
    
}
/*********************************/

@media all and (max-width: 768px)
{
.btn-close-mdl {
    width: 9%;
}
.swiper {
        height: 28vh;
        margin-bottom: 12%;
}
.logo-color {
    width: 50%;
}
.box-filosofia {
    display: block;
    width: 100%;
}
.box-filosofia img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}
.box-filosofia .desc {
    width: 100%;
    padding: 6% 4% 3%;
}


    
}
/*********************************/

@media all and (max-width: 736px)
{
.cycle-slideshow article {
        height: 100vh;
}
.logo {
    width: 50%;
    margin: 0 auto;
}
.box-slide-item {
        top: 15%;
        margin: 0 auto;
        display: block;
}
.bx-sl-text {
    display: flex;
    width: 100%;
    align-items: center;
}
.bx-sl-image {
    display: flex;
    width: 100%;
}
.bx-sl-image img {
        width: 70% !important;
}
.bx-sl-text h3 {
        font-size: 2rem;
        text-align: center;
}
.bx-sl-text small {
        font-size: 50%;
}
.logo-item {
        width: 40%;
        margin: 10% auto 20%;
}
.img-actividades {
    width: 75%;
    margin: 0% auto 13%;
}
.mb-r4{
    margin-bottom: 8%;
}
.box-partc h4 {
        font-size: 1.2rem;
        width: 100%;
        height: 8vh;
        margin-bottom: 4%;
        margin-top: 0;
}
.box-partc img {
        width: 40%;
        top: -6%;
        right: 2%;
}
.box-partc p {
        font-size: 1rem;
        min-height: 25vh;
}
.box-partc a {
    background-size: contain;
    font-size: 1rem;
    padding: 3% 0;
}
.ti-cat-socios {
    font-size: 1.1rem;
    padding-bottom: 2%;
    margin-bottom: 4%;
}
.list-socios li {
    width: 33%;
}
.box-evento {
    margin-bottom: 10%;
}
.list-skill {
    display: flex;
    flex-wrap: wrap;
}
.list-skill li {
        width: 50%;
        padding: 0 2%;
        text-align: center;
        margin-bottom: 8%;
}
.tx-foo {
        font-size: 0.9rem;
        text-align: center;
        margin-bottom: 6%;
}
.list-contacto li:nth-child(1) a {
        font-size: 1rem;
}
.list-contacto {
        width: 90%;
        margin-bottom: 10%;
}
.logo-foo {
        width: 80%;
        float: none;
        margin: 0 auto;
}
.list-skill li:nth-child(5) {
        margin-bottom: 0%;
}
.banner-nosootros {
    padding: 15% 0 10%;
}
.ti-about {
    margin: 10% 0 0;
}
.box-mv {
    margin-bottom: 12%;
}
.item-premio a {
    padding: 1.5% 8%;
}
.item-premio a {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.ico-awd {
        top: auto;
}


    
}
/*********************************/

@media all and (max-width: 667px)
{
    
}
/*********************************/

@media all and (max-width: 585px)
{
    
}
/*********************************/

@media all and (max-width: 430px)
{
.logo {
        width: 90%;
        margin: 0 auto;
}
.box-slide-item {
        top: 20%;
        margin: 0 auto;
        width: 90%;
}
.bx-sl-text h3 {
        font-size: 2.5rem;
        text-align: center;
}
.bx-sl-text small {
        font-size: 40%;
}
.bx-sl-image img {
        width: 85% !important;
}
.hoja-1 {
        width: 15%;
        left: 5%;
        top: -30%;
}
.logo-item {
        width: 40%;
        margin: 10% auto 25%;
}
.list-actividades li a span {
        font-size: 2.5rem;
        width: 16%;
}
.participar {
        padding: 25% 0 20%;
}
.box-partc {
    width: 80%;
    margin: 0 auto;
}
.box-partc h4 {
        font-size: 1.4rem;
        width: 80%;
        height: 14vh;
        margin-bottom: 4%;
        margin-top: 0;
}
.box-partc img {
        width: 66%;
        top: -6%;
        right: 2%;
}
.box-partc p {
        font-size: 1rem;
        min-height: 30vh;
}
.mb-r4 {
        margin-bottom: 14%;
}
.tx-sbm {
        padding: 0 0%;
        margin-top: 4%;
        margin-bottom: 10%;
}
.box-evento p {
        min-height: 15vh;
}
.box-evento {
        margin-bottom: 15%;
}
.ti-cont {
    font-size: 1.8rem;
    margin: 8% 0 0;
}
.ls-menu-mobile li {
        margin-bottom: 5%;
        padding-left: 5%;
        padding-bottom: 4%;
        border-bottom: 1px solid #007e27;
}
.ls-menu-mobile {
        margin-top: 15%;
}
.btn-close-mdl {
        width: 7%;
        right: 0%;
        margin: 0;
        padding: 0;
        top: 1%;
}
.ti-modal {
    font-size: 1.6rem;
    margin-top: 6%;
    margin-bottom: 4%;
}
.container-modal {
    padding: 5%;
}
.banner-nosootros {
        padding: 28% 0 10%;
}
.swiper {
        height: 20vh;
        margin-bottom: 25%;
}
.hoja-3 {
        width: 15%;
        left: 12%;
        top: -10%;
}


    
}
/*********************************/

@media all and (max-width: 415px)
{
    
}
/*********************************/


@media all and (max-width: 375px)
{
.box-slide-item {
        top: 20%;
        width: 95%;
}
.bx-sl-text h3 {
        font-size: 2.4rem;
        text-align: center;
}
.box-partc h4 {
        font-size: 1.3rem;
        width: 80%;
        height: 12vh;
        margin-bottom: 4%;
        margin-top: 0;
}
.box-partc p {
        font-size: 1rem;
        min-height: 30vh;
        margin-bottom: 8%;
}
.swiper {
        height: 15vh;
        margin-bottom: 30%;
}

    
}
/*********************************/