body{
    font-family: 'Montserrat', sans-serif;
}
p{
    font-size: 14px;
}
a{
    text-decoration: none;
}
#cover{
    background-color: #283d62;
    background-size: cover !important;
    background-position: 50% !important;
}
.green{
    color: #9bff7c;
}
.yellow{
    color: #ffef00;
}
.navbar{
    margin-top: 10px;
}
#navbarmain .container{
    box-shadow: 1px 4px 8px rgba(0,0,0,.5) ;
}
.navbar-brand img{
    width: 190px;
    filter: drop-shadow(1px 4px 8px rgba(0,0,0,.2));
    margin-bottom: -20px;
    margin-top: -14px;
    margin-left: 40px;
}

.nav-link{
    color: #333;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 15px !important;
}
.lang-nav button{
    background: none;
    border: none;
    text-align: center;
    margin: auto;
    display: table;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
  border-radius: 0;

  font-size: 13px;
  text-align: center;
}
.navbar-toggler:focus{
    box-shadow: 0px 0px 10px #94DE1D;
}
 .navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; margin-top:0; max-width: 1320px; margin:auto; }
.navbar .megamenu{ padding: 1rem; }
.megamenu{ background: #23519A;}
.megamenu .dropdown-item{ color: #fff; text-align: left; font-weight: 600; line-height: 1.2;margin-bottom: 15px; white-space: normal;padding: 15px 10px;}
.megamenu .dropdown-item small{  font-weight: 100; font-size: 10px;}
.megamenu .dropdown-item:hover{ background: #2d64bb !important;}
.dropdown-item img{ width: 24px; float: left; margin-right: 10px; margin-top: 1px;}
.has-megamenu .dropdown-toggle{ border: #94DE1D solid 2px; border-radius: 15px 0; background: #eff9de;}

.btn-ecosistemas{
    font-size: 13px;
    color: #94DE1D;
    border: solid 1px #94DE1D;
    padding: 7px 6px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: 10px;
    display: none;
}
.btn-ecosistemas:hover{
    text-decoration: none;
    color: #94DE1D;

}
.megamenu-page li {
text-transform: uppercase;
}

.megamenu-page  li a{
   font-size: 14px;
   font-weight: 400 !important;
    }
.list-unstyled li{
    width: 25%; float: left;height: 60px;
}

.cover{
    width: 100%;
    height: 100vh;
    max-height: 800px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    background-position: cover !important;
    background-position: center !important;
}

.webp .cover-home{
  background-image: url("../images/background/bg1.webp");
}
.no-webp .cover-home {
  background-image: url("../images/background/bg1.jpg");
}
.titulo-container{
    width: 100%;
    max-width: 920px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.tituloXl{
    color: #fff;
    font-weight: 800;
    font-size: 160px;
    filter: drop-shadow(2px 2px 12px rgba(0,0,0,.5));
    letter-spacing: -10pt;
    background-image: url(../images/bg-titulo.jpg);
    background-size: 100%;
    background-position:  50%;
    background-clip: text ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 874px;
    line-height: 1;
    margin-bottom: -20px;
}
.subtitulo-cover{
    font-size: 48px;
    font-family: 'Permanent Marker', cursive;
    color: #ffffff;
    text-shadow: 2px 2px 10px rgba(0,0,0,.9);
    margin: 0;
}
.subtitulo-cover span{
    color: #FFE200;
}
.shape1{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
}
.swiperTop{
    margin-top: -80px;
}
.adopta-arbol-section{
    background: #23519a;
}
.adopta-arbol-section .movil{
    display: none;
}
.adopta-un-arbol{
    border-left: solid 6px #94DE1D;
    width: 100%;
}
.adopta-text{
    background-color: #0E172D;
    color: #fff;
    padding: 12px 30px;
    font-size: 14px;
    line-height: 1.2;
}
.adopta-text h3{
    font-family: 'Permanent Marker', cursive;
}
.adopta-text a{
    color: #94DE1D;
    text-decoration: none;
}
.adopta-img{
    background-image: url(../images/arbolito.jpg);
    background-position: center;
    background-size: cover;
}
.adoptaMovil{
    width: 100%;
}
.cardAdopta{
    background-color: #fff;
    text-align: center;
    max-width: 200px;
    position: relative;
    z-index: 10;
    border-radius: 10px;
    margin: 0 auto 90px;
    display: table;
    color: #000;
    width: 100%;
}
.adopta-wide{
    width: 100%;
    max-width: 400px;
    padding: 15px;
}
.cardAdopta p{
    text-transform: uppercase;
    line-height: 1.2;
}
.icono-adopta{
    width: 70%;
    margin: -60px 15% 0;
    max-width: 140px;
}
.btn-mas{
    width: 42px;
    height: 42px;
    border-radius: 30px;
    background: linear-gradient(to bottom,  #ffe200 0%,#e18000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: table;
    margin: 0 auto -30px;
    border: solid #fff 4px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
.btn-mas img{
    width: 14px;
    margin-top: 8px;
}

.afiliate-slide{
    width: 100%;
     border-left: solid 6px #94DE1D;
     background-image: url(../images/afiliate-banner.jpg);
    background-position: center right;
    background-size: cover;
}
.afiliate-text{
    
    color: #fff;
    padding: 12px 30px;
    font-size: 14px;
    line-height: 1.2;
    height: 100%;
    text-shadow: 1px 1px 4px rgba(0,0,0,.6);
}

.afiliate-text h3{
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
text-shadow: 1px 1px 4px rgba(0,0,0,.6);
}
.swiperTop .swiper-slide div{
    height:150px;
}
.simifest-slide{
    width: 100%;
     border-left: solid 6px #94DE1D;
     background-image: url(../images/bombas-de-vidaBanner.jpg);
    background-position: center right;
    background-size: cover;
}
.fondo-slide{
    width: 100%;
     border-left: solid 6px #94DE1D;
     background-image: url(../images/banner-fondo.jpg);
    background-position: center right;
    background-size: cover;
}
.al-rescate-slide{
    width: 100%;
     border-left: solid 6px #94DE1D;
     background-image: url(../images/banner-al-rescate.jpg);
    background-position: center right;
    background-size: cover;
}
.ecosistemas{
    background: #23519a;
    background-image: url(../images/bg-oceano.jpg);
    background-position: center;
    background-size: cover;
    padding: 50px 0 100px;
    position: relative;
}
.overlay-azul{
background: -moz-linear-gradient(top,  rgba(35,81,154,1) 0%, rgba(35,81,154,.5) 49%, rgba(35,81,154,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(35,81,154,1) 0%,rgba(35,81,154,.5) 49%,rgba(35,81,154,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(35,81,154,1) 0%,rgba(35,81,154,.5) 49%,rgba(35,81,154,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23519a', endColorstr='#0023519a',GradientType=0 ); /* IE6-9 */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.titulo{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.titulo span{
    color: #94DE1D;
}
.counter-cont{
    color: #fff;
    font-size: 13px;
}
.counter{
    font-size: 25px;
    font-weight: 800;
    margin: 0;
}
#arbolito svg{
    width: 80px !important;
    height: 80px !important;
}
#no-bolsas svg{
    width: 80px !important;
    height: 80px !important;
}
#pelicano svg{
    width: 80px !important;
    height: 80px !important;
}
#tortuga svg{
    width: 120px !important;
    height: 80px !important;
}
#apoyo svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-mapa svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-hectarea svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-beneficiarios svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-comida svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-basura svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-bomba-de-vida svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-bomba-de-vida-apoyo svg{
    width: 80px !important;
    height: 80px !important;
}
#ico-coral svg{
    width: 80px !important;
    height: 80px !important;
}
.cifra{
    margin-bottom: 40px;
    text-align: center;
}
.texto-cifra{
    text-align: center;
    color: rgb(223, 223, 223);
}
.texto-cifra .counter{
    color: #fff;
}
.ico-cifra{
    width: 80px;
}





.swiper {
    width: 100%;
    padding-bottom: 40px;
    overflow: hidden;
position: relative;
}

.swiper-slide {
font-size: 18px;
background: rgb(208, 208, 208);
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
}
.slide-descr{
    background: #fff;
    width: 100%;
    padding:  0 0 10px ;
    text-align: center;
}
.ecosistema-descripcion{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    ;
}
.ecosistema-descripcion p{
    font-size: 16px;
    line-height: 1;
}

.ecosistema-descripcion ul{
    font-size: 13px;
    line-height: 1.2;
    padding-left: 10px;
}

.swiperEcosistemas .swiper-slide{
    height: 340px;
    font-size: 18px;
}
.swiperEcosistemas .swiper-slide::before{
    content: "";
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.swiperEcosistemas .swiper-slide{
    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px;
}
.swiperEcosistemas .swiper-slide .ecosistema-descripcion{
    padding: 10px 30px;
    color: #fff;
}
.swiperEcosistemas .swiper-slide .btn{
    background: #FC007E;
    padding: 6px 40px;
    border-radius: 25px;
    color: #fff;
}
.swiperEcosistemas .swiper-slide a{
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}
.swiper-button-next,.swiper-button-prev{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: rgba(179, 242, 81, .4)
   
}
.swiper-button-next:after,.swiper-button-prev:after{
font-size: 20px;
color: #40cf15;
   
}
.titulo-label{
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}
.onda-blanca{
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.simiplaneta-nosotros{
    padding: 50px 0 70px;
    position: relative;
}
.logo-2{
    width: 100%;
    max-width: 210px;
    filter: drop-shadow(2px 4px 4px rgba(0,0,0,.5));
    margin: 60px auto 0;
    display: table;

}
.video-container{
    background-color: #23519a;
    margin-bottom: 15px;
    height: 200px;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
    border-radius: 4px;
    text-decoration: none;
    transition: all .3s;
}
.overlay-blue-left{
    background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.03) 1%, rgba(35,81,154,0.87) 34%, rgba(35,81,154,0.9) 35%, rgba(35,81,154,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.03) 1%,rgba(35,81,154,0.87) 34%,rgba(35,81,154,0.9) 35%,rgba(35,81,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.03) 1%,rgba(35,81,154,0.87) 34%,rgba(35,81,154,0.9) 35%,rgba(35,81,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#23519a',GradientType=1 ); /* IE6-9 */
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left:0;
}
.z1{
    position: relative;
    z-index: 1;
}
.centrado{
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.video-container-texto{
    padding: 20px 20px;
}
.video-container-texto p{
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px rgba(0,0,0,1);
}
.video-container-texto p small{
    text-transform: none;
}
.icono-play-home{
    width: 40px;
    transition: all .3s;
    filter: drop-shadow(2px 2px 6px #000);
}
.video-container:hover{
    text-decoration: none;
   
}
.libro{
    
    height: 96%;
    padding: 15px;
    color: #fff;
    background-image: url(../images/libro.jpg);
    background-size: cover !important;
    background-position: center;
    border-radius: 5px;
}

.siminotas-section{
    background: #D8D8D8;
    padding: 60px 0;
    position: relative;
}
.ondas-cont{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.waves {
  position:relative;
  width: 100%;
  height:80px;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
.blue-block{
    background: #23519A;
    height: 61px;
    width: 100%;
}
.ondas-cont-top{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    transform: rotate(180deg);
}
.waves-2 {
  position:relative;
  width: 100%;
  height:80px;
  min-height:80px;
  max-height:150px;
}
.shape-blue{
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;   
}

.btn1{
    background: #AEF43C;
    color: #060606;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    display: table;
    padding: 10px 17px;
    border-radius: 5px;
}
/* Animation */

.parallax > use {
  animation: move-forever 35s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

#map {
    height: 400px;
width: 100%;
  }
.parallax-2 > use {
  animation: move-forever 85s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax-2 > use:nth-child(1) {
  animation-delay: -4s;
  animation-duration: 14s;
}
.parallax-2 > use:nth-child(2) {
  animation-delay: -6s;
  animation-duration: 20s;
}
.parallax-2 > use:nth-child(3) {
  animation-delay: -8s;
  animation-duration: 26s;
}
.parallax-2 > use:nth-child(4) {
  animation-delay: -10s;
  animation-duration: 40s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
.nota-principal-home{
    text-decoration: none;
}
.nota-principal-home-img{
    width: 100%;
    padding-top: 60%;
    background-size: cover !important;
    background-position: center !important;
}
.nota-principal-home-text{
    background: #fff;
    padding: 20px;
    color: #282F34;
    
}
.nota-principal-home-text small{
    font-size: 12px;
    color: #245198;
}
.placa-nota{
    width: 30px;
    height: 8px;
    background-color: #94DE1D;
    border-radius: 4px;
    margin-bottom: 10px;
}
.titulo-nph{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.descripcion-nph{
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 72px;
    font-size: 13px;
}
.nota-secundaria-home{
    width: 100%;
    height: 33%;
    background: #245198;
    color: #fff;
    display: flex;
    text-decoration: none;
}
.nota-secundaria-home:hover{
    color: #fff;
}
.nota-secundaria-home-img{
    height: 100%;
    width: 60%;
    background-size: cover !important;
    background-position: center !important;
}

.nota-secundaria-home-text{
    width: 40%;
}
.nota-secundaria-home-text{
    padding: 25px;
}
.nota-secundaria-home-text p{
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 13px;
}
.nota-secundaria-home small{
    color: #94DE1D;
}

.btn-close{
    position: absolute;
    right: 0;
    top: 0;    
    color: #fff;
    border-radius: 26px;
    padding: 10px;
    background:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-color: red;
}

.modal2{
    display: none;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.5);
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.modal-content2{
    background-color: #f4f4f4;
    position: relative;
    padding: 0;
	width: 90%;
	max-width: 400px;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
    animation: modalOpen 1s;
}
.modal-content-banderas{
    background-color: #000636;
	background-image: url( ../images/bg-modal-banderas.webp);
	background-size: cover;
	background-position: center;
    position: relative;
    padding: 0;
	width: 90%;
	max-width: 410px;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
    animation: modalOpen 1s;
	text-align: center;
	height: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.modal-content-banderas a{
	margin:0 10px;
}
.titulo-banderas{
	font-size: 20px;
	padding: 10px 0;
    color: #fff;
}
.bandera-modal{
	cursor: pointer;
}
.modal-dialog{
    max-width: 412px;
}
.modal-dialog.modal-xl{
    max-width: 1200px;
}
@keyframes modalOpen{
    0% {
      opacity: 0p;
        transform: scale(0);
  }
    50% {
      opacity: 1;
      transform: scale(1.05);
  }
  100%{
      opacity: 1;
      transform: scale(1);
  }
}

.closeBtn{
    color: #ccc;
    position: absolute;
	font-size: 30px;
	top: 5px;
	right: 5px;
}
.banners-laterales{
    padding-top: 80px;
}



.calendario-item{
    width: 100%;
    height: 470px;
    padding: 20px;
    background-image: url(../images/bg-reforestemos.jpg);
    background-position: center;
    background-size: cover;
    border: solid 10px rgb(224, 224, 224);
    border-radius: 15px;
}
.calendario-item-2{

    background-image: url(../images/bg-reforestemos-2.jpg);
    background-position: center;
    background-size: cover;

}
.calendario-cont{
    width: 100%;
    height: 220px;
}
.participa{
    color: #154410;
    background-color: #FFE200;
    text-align: center;
    padding: 5px 0;
    
}
.calendario-reforetacion{
    width: 74%;
    max-width: 240px;

}
.swiperCalendario .swiper-slide{
    background: transparent;
}
.calendario-info{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.calendario-fecha{
    width: 40px;
    height: 40px;
    background-color: #245198;
    color: #fff;
    border-radius: 22px;
    padding: 4px 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    
}
.calendario-lugar{
    padding-left: 10px;
    width: calc(100% - 120px);
}
.calendario-lugar p{
 line-height: 1;
 margin: 0;
 color: #267A50;
 font-size: 15px;
 font-weight: 600;
}
.calendario-lugar small{

 color: #ffffff;
 font-size: 12px;
 font-weight: 400;
}
.calendario-voluntarios{
    width: 80px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}
.calendario-voluntarios img{
    margin-right: 10px;
    width: 28px;
}
.btn-reforestacion{
    color: #fff;
    background: #245198;
    padding: 8px 30px;
    border-radius: 30px;
    margin: auto;
    text-align: center;
    display: table;
    font-size: 15px;
}
.btn-reforestacion:hover{
    color: #fff;
    background: #1a3c74;
}

/*---------------------------------------INICIATIVA----------------------------------*/
.cover-secondary{

    background-size: cover !important;
    background-position: center !important;
}
.cover-iniciativa{
    padding: 120px 0 140px;
    background-image: url(../images/banner-iniciativa-2.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.g-azul{
background: #d1def3; /* Old browsers */
background: -moz-linear-gradient(top,  #d1def3 0%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d1def3 0%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d1def3 0%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1def3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.g-azul2{
background: #d1def3; /* Old browsers */
background: -moz-linear-gradient(top,  #d1def3 0%, #ffffff 50%, #d1def3 100%  ); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d1def3 0%#ffffff 50%, #d1def3 100%  ); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d1def3 0%#ffffff 50%, #d1def3 100%  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1def3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.card-iniciativa{
    width: 100%;
    background: #fff;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-top: -70px;
    z-index: 2;
    position: relative;
    border-radius: 14px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    margin-bottom: 70px;
}
.card-iniciativa img{
    width: 100px;
    height: 121px;
    margin-right: 20px;
}
.card-iniciativa div{
    width: calc( 100% - 120px)
}
.card-navy{
    background-color: #22263F;
    color: #fff;
    padding: 30px 40px;
    height: 100%;
    border-radius: 50px 0 ;
    margin-bottom: 20px;
}
.tabla-valores td{
    padding: 0;
    font-size: 14px;
    color: rgb(14, 14, 14);
}
.card-blue{
    background-color: #3063B5;
    color: #fff;
    padding: 30px 40px;
    position: relative;
    z-index: 1;
}
.bg-reciclado{
    background-image: url(../images/bg-papel-1.jpg);
    background-position: center;
    background-size: cover;
    color: #2f2b26;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
.imagen-iniciativa{
    width: 110%;
    margin-left: -10%;
}
/*---------------------------------------ECOTIPS----------------------------------*/



.cover-ecotips{
    padding: 190px 0 190px;
    background-image: url(../images/banner-ecotips.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}

.tip1{
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.tip1 .img-tip{
    width: 15%;
    position: relative;
    z-index: 1;
}
.tip1 .img-tip img{
    width: 200%;
}
.pleca-verde{
    width: 20px;
    height: 6px;
    background-color: #94DE1D;
    border-radius: 5px;
    margin-bottom: 10px;
    position: absolute;
    right: 30px;
    top: 20px;
}
.cuadro-texto-izquierda{
    background: #fff;
    padding: 40px 20px 20px 60px;
    width: 85%;
    line-height: 1.2;
    border-radius: 5px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.3);
}

.cuadro-texto-abajo{
    background: #fff;
    padding: 60px 20px 20px 20px;
    width: 85%;
    line-height: 1.2;
    border-radius: 5px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.3);
    text-align: center;
    position: relative;
    margin-left: 15%;
}
.cuadro-texto-arriba{
    background: #fff;
    padding: 40px 20px 40px 20px;
    width: 85%;
    line-height: 1.2;
    border-radius: 5px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.3);
    text-align: center;
    position: relative;
    margin-left: 15%;
}
.tip2 .img-tip{
    width: 100%;
    position: relative;
    z-index: 1;
}
.tip2 .img-tip img{
    width: 150px;
    margin: 0 auto -50px ;
    display: table;
}
.tip3 .img-tip{
    width: 100%;
    position: relative;
    z-index: 1;
}
.tip3 .img-tip img{
    width: 150px;
    margin: -50px auto 0 ;
    display: table;
}
.bg-azul{
    background-color: #3063B5;
    color: #fff;
}
.bg-marino{
    background: #22263F;
    color: #fff;

}
.img-tip-2 img{
    width: 60%;
    margin-bottom: -50px;
    position: relative;
    z-index: 1;
}


/*---------------------------------------Plan de accion----------------------------------*/



.cover-plan-de-accion{
    padding: 260px 0 ;
    background-image: url(../images/banner-plan-de-accion-2.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.card-white{
    width: 100%;
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 2px 4px 12px rgba(0,0,0,.2);
}
.bolsa-ecologica{
    width: 90%;
    margin-left: -20%;
    margin-top: 20%;
}
.card-blue-2{
    background-color: #3063B5;
    padding:  15px 30px;
    color: #fff;
    border-radius: 10px;
    height: 240px;
    margin-top: 100px;
    text-align: center;
}
.icono-card-blue{
    width: 120px;
    border-radius: 50%;
     box-shadow: 2px 4px 12px rgba(0,0,0,.2);
     position: relative;
     z-index: 1;
     margin: -100px auto 20px;
     display: table;
}
.card-navy-plan{
    background: #010C2C;
    color: #fff;
    padding: 20px 20px 20px 23%;
    width: 90%;
    float: left;
    border-radius: 10px;
    margin-bottom: 30px;
}
.titulo-plan-de-accion{
    font-size: 20px;
}
.image-card-plan{
    width: 10%;
    float: left;
}
.image-card-plan img{
    width: 300%;
    position: relative;
    z-index: 1;
}
.turbinas{
background-image: url(../images/bg-turbinas.jpg);
background-size: 100%;
background-position: center 100%;
padding-bottom: 300px;
background-repeat: no-repeat;
position: relative;

}
.plan-de-accion{
    background-color: #000429;
    color: #fff;
    padding: 60px 0;
}
.fundaciones-asociadas{
    border: solid 2px #07963A;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 80px;
}
.fundaciones-asociadas ul{
    font-size: 13px;

}
.cifraPA{
    text-align: center;
    margin-bottom: 25px;
}
.cifraPA p{
    margin: 0;
    font-size: 13px;
}
.cifraPA p strong{
  font-size: 18px;
}
.cifraPA img{
    width: 70px;
}
.programas{
    background-image: url(../images/bg-arboles.jpg);
    background-position: center;
    background-size: cover;
    padding-bottom: 30px;
}


.mujer-bolsa-ecologica{
 width: 100%;
 max-width: 420px;
 margin-top: -50px;
}
.bolsa-ganadora{
    background-color:#bbecd9;
    padding: 60px 0;
}
.diseno-ganador{
    width: 100%;
    border-radius: 15px;
    max-width: 400px;
    margin: 0 auto 20px;
    display: table;
}

.reconocimientos{
    background-image: url(../images/bg-papel-reciclado.jpg);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}
.premio img{
 width: 150px;
 border-radius: 10px;
 float: left;
 margin-right: 15px;
}
.premio{
margin-bottom: 15px;
   }
.reconocimientos span{
    font-size: 22px;
    font-weight: 600;
}
.programas ul{
    font-size: 14px;
}
.bg-verde{
    background: #DFFFAC;
    padding: 15px;
    border-radius: 10px;
}
.simipeluche .movil{
    display: none;
}
.proyecciones{
    background-color: #d6eaac;
    padding: 30px 15px;
    border-radius: 10px;
}
.bg-futuro{
    background-color: #67b938;
}
.bg-actual{
    background-color: #67b938;
}


/*---------------------------------------Como ayudar----------------------------------*/

.cover-como-ayudar{
    padding: 180px 0 180px;
    background-image: url(../images/banner-como-ayudar.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.embajadores{
    max-height: 360px;
  margin-top: 30px;
}
.mujer-bolsa-ecologica2{
 width: 100%;
 max-width: 300px;
 margin: -100px auto 30px;
 display: table;
 filter: drop-shadow(2px 2px 12px rgba(0,0,0,.2));
}
.bolsa-ecologica-2{
    background-image: url(../images/bg-verde-hojas.jpg);
    background-position: center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 160px;
   
}
.bloqueador-container{
    background-color: #6fe0f2;
    padding-top: 60px;
    padding-bottom: 100px;
    color: #1c5660;
}
.bloqueador{
    width: 100%;
    max-width: 40000px;
    display: table;
    margin: auto;
}

.simipeluche{
    padding-top: 80px;
}
.peluche{
    width: 100%;
    max-width: 480px;
    margin: auto;
    display: table;
}
/*--------------------------------------------------------------festival----------------------------------*/

.cover-festival{
    padding: 140px 0 140px;
    background-image: url(../images/fondo-festival.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    color: #fff;
}
.texto-festival{
    text-align: right;
}
.texto-festival h1{
    font-size: 60px;
    font-weight: 800;
    color: #DFFF00;
}
.texto-festival h3{
    font-size: 30px;
    letter-spacing: 8pt;
}
.texto-festival p{
    font-size: 18px;
    font-weight: 400;
    background-color: #BCDE01;
    display: table;
    margin: 0 0 10px auto;
    padding:  5px 15px;
    color: #000;
}
.texto-festival p:nth-child(4){
    background-color: #2FA04B;
    color:#fff;
}
.festival-item{
    font-size: 18px;
    font-weight: 500;
    float: left;
    padding-top: 28px;
}
.festival-item-img{
    width: 90px;
    border-radius: 50%;
    margin-right: 20px;
    filter: drop-shadow(4px 4px 10px rgba(0,0,0,.1));
    float: left;
}
.lugar-festival{
    color: #fff;
    background-color:#0F1839 ;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 60px;
    border-radius: 10px;
    z-index: 10;
    position: relative;
    margin-top: 30px;
}
.fecha-festival{
    color: #0F1839;
    background-color:#BEE002;
    width: 70px;
    text-align: center;
    padding: 10px 0;
    height: 90px;

}
.direccion-festival h3{
    font-weight: 800;
}
.fecha-festival p:first-child{
    font-size: 50px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 800;
}
.direccion-festival{
    width: calc( 100% - 80px);
    padding-left: 20px;
}
.bg-green{
    background-color: #BEE002;
    display: table;
    font-size: 16px;
    padding: 10px;
    color: #0F1839;
}
.direccion-festival a{
color: #BEE002;
}
.foto-festival{
    width: 120%;
    margin-left: -20%;
    border-radius: 15px;
    box-shadow:  2px 2px 10px rgba(0,0,0,.1);
}
.musicos-festival{
 background-image: url(../images/bg-artistas-festival.jpg); 
 color: #fff;
 background-size: cover;
 background-position: center;
 padding: 40px 30px;
 height: 100%;
}
.musicos-festival small{
    color: #FFFB00 ;
    padding-bottom: 5px;
    display: table;
}
.musicos-festival p{
    color: #ffffff ;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}
.celebridades-festival{
    background-color: #4EAB5A; 
    color: #fff;
    background-size: cover;
    background-position: center;
    padding: 40px 30px;
    height: 100%;
}
.celebridades-festival small{
    color: #FFF09E ;
    padding-bottom: 5px;
    display: table;
}
.celebridades-festival p{
    color: #ffffff ;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.conductores-festival{
    background-image: url(../images/bg-conductores-festival.jpg); 
    color: #fff;
    background-size: cover;
    background-position: center;
    padding: 40px 30px;
    height: 100%;
   }
   .conductores-festival small{
    color: #011afc ;
    padding-bottom: 5px;
    display: table;
}
.conductores-festival p{
    color: #ffffff ;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    width: 60%;
}
.conductores-festival{
    background-image: url(../images/bg-conductores-festival.jpg); 
    color: #566ab5;
    background-size: cover;
    background-position: center;
    padding: 40px 30px;
    height: 100%;
   }
   .foto-conductra-festival{
    background-image: url(../images/luz-elena.jpg);
    background-position: center;
    background-size: cover;
    padding: 40px 30px;
    height: 100%;
   }
   .programa-festival{
    background: #E2E2E2;
    min-height: 100%;
    padding: 40px 30px 0;
   }
   .programa-festival h3{
    font-weight: 600;
    font-size: 22px;
   }
   .lista-programa-festival{
    padding: 0;
    list-style: none;
   }
   .lista-programa-festival li{
    position: relative;
    z-index : 1;
    padding: 7px 0;
    font-size: 14px;
   }

   .lista-programa-festival li:before{
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 20px;  /* or 100px */
    border-bottom:1px solid #4EAB5A;
   }

   .influencers-festival{
    background-image: url(../images/bg-influencers.jpg); 
    color: #fff;
    background-size: cover;
    background-position: center right;
    padding: 40px 30px;
    height: 100%;
   }
   .influencers-festival small{
       color: #D21A6A ;
       padding-bottom: 5px;
       display: table;
   }
   .influencers-festival p{
       color: #192d6d ;
       font-size: 22px;
       font-weight: 600;
       line-height: 1.2;
       width: 70%;
   }

   .meditacion-festival{
    background-color: #ffffff; 
    color: #566ab5;
    background-image: url(../images/bg-meditacion.jpg); 
    background-size: cover;
    background-position: center;
    padding: 40px 30px;
    height: 100%;
}
    .meditacion-festival h3{
        color: #174d0a ;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
    }
    .meditacion-festival p{
        color: #000000 ;
        font-size: 16px;
        line-height: 1.2;
        width: 50%;
    }
    

/*---------------------------------------Siminotas----------------------------------*/

.cover-siminotas{
    padding: 180px 0 150px;
    position: relative;
}
.nota-principal{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
.nota-principal-img{
    width: 60%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}
.nota-principal-text{
    width: 40%;
    padding:60px 30px;
    background: #fff;
    color: #585858;
}
.titulo-nph{
    color: #000;
    font-size: 16px;
}

.nota-secundaria{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 31%;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    margin-bottom: 2%;
}
.nota-secundaria-img{
    width: 30%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}
.nota-secundaria-text{
    width: 70%;
    padding:  20px;
    background: #fff;
    color: #585858;
}
.titulo-ns{
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;
    margin-bottom: 10px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
.descripcion-ns{
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
    margin-bottom: 0;
}
.nota-terciaria{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 14px rgba(0,0,0,.1);
    margin-bottom: 20px;
 
}
.nota-terciaria-img{
    width: 30%;

    background-size: cover !important;
    background-position: center !important;
}
.nota-terciaria-text{
    width: 70%;
    padding:  20px;
    background: #22263F;
    color: #8992c8;
    height: 130px;
}
.titulo-nt{
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;
    margin-bottom: 10px;
    color: #dbe0ff;
    text-transform: uppercase;
    font-weight: 600;
}
.descripcion-nt{
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
    margin-bottom: 0;
}

.spinner-border{
    margin: auto;
    display: table;
}
.siminota article{
    background: #fff;
    padding: 50px 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 0px 14px rgba(0,0,0,.1);
    margin-bottom: 80px;
}
.siminota article h1{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}

.siminota article h1 img {
  float: left;
  margin-right: 10px;
  margin-top: -5px;
  width: 40px;
}

.cover-siminota{
    padding: 100px 0 0;
    position: relative;
    background: #d1def3;
}

.articulo-inner-img {
  margin: 10px 15px;
  border: solid 4px #e4e4e4;
  border-radius: 6px;
  max-width: 346px;
}
.float-right {
  float: right;
}
.nota-imagen{
    width: 100%;
    padding-top: 40%;
    background-size: cover !important;
    background-position: center !important;
}
.hashtag{
    text-align: right;
    font-weight: 800;
    color: #010C2C;
    font-size: 28px;
    margin-bottom: 10px;
}
.nota-sugerida{
    width: 100%;
    margin-bottom: 4px;
    display: table;
}
.nota-sugerida-text{
    width: 100%;
    padding:  20px;
    background: #22263F;
    color: #8992c8;
    height: 110px;
}
.siminota h3, .siminota h2{
    font-size: 22px;
    font-weight: 600;
}
.siminota article small{
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 5px;
    display: table;
}
.siminota article ul{
    font-size: 14px;
}
.galeria{
    display: flex;
    flex-wrap: wrap;
}
.galeria .galeria-item{
    width: 48%;
    margin: 1%;
}
.galeria .galeria-item img{
    width: 100%;
}


/*------------------------------------------------------        VIDEOS      -----------------------------------*/
.cover-videos{
    padding: 180px 0 180px;
    position: relative;
    background:  url(../images/banner-videos.jpg);
}




.cover-medioambiente{
     padding: 180px 0 180px;
    position: relative;
    background:  url(../images/banner-medioambiente.jpg);
}

.bg-papel-blanco{
    background-image: url(../images/bg-papel-blanco.jpg);
     background-size: cover;
}
.bg-papel-reciclado{
    background-image: url(../images/bg-papel-1.jpg);
    background-size: cover;
}

/*------------------------------------------------------        CONTACTO     -----------------------------------*/

.form-contacto{
    background-color: #fff;
    padding: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    background-image: url(../images/bg-papel-blanco.jpg);
     background-size: cover;
     position: relative;
     z-index: 5;
}

.form-control, .form-select{
    background: #F6F6F6;
    border-radius: 3px;
    border: #dcdcdc solid 1px;
    padding: 6px ;
    color: #626268;
    font-size: 14px;
}
.form-check-label{
    font-size: 13px;
}

.form-contacto .form-label{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}
.card-navy-contact{
    padding: 0 20px 20px;
    background: #000e33;
    color: #fff;
    border-radius: 5px;
    width: 110%;
    margin-left: -10%;
    text-align: center;
   
}
.card-navy-contact img{
    width: 100%;
}
.card-navy-contact h4{
    font-size: 18px;
    margin-bottom: 14px;
}
.card-navy-contact p{
    font-size: 13px;
}
.card-navy-contact small{
   color: #8498ce;
}

.card-afiliate{
  height: 320px;
  width: 108%;
  background-color: #000;
  margin-top: 80px;
  background-image: url(../images/voluntarios.jpg);
  background-size: cover;
  background-position: center;
  border: solid 6px #e1e1e1;
  position: relative;
}
.hojas-afiliate {
position: absolute;
width: 160%;
top: 315px;
left: -20%;
}
.guacamaya-afiliate {
  width: 80px;
  position: absolute;
  top: -97px;
  right: -29px;
}
.cover-adopta{
    padding: 140px 0 140px;
    position: relative;
    background:  url(../images/banner-adopta.jpg);
}
.cover-afiliate{
    padding: 120px 0 150px;
    position: relative;
}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  background-repeat: no-repeat;
}
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  background-repeat: no-repeat;
}
.succes{
    display: none;
    background: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    width: 420px;
    border-radius: 10px;
    border-bottom: solid 20px #bef054;
    box-shadow: 2px 2px 140px rgba(0,0,0,.5);
    color: #606060;
    position: fixed;
    top: calc( 50vh - 110px);
    left: calc( 50% - 210px);
    z-index: 60;
}
.succes h3{
    font-weight: 600;
    font-size: 24px;
    color: #000;
}
.succes img{
    width: 120px;
    margin-bottom: 10px;
    margin-top: -65px;
}


/*------------------------------------------------------       adopta-arbol     -----------------------------------*/

.arbol{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #000;
    font-size: 13px;
    transition: all .3s;
}
.arbol:hover{
    color: #000;
    text-decoration: none;
    transform: scale(1.03);
}
.arbol-card{
    background: #fff;
    padding: 20px;
    font-weight: 1.2;
    width: 55%;
    box-shadow: 2px 2px 8px rgba(0,0,0,.3);
    height: 100%;
}
.titulo-arbol{
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}
.btn-donar{
    width: 160px;
}
.arbol-img{
    width: 45%;
    border: solid 6px #E3E3E3;
    height: 100%;
    margin-left: -19px;
    margin-top: 10px;
}

/*------------------------------------------------------      Reforestacion Formulario     -----------------------------------*/
.cover-reforestacion{
    padding: 160px 0 0;
    position: relative;
}
.reforestacion-container{
    background-image: url(../images/bg-reforestacion.jpg);
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 200px;
    position: relative;
}

.simi-reforestacion{
    width: 300px;
    position: absolute;
    right: 17%;
    bottom: 0;
    z-index: 10;
}
.titulo-reforestacion{
    width: 100%;
    max-width: 200px;
    display: table;
    margin: 0 auto 40px;
}
.accordion-button:not(.collapsed) {
  color: #3e562d;
  background: #f5fbdf;
 
}
.accordion-body, .accordion-body ul{
    font-size: 14px;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #1c9700;
  outline: 0;
  box-shadow: 0px 0px 4px #1c9700;
}
.accordion-button{
    background: #fafafa;
    color: #575757;
    background-image: url(../images/bg-papel-blanco.jpg);
    background-size: cover;
    position: relative;
}

.accordion-button:not(.collapsed) {

  box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c9700'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");;

}
.accordion-item{
    border: none;
    border-bottom: 1px solid #ececec;
}
.msj-form{
    width: 100%;
    margin: auto;

}
.msj-form img{
    width: 40px;
    margin: 10px
}
.msj-enviando{
    display: none;
    height: 36px;
}
.msj-error{
    display: none;
    background: #f4dcdc;
    border: solid #f7c5c5 1px;
    padding-bottom: 15px;
}
.msj-error-correo{
    display: none;
    background: #fff5d5;
    border: solid #f7edc5 1px;
    padding-bottom: 15px;
}
.msj-success{
    display: none;
    background: #ddf4dc;
    border: solid #c5f7c7 1px;
    padding-bottom: 15px;
}


.card-afiliate{
  height: 320px;
  width: 108%;
  background-color: #000;
  margin-top: 80px;
  background-image: url(../images/voluntarios.jpg);
  background-size: cover;
  background-position: center;
  border: solid 6px #e1e1e1;
  position: relative;
}
/*------------------------------------------------------      Reforestacion Gracias     -----------------------------------*/

.titulo-gracias{
    background: #699b29;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 20px;
}



/*------------------------------------------------------      Concurso     -----------------------------------*/
.cover-concurso{
    padding: 180px 0 200px;
    background-image: url(../images/banner-concurso.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.bases{
    font-size: 14px;
}
.concurso-nav{
    margin-bottom: 15px;
}
.concurso-nav .nav-link{
    background: #0d6efd;
    color: #fff;
}
ol.bases li {
    font-size: 14px;
  padding-bottom: 15px;
}

.form-convocatoria{
    background-color: #fff;
    padding: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    background-image: url(../images/bg-papel-blanco.jpg);
     background-size: cover;
     position: relative;
     z-index: 5;
}
.form-convocatoria label{
     font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}
.form-convocatoria .form-group label {
  padding: 0;
width: 100%;

}

.form-convocatoria .form-control-file {
  padding: 5px;
  width: 100%;
  text-align: left;
  background: #f6f6f6;
  border: solid 1px #a6d800;
  outline: solid 5px #f6f6f6;
  color: #212529;
}
.form-convocatoria .form-control-file {
  padding: 5px;
  width: 100%;
  text-align: left;
  background: #f6f6f6;
  border: solid 1px #010c2c;
  outline: solid 5px #f6f6f6;
  color: #212529;
}
.img-ganadores{
    width: 100%;
    max-width: 220px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}



.bg-cancion{
    background-image: url(../images/bg-hojas.gif);
    background-size: 600px;
    background-repeat: no-repeat;
    background-position:  top center;
}
.video-cancion{
    margin-top: 0px;
    border:solid #B4B7AF 10px;
}
.planta-cancion{
    width: 500px;
    margin-top: -40px;
    position: relative;
    z-index: 1;
    margin-left: -80px;
}
.card-cancion {

    background-color: #f3e2ce;
    padding: 30px 15px;
    border-radius: 5px;
    box-shadow: 2px 4px 12px rgba(0,0,0,.2);
    margin-left: 5px;  
    margin-right: 5px;
    line-height: 1.3;

  }
  .card-cancion p{
    font-size: 13px;
  }
  .letra-uno{
    border-right: 1px solid #40cf15;
   
  }



footer{
    background-color: #010C2C;
    color: #fff;
    padding: 40px 0;
}
.redes-footer img{
    margin: 0 10px;
}
footer a{
    color: #fff;
    text-decoration: none;
}
footer a:hover{
    color: #94DE1D;
    text-decoration: none;
}
/* ---------------  Pagina Calor  -----------  */
.titulo-calor{
    width: 240px;
    margin-bottom: 25px;
}
.icono-texto{
    display: flex;
    margin-bottom: 25px;
}
.icono-texto img{
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.termometro-img{
    width: 100%;
    max-width: 180px;
}
.foto-reforestacion{
    width: 100%;
    max-width: 420px;
}


/*--------------------------------------------------RESPIRA POR LA PAZ --------------------------- -----------*/
.respira-titulo{
    font-weight: 800;
    font-size: 34px;
    margin-top: 10px;
}
.respira-subtitulo{
    font-size: 22px;
}
.fecha-respira{
    background-color: #8AB338;
    color: #fff;
   padding: 10px 30px;
   display: table;
   border-radius: 20px 0 20px 0;
}
.fecha-respira img{
    float: left;
    margin-right: 30px;
}
.fecha-respira p{
    font-size: 22px;
    line-height: 1.2;
    float: left;
    margin: 0;
}
.logo-respirar{
    width: 100%;
    max-width: 350px;
    margin: auto;
    display: table;
}
.lugar-respira{
    background-color: #f3f3f3;
    border-radius: 30px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.1);
    padding: 30px 40px;
    display: flex;
    margin: 80px 0 60px;
}
.lugar-respira p, .lugar-respira img{
    float: left;
    margin: 0;
}
.lugar-respira img{
    width: 40px; 
    margin: 0 26px 0 20px;
}
.lugar-respira p:nth-child(1){
    color: #587324 ;
    text-align: right;
    font-size: 17px;
    line-height: 1.2;
}
.lugar-respira p:nth-child(2){
    width: calc(100% - 86px);
    font-size: 20px;
}
.card-respira{
    background-color: #f3f3f3;
    border-radius: 30px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.1);
    padding: 20px 30px ;
    text-align: center;
    margin-top: 100px;
}
.card-respira.verde{
    background-color: #8AB338;
    color: #fff;
}
.card-respira img{
     width: 120px;
     border-radius: 50%;
     margin: -100px 0 10px;
     border: solid 2px #8AB338;
} 
.card-respira.verde strong{
    font-size: 22px;
}
.card-respira a{
    color: #587324 ;
    font-weight: 600;
}

/*--------------------------------------------------Sedes reforestacion --------------------------- -----------*/
.btn-sede-1{
    background-color: #BEE002;
    color: #0F1839 !important;
    padding: 10px 10px;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 600;
    border: 1px solid #BEE002;
    margin-right: 15px;
    margin-top: 15px;
    display: inline-block;
}
.btn-sede-2{
    background-color: #0F1839;
    color: #BEE002 !important;
    padding: 10px 10px;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 600;
    border: 1px solid #BEE002;
    display: inline-block;
    margin-top: 15px;
}
.table-sedes{
    font-size: 14px;
}


.texto-formato{
    text-align: center;
}
.texto-formato h1{
    font-size: 40px;
    color: #ffffff;
    
}
.objetivo-fondo ul, .objetivo-fondo ol{
    font-size: 14px;
}
/*------------------------------------------------- fondo por mi planeta--------------------------- -----------*/
.objetivo-fondo li{
 margin-bottom: 10px;
}
.objetivo-fondo  h4{
    margin-top: 30px;
}

.glosario li {
    scroll-margin: 200px;
 }
 .referencias li{
    font-size: 12px;
 }
 .card-seciones{
    background-color: rgba(35, 81, 154, 0.8);
    border-radius: 10px;
    padding: 15px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    max-width: 420px;
    margin: auto;
 }

 .card-seciones a{
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    font-size: 14px;
 }
#modal-aviso{
    height: 100vh;
    width: 100vw;
    position: fixed;
}
 /*---------------------------------------------------- Organizaciones -----------------------------------------*/
 .card-ecosistema{
    width: 100%;
    height: 180px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 10px;
    display: table;
    margin-bottom: 15px;
 }
 .card-ecosistema-bg{
    width: 100%;
    height: 180px;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: relative;
    border-radius: 10px;
    
 }
 .card-ecosistema-text{
    width: 90%;
    margin-left: 5%;
    bottom: 0;
    left: 0;
   color: #fff;
  
    position: absolute;
    
 }
 .card-ecosistema-text h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
 }
 .card-ecosistema-text p{
    font-size: 13px;
    line-height: 1.2;
 }
 .icono-organizacion{
    width: 200px;
 }
.card-reconocimientos{
    border-radius: 10px;
    padding: 30px;
    margin-left: 30px;
    display: flex;
    flex-wrap: wrap;
}
.medalla-organizacion{
    width: 80px;
    height: 120px;
    margin-left: -60px;
    margin-right: 30px;
    display: table;
}
.cover-organizacion {
    padding: 180px 0 30px;
    position: relative;
}

.card-reconocimientos p{
    width: calc(100% - 60px);
    margin-bottom: 0;
}
.card-reconocimientos p span{
   font-size: 22px;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 2.5;
}
.reconocimiento-organizacion{
    background-position: center top !important;
    background-size: cover !important;
    padding: 50px 0 100px;
}
.pleca-card-ecosistema{
    width: 10px;
    height: 40px;
    background-color: #AEF43C;
    position: absolute;
    top: 15px;
    left: -5px;
}
/*--------------------------------------------------Bombas de vida--------------------------- -----------*/

.cover-bombas{
    padding: 180px 0 180px;
    background-image: url(../images/banner-bombas.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    color: #fff;
}
.cifra2{    
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    background-color: #f8f8f8;
    padding: 30px 15px 0;
    border-radius: 10px;
    height: 100%;
  }
  .ico-cifra-cont2{
    width: 70px;
    margin-right: 20px;
  }
  .texto-cifra2{
    text-align: left;
    width: calc(100% - 90px);
  }
  .dron-icono{
    width: 100%;
    max-width: 200px;
    display: table;
    margin: auto
  }
.cuadro-verde{
    background-color:#F9FFF1 ;
    border: solid 2px #94DE1D;
    padding: 20px 10%;
    border-radius: 10px;
    font-size: 22px;
    text-align: center;
    margin-top: 50px ;
    margin-bottom: 150px;
}
.cifra3{    
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    background-color: #f8f8f8;
    padding: 30px 15px 0;
    border-radius: 10px;
    height: 100%;
  }
.nav-item-movil{
 display: none
}


.cover-corales{
    padding: 180px 0 180px;
    background-image: url(../images/banner-corales-gl.jpg);
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    color: #fff;
}
.ico-corales{
    width: 60px;
    display: table;
    margin: 0 auto 5px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .tituloXl{
        background-image: none !important;
    }
}


@media (max-width: 1399.98px) { 
    .webp .cover-home{
    background-image: url("../images/background/bg1-lg.webp");
    }
    .no-webp .cover-home {
    background-image: url("../images/background/bg1-lg.jpg");
    }
    .titulo-container{
        max-width: 650px;
    }
    .tituloXl{
        background-image: url(../images/bg-titulo2.jpg);
        font-size: 120px;
        width: 626px;

    }
    .nav-link {
        padding: 10px 6px !important;
        font-size: 13px;
    }
    .cover-ecotips{
        padding: 160px 0 160px;

    }
        .cover-plan-de-accion{
        padding: 220px 0 ;
        background-image: url(../images/banner-plan-de-accion-md.jpg);

    }

   
}


@media (max-width: 1199.98px) { 
     .card-blue-2{
        height: 320px;
    }
    .navbar-nav .nav-item{
        text-align: center;
        padding: 5px 0;
    }
    .libro{
        margin-bottom: 30px;
        padding-bottom: 100px;
    }
    .notas-home{

        margin-bottom: 30px;
    }
    #dropdown{
        display: none;
    }
    .dropdown-menu {
       
        border: none;
    }
    .dropdown-menu .dropdown-item{
        text-align: center;
        padding: 10px 0;
    }
   
    .list-unstyled li{
        width: 33%;;
    }
    .navbar-nav{
        border-top: solid 1px #e3e3e3;
    }
    .cover-ecotips{
        padding: 120px 0 120px;

    }
    .simi-reforestacion{
        width: 300px;
        right: 8%;
    }
    .dropdown-item{
        white-space: normal
    }
    .video-container{
        margin: -5px;
        margin-top: 20px;
    }

    .meditacion-festival p{
        font-size: 14px;
    }
    .influencers-festival p {
        font-size: 18px;
        width: 60%;
      }
      .conductores-festival p {
        font-size: 18px;
      }
      .celebridades-festival p {
        font-size: 18px;
      }
      .musicos-festival p {
        font-size: 18px;

      }
      .lang-nav{
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .nav-item-movil{
        display:initial
       }
       .nav-item-desk{
        display: none
       }
 }

@media (max-width: 991.98px) { 
    .imagen-iniciativa{
        width: 100%;
        margin-left: 0;
    }
         .card-blue-2{
        height: auto;
    }
    
    #arbolito svg{
        width: 60px !important;
        height: 60px !important;
    }
    #no-bolsas svg{
        width: 60px !important;
        height: 60px !important;
    }
    #pelicano svg{
        width: 60px !important;
        height: 60px !important;
    }
    .counter {
        font-size: 20px;
    }
    .planeta-energia-limpia{
        max-width: 300px;
        margin: 0 auto 60px;
        display: table;
    }
    .cover-siminotas {
    padding: 100px 0 150px;

    }
    .card-navy-contact {
    width: 90%;
    margin-left: 5%;
    }
    .card-navy-contact img {
         width: 100%;
         max-width: 300px;
         margin: auto;
    }
    .card-afiliate {
        width: 100%;
        max-width: 360px;
        margin-top: 20px;
    }
    .hojas-afiliate {
        position: absolute;
        width: 100%;
        top: 265px;
        left: -30px;
        max-width: 440px;
    }
    .simi-reforestacion{
        width: 260px;
        right: 2%;
    }
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
	    max-height: 90vh;
	    margin-top:10px;
	}
    .libro{
        background-image: url("../images/libro2.jpg");    }
    .video-cancion{
        margin-top: 60px;
        border:solid #B4B7AF 10px;
    }
    .titulo-calor{
        width: 200px;
    }
    .termometro-img{
        display: none;
    }
    .foto-reforestacion{
        margin-bottom: 60px;
    }
    .btn-sede-1{
        font-size: 14px;
    }
    .btn-sede-2{
        font-size: 14px;
    }
    .ico-cifra{
        width: 60px;
    }
    .simipeluche .movil{
        display: table;
    }
    .simipeluche .desk{
        display: none;
    }
    .mujer-bolsa-ecologica{
        max-width: 250px;
        margin: 15px auto 0;
        display: table;
    }

    
}

@media (max-width: 767.98px) { 
    .cover{
        height: 70vh;
    }
     .webp .cover-home{
    background-image: url("../images/background/bg1-sm.webp");
    }
    .no-webp .cover-home {
    background-image: url("../images/background/bg1-sm.jpg");
    }
    .tituloXl{
        background-image: url(../images/bg-titulo3.jpg);
        font-size: 100px;
         width: 510px;
         margin: auto;
    }
    .adopta-arbol-section .desk{
        display: none;
    }
    .adopta-arbol-section .movil{
        display: table;
    }
    .libro{
        background-image: url("../images/libro.jpg");    }
    .subtitulo-cover {
        font-size: 34px;
    }
    .planeta-energia-limpia{
        width: 260px;
        margin: -100px auto 40px;
        display: table;
        position: relative;
        z-index: 1;
    }
     .bolsa-ecologica{
        width: 180px;
        margin: -40px auto 40px;
        display: table;
        position: relative;
        z-index: 1;
    }
    .articulo-inner-img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 15px 0;
    }
    .siminota article h1{
        font-size: 20px;
        margin-bottom: 20px;
    }
    #arbolito svg{
        float: right;
    }
    #no-bolsas svg{
        float: right;
    }
    #pelicano svg{
        float: right;
    }
    .cover-iniciativa{
        padding: 120px 0 140px;
        background-image: url(../images/banner-iniciativa-md.jpg);
    }
    .card-navy {
    height: auto;
    }
    .card-blue {
    border-radius:  0 27px;
    }
    .waves-2 {
        height: 50px;
        min-height: 50px;
    }
    .cover-como-ayudar{
        padding: 100px 0 120px;
        background-image: url(../images/banner-como-ayudar-md.jpg);
    }
    .cover-ecotips{

        background-image: url(../images/banner-ecotips-md.jpg);
        background-position: center bottom !important;
    }
        .tip1, .tip2 ,.tip3{
        max-width: 400px;
        margin: auto;   
    } 
    .cover-plan-de-accion{
        padding: 180px 0 ;
        background-image: url(../images/banner-plan-de-accion-md.jpg);

    }
    .nota-principal-img{
        width: 100%;
        height: 250px;
    }
    .nota-principal-text{
        width: 100%;
    }
    .nota-principal-text {
        width: 100%;
        padding: 20px 20px;
    }
    .simi-reforestacion{
        width: 220px;
        right: 2%;
    }
    .cover-concurso{
        padding: 120px 0 140px;
        background-image: url(../images/banner-concurso-md.jpg);
    }
    .logo-2{

        margin: 0 auto 0;
    }
    .bg-cancion{

        background-size: contain;
        background-repeat: no-repeat;
        background-position:  center;
    }
    .letra-uno{
        border-right: none;
       
      }
      .list-unstyled li{
        width: 50%;
        text-align: left;
        height: 80px;
    }
    .lugar-respira{
        padding: 30px 15px;
    }
    .lugar-respira .text-1 p{
        margin-bottom: 20px;
        text-align: center;
      }
      .logo-respirar{
        max-width: 300px;
        margin-top: 90px ;
      }
      .lugar-respira p:nth-child(2) {
        width: calc(100% - 86px);
        font-size: 17px;
      }
      .lugar-respira img {
        width: 30px;
        margin: 0 20px 0 20px;
      }
      .respira-titulo {

        font-size: 28px;
      }
      .texto-festival {
        text-align: center;
      }
      .texto-festival p {
        margin: 10px auto;
      }
      .logo-festival{
        width: 60%;
        max-width: 200px;
        position: relative;
        z-index: 10;
        margin: 10px auto -60px;
        display: table
      }
      .cover-festival {
        padding: 80px 0 30px;
      }
      .texto-festival h1 {
        font-size: 40px;
      }
      .texto-festival h3 {
        font-size: 18px;
      }
      .texto-festival p {
        font-size: 14px;
      }
      .cifra{    
        max-width: 330px;
        display: flex;
        flex-wrap: wrap;
        margin: 10px auto;
      }
      .ico-cifra-cont{
        width: 70px;
        margin-right: 20px;
      }
      .texto-cifra{
        text-align: left;
        width: calc(100% - 90px);
      }
      .mujer-bolsa-ecologica2{
        margin: 30px auto 30px;
       }
      .bolsa-ecologica-2{
        padding-top: 100px;
        padding-bottom: 40px;
      }
}

@media (max-width: 575.98px) { 
    .container.bg-light{
        background-color: #23519a !important
    }
    .navbar-nav .nav-link{
        color: #fff;
    }
   
    .navbar-toggler-icon{
        filter: invert(1);
    }
    .navbar-toggler{
        border: solid 1px rgb(155, 176, 209) !important;
    }
    .navbar-nav {
  border-top: solid 1px #143b79;
}
    p{
        font-size: 13px;
    }
    .tituloXl{
        font-size: 67px;
        width: 353px;
        letter-spacing: -6pt;
    }
    .subtitulo-cover {
        font-size: 22px;
    }
    .turbinas {
        padding-bottom: 150px;
    }
    .navbar {
        margin-top: 0px;
        padding-top: 0;
    }
    .navbar-brand img {
        width: 150px;
        margin-bottom: -20px;
        margin-top: 0px;
        margin-left: 20px;
    }
    .siminota article {
    padding: 40px 15px;
    font-size: 13px;
    }
     .video-container{
        margin: 10px 0;
    }

    .adopta-text h3 {
        font-size: 20px;
    }
    .adopta-text {
    padding: 12px 15px;
    font-size: 13px;
    }
    .notas-home{
        padding: 30px;
       
    }
    .cover-iniciativa {
    padding: 80px 40px 190px;
    background-image: url(../images/banner-iniciativa-sm.jpg);
    background-position: center bottom !important;
    }
    .cover-bombas{
        padding: 120px 0 340px;
        background-image: url(../images/banner-bombas-sm.jpg);
        background-size: cover !important;
        background-position: center !important;
        position: relative;
    }
    .cover-corales{
        padding: 120px 0 340px;
        background-image: url(../images/banner-corales-sm.jpg);
        background-size: cover !important;
        background-position: center !important;
        position: relative;
    }
    .card-iniciativa{
        margin-top: -40px;
        margin-bottom: 20px;
    }
    .card-navy {
    padding: 18px 20px;
    height: auto;
    border-radius: 27px 0;
    }
    .cover-secondary{
        padding-left: 30px;
        padding-right: 30px;
    }
    .cover-como-ayudar {
    padding: 80px 40px 60%;
    background-image: url(../images/banner-como-ayudar-sm.jpg);
    background-position: center bottom !important;
    }
    .cover-ecotips{
        background-image: url(../images/banner-ecotips-sm.jpg);
        padding-top: 120px;
        padding-bottom: 50%;
    }  
       .tip1, .tip2 ,.tip3{
        max-width: 360px;
        margin: auto;   
    } 
    .cover-siminotas {
        padding: 100px 0 40px;
    }
   .card-afiliate{
    z-index: 0;
   }
   .guacamaya-afiliate {
    right: -19px;
    }
    .simi-reforestacion{
        width: 180px;
        right: 2%;
    }
    .cover-concurso {
    padding: 80px 40px 190px;
    background-image: url(../images/banner-concurso-sm.jpg);
    background-position: center bottom !important;
    }
    .has-megamenu .dropdown-toggle {
        border: #94DE1D solid 2px;
        border-radius: 15px 0;
        background: #143b79;
    }
    .planta-cancion{
        width: 70%;
        margin-left: 10px;
    }

    .list-unstyled li a{
        font-size: 13px;
    }
    .navbar .megamenu {
        padding: 1rem 0;
      }
      .fecha-respira p {
        font-size: 18px;
      }
      .respira-subtitulo {
        font-size: 18px;
    
      }
      .respira-titulo {
        font-size: 24px;
        margin-top: 20px;
      }
      .logo-respirar {
        max-width: 220px;
        margin-top: 40px;
      }
      .eventos-festival{
        padding: 10px;
      }
      .table-sedes{
        font-size: 13px;
    }
    .btn-ecosistemas{
        display: block;
    }
}

 @media (max-width: 480px) { 

    .card-navy-plan{
        width: 100%;
        padding: 80px 20px 20px;
    }
    .adopta-text h3 {
        font-size: 16px;
    }
    .image-card-plan {
    width: 100%;
    }
    .image-card-plan img{
        width: 200px;
        margin: 0 auto -80px;
        display: table;
    }
    .navbar-brand img {
        width: 100px;
        margin-bottom: -11px;
        margin-top: 0px;
        margin-left: 0;
    }
    .siminota article h1{
        font-size: 18px;
       margin-bottom: 15px;
    }
    .cover-iniciativa {
        padding: 80px 15px 190px;
    }
    .card-iniciativa img {
        width: 80px;
        margin:-80px auto 10px;
    }
    .card-iniciativa div{
        width: 100%;
        text-align: center;
    }
    .cover-secondary{
        padding-left: 15px;
        padding-right: 15px;
    }
    .card-blue-2 {

        padding: 15px;
    }
    .informate-lastest {
        margin-left: -25px;
        margin-right: -25px;
    }
    .form-contacto {
    padding: 15px;
    }
    .afiliate-text{
        padding: 12px 15px;
        width: 80%;
    }
    .form-contacto .titulo{
        font-size: 18px;
    }
    .succes{

        width: 310px;

        top: calc( 50vh - 110px);
        left: calc( 50% - 155px);

    }   
        .msj-enviando{
       text-align: right;
    }
    .cover-concurso {
        padding: 80px 15px 190px;
    }
    .meditacion-festival p{
        font-size: 14px;
    }
    .influencers-festival p {
        font-size: 16px;
        width: 60%;
      }
      .conductores-festival p {
        font-size: 16px;
      }
      .celebridades-festival p {
        font-size: 16px;
      }
      .musicos-festival p {
        font-size: 16px;

      }
      .influencers-festival{
        padding: 20px 15px;
      }
      .conductores-festival {
        padding: 20px 15px;
      }
      .celebridades-festival {
        padding: 20px 15px;
      }
      .musicos-festival {
        padding: 20px 15px;
      }
      .fecha-festival p:first-child {
        font-size: 34px;

      }
      .lugar-festival {
        padding: 30px 20px;
      }
      .direccion-festival h3 {
        font-size: 18px;
      }
      .fecha-festival {

        width: 60px;
        height: 80px;
      }
      .direccion-festival {
        width: calc( 100% - 62px);
        padding-left: 20px;
      }
}
@media(max-width: 420px){
	.megamenu .dropdown-item {
        font-size: 12px;
        text-align: left;
    }
}

@media (max-width: 370px) { 
    .tituloXl{
        font-size: 58px;
        width: 294px;
        letter-spacing: -6pt;
    }
        .swiperTop .swiper-slide div {
  height: 176px;
}
    
}