@font-face {
    font-family: 'Bold';
    src: url('fuentes/bold.eot');
    src: url('fuentes/bold.eot?#iefix') format('embedded-opentype'),
         url('fuentes/bold.woff') format('woff'),
         url('fuentes/bold.ttf') format('truetype'),
         url('fuentes/bold.svg#Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*

body.canFix.cms-page-view.cms-planta-tu-arbol #firstContenido {
	padding-top: 152px;
}


@media screen and (max-width: 1030px){
	body.canFix.cms-page-view.cms-planta-tu-arbol #firstContenido {
		padding-top: 92px;
	}
}

@media screen and (max-width: 640px){
	body.canFix.cms-page-view.cms-planta-tu-arbol #firstContenido {
		padding-top: 113px;
	}
}
*/


body.cms-page-view.cms-planta-tu-arbol .main-container {
    max-width: none;
    padding: 0px;
}

body.cms-page-view.cms-planta-tu-arbol .staticViewInIn {
    padding-left: 0px;
    padding-right: 0px;
}


body.cms-page-view.cms-planta-tu-arbol .staticViewInInCenterer {
    max-width: 1051px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1000px){
	body.cms-page-view.cms-planta-tu-arbol .staticViewInInCenterer{
		padding-left: 20px;
		padding-right: 20px;
	}
}

body.cms-page-view.cms-planta-tu-arbol #paralaxTop {
	height:60vh;
	height:73vh;
	overflow:hidden;
	text-align:center;
}


body.cms-page-view.cms-planta-tu-arbol #paralaxTop {
	background-image: url("../../images/plantaarbol/poster_bg.jpg?val=3");
	background-attachment: initial;
}

body.cms-page-view.cms-planta-tu-arbol #paralaxTop.videoInited{
	background-image: url("../../images/plantaarbol/poster_reforestacion.jpg");
}




#videoPlayLabel{
	display:none;
}


#videoPlayClon,
#videoPlay{
	display:block;
	width:100%;
	padding-top: 54%;
	background: transparent url("../../images/plantaarbol/videoPlay.jpg?val=2023") no-repeat center center;
	background-size:cover;
	cursor:pointer;
	z-index: 20;
}

#videoPlay.oculto{
	display:none !important;
}


#videoPlay{
	-webkit-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.75);
}


@media screen and (max-height: 600px){
	#videoPlayClon, #videoPlay {
		padding-top: 44%;
	}
}

body.cms-page-view.cms-planta-tu-arbol #parallaxText1 .staticViewInInCenterer {
	text-align:center;
}

body.cms-page-view.cms-planta-tu-arbol #parallaxText1{
	bottom:0%;
	height: 100%;
}

.videoIntegrado{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit:cover;
	/*object-position: bottom;*/
}

#videoCp.videoIntegrado.contain{
	position:relative;
	top:auto;
	left:auto;
	height:100%;
	width:auto;
	object-fit: contain;
}	

@media screen and (max-width: 920px){
	#videoCp.videoIntegrado.contain{
		width:100%;
		height:100%;
		
	}	

	body{
		display:initial;
	}
}


#bajoVideoContain{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #000 url("../../images/plantaarbol/bgVideoContain.jpg?val=2020") no-repeat bottom center;
	background-size:cover;
}

#overVideo{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.3) url("../../images/tramaVid.png") repeat bottom center;
	pointer-events: none;
}


body.cms-page-view.cms-planta-tu-arbol #paralaxTop.videoInited #overVideo,
body.cms-page-view.cms-planta-tu-arbol #paralaxTop.videoInited #videoBg,
body.cms-page-view.cms-planta-tu-arbol #paralaxTop.videoInited #parallaxText1{
	display:none;
}

#parallaxArbolTopBoxIn{
	color:#fff;
	font-size:150%;
}

#parallaxArbolTopBoxIn h1{
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 230%;
	line-height: 110%;
	letter-spacing: 0.03em;
}

#parallaxArbolTopBoxInRight p strong{
	display:block;
	margin-top:20px;
}

