@media screen and (max-width: 1580px) {
	.path .container {
		width:800px; 
		max-width:800px; 
	}

	.path .container .mob {
		display: block;
	}

	.path .container .nomob {
		display: none;
	}

	.about-us-b .container {
		width:1060px; 
	}
	
}
@media screen and (min-width:1024px){
		.grid-episode-data {
		grid-template-rows:30px; 
	}
	
}
@media screen and (min-width:1250px){
	.documentary .container{
		height: 95vh;		
	}
}

@media screen and (max-width: 1300px) {
	.about-us-b .container {
		width:860px; 
	}
.grid-episode-data {
	/* grid-template-rows:30px !important; */
}
.fix-text{
	grid-template-rows:50px !important;
}
		.documentary .content p{
		/* font-size:1em; */
	}
	div.documentary-logo {
		    padding-top: 75px;

	}

}

@media screen and (max-width: 1200px) {

	.leader-slider .bio p {
		font-size: 14px;
		line-height: 22px;
	}

	#bullet-nav {
		left:35px; 
	}
	
	
}

@media screen and (max-width: 1024px) {

	

	.fp-controlArrow.fp-next, 
	.fp-controlArrow.fp-prev {
		display:none;
	}

	nav {
		width:40vw; left:-40vw; 
	}

	.mosaico .bottom-content ul li {
		font-size:23px;
	}


	#bullet-nav {
		left:20px; 
	}

	.mosaico .subtitle {
		font-size:23px;
	}
/* 
	body.en .mosaico {
		background-image: url('../img/background/portadaLogoMobile_ENG.jpg'); 
	}

	body.es .mosaico {
		background-image: url('../img/background/portadaLogoMobile_ESP.jpg'); 
	} */

	.mosaico {
		background-image: url('../img/background/portadaLogoMobile.jpg'); 
		background-position: 0px 50px; 
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		background-repeat: no-repeat;
	}

	.motivacion {
		background: url('../img/bg_motivacion_tablet.jpg') no-repeat;background-position: bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}

	.motivacion .content, .documentary .container {
		width:720px;
		/* height: 52vh; */
	}

	.questions .container {
		width:800px;
	}

	.mapa .container h1 {
		font-size:52px;
	}

	.onu .slide1 .content {

	    transform: translate(-50%, -60%);
	    height:70vh;
	}

	.presentacion-a .content, .presentacion-b .top-content, .presentacion-b .bottom-content, .about .about-slide1 .container, .about .about-slide1-b .container, .about .about-slide1-c .container, .about .about-slide2 .container, .about .about-slide3 .container, .about .about-slide4 .container, .about .about-slide5 .container, .mapa .container, .the-path .container, .achieve .container, .crowdfunding .container, .contact-us .container, .about-us .container, .onu .slide1 .container, .onu .slide2 .container, .onu .slide3 .container, .wise .wise-slide1 .container, .wise .wise-slide2 .container, .bg-data-slides  {
		width:720px;
	}

	.about-us-b .container {
		width: 630px;
	}

	.presentacion-b .top-content h2 {
		font-size: 60px;
	}

	.the-path .timeline {
		margin-top:50px;
	}

	.the-path .timeline .dashed-line {
		width:1px; border-left: 2px dashed #b8b8b8; height:calc(100% + 40px); left:50%; top:-40px; transform:translateX(-50%);
	}

	.the-path .timeline .timeline-block {
		margin:40px auto; clear:both;
	}

	.the-path .timeline .timeline-block .fecha {
		float:none; width:auto; font-family: 'Roboto Mono', monospace; text-align:center; padding:0; margin:5px auto;
	}

	.the-path .timeline .timeline-block .timeline-bullet {
		float:none; width:30px; margin:0 auto; margin-bottom:5px;
	}

	.the-path .timeline .timeline-block .path-block {
		float:none; border:1px solid #b8b8b8; padding:10px; width:300px; margin:0 auto;
	}

	.the-path .timeline .timeline-block .path-block .photo {
		float:none; position:relative;
	}

	.the-path .timeline .timeline-block .path-block .photo img {
		 max-width:280px; 
	}
	.the-path .timeline .timeline-block .path-block .desc {
		position:absolute; bottom: 10px; width:280px; 
	}

	.the-path .timeline .timeline-block .path-block .desc-no-pic {
		position:relative; width:280px; 
	}

	.timeline-bullet.no-mob {
		display:none;
	}
	.timeline-bullet.mob {
		display:block;
	}

	.leader-slider .bio .container {
		background-position: center center;
	}
	.documentary-slider1-en {
		height: 40vh;
		top: 74% !important;
	}
	.documentary-slider1-es {
		height: 40vh;
		top: 74% !important;
	}
	.documentary .top-title {
	 padding-top: unset!important;
	}
	.documentary .container {
		margin-top: unset;
		top: -15vh;
	}
	.slide-to-see.documentary.es {
		top: 86%;
		left: 64%;
	}
	.slide-to-see.documentary {
	    top: 85%;
    	left: 69%;

	}
}



