/* GENERALES */

html {
  box-sizing: border-box;
}

body{
  margin: 0;
  padding: 0 !important;
}

*, *:before, *:after {
  box-sizing: inherit;
  /* -webkit-font-smoothing: antialiased; */
}

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

.boton{
  font-family: "museo_sans_rounded300";
  color: #fff;
  font-size: 24px;
  background-color: transparent;
  padding: 15px 60px;
  border: solid #fff 2px;
  text-decoration: none;
  position: relative;
  border-radius: 30px;
  margin: 60px 0px;
}

.boton:hover{
  text-decoration: none;
  color: #aaa;
  background-color: #fff;
}

.movil{
  display: none;
}

.tablet{
  display: none;
}

.right{
  float: right;s
}

.left{
  float: left;
}

/* TÍTULOS */

.titulos{
  padding: 60px 10%;
}

h1{
  font-size: 40px;
  font-family: 'museo_sans900';
  color: #fff;
}

h2{
  font-size: 20px;
  font-family: 'museo_sans100';
  font-weight: 100;
  color: #fff;
}

h3{
  font-size: 20px;
  color: #fff;
}

/* TABLAS */

.table{
  display: table;
  width: 100%;
  margin-bottom: 0px;

}

.table-cell{
  display: table-cell;
  position: relative;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.tercio{
 width: 33.3332%;
}

.dos-tercios{
 width: 66.6664
}

.table-img{
  vertical-align: bottom;
}

.table td{
  padding: 0px;
}

.table-content{
   padding: 10%;
   padding-top: 50px;
   padding-bottom: 50px;
}

.table-content-derecha{
 padding-left: 50px;
}

/* BOTONES */

.boton-cta{
  padding: 80px 10%;
  background-color: #a6cd02;
}

.boton-cta a{
  font-family: "museo_sans_rounded300";
  color: #fff;
  font-size: 24px;
  background: ;
  padding: 15px 40px 15px 40px;
  border: solid #fff 2px;
  text-decoration: none;
  position: relative;
  border-radius: 30px;
}
.boton-cta a:hover{
background-color: white;
color: #a6cd02;
}
/* HOME */

.home-contenedor{
  height: 100%;
}

.home{
  background: url(../img/home.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 18px;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.copy-home{
  position: absolute;
  top:50%;
  left: 10%;
  margin-top: -65px;
}

.copy-home h1{
  font-size: 44px;
  font-family: 'museo_sans900';
  color: #fff;
  margin-bottom: 0;
}

.copy-home h2{
  font-size: 24px;
  font-family: 'museo_sans100';
  font-weight: bold;
  color: #fff;
  margin-top: 10;
}

/* HEADER */

.header{
  z-index: 2;
}

.logo{
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 10%;
  padding: 20px;
  padding-top: 60px;
}

.logo img{
  width: 180px;
}

.menu-boton{
  position: absolute;
  right: 0;
  margin-right: 10%;
  top: 90px;
}

/* MENU BARRA */

.boton-barra{
  margin-top: 30px;
}

.menu-barra-movil{
  width: 100%;
  padding: 20px 10%;
  position: fixed;
  z-index: 2;
  background-color: #fff;
  top: 0;
}

.menu-barra-movil .row-fluid{
  max-width: 1400px;
  margin: 0 auto;
}

.menu-movil{
  margin-top: 15px;
}

/* MENU */

.menu-derecha li a{
  font-family: 'museo_sans_rounded300';
}

/* FOOTER */

footer{
  background-color: #00c39f;
  color: #4dffdc;
  padding: 60px 5%;
  font-size: 18px;
  font-family: 'Museo_sans_rounded300';
}

footer .row-fluid{
  max-width: 1400px;
  margin: 0 auto;
}

footer h3{
  margin-bottom: 30px;
}

footer p{
  float: none;
}

.donate{
	height: 250px;
	width: 250px;
	background-image: url(../img/donate.png);
	background-position: center center;
	background-size: cover;
  margin-top: 50px;
}

.donate:hover{
	background-image: url(../img/donate_hover.png);
}

.footer-icon{
  width: 50px;
  margin-right: 10px;
  float: left;
  text-align: left;
}

.copyright{
  margin-top: 60px !important;
  line-height: 28px;
}

.copyright a{
  color: #fff;
}

.copyright a:hover{
  text-decoration: none;
}

.info{
  width: 330px;
  text-align: left;
  margin: 0 auto;
}

.social{
  width: 330px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

.social ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.social ul li{
  float: left;
  margin-right: 10px;
}

.social ul a{
  background-position: center center;
  width: 45px;
  height: 45px;
  float: left;
}

.social ul a:hover img{
  opacity: 0;
}

/* REDES SOCIALES */

.f{background-image: url(../img/social/f2.png);}
.g{background-image: url(../img/social/g2.png);}
.i{background-image: url(../img/social/i2.png);}
.t{background-image: url(../img/social/t2.png);}
.y{background-image: url(../img/social/y2.png);}

.logo-footer{
  margin-top: 90px;
}

/* PROYECTOS */

.proyectos{
  background-color: #a6cd02;
}

.proyectos-contenedor{
  max-width: 1310px;
  margin: 0 auto;
}

.proyecto{
	width: 50%;
	height: 50%;
	min-height: 400px;
  max-height: 500px;
	position:relative;
	overflow:hidden;
	float: left;
 	text-align: center;
}

.proyecto:hover{
	background-opacity:0.1;
}

.proyecto-contenido{
	width: 100%;
	font-size: 24;
	color: white;
}

.proyecto .link-proyecto img{

	text-align: center;
	height: 120%;
  opacity: .08;
  margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;

-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
 transition: 2s;
}

.proyecto:hover .link-proyecto img{
	opacity: 1;
	height: 160%;
  text-align: center;
	height: 140%;
  margin: auto;
  position: absolute;
  left: -100px;
}

.proyecto-icon{
	position: absolute;
  bottom: 0;
  left: 0;
}

.proyecto-icon img{
	height: 140px;
  margin-left: 40px;
  margin-bottom: 40px;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
   transition: 2s;
}

.proyecto:hover .proyecto-icon img{
	height: 160px;
}

/* CONTENIDO */

.contenido{
  padding: 60px 5%;
  margin: 0 auto;
}

.contenido p{
  color: #aaa;
  line-height: 150%;
  font-family: "museo_sans_rounded300";
  font-size: 18px;
  margin-bottom: 30px;
  float:left;
  margin-top: 10px;
}

.contenido ul{
  color: #aaa;
  line-height: 150%;
  font-family: "museo_sans_rounded300";
  font-size: 18px;
  margin-bottom: 30px;
  float:left;
  margin-top: 10px;
}

.contenido ul li{
  line-height: 30px;
}

.contenido ul .deadline-list{
  font-size: 20px;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
  border: solid 2px #a6cd03;

}

/* SINGLE */


.single .contenido{
  max-width: 900px;
}

.single p{
  color: #fff;
  float: none;
}

.single img{
  max-width: 100%;
}

.single h1{
  color: #fff;
  margin-bottom: 30px;
}

.single h2{
  color: #fff;
  font-family: 'museo_sans900';
  font-size: 30px;
}

.single h3{
  color: #aaa;
  font-family: 'museo_sans_rounded300';
  font-size: 21px;
  line-height: 28px;
}

.single h4{
  color: #fff;
  font-family: 'museo_sans900';
  font-size: 24px;
  float: left;
  margin-right: 20px;
}

.single h5{
  color: #aaa;
  font-family: 'museo_sans_rounded300';
  font-size: 18px;
  float: left;
}

/* ABOUT US */

.about-us{
  text-align: left;
  background-color: #fff;
}

.about-us img{
  max-width: 100%;
}

.about-us h1{
  color: #00c39f;
  margin-bottom: 30px;
}

.about-us h2{
  color: #a6cd02;
  font-family: 'museo_sans900';
  font-size: 30px;
}

.about-us h3{
  color: #aaa;
  font-family: 'museo_sans_rounded300';
  font-size: 21px;
  line-height: 28px;
}

.about-us h4{
  color: #a6cd02;
  font-family: 'museo_sans900';
  font-size: 24px;
  float: left;
  margin-right: 20px;
}

.about-us h5{
  color: #aaa;
  font-family: 'museo_sans_rounded300';
  font-size: 18px;
  float: left;
}

.about-us p{
  color: #aaa;
  float: left;
}

.team-member{
  margin-top: 20px;
}

.team-member img{
  max-width: 230px;
  margin-bottom: 30px;

}

.team-info{
  padding-left: 30px;
}

/* PROJECTS */
.projects{
  background-color: #a6cd02;
  margin-top: 115px;
}

.project-single{max-width: 900px}
.project-single p{color: #fff; width: 100%; float:none;}
.project-single h1{color: #fff;font-size: 30px; width: 100%;}
.project-single h2{color: #fff;}
.project-single img{height:200px; margin-bottom: 30px;}

.projects .contenido{
  padding: 0;
}

.projects .proyecto{
  width: 33.333%;
  max-height: 300px;
}

.projects .proyectos-contenedor{
  max-width: none;
}

  /* - */
  .health-project{background-color:#a6cd02}
  .social-project{background-color:#0091ff}
  .recycling-project{background-color:#EF4836}
  .teach-project{background-color:#ffbd08}
  .literacy-project{background-color:#F9690E}
  .animal-project{background-color:#2ECC71}
  .beach-project{background-color:#19B5FE}
  .music-project{background-color:#F62459}

/* LOCATION */

.location{
  background-color:#ff910d
}

.food{
  background: url(../img/food.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-width: none !important;
  padding-top: 80px;
  padding-bottom: 80px;
}

.food h3{
  color: #fff;
  font-family: 'museo_sans_rounded300';
  font-size: 24px;
  line-height: 27px;
  font-weight: bold;
}

.activities{
  background: url(../img/actividades.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  max-width: none !important;
  padding-top: 80px;
  padding-bottom: 80px;
}

.activities h1{
  color: #ff910d;
}

.activities h3{
  color: #ff910d;
  font-family: 'museo_sans_rounded300';
  font-size: 24px;
  line-height: 27px;
  font-weight: bold;
}

#supersized{
  margin: 0;
}

/* COST */
.cost{background-color: #ff7499;}

.cost h2{
  font-size: 24px;
  font-weight: bold;
  color: rgb(255, 225, 160);
  font-family: "museo_sans_rounded300";
}

.cost h3{
  color: #fff;
  font-size: 18px;
}

.cost h4{
  background-color: white;
  font-size: 16px;
  line-height: 27px;
  padding: 5px 20px;
  border-radius: 20px;
  color: #f97396;
  font-weight: bold;
  font-family: "museo_sans_rounded300";
}

.cost h5{
  font-family: 'museo_sans900';
  color: #fff;
  margin-bottom: 15px;
  float: none;
}

.cost-location{
  font-size: 20px;
  border-bottom: dotted 1px #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.cost-project{
  margin-top: 25px;
  margin-bottom: 25px;
}

.cost-include{margin-top: 50px;}
.cost-include h3{
  font-size: 22px;
  margin-bottom: 10px;
}
.cost-include h2{
  margin-bottom: 20px;
}

/* COST ACCORDION - WHERE DOWS MY MONEY GO */

.cost-accordion{
  margin-bottom: 0;
}

.cost-accordion .accordion-heading a{
  padding: 40px 10%;
  padding-bottom: 40px;
  background-color: #fff;

  -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
   transition: 0.5s;
}

.cost-accordion .accordion-heading i{
  margin-right: 40px
}

.cost-accordion .accordion-heading a:hover{
  background-color: rgb(133, 212, 9);
}

.cost-accordion .accordion-heading a:hover h1{
  color: #fff;
}

.cost-accordion .accordion-heading a:hover h2{
  color: #fff;
}

.cost-accordion a{
  text-decoration: none;
}

.cost-accordion h1{
  color: rgb(133, 212, 9);
  font-size: 30px;
  line-height: 36px;
}

.cost-accordion h2{
  color: rgb(0, 195, 159);
  line-height: 28px;
}

.cost-accordion .accordion-group{
  border: solid 0px;
  margin: 0;
}

.cost-accordion .accordion-inner{
  background-color: #fff;
  border: solid 0px;
  padding: 0px 10%;
  padding-bottom: 30px;
}

.cost-accordion .accordion-inner img{
  margin-bottom: 60px;
  margin-top: 30px;
}

.cost-accordion .accordion-inner ul{
  max-width: 700px;
  margin: 0 auto;
  color: #aaa;
  line-height: 150%;
  font-family: "museo_sans_rounded300";
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 60px;
}

.cost-accordion .accordion-inner li{
  padding-bottom: 10px;
  line-height: 18px;
  font-size: 16px;
}

.cost-accordion .accordion-inner h2{
  text-align: center;
}

.cost-accordion .accordion-inner h3{
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  color: rgb(66, 66, 66);
  margin-bottom: 30px;
}

.cost-accordion .accordion-inner .marketing h3{color: #CBDCB5;}
.cost-accordion .accordion-inner .profit h3{color: #E6DE86;}


.cost-accordion .card{
  color: #fff !important;
  padding: 30px 15%;
  border-radius: 5px;
}

.operation{background-color: #00C5A1;}
.marketing{background-color: #8ACE43;}
.profit{background-color: #FFEC50;}


.leyenda{
  padding: 30px 5%;
  background-color: #00D1B9;
}

/* DOANTE */

.donate-page{
  background-color:#009bdd;
  padding: 50px 0px;
}

/* FAQ'S */
.faqs{background-color: #f64747;}

/* APPLY */
.apply .contenido{margin-top: 100px;}
.submit {
  max-width: 300px;
  margin: 0 auto;
  margin-top:50px;
  display: inherit;
  padding: 5px;
}

/* CONTACT */
.contact{background-color:#81d174}
.contact .contenido{padding-bottom: 0px;}

/* NEWS BLOG */

.news .contenido{margin-top: 100px;}
.noticia{margin-bottom: 100px;}
.noticia span{width: 100%;}
.noticia p{float: none}
.noticia hr {
  width: 40px;
  border: solid 2px #00c39f;
  margin-bottom: 40px;
}

.noticia-contenido{padding-left: 25px}
.noticia-contenido h2 {float: none}
.noticia-contenido h4 {float: none}
.noticia-contenido .noticia-texto{margin-top: 25px; height: auto}
.noticia-contenido img{margin-bottom:25px; height: auto}
.noticia-contenido .fecha{
  font-size: 16px;
  font-family: "museo_sans_rounded300";
  margin-top: 0;
}

.read-more{
  padding: 10px 20px;
  border: solid 2px #A6CD02;
  border-radius: 20px;
  margin-top: 10px;
  margin-left: -5px;
  float: left;
  color: #A6CD02;
  font-family: "museo_sans_rounded300";
  font-size: 16px;
}

.read-more:hover{
  background-color: #A6CD02;
  color: #fff;
  text-decoration: none;
}

.noticia-titulo{
  font-size: 25px;
  line-height: 35px;
  color: #00c39f !important;
}

.noticia-titulo a{
  font-size: 25px;
  line-height: 35px;
  color: #00c39f !important;
}

.author{margin-bottom: 50px;}
.author img{max-width: 120px; margin-bottom: 20px}
.author p{
  margin: 10px 0px;
}

.author a{
  color: #00c39f;
  font-size: 18px;
  font-family: "museo_sans_rounded300";
}
.author a:hover{
  text-decoration: none;
}

.navigation{
  padding-left: 25px;
  margin-bottom: 30px;
}

.navigation a{
  padding: 10px 20px;
  border: solid 2px #00c39f;
  border-radius: 20px;
  margin-left: -5px;
  color: #00c39f;
  font-family: "museo_sans_rounded300";
  font-size: 16px;
  margin-right: 20px;
}

.navigation a:hover{
  text-decoration: none;
  background-color: #00c39f;
  color: #fff;
}

/* TESTIMONIOS */

.testimonios{
  padding: 60px 10%;
}

.testimonios-contenido{
  display: inline;
  max-width: 600px;
}

.testimonios img{
  display: inline;
  max-width: 100px;
  margin-bottom: 0px;
}

.testimonios p{
  color: #aaa;
  line-height: 150%;
  font-family: "museo_sans_rounded300";
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto;
}

.testimonios li{
  margin-left: -25px;
}

.testimonios h1{
  color: #A6CD02;
}

.testimonios h3{
  color: #00c39f;
  font-size: 18px;
  font-family: "museo_sans_rounded300";
  margin-bottom: 0;
  line-height: 25px;
}

.testimonios h4{
  color: #a6cd02;
  font-size: 14px;
  font-family: "museo_sans_rounded300";
  margin: 0;
  margin-bottom: 20px;
}

.testimonios h5{
  margin: 0;
  color: #aaa;
  font-family: "museo_sans_rounded300";

}

/* SURVEY */

.survey label{
  font-family: "museo_sans_rounded300";
  font-size: 18px;
  color: #00c39f;
  cursor: text;
  margin-bottom: 20px;
}

.survey input, .survey select, .survey textarea{
  width: 100%;
  background-color: #E4E4E4;
  padding: 10px 20px;
  color: #555555;
  font-family: "museo_sans_rounded300";
  font-size: 18px;
  min-height: 35px;
  margin-top: 0;
  margin-bottom: 50px;
  border: solid 0px;
  border-radius: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.survey textarea{
  height: 200px;
  resize: none;
  padding: 20px;
  border-radius: 20px;
  margin-top: -25px;
}

.survey select{
  background-image: url(../img/select.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.survey .submit{
  width: auto !important;
  padding: 10px 60px;
  display: inherit;
  margin: 0 auto;
  height: auto !important;
}

/* RESULTADOS */

.resultado h1{
  margin-top: 100px;
  margin-bottom: 10px;
  font-size: 44px;
}

.resultado p{
  margin-bottom: 100px;
}