#parallaxTextArbolTopBox{
	display:table;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#parallaxArbolTopBoxIn{
	display:table-row;
	width: 100%;
	height: 100%;
}


#parallaxArbolTopBoxInLeft{
	display:table-cell;
	vertical-align: middle;
	padding-right:2%;
	padding-left:10%;
	width:50%;
	box-sizing:border-box;
}


#parallaxArbolTopBoxInRight{
	display:table-cell;
	vertical-align: middle;
	padding-left:2%;
	padding-right:10%;
	width:50%;
	box-sizing:border-box;
}


#counterTit,
#counterSubTit{
	display:block;
}
/*
#counterDiv{
	display:inline-block;
}

#counterDiv{
	padding:0px;
	background:#fff;
	background: rgba(255,255,255,0.65);
}
*/
#counterDivIn{
	display:block;
	background:#4e4e4e;
	/*min-width: 145px;*/
	text-align: center;
	border:1px solid #1b1b1b;
	border-radius: 5px;
	position:relative;
}

#counterLab{
	display:block;
}

#counterTit{
	/*padding-bottom: 7px;*/
	padding-top: 13px;
	padding-top: 0.7em;
	font-size: 80%;
	font-family: "Bold", "Helvetica Neue", Verdana, Arial, sans-serif;
	color: #333232;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

#counterSubTit{
	padding-top:2px;
	font-size:60%;
	/*font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;*/
	color: #333232;
	display:none;
}




#counterLab{

	font-size: 380%;
	line-height: 100%;
	line-height: 56%;
	padding-bottom: 2px;
	position:relative;
	z-index:1;
	letter-spacing: 0.03em;
	color:#fff;
}

#counterBotLine{
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	height:2px;
	background:#1b1b1b;
	z-index:0;
}

#counterTopLine{
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	height:1px;
	background:#1b1b1b;
	z-index:2;
}

#counterBotLineIn{
	position:relative;
	display:block;
	width:100%;
	height:1px;
	background:#6d6d6d;
	margin-top: 1px;
}

#counterBoxLeft{
	position: absolute;
	top: 36%;
	left: 0px;
	width: 4%;
	height: 30%;
	background:#3a3a3a;
	border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border:1px solid #1b1b1b;
	border-left:0px;
	z-index:4;
}

#counterBoxRight{
	position: absolute;
	top: 36%;
	right: 0px;
	width: 4%;
	height: 30%;
	background:#3a3a3a;
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border:1px solid #1b1b1b;
	border-right:0px;
	z-index:4;
}


#counterBoxLeft2{
	position: absolute;
	top: 37%;
	top: calc(51% + 1px);
	left: 0px;
	width: 5%;
	width: calc(4% + 1px);
	height: 15%;
	background:#1b1b1b;
	border-radius: 0px 0px 3px 0px;
	-moz-border-radius: 0px 0px 3px 0px;
	-webkit-border-radius: 0px 0px 3px 0px;
	border:1px solid #6d6d6d;
	border-left:0px;
	z-index:3;
}

#counterBoxRight2{
	position: absolute;
	top: 37%;
	top: calc(51% + 1px);
	right: 0px;
	width: 5%;
	width: calc(4% + 1px);
	height: 15%;
	background:#1b1b1b;
	border-radius: 0px 0px 0px 3px;
	-moz-border-radius: 0px 0px 0px 3px;
	-webkit-border-radius: 0px 0px 0px 3px;
	border:1px solid #6d6d6d;
	border-right:0px;
	z-index:3;
}

#counterDivOut{
	display:block;
	text-align:center;
	color:#1b1b1b;
}

#arbolico{
	display:block;
	width:100%;
	height:80px;
	/*padding-right:5px;*/
	
	background-size:contain;
	margin-bottom: 4px;
	margin-top: 2px;

	display:none;
}

.arbolico{
	background: transparent url("../../images/plantaarbol/tree2.svg?val=3") no-repeat center center;
	background-size:contain;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-bottom: -1px;
}

.arbolico.color{
	background-image: url("../../images/plantaarbol/treeColor.svg?val=3");
}