@media screen and (max-width: 900px) {
/* 
	body.en .mosaico {
		background-image: url(../img/background/portadaLogoMobile_ENG.jpg); 
	}


	body.es .mosaico {
		background-image: url(../img/background/portadaLogoMobile_ESP.jpg); 
	} */

	.mosaico {
		background-image: url(../img/background/portadaLogoMobile.jpg); 
		background-position: center top; 
		background-size: cover; 
		background-repeat: no-repeat;
	}

	.presentacion-a {
		background: url(../img/mob_bg_presentacion-a.jpg) no-repeat center center; background-position: 0px 50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}

	.crowdfunding {
		background: url(../img/bg_crowdfunding_mob.jpg) no-repeat center center; background-position: 0px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}

	.documentary .documentary-slide1{
		/*background: url(../img/bg_documentary_mob.jpg) no-repeat center center; background-position: 0px 49px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
	}

	/* seccion nueva "documentary" */




	.about .about-slide1 {
		background: url(../img/mob_bg_about1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.about .about-slide1-b {
		background: url(../img/mob_bg_about1b.jpg) no-repeat center center; background-position: 0px 50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.about .about-slide2 {
		background: url(../img/mob_bg_about2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.about .about-slide3 {
		background: url(../img/mob_bg_about3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.about .about-slide3.es {
		background: url(../img/mob_bg_about3-es.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff;
	}
	.about .about-slide4 {
		background: url(../img/mob_bg_about4.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.about .about-slide4.es {
		background: url(../img/mob_bg_about4-es.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff;
	}
	.mapa {
		background: url(../img/mob_bg_mapa.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
	}

	.onu .slide1 {
		background: url(../img/bg_onu_mob1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.onu .slide2 {
		background: url(../img/bg_onu_mob2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.onu .slide3 {
		background: url(../img/bg_onu_mob3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.wise .wise-slide1 {
		background: url(../img/bg_wise_mob1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	.wise .wise-slide2 {
		background: url(../img/bg_wise_mob2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}

	.about .about-slide1-c {
		background: url(../img/about_map_bg_mob.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#000;
	}

	.presentacion-b .top-content {
		top:60px; width:640px;
	}

	
	.header-right-mob {
		display:block; float:right; margin-top:15px; margin-right:10px;
	}

	.header-right-mob a {
	    color: #fff; font-family: 'Roboto Mono', monospace; font-size: 12px; padding-top: 0px; float: left; margin-right:10px; font-weight:500;
	}

	.header-right-mob a:hover {
		color:#fff;
	}

	.header-right-mob .idioma {
		color: #fff; font-family: 'Roboto Mono', monospace; font-size: 12px; padding-top: 0px; float:left; font-weight:500; 
	}
	.header-right-mob .idioma span {
		text-decoration: underline;
	}

	.presentacion-a .content,
	.presentacion-b .bottom-content,
	.about .about-slide1 .container,
	.about .about-slide1-b .container, 
	.about .about-slide1-c .container, 
	.about .about-slide2 .container,
	.about .about-slide3 .container,
	.about .about-slide4 .container,
	.about .about-slide5 .container,
	.questions .container,
	.mapa .container,
	.path .container,
	.achieve .container,
	.motivacion .content,
	.contact-us .container,
	.onu .slide1 .container, 
	.onu .slide2 .container, 
	.onu .slide3 .container,
	.wise .wise-slide1 .container, 
	.wise .wise-slide2 .container {
		width:640px; margin-top:50px;
	}



	.trailer .mute-icon {
		display:none;
	}

	#bullet-nav {
		display:none;
	}

	.no-mob {
		display:none;
	}

	.header-right {
		display:none;
	}
	nav {
		width:50vw; left:-50vw; 
	}
	.mosaico .content {
		width:100%;
	}

	.mosaico .title {
		font-size:100px; padding-left:25px;
	}

	.mosaico .subtitle, 
	.mosaico .subtitle-es {
		display:inline-block; font-size:22px;
	}

	.section .premosaico .premosaico_content .more {
		bottom:10px;
		right:10px;
	}



	.video-controls {
		display:none;
	}

	.play-me {
		display:block;
	}

	.crowdfunding .modal-individuals, 
	.crowdfunding .modal-governments, 
	.crowdfunding .modal-ngos, 
	.crowdfunding .modal-private {
		width:700px;
	}

	.crowdfunding .modal-individuals h1,
	.crowdfunding .modal-governments h1,
	.crowdfunding .modal-ngos h1,
	.crowdfunding .modal-private h1 {
		font-size:35px;
	}

	.crowdfunding ul {
		justify-content:center;
	}

	.presentacion-a .content {
		width:700px;
	}

	.about .about-slide5 .documentary-text {
		width: 80vw; right: 1.5%;
	}

	.onu .slide1 .container ul {
		flex-wrap:wrap; justify-content: center;
	}

	.contact-us h1 {
		font-size:35px; 
		border-bottom:2px solid #000; 
		color:#000; 
		margin-bottom:20px; 
		letter-spacing:1px;
	}

	.leader-slider .twelvequestions {
		height: auto !important;
		padding-bottom: 30px;
	}

	.leader-slider .twelvequestions .container {
		position: static;
		height: auto !important;
		padding: 0px;
		background: none;
	}

	.leader-slider .twelvequestions .container .content {
		height: auto !important;
		position: static;
    	left: auto;
    	top: auto;
    	transform: none;
    	width: 100%;
    	padding: 25px;
	}

	.leader-slider .twelvequestions h3 {
		color: #000;
	    margin-top: 50px;
	    margin-bottom: 25px;
	}

	.leader-slider .twelvequestions .content .left {
		display: none;
	}

	.leader-slider .twelvequestions .content .right {
		width: auto;
		float: none;
	}

	.leader-slider .twelvequestions .container .content {

		padding-bottom: 60px !important;
	}

	.leader-slider .twelvequestions h4{ 
		font-size: 48px;
	}

	.leader-slider .twelvequestions h1{
		font-size: 48px;
		margin-bottom: 10px;
	}

	.leader-slider .twelvequestions h1 .mob{
		display: inline;
	}

	.leader-slider .twelvequestions p
	{
		font-size: 14px;
    	line-height: 22px;
	}

	.leader-slider .twelvequestions p.prev {
	    margin-bottom: 20px;
	}

	.leader-slider .twelvequestions p.main
	{
		padding-left: 20px;
	}
		.listado-temporadas{
	margin-top: 3em;
	}
	.leader-slider.admor .bio .container {
		background-position: bottom;
	}
	.leader-slider.margarita .bio .container {
		background-position: bottom;
	}
	.leader-slider.nina .bio .container {
		background-position: bottom;
	}
	.leader-slider.srisri .bio .container {
		background-position: bottom;
	}
	.leader-slider.hiah .bio .container {
		background-position: bottom;
	}
	.leader-slider.angaangaq .bio .container {
		background-position: bottom;
	}
	.leader-slider.bolen .bio .container {
		background-position: bottom;
	}
	.leader-slider.david .bio .container {
		background-position: bottom;
	}
	.leader-slider.falcon .bio .container {
		background-position: bottom;
	}
	.documentary .top-title {
		padding-top: 56px!important;
	}
	.documentary h3.top-title img {
		margin-top: 18%;
	}
	.documentary .container {
		margin-top: 12em!important;
	}
					

}

@media screen and (min-width: 768px) {
	.container.no-mob {
		display: block!important;
	}
	.documentary-container.no-mob {
		display: block!important;
	}
	.documentary-container-2.no-mob {
		display: block!important;
	}
	.documentary-slider1-en.no-mob {
		display: block!important;
	}
	.documentary-slider1-es.no-mob {
		display: block!important;
	}	
}
@media screen and (max-width: 700px) {
	
	.mosaico .top-right-content {
		width: 120px;
	}

	.mosaico .bottom-content {
		max-width:390px;
	}
	.mosaico .bottom-content ul li {
		line-height:60px; font-size:16px;
	}

	.mosaico .bottom-content ul li:nth-child(1) {
		margin-left:-40px; padding-right:0px; float:none; width:auto; text-align: center;
	}

	.mosaico .bottom-content ul li:nth-child(3) img {
		max-height:90px; margin-top:-20px;
	}

	.mosaico .bottom-content ul li:nth-child(2) img {
		max-height:40px; 
	}

	
}









@media screen and (max-width: 600px) {

	.hamb-toggle {
		margin:10px 5px 0px 20px;
	}

	.donate-mob {
		font-family: 'Roboto Mono', monospace; letter-spacing: 2px; font-size:12px; float:left; margin-right:10px;
	}

	.donate-mob a{
		color:#fff;
	}

	.donate-mob a:hover{
		color:#f2c3b6;
	}

	nav .social-block {
		margin-left:10px;
	}
	.mob {
		display:block;
	}
	.nomob {
		display:none;
	}
	.arrow-container {
		bottom:0px;
	}

	.arrow-down {
		width:60px; height:40px; background: url(../img/arr_down_dark_bg.png) no-repeat; background-size: 60px 40px;
	}
	.arrow-black {
		width:60px; height:40px; background: url(../img/arr_down_light_bg.png) no-repeat; background-size: 60px 40px;
	}
	
	#bullet-about,
	#bullet-onu {
		margin-left:-16px;bottom:50px;
	}
	#bullet-about div,
	#bullet-onu div{
		margin-left:8px;
	}

	nav {
		width:70vw;  left:-70vw; 
	}

	.mosaico .title {
		font-size:60px; padding-left:0px; letter-spacing:6px; word-spacing:-10px; line-height:50px;
	}

	.mosaico .subtitle {
		display:inline-block; font-size:14px;
	}

	.mosaico .bottom-content {
		bottom:30px;
	}

	.mosaico .bottom-content ul li {
		line-height:60px; font-size:16px;
	}

	.mosaico .bottom-content ul li:nth-child(1) {
		margin-left:-40px; padding-right:0px; float:none; width:auto; text-align: center;
	}

	.mosaico .bottom-content ul li:nth-child(3) img {
		max-height:90px; margin-top:-20px;
	}

	.mosaico .bottom-content ul li:nth-child(2) img {
		max-height:40px; 
	}

	.crowdfunding .container h1 {
		font-size:27px; letter-spacing:2px; border-bottom:2px solid #fff;
	}

	.crowdfunding .container p {
		font-size:14px; line-height:20px; margin-top:10px;
	}

	.crowdfunding ul li img {
		max-width:70px;
	}

	.crowdfunding .modal-individuals, 
	.crowdfunding .modal-governments, 
	.crowdfunding .modal-ngos, 
	.crowdfunding .modal-private {
		width: 90vw;
	    padding: 20px 14px 20px 20px;
	    height: calc(100vh - 100px);
	    margin-top: 0px;
	    top: 50px;
	    transform: translate(-50%, 0);
	}

	.modal-scroller {
		/*padding-right:20px; */
		margin-top:20px;
		padding-bottom: 20px;
	}


	.crowdfunding .modal-individuals h1,
	.crowdfunding .modal-governments h1,
	.crowdfunding .modal-ngos h1,
	.crowdfunding .modal-private h1 {
		font-size:30px; margin-top: 30px; margin-bottom:20px; 
	}

	.crowdfunding .modal-individuals p,
	.crowdfunding .modal-governments p,
	.crowdfunding .modal-ngos p,
	.crowdfunding .modal-private p {
		font-size:12px; line-height:18px; margin:0; padding:0;
	}

	.crowdfunding .modal-individuals .btn-paypal,
	.crowdfunding .modal-governments .btn-mail,
	.crowdfunding .modal-ngos .btn-mail,
	.crowdfunding .modal-private .btn-mail {
		margin-top: 20px;
	    margin-bottom: 0;
	    max-width: 100px;
        margin-right: 20px;
	}

	.presentacion-a .content,
	.about .about-slide1 .container,
	.about .about-slide1-b .container, 
	.about .about-slide1-c .container, 
	.about .about-slide2 .container,
	.about .about-slide3 .container,
	.about .about-slide4 .container,
	.about .about-slide5 .container,
	.questions .container,
	.mapa .container,
	.insight .container,
	.encounters .container,
	.achieve .container,
	.about-us .container,
	.contact-us .container,
	.about-us-b .container,
	.crowdfunding .container,
	.motivacion .content,
	.onu .slide1 .container, 
	.onu .slide2 .container, 
	.onu .slide3 .container,
	.wise .wise-slide1 .container, 
	.wise .wise-slide2 .container{
		width:340px;
	}

	.about .about-slide2 .container,
	.about .about-slide3 .container,
	.about .about-slide4 .container,
	.about .about-slide5 .container {
		margin-top:-60px;
	}

	.crowdfunding .container {
		margin-top:60px;
	}

	.team-mobile {
		overflow:auto; height:60vh; width:220px; margin-left:auto !important; margin-right:auto !important;
	}

	.mapa .container {
		width:auto; padding-left:25px; padding-right:25px;
	}

	.presentacion-a .content {
		padding-left:15px; padding-right:15px;
	}

	.presentacion-a .content p {
		font-size: 14px; line-height:24px; padding-left:25px; border-left: 2px solid #fff; 
	}


	.presentacion-a .content h2 {
		font-size: 24px; line-height:30px; margin-top:60px; padding-left:0px; margin-left:25px; 
	}

	.presentacion-b .top-content {
		width:360px; top:85px; 
	}

	.presentacion-b .top-content h2 {
		font-size:27px; letter-spacing: 2px;
	}

	.presentacion-b .bottom-content {
		width:340px; bottom:40px;
	}

	.presentacion-b .bottom-content p {
		font-size: 14px; line-height:20px;
	}

	.about .about-slide1 .container h2 {
		font-size:35px; line-height:45px;
	}

	.about .about-slide1 .container .line {
		height:2px; 
	}

	.about-slide1-b .container h3,
	.about .about-slide2 .container h3,
	.about .about-slide3 .container h3,
	.about .about-slide4 .container h3,
	.about .about-slide5 .container h3,
	.about .about-slide5 .documentary-text h3,
	.about-us-b h3,
	.documentary h3,
	.about-us h3,
	.onu h3,
	.wise h3 {
		font-size:14px;
	}

	.about .about-slide3 .container h3,
	.about .about-slide3.es .container h3 {
		font-size:25px; margin-bottom:30px; border-bottom: 2px solid #fff;
	}

	.about .about-slide2 .container h3 .mob,
	.about .about-slide3 .container h3 .mob,
	.about .about-slide4 .container h3 .mob,
	.about .about-slide5 .container h3 .mob {
		display: inline;
	}

	


	.about-us h3 {
		color:#000;
	}

	.about-us-b h3,
	.about-us h3,.documentary h3{
		margin-bottom:30px;
	}


	.about .about-slide2 .container h2,
	.about .about-slide3 .container h2,
	.about .about-slide4 .container h2,
	.about .about-slide5 .container h2,
	.about .about-slide5 .documentary-text h2 {
		font-size: 22px; line-height:32px; letter-spacing:1px;
	}

	.about .about-slide2 .container h3 .mob {
		display: inline;
	}

	.about .about-slide1 .container h2 {
		letter-spacing: 2px; font-size:33px;
	}

	.about .about-slide1 .container p,
	.about-slide1-b .container p {
		font-size: 14px; line-height:20px;
	}

	.about-slide1-c .container h2 {
		font-size:30px; line-height:40px;
	}
	.about-slide1-c .container p {
		font-size: 14px; line-height:25px;
	}

	.about-us .container p a, 
	.about-us .container p a:visited  {
		color: #000; text-decoration: underline; font-weight:700;
	}
	.about-us .container p a:hover, 
	.about-us .container p a:active {
		color: #f2c3b6;
	}

	.insight .container h1 {
		text-align:center;
	}

	.insight .container h1, 
	.encounters .container h2 span {
		font-size:35px; letter-spacing:1px; line-height:40px;
	}
	.encounters .container h2 {
		font-size:30px; letter-spacing:2px; line-height:30px;
	}

	.questions .container div h2 {
		font-size:30px; letter-spacing:2px; line-height:32px; padding-left:0px; padding-bottom:10px;
	}

	.questions .container div h1 {
		font-size:30px; letter-spacing:1px; line-height:32px; padding-left:0px; padding-bottom:10px;
	}

	.mapa .container h1 {
		font-size:40px; text-align:left;
	}

	.path h1,
	.about-us-b h1 {
		font-size:35px; letter-spacing:1px; border-bottom:2px solid #000;
	}



	.path .container {
		margin-top:80px; margin-bottom:80px;
	}


	.path .container {
		width:400px;
	}


	.path ul li {
		width:160px;
	}

	.path ul li .datos {
		height:100px; 
	}

	.path ul li.spacer {
		height: 50px;
	}

	.path ul li h3 {
		font-size:13px;
	}

	.path ul li h4 {
		font-size:13px;
	}

	.path ul li p {
		font-size:11px;
	}


	.achieve .container div p {
		font-size:14px; padding-bottom:20px; padding-left:20px;border-left:2px solid #fff;
	}
	.achieve h3 {
		font-size:40px; padding-top:30px; padding-left:20px;
	}


	.about .about-slide5 .documentary-text {
		width:90vw; height:60vh; right:0.5%; padding-right:30px;
	}

	.about .about-slide5 .documentary-text p {
		font-size: 12px;
	}

	.about-us {
		background: #fff; color:#000;
	}

	.about-us .container h1 {
		font-size:35px; 
		border-bottom:2px solid #000; 
		color:#000; 
		margin-bottom:20px; 
		letter-spacing:1px;
	}

	.about-us .container p,
	.motivacion .content p,.documentary .content p {
		font-size:12px !important; line-height:20px;
	}
	.about-us .container p  {
		color: #000;
	}

	.about-us .bio {
		padding-top:20px; width:100%; padding-right:0px; padding-bottom:100px;
	}

	

	.about-us-b .container {
		margin-top:60px;  padding-bottom:0px;
	}

	.about-us-b h1 {
		margin-bottom:20px;
	}

	.slide-to-see {
		bottom:75px;
	}

	.slide-to-see a h3  {
		font-size:12px;
	}

	.slide-to-see a h3 span {
		font-size:14px;
	}
	.icono-social {
		padding-left: 25px;
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.icono-social.fb {
		background-image: url('../img/ico-03.svg');
	}
	.icono-social.ig {
		background-image: url('../img/ico-05.svg');
	}
	.icono-social.web {
		background-image: url('../img/ico-04.svg');
	}

	.the-path .container {
		width:340px;
	}

	.the-path h1 {
		font-size:30px; border-bottom:2px solid #000;
	}

	.crowdfunding ul li {
		min-width: 125px;
	}

	.crowdfunding ul li img {
		max-width:60px;
	}

	.crowdfunding ul li h3 {
		font-family: 'Roboto Mono', monospace; color:#fff; letter-spacing:0px; font-size:12px; line-height:20px; font-weight:700;
	}

	.crowdfunding ul li button {
		background: transparent; 
		color:#fff; 
		border:1px solid #fff; 
		border-radius:0px; 
		font-family: 'Roboto Mono', monospace; 
		font-size:12px; 
		padding:5px 10px; cursor:pointer; 
		font-weight:500; letter-spacing: -1px;
	}

	.onu .slide1 .container h3,
	.onu .slide2 .container h3,
	.onu .slide3 .container h3,
	.wise .wise-slide1 .container h3,
	.wise .wise-slide2 .container h3 {
		margin-bottom:30px;
	}

	.onu .slide1 .container h2 {
		font-size: 26px; line-height:32px; margin-bottom:20px; letter-spacing: 1px;
	}

	.onu .slide1 .container ul li img{
		max-height:70px;
	}

	.onu .slide2 .container h2 img {
		width:160px;
	}

	.onu .slide2 .container p {
		font-size: 12px; line-height:18px; margin:20px 0px;
	}

	.onu .slide3 .container h1 {
		font-size: 40px; line-height:46px; margin-bottom:30px;
	} 

	.onu .slide3 .container p {
		font-size: 16px; line-height:20px;
	}

	.wise .wise-slide1 .container .logo-wise {
		width:300px; margin:0px auto;
	}

	.wise .wise-slide1 .container .logo-wise img {
		width:300px;
	}

	.wise .wise-slide1 .container h1 {
		font-size: 30px; line-height:35px; margin-bottom:20px; 
	}

	.wise .wise-slide2 .container .logo-wise {
		width:250px; margin:0px auto;
	}

	.wise .wise-slide2 .container .logo-wise img {
		max-width:250px;
	}

	.wise .wise-slide2 .container p {
		font-size: 12px; line-height:18px; margin:20px 0px;
	}





	.leader-slider .portada {
		background: url(../img/leader_angaangaq_bg_mob.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.angaangaq .portada {
		background: url(../img/leader_angaangaq_bg_mob.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.srisri .portada {
		background: url(../img/srisri/leader_srisri_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}


	.leader-slider.nina .portada {
		background: url(../img/nina/leader_nina_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}


	.leader-slider.margarita .portada {
		background: url(../img/margarita/leader_margarita_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.oorzhak .portada {
		background: url(../img/oorzhak/leader_oorzhak_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.hiah .portada {
		background: url(../img/hiah/leader_hiah_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.falcon .portada {
		background: url(../img/falcon/leader_falcon_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.admor .portada {
		background: url(../img/admor/leader_admor_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}


	.leader-slider.david .portada {
		background: url(../img/david/leader_david_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}

	.leader-slider.bolen .portada {
		background: url(../img/bolen/leader_bolen_bg_mobile.jpg) no-repeat center top;
		background-size:cover;
	}


	.leader-slider .portada .bottom-content h1 {
		font-size: 50px;
		line-height: 50px;
	}


	.leader-slider .portada .bottom-content h2 {
		font-size: 25px;
		line-height: 35px;
		padding: 8px 2px 4px 8px;
	}

	.leader-slider .bio {
		background-color: #fff;
	}

	.leader-slider .bio,
	.leader-slider .twelvequestions, 
	.leader-slider .gallery, 
	.leader-slider .green-gallery,
	.leader-slider .thought-gallery-mob,
	.leader-slider .leader-region {
		height: auto !important;
		padding-bottom: 30px;
	}

	.leader-slider .bio .container,
	.leader-slider .twelvequestions .container,
	.leader-slider .gallery .container,
	.leader-slider .green-gallery .container,
	.leader-slider .thought-gallery-mob .container,
	.leader-slider .leader-region .container {
		position: static;
		height: auto !important;
		padding: 0px;
		background: none !important;
	}
	
	.leader-slider .bio .container .content,
	.leader-slider .twelvequestions .container .content,
	.leader-slider .gallery .container .content,
	.leader-slider .green-gallery .container .content,
	.leader-slider .thought-gallery-mob .container .content,
	.leader-slider .leader-region .container .content{
		
		height: auto !important;
		position: static;
    	left: auto;
    	top: auto;
    	transform: none;
    	width: 100%;
    	padding: 25px;
	}

	.leader-slider .gallery .content .gal-slide img, 
	.leader-slider .green-gallery .content .green-gal-slide img {
		height: auto;
		width: 100%;


	     position: static; 
	     left: auto; 
	     transform: none; 
	}


	.leader-slider .bio h3,
	.leader-slider .twelvequestions h3,
	.leader-slider .leader-region h3
	{
	    color: #000;
	    margin-top: 50px;
	    margin-bottom: 25px;
	}

	.leader-slider .bio p {
		position: static;
	    left: auto;
	    top: auto;
	    transform: none;
	    width: auto;
	    padding: 0 25px;
	    font-size: 14px;
	    line-height: 22px;
	}

	.leader-slider .bio img.mob{
		width: 100%;
		display: block;
	}

	.leader-slider .twelvequestions p.main
	{
		padding-left: 0px;
	}
	
	
	
	/*GALERIAS*/
	.leader-slider .gallery, .leader-slider .green-gallery {
	    background: transparent url(../img/bg_neutro_mob.jpg) center center no-repeat;
	    background-size: cover;
	}
	
	.leader-slider .gallery .container, .leader-slider .green-gallery .container {
		background: none; 
	}

	.leader-slider .gallery, .leader-slider .green-gallery,
	.leader-slider .gallery .container, .leader-slider .green-gallery .container,
	.leader-slider .gallery .content, .leader-slider .green-gallery .content {
		height: 100%;
	}

	.leader-slider .gallery .content, .leader-slider .green-gallery .content {
		width: 90%;
	}

	.leader-slider .gallery .content .gal-slide, .leader-slider .green-gallery .content .green-gal-slide {
		padding: 0px 30px;
	}

	.leader-slider .gallery .slick-next, .leader-slider .green-gallery .slick-next {
		right: -7px;
	}

	.leader-slider .gallery .slick-prev, .leader-slider .green-gallery .slick-prev {
		left: -5px;
	}

	.leader-slider .gallery .content h3, .leader-slider .green-gallery .content h3 , 
	.leader-slider .thought-gallery .content h3,
	.leader-slider .thought-gallery-mob .content h3 {
		margin-top:50px;

	}
	
	.leader-slider .leader-region .container .content {
		padding-bottom: 50px;
	}

	.leader-slider .leader-region h3
	{
		padding-left: 0;
		margin-top:50px;
		color: #fff;
	}
	
	.leader-slider .leader-region h1
	{
		padding-left: 0;
		font-size: 50px;
	}

	.leader-slider .leader-region p{
		padding-left: 0;
		border: 0 none;
		font-size: 14px;
		line-height: 22px;
	}

	.leader-slider .thought-gallery-mob .container .content img {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.documentary .container{
		width:100%;
		padding: 0 50px 0em;
		margin-top: 10em;
	}
	.documentary .top-title {
		margin-bottom: 16vh;
	}
	.documentary h1{
		font-size:35px;
		letter-spacing: 1px;
		word-spacing: -4px;
		margin-right: 25px;
	}
	.documentary .content .directedby-text{
		font-size:13px !important;
		margin-bottom: 1em;
	}
	.grid-episode{
		grid-template-columns: 4fr 6fr;
		grid-template-rows: auto auto;
		margin-top: 1.2em;
		margin-bottom: 1.7em;
	}
	.grid-episode > header {
		align-self: center;
	}
	.grid-episode-data .episode-description.desktop{
		display: none;
	}
	.episode-description.mob {
		display: block;
		grid-column: 1/3;
	}
	.episode-img{
		width:100%;
		grid-row:1/2;
	}
	.grid-episode-data{
		grid-template-rows: auto auto;
		grid-row-gap: 1em;
		align-self: center;
	}
	.episode-description{
		grid-column: 1/3;
	}
	.grid-episode-data header{
		/* font-size: .9em; */
		font-size: .57em;
	}
	.documentary-slider-es-mob {
		top: 70% !important;
	}
	div.documentary-logo {
		padding-top: 192px!important;
	}
	.documentary-container.mob {
		margin-left: 66px;
	}
	.text-in.top-title.mob {
		margin-left: 66px;
	}
	.documentary .top-title {
		margin-bottom: 6vh;
		margin-top: 26vh;
	}
	
		
}

@media screen and (max-width: 450px) and (min-height: 820px){
	.documentary-slider-en-mob {
		position: unset!important;
		margin-top: 28vh!important;
		margin-left: 20vh!important;	
	}
	.documentary-slider-es-mob {
		position: unset!important;
		margin-top: 28vh!important;
		margin-left: 20vh!important;	
	}
	.documentary .top-title {
		margin-bottom: 6vh!important;
		margin-left: 1vh!important;
		margin-top: 28vh!important;
	}
	.documentary-container.mob {
		margin-left: 1vh!important;
	}
	}
@media screen and (max-width: 450px) {
	.documentary .container{
		margin-top: -4em;
	}
	.documentary .documentary-slide1{
		/*background: url(../img/bg_documentary_mob2.jpg) no-repeat center center; background-position: right 49px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
	}
	.documentary .top-title {
		margin-bottom: 6vh;
		margin-left: 4vh;
		margin-top: 61%!important;
	}
	.section .documentary-scroll{
		height:36vh;
	}
	.documentary-trailer-es{
		margin-top: 45px !important;
		width: 62px !important;
	}
	.documentary-trailer-en{
		margin-top: 45px !important;
		width: 62px !important;
	}
	.documentary-slider-es-mob {
		position: unset!important;
	    margin-top: 28vh;
    	margin-left: 25vh;
	}
	.documentary-slider-en-mob{
		position: unset!important;
	    margin-top: 28vh;
    	margin-left: 25vh;
	}
	.documentary-container.mob{
		margin-left: 4vh;
	}
	.mosaico .bottom-content img {
		width: 90%;
	}
	.slide-to-see.documentary {
		position: absolute;
		bottom: 7%;
   		left: 80%;
	}
	.slide-to-see.documentary.es {
		position: absolute;
		bottom: 7%;
    	left: 70%;
	}
}

@media screen and (max-width: 400px) {

	.path .container {
			width:320px; padding:0px;
		}
	.documentary .container {
		margin-top: -6em;
	}
		.listado-temporadas {
	padding:0;
	margin-top: 3em;
	}
	.section .documentary-scroll {
	height:40vh;
	}
	.slide-to-see.documentary {
		position: absolute;
		bottom: 17%;
		left: 78%;
		text-shadow: 1px 1px 1px #000;
	}
	.slide-to-see.documentary.es {
		position: absolute;
		bottom: 17%;
		left: 65%;
		text-shadow: 1px 1px 1px #000;
	}



}

@media screen and (max-width: 375px) {
	.crowdfunding .container h1 {
		font-size:30px; letter-spacing:2px;
	}

	.about .about-slide1 .container h2 {
		font-size:30px;
	}

	nav {
		width:80vw;  left:-80vw; 
	}

	nav ul {
		margin-top: 70px; margin-left:0; padding-left:20px;
	}

	nav ul li {
		padding-bottom:10px; padding-left:0;
	}


	.mosaico .title {
		font-size:50px; padding-left:0px; letter-spacing:6px; word-spacing:-10px;
	}
	.top-title{
		/* position:absolute; */
		top:-10%;
	}
	
		.grid-episode-data{
		grid-template-rows:auto !important;
		grid-row-gap:1em !important;
	}
	.mosaico .bottom-content img {
		width: 80%;
	}
	.documentary .top-title{
		margin-top: -13vh;
		margin-bottom: 11vh;
	}
	.documentary .container {
		margin-top: 9em;	
	}
	.text-in.top-title.mob {
		margin-left: unset;
		top: 6%;
	}
	div.documentary-logo {
		padding-top: 74px!important;
		margin-left: 62px;
	}
	.documentary-slider-es-mob {
		margin-left: 22vh;
		margin-top: 30vh;
		position: unset!important;
	}
	.documentary .top-title {
		margin-bottom: -6vh;
		margin-top: 10%!important;
		margin-left: 2vh;
		padding-top: 78px!important;
	}
	.documentary-container.mob{
		margin: unset;
		margin-left: 2vh;
	}
	.documentary-slider-en-mob {
		margin-left: 23vh;
		margin-top: 30vh;
		position: unset!important;
	}


}


@media screen and (max-width: 375px) and (min-height: 810px) {

	.documentary-slider-en-mob {
		margin-left: 17vh!important;
	}
	.documentary-slider-es-mob {
		margin-left: 17vh!important;
	}
	.documentary .top-title {
		margin-top: 40%!important;
	}

}
@media screen and (max-width: 321px) {



	.mosaico .title {
		font-size:40px; padding-left:0px; letter-spacing:6px; word-spacing:-10px;
	}

	.form-contacto .field input {
		width:160px;
	}

	.crowdfunding .container {
		margin-bottom:40px;
	}

	.crowdfunding .overlay {
		height:100%;
	}

	.crowdfunding .container h1 {
		font-size:23px;
	}

	.crowdfunding .modal-individuals h1,
	.crowdfunding .modal-governments h1,
	.crowdfunding .modal-ngos h1,
	.crowdfunding .modal-private h1 {
		font-size:20px; margin-top: 20px; margin-bottom:10px; 
	}

	.crowdfunding .modal-individuals p,
	.crowdfunding .modal-governments p,
	.crowdfunding .modal-ngos p,
	.crowdfunding .modal-private p {
		font-size:10px; line-height:14px; margin:0; padding:0;
	}

	.presentacion-a .content,
	.presentacion-b .top-content,
	.presentacion-b .bottom-content,
	.about .about-slide1 .container,
	.about .about-slide1-b .container, 
	.about .about-slide1-c .container, 
	.about .about-slide2 .container,
	.about .about-slide3 .container,
	.about .about-slide4 .container,
	.about .about-slide5 .container,
	.questions .container,
	.mapa .container,
	.insight .container,
	.encounters .container,
	.contact-us .container,
	.achieve .container,
	.about-us .container,
	.about-us-b .container ,
	.crowdfunding .container,
	.motivacion .content,
	.onu .slide1 .container, 
	.onu .slide2 .container, 
	.onu .slide3 .container,
	.wise .wise-slide1 .container, 
	.wise .wise-slide2 .container,
	.documentary .container{
		width:280px;
	}

	.path .container
	{
		width: 320px;
	}

	.about .about-slide3 .container h3 {
		font-size:30px; margin-bottom:30px; border-bottom: 2px solid #fff;
	}

	.about-slide1-c .container h2 {
		font-size:25px; line-height:35px;
	}

	.presentacion-b .top-content h2 {
		font-size:25px; letter-spacing: 1px;
	}

	.path h1 {
		font-size:30px; white-space: nowrap;
	}

	.presentacion-b .bottom-content {
		bottom:50px;
	}

	.about .about-slide1 .container h2 {
		font-size:27px; line-height:38px; letter-spacing: 1px;
	}

	.the-path .container {
		width:280px;
	}

	.the-path .timeline .timeline-block {
		margin:30px auto; clear:both;
	}

	.the-path .timeline .timeline-block .path-block {
		float:none; border:1px solid #b8b8b8; padding:10px; width:250px;
	}

	.the-path .timeline .timeline-block .path-block .photo{
		float:none; position:relative;
	}

	.the-path .timeline .timeline-block .path-block .photo img {
		 max-width:230px; 
	}
	.the-path .timeline .timeline-block .path-block .desc {
		position:absolute; bottom: 10px; width:230px; 
	}

	.the-path .timeline .timeline-block .path-block .desc-no-pic {
		position:relative; width:230px; 
	}

	.mosaico .subtitle {
		display:inline-block; font-size:11px;
	}

	.mosaico .bottom-content {
		max-width:300px;
	}

	.mosaico .bottom-content ul li {
		line-height:40px; font-size:14px;
	}

	.mosaico .bottom-content ul li:nth-child(1) {
		margin-left:-40px; padding-right:0px; float:none; width:auto; text-align: center;
	}

	.mosaico .bottom-content ul li:nth-child(3) img {
		max-height:70px; margin-top:-20px;
	}

	.mosaico .bottom-content ul li:nth-child(2) img {
		max-height:30px; 
	}






	.onu .slide1 .container h2 {
		font-size: 20px; line-height:24px; margin-bottom:20px; letter-spacing: 1px;
	}

	.onu .slide1 .container ul li img{
		max-height:60px;
	}

	.wise .wise-slide1 .container .logo-wise {
		width:240px; margin:0px auto;
	}

	.wise .wise-slide1 .container .logo-wise img {
		width:240px;
	}

	.wise .wise-slide2 .container .logo-wise {
		width:240px; margin:0px auto;
	}

	.wise .wise-slide2 .container .logo-wise img {
		max-width:240px;
	}


/*documentary section*/
.documentary h1{
}
.documentary .container {
	padding: 0px 15px 0;
}
.documentary .content p{
	font-size: 12px !important;
}

.grid-episode-data {
	grid-template-rows:auto !important;
}

.documentary-container.mob{
	width: 207px;
	margin-left: 5vh;
}
div.documentary-logo {
	padding-top: 30px!important;
	margin-left: 43px;
}
.documentary-slider-es-mob {
	margin-left: 26vh;
}
.documentary-slider-en-mob {
	margin-left: 26vh;
}
.documentary .top-title {
    margin-top: 1%!important;
	margin-bottom: -8vh;
	margin-left: 5vh;
}

}




@media screen and (max-width: 300px) {
	.mosaico .bottom-content {
		max-width:270px;
	}
	.mosaico .bottom-content ul li {
		line-height:40px; font-size:14px;
	}

	.mosaico .bottom-content ul li:nth-child(1) {
		margin-left:-40px; padding-right:0px; float:none; width:auto; text-align: center;
	}

	.mosaico .bottom-content ul li:nth-child(3) img {
		max-height:55px; margin-top:-20px;
	}

	.mosaico .bottom-content ul li:nth-child(2) img {
		max-height:25px; 
	}

	.documentary .container{
		width:300px;
		margin:0;
	}
	
	.documentary h1{
	color:white;
	font-size:2em;
	border-bottom: 3px solid white;
	}

}