.nino{
	background: transparent url("../../images/plantaarbol/nino_1.svg?val=3") no-repeat center center;
	background-size:contain;
	position:absolute;
	bottom:0px;
	left:0px;
}

.nino.nin_1{
	background: transparent url("../../images/plantaarbol/nino_2.svg?val=3") no-repeat center center;
	background-size:contain;
}

.nino.nin_2{
	background: transparent url("../../images/plantaarbol/nino_3.svg?val=3") no-repeat center center;
	background-size:contain;
}

.nino.nin_3{
	background: transparent url("../../images/plantaarbol/nino_4.svg?val=3") no-repeat center center;
	background-size:contain;
}

.nino.nin_4{
	background: transparent url("../../images/plantaarbol/nino_5.svg?val=3") no-repeat center center;
	background-size:contain;
}

.nino.nin_5{
	background: transparent url("../../images/plantaarbol/nino_6.svg?val=3") no-repeat center center;
	background-size:contain;
}

#counterDivOut{
	background: transparent url("../../images/plantaarbol/tree2_nob.svg?val=3") no-repeat center center;
	background-size:contain;
	width: 280px;
	height:300px;
	padding: 159px 20px 0px;
	box-sizing:border-box;
	z-index:0;
	margin-bottom: -1px;
	font-size:108%;
}



body.cms-page-view.cms-planta-tu-arbol #parallaxArbolTopBoxIn h1 {
	margin-bottom: 20px;
}

#counterLab {
    font-size: 270%;
}

#parallaxArbolTopBoxInLeftFS{
	position:relative;
	width:100%;
	height:100%;
	/*background:#f00;*/
}

#parallaxArbolTopBoxInLeftContent{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:1;
}

#rec_1_titular .staticTit{
	font-size:185%;
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
}

#counterDiv {
	background:transparent;
}

#counterDivIn {
    background: transparent;
	border: 0px solid #1b1b1b;
    border-radius: 0px;
}



#counterLab {
    font-size: 360%;
    font-family: "Bold", "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #118336;
    line-height: 67%;
}

#treeAtrib{
	padding:5px 20px;
	text-align:right;
	font-size:80%;
}

body.cms-page-view.cms-planta-tu-arbol #rec_1_titular p {
	max-width:620px;
}

body.cms-page-view.cms-planta-tu-arbol #rec_1_titular p strong{
	display:inline-block;
	padding-top:8px;
}


body.cms-page-view.cms-planta-tu-arbol #rec_1_titular p strong.black{
	display:initial;
	padding-top:0px;
	color: #595959;
}

body.cms-page-view.cms-planta-tu-arbol #rec_1_titular .staticTit {
    line-height: 100%;
}

#treeIcons{
	display:block;
	width:100%;
	padding: 45px 0px 20px;
	max-width: 1051px;
	margin:0 auto;
	text-align: center;
	font-size: 120%;
	position:relative;
}

.staticViewIn.ref_1{
	background: #deedde;
}

#rec_1_titular.reforestacion{
	padding-bottom:60px;
}

.treeIcon{
	display:inline-block;
	width:25%;
	box-sizing:border-box;
	padding:10px;
	padding-top:75px;
	background: transparent url("../../images/plantaarbol/treeIcon_1.svg?val=2025") no-repeat top center;
	background-size:contain;
	background-size: 70px auto;
	vertical-align:top;
}

.treeIcon.num_1{
	background-image:url("../../images/plantaarbol/treeIcon_1.svg?val=2025");
}

.treeIcon.num_2{
	background-image:url("../../images/plantaarbol/treeIcon_2.svg?val=2025");
}

.treeIcon.num_3{
	background-image:url("../../images/plantaarbol/treeIcon_3.svg?val=2025");
}

.treeIcon.num_4{
	background-image:url("../../images/plantaarbol/treeIcon_4.svg?val=2025");
}

.treeIcon p{
	max-width:180px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	letter-spacing: 0.05em;
	padding-bottom: 15px;
	font-family: "OptimaLTStd", "Helvetica Neue", Verdana, Arial, sans-serif;
	color:#636363;
}

#treeIcons h2{
	color:#333;
	font-size: 150%;
	letter-spacing: 0.03em;
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	font-weight: 400;
	text-transform:none;
	padding-bottom: 25px;
}

.proyecto{
	padding:60px 0px;
	text-align:center;
	min-height: 670px;
	position: relative;
}

#proyecto_2{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../../images/plantaarbol/nature-forest-trees-fog-4827.jpg?val=1");
	background-image: url("../../images/plantaarbol/IMG_0049.jpg?val=1");
}


.proyecto_text{
	padding:0px 30px;
	max-width:500px;
	margin:0 auto;
	color: #333;
}

.proyecto_text h2{
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 190%;
	line-height: 110%;
	letter-spacing: 0.03em;	
	color:#333;
	text-transform:none;
}

#buttonGoHome{
	padding-top:15px;
	display:block;
}

#buttonGoHome a{
	background: #deedde;
	color:#333;
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:110%;
	display:inline-block;
	padding:10px 30px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);

	
}

#buttonGoHome a span{
	display:inline-block;
	background: transparent url("../../images/plantaarbol/treeButton.svg?val=3") no-repeat top -1px left;
	background-size:contain;
	padding-left:24px;
	padding-top:2px;
	padding-bottom:2px;
	background-size: 17px auto;
}


#buttonGoHome a#proyects_btn{
	padding:10px 30px 10px 20px;
}

#buttonGoHome a#proyects_btn span{
	background: transparent url("../../images/plantaarbol/fldown.png?val=3") no-repeat center left;
}

@media screen and (max-width: 1030px){
	#counterDivOut{
		width: 230px;
		height:244px;
		font-size:90%;
		padding: 132px 20px 0px;
	}

	#parallaxArbolTopBoxInLeft {
		padding-left: 7%;
	}

	#parallaxArbolTopBoxInRight {
		padding-right: 7%;
	}
}

@media screen and (max-width: 660px){
	.treeIcon{
		width:50%;
	}
}

@media screen and (max-width: 599px){
	#counterDivOut{
		width: 150px;
		height: 156px;
		padding: 85px 5px 0px;
		font-size: 66%;
	}
	#parallaxArbolTopBoxInLeft {
		padding-left: 1%;
		width:40%;
	}

	#parallaxArbolTopBoxInRight {
		width:60%;
		padding-left: 7%;
		padding-right: 3%;
	}

	#counterTit {
		padding-top: 0.3em;
		font-size: 75%;
		letter-spacing: 0.03em;
	}


	body.cms-page-view.cms-planta-tu-arbol #paralaxTop {
		height: 40vh;
	}


	#videoPlayClon,
	#videoPlay{
		background-image:url("../../images/plantaarbol/videoPlayMob.jpg?val=4");
	}


	#counterLab {
		font-size: 320%;
	}
}


@media screen and (max-width: 380px){
	.treeIcon{
		font-size:85%;
	}

	/*.treeIcon.num_3,
	.treeIcon.num_1{
		padding-left:0px;
	}

	.treeIcon.num_2,
	.treeIcon.num_4{
		padding-right:0px;
	}*/
}

.proyecto_text h2 {

    padding-bottom: 0px;
    margin: 0px;
	text-shadow: 1px 1px 0px #FFF;
	z-index:2;
	position:relative;

	font-size:220%;
}

.proyecto_text .year{
	z-index:2;
	position:relative;
	color:#fff;
	font-size:110%;
	font-family: "OptimaLTStd", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.proyecto_trees{
	font-size:190%;
	
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;

/*	margin-top: -45px;
	margin-top: -62px;*/
		z-index:1;
		position:relative;
}

.proyecto_tit{
	background:transparent url("../../images/plantaarbol/treeBannerBlack.svg?val=3") no-repeat bottom center;
	background-size:contain;
	padding-top:50px;
	padding-top: 19px;
	padding-bottom:6px;
	position:relative;
}

.proyecto_trees_name{
	display:inline-block;
	color: #2f482d;
	text-shadow: 1px 1px 0px #FFF;

}

.proyecto_text strong{
	color:#2f482d;
}

.proyecto_text a.folia{
	color:#2f482d;
	font-weight:600;
}

.proyects{
	margin-left:10px;
}

.proyecto_old{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 670px;
}

#proyecto_1{
	background-image: url("../../images/plantaarbol/fondo_pro_2.jpg?val=1");
}

#proyecto_1_b{
	background-image: url("../../images/plantaarbol/fondo_pro_1.jpg?val=1");
}

#proyecto_2{
	min-height: 430px;
}

.proyecto_text{
	text-shadow:1px 1px 1px rgba(255,255,255,0.9);
	text-shadow: 1px 1px 4px rgb(255, 255, 255);
}

.proyecto_text .year{
	display:block;
	color:#fff;
	color:#9dc8ab;
	text-align:center;
	font-size:140%;
	margin-top: -7px;
	margin-bottom: -2px;
	position:relative;
	z-index:1;
	text-shadow:none;
	font-family: "OptimaLTStdItalic", "Helvetica Neue", Verdana, Arial, sans-serif;

}

.page-estatic-content p.proyecto_trees{
    padding-bottom: 5px;
}

.objImg{
	width:260px;
	height:auto;
	margin-left:0px;
	display:block;
}

.explanation_trees span{
	background-position: center left;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../../images/plantaarbol/icon1.png?val=1");
	padding-left: 25px;
}


.explanation_co2 span{
	background-position: center left;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../../images/plantaarbol/icon2.png?val=1");
	padding-left: 25px;
}

.explanation{
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:120%;
	color:#000;
	text-shadow:none;
	text-align: center;
	position: absolute;
	right: 100px;
	top: 360px;

}

.proyecto.left .explanation{
	left: 100px;
	right: auto;
}

.explanation_objective,
.explanation_co2{
	margin-top:8px;
}

.explanation_objective span{
	display:block;
	padding-bottom:5px;
	padding-left: 2px;
}

.explanation_vid{
	margin-bottom:5px;
}

.videoExplanation{
	max-width:100%;
	max-width:260px;
	height:auto;
	cursor:pointer;
}

.proyecto_old .explanation_vid{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
/*
#proyecto_1 .explanation_vid{
	background-image:url("../../images/plantaarbol/videoPlay2020.jpg?val=4");
}
#proyecto_1_b .explanation_vid{
	background-image:url("../../images/plantaarbol/videoPlay2021.jpg?val=4");
}
*/
.explanation{
	background:rgba(255,255,255,0.4);
	padding:5px;
}

.proyecto_text strong.bigStrong,
.page-estatic-content strong.bigStrong{
	font-size:120%;
	display: block;
	margin-top: 5px;
}

#sepBut{
	display:none;
}

@media screen and (max-width: 700px){
	.explanation{
		background:rgba(255,255,255,0.65);
	}
}


@media screen and (max-width: 599px){
/*
	#proyecto_1 .explanation_vid{
		background-image:url("../../images/plantaarbol/videoPlayMob2020.jpg?val=4");
	}
	#proyecto_1_b .explanation_vid{
		background-image:url("../../images/plantaarbol/videoPlayMob2021.jpg?val=4");
	}
*/


	#sepBut{
		display:block;
	}

	#buttonGoHome a#proyects_btn{
		margin-top:15px;
		margin-right:10px;
	}

}

@media screen and (max-width: 500px){
	.proyecto.left .explanation,
	.explanation{
		position: relative;
		right: auto;
		left: auto;
		top: auto;
		max-width:280px;
		margin-left: auto;
		margin-right: auto;
	}

	.videoExplanation {
	  max-width: 100%;
	}

	#proyecto_2 {
		min-height: 260px;
	}


	.proyecto_old{
		min-height: 610px;
	}

	.proyecto_tit{
		font-size:70%;
	}

	.proyecto_text {
		padding: 0px 15px;
	}

	.proyecto {
		padding: 35px 0px;
	}

	.proyecto_text .year {
		margin-top: -5px;
		margin-bottom: -4px;
	}
}