@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');

.mobile{display:none;}

.main-content{
	margin:0 !important;
}

main {
	padding: 0 !important;
}
main * {	
	font-family: 'Montserrat', sans-serif;
	
}
main {
	width: 100%;
	font-size: 1vw;
	font-weight: normal;
	color: #fff;
}
header .menu.mobile{
	display: none;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	height: 6vw;
	box-sizing: border-box;
	padding: 0 6vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
	z-index: 100;
}
header.i1 {
	display: none !important;
}

header .oef-lang {
	border-radius: 100%;
	border: 2px solid #b0cff6;
	background: #fff;
	width: 2.5vw;
	height: 2.5vw;
	text-align: center;
	padding: 0;
	font-weight: 600;
	font-size: 1vw;
	float: right;
	color: #b0cff6;
	margin: 1.5vw 0.4vw 0.5vw 0;
	cursor: pointer;
}
header .oef-lang:hover {
	color: #fff;
	border-color: #d99400;
	background:#d99400;
}
header .oef-lang.active {
	color: #fff;
	border-color: #d99400;
	background:#d99400;
	cursor:default;
}
header .oef-lang.active:hover{
	background:#d99400;
}


header .logo svg {
	width: 20vw;
	float: left;
	height: 100%;
	margin: 0.8vw 0 0;
}
header .menu {
    display: flex;
    justify-content: flex-end;
	width: calc(100% - 22vw);    
}
header button {
	background: #fff;
	border: none;
	height: 2.5vw;
	font-size: 0.9em;
	font-weight: 600;
	cursor: pointer;
	transition: all linear 0.2s;
	padding: 0 1vw;
	float: right;
	color: #40577b;
	margin: 1.75vw 0 1.75vw 0;
	font-family: Montserrat;
	min-width: 7.2vw;
}
header button:hover,header button.selected{
	color:#d99400;
}

header button.donate {
	background: transparent;
	font-size: 0.8em;
	padding: 0;
	border: .15vw solid #d99400;
	margin: 0.15vw 0 0 0;
	width: 9vw;
	color: #d99400;
	line-height: 0.8vw;
}
header button.donate:hover {
	background-color: #d99400;
	cursor: pointer;
	transition: all 0.2s linear;
	color: #fff;
}

.section {
	padding: 6vw 0 0 0;
	min-height: 83vh;
}
.section h3 {
	color: #b0cff6;
	font-weight: 550;
	font-size: 2.5em;
	margin: 3vw 0;
}
.section .sp2 {
	background: #fff url("../images/oef_spot_apoyo.png?a=1") no-repeat scroll center top / 100% auto;
	width: 100%;
	margin: 0;
	height: 15vw;	
}
.section .s-1 {
	background: #fff url("../images/oef_spot_campana_var.jpg?a=1") no-repeat scroll center 3vw / 100% auto;
	width: 100%;
	margin: 0;
	padding: 0vw 0 5vw 0;
	height: 43vw;
	font-size: 1.1vw;
}
.section .s-1 * {
	font-family: "Raleway";	
}

.section .s-1 h1 {
	color: #000;
	padding: 30vw 0 0 0;
	font-family: "Raleway";
	margin: 0;
	font-size: 3em;
	font-weight: 400;
	letter-spacing: -.1vw;
}
.section .s-1 h1 b {
	font-size: 1.5em;
	color: #3fa9a5;
	font-weight: 600;
}
.section .s-1 h2 {
	color: #000;
	padding: 0 0 0 0;
	font-family: "Raleway";
	margin: 0;
	font-size: 2em;
	font-weight: 400;
	letter-spacing: -.1vw;
}
.section .s-2 {
	background: #fff url("../images/oef_spot_donate_now.jpg?a=1") no-repeat scroll center top / 100% auto;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 42.5vw;
	font-size: 1.5vw;
}
.section .s0 {
	background: #b0cff6 url("../images/oef_spot_donate.png?a=1") no-repeat scroll center top / 100% auto;
	width: 100%;
	margin: 0;
	padding: 0 0 5vw 0;
	height: 37.5vw;
}
.section .s0 div {
	color: #d99400;
	position: absolute;
	text-align: left;
	font-size: 2.2em;
	margin: 9vw 0 0 6vw;
}
.section .s0 div button {
	background: transparent;
	font-size: 0.8em;
	padding: 0;
	border: .15vw solid #d99400;
	margin: 0;
	width: 18vw;
	color: #d99400;
	line-height: 4.5vw;
	font-weight: bold;
}
.section .s0 div button:hover {
	background-color: #d99400;
	cursor: pointer;
	transition: all 0.2s linear;
	color: #fff;
}

.section .s1 {
	background: #b0cff6 url("../images/oef_01_sl.jpg?a=1") no-repeat scroll center top / 100% auto;
	width: 100%;
	margin: 0;
	padding: 0 0 5vw 0;
}
.section .s1 svg {
	width: 46vw;
	position: relative;
	margin: 18vw 0 20vw 0;
}
.section .s1 p {
	width: 78vw;
	text-align: justify;
	line-height: 1.7em;
	font-size: 1.1em;
}
.section .s1 p b {
	color: #40577b;
	font-weight: 600;
}
.section .s2 {
	position: relative;
}
.section .s2 .social-link {
	margin: 2vw 0 0 0;
}
.section .s2 .social-link.one {
	margin: 9vw 0 0 0;
}
.section .s2 .social-link button {
	border-radius: 0;
	border-width: 0 0 0 .2vw;
	text-align: left;
	padding: .5vw 0 .5vw 1vw;
	font-size: 1.1em;
	font-weight: 400;
	width: 7.5vw;
}
.section .s2 .social-link button:hover {
	background: inherit;
}
.section .s2 .social-link svg {
	height: 2.3vw;
	vertical-align: middle;
}
.section .s2 .tit {
	min-height: 20vw;
	color: #fff;
	width: 78vw;
}
.section .s2 .tit h3 {
	color: #b0cff6;
	font-weight: 550;
	margin: 3vw 0;
}
.section .s2 .tit p {
	color: #d99400;
	line-height: 1.5em;
	font-size: 1.1em;
	text-align: justify;
}
.section .s2 .item-prd.nev{
	background: #fff url("../images/oef_prd_nev.jpg") no-repeat scroll center top / 100% auto;
}
.section .s2 .item-prd.one{
	background: #fff url("../images/oef_prd_one.jpg") no-repeat scroll center top / 100% auto;
}
.section .s2 .item-prd.ti{
	background: #fff url("../images/oef_prd_ti.jpg") no-repeat scroll center top / 100% auto;
}
.section .s2 .item-prd.oe{
	background: #fff url("../images/oef_prd_oe.jpg") no-repeat scroll center top / 100% auto;
}
.section .s2 .item-prd.oec{
	background: #fff url("../images/oef_prd_oec.jpg?a=21") no-repeat scroll center top / 100% auto;
}
.section .s2 .item-prd {
	display: flex;
	height: 38.5vw;
	width: 100%;
	padding: 6vw 10vw 0 10vw;
	box-sizing: border-box;
	text-align: left;
	position: relative;
}
.section .s2 .item-prd.left {
	flex-direction: row;
}
.section .s2 .item-prd.right {
	flex-direction: row-reverse;
}
.section .s2 .item-prd .logo{
	width: 15%;
}
.section .s2 .item-prd .data{
	width: 85%;
	padding: 0 20vw 0 1vw;
	line-height: 1.3em;
	text-align: left;
}

.section .s2 .item-prd.right .data {
	padding: 0 1vw 0 14vw;
	text-align: right;
}
.section .s2 .item-prd .data h3 {
	font-size: 2.7em;
	line-height: 1em;
	font-weight: 600;
	margin: 1.2vw 0;
	color: #fff;
}
.section .s2 button {
	background: transparent;
	color: #fff;
	font-size: 0.9em;
	padding: 0.8vw 0;
	border: .15vw solid #d99400;
	border-radius: 10vw;
	margin: 0 0.3vw 0 0;
	width: 13vw;
}
.section .s2 button.video {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='vid' x='0px' y='0px' viewBox='0 0 32.6 32.6' %3E%3Cstyle type='text/css'%3E .vid-st0%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cpath class='vid-st0' d='M16.3,0C7.3,0,0,7.3,0,16.3s7.3,16.3,16.3,16.3s16.3-7.3,16.3-16.3S25.3,0,16.3,0z M26.1,16.9L11.9,25 c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.2-0.1-0.3-0.3-0.3-0.6V8.1c0-0.2,0.1-0.5,0.3-0.6c0.2-0.1,0.5-0.1,0.7,0 l14.2,8.1c0.2,0.1,0.3,0.3,0.3,0.6S26.3,16.8,26.1,16.9z'/%3E%3C/svg%3E") no-repeat .5vw center / auto 70%;
	padding-left: 2.8vw;
	text-align: left;
}
.section .s2 button:hover {
	background-color: #d99400;
	cursor: pointer;
	transition: all 0.2s linear;
}

.section .s3 {
	padding: 0 0 6vw 0;
}
.section .s3 .logo-container {
	width: 45vw;
	display: flex;
	justify-content: center;
}
.section .s3 .logo-container .logo {
	height: 6vw;
	width: 14vw;
}
.section .s3 .logo-container .logo.oef{
	background: #fff url("../images/logo_oef.png") no-repeat scroll center center / 100% auto;
}
.section .s3 .logo-container .logo.sep{
	width: .15vw;
	background: #b0cff6; 
}
.section .s3 .logo-container .logo.p151{
	background: #fff url("../images/logo_p151.png") no-repeat scroll center center / 100% auto;
}
.section .s3 h4 {
	color: #40577b;
	font-size: 1.4em;
	font-weight: 550;
	margin: 4vw 0 2vw 0;
}
.section .s3 h4 b{
	color: #b0cff6;
	font-weight: 550;
}
.section .s3 h5 {
	background: transparent;
	color: #40577b;
	padding: 0;
	border: .15vw solid #b0cff6;
	border-radius: 10vw;
	margin: 3vw 0 2vw 0;
	width: 17vw;
	height: 3vw;
	line-height: 3vw;
	font-size: 1.6em;
	font-weight: 550;
}
.section .s3 ul {
	list-style: none;
}
.section .s3 li {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='lic' x='0px' y='0px' viewBox='0 0 36.4 36.2' %3E%3Cstyle type='text/css'%3E .lic-st0%7Bfill:%23B0CFF6;%7D%3C/style%3E%3Cpath id='XMLID_1_' class='lic-st0' d='M20.4,25.7c-0.5,0.4-1.2,0.6-1.8,0.6c-0.8,0-1.5-0.3-2.1-1l-6.8-7.7c-1-1.2-0.9-2.9,0.3-4 c1.2-1,3-0.9,4,0.3l5.1,5.8L33.6,8.4c-3.2-4.9-8.7-8.3-15-8.4C8.5-0.2,0.2,7.7,0,17.7c-0.2,10,7.8,18.3,17.8,18.5 c10,0.2,18.4-7.7,18.6-17.7c0-1.6-0.2-3.2-0.5-4.7L20.4,25.7z'/%3E%3C/svg%3E") no-repeat left top / auto 1.5vw;
	line-height: 1.6em;
	padding: 0vw 0 1.5vw 1.9vw;
	color: #d99400;
	width: max-content;
	min-height: 1vw;
	font-size: 1.1em;
}
.section .s3 p {
	line-height: 1.6em;
	padding: 0vw 0 1.5vw 1.9vw;
	color: #d99400;
	width: 72vw;
	min-height: 1vw;
	font-size: 1.1em;
	text-align: justify;
}

.section .s4 {
	background: #b0cff6 url("../images/oef_sep.jpg") no-repeat scroll bottom center / 100% auto;
	text-align: center;
}
.section .s4 .item-container {
	display: flex;
	padding: 0 10vw 0vw 10vw;
}
.section .s4 .item {
	width: 100%;
}
.section .s4 .item p {
	text-align: left;
	font-size: 1.1vw;
	line-height: 1.5em;
	margin: 2vw 0;
	padding: 2vw 5vw 0 5vw;
}
.section .s4 .item.last {
	margin: 0 auto;
}
.section .s4 .item.last p {
	padding: 2vw 0 4vw 0;
	width: 100%;
	text-align: center;
}
/*.section .s4 .item:first-child p {
	border-right: .1vw solid #fff;
}*/
.section .s4 .item p a {
	font-weight: 550;
	color: #40577b;
}
.section .s4 svg {
	width: 12vw;
	margin: -6vw 0 0 0;
}

.section .s5 {
	color: #40577b;
	height: auto;
}

.section .s5 .item {
	width: 70vw;
	border-bottom: .1vw solid #d99400;
	padding: 2vw 2vw;
	line-height: 1.8em;
	font-size: 1.1em;
	text-align: justify;
	font-weight: 550;
}
.section .s5 .item:last-child {
	border: none;
}
.section .s5 .item h3{
	color: #d99400;
}

.section .s5 .item p{
	text-align: justify;
}
.section .s5 .item ul {
	list-style: decimal;
	padding: 0 0 0 1.3vw;
	margin: 0;
	text-align: justify;
}
.section .s5 .item h5 {
	color: #d99400;
	font-size: 1.2em;
	margin: 0 0 0 0;
	font-weight: 550;
	line-height: 2em;
}
.section .s5 .item h4 {
	color: #d99400;
	font-size: 1.8em;
	margin: 0 0 0 0;
	font-weight: 550;
	line-height: 2em;
	text-align: center;
}
.section .s6 {
	background: #f9f9f9;
	padding: 1vw 0 5vw 0;
}
.section .s6 input[type="text"] {
	background: transparent;
	color: #40577b;
	padding: 0.7vw 1.5vw;
	border: .15vw solid #b0cff6;
	border-radius: 10vw;
	margin: 0 1vw 0 0;
	width: 35vw;
	font-size: 1.3em;
	font-weight: 550;
}
.section .s6 button {
	background: #b0cff6;
	color: #fff;
	font-size: 1.2em;
	padding: 0.8vw 0;
	border: .15vw solid #b0cff6;
	border-radius: 10vw;
	margin: 0 0.3vw 0 0;
	width: 13vw;
}
.section .s6 button:hover {
	background-color: transparent;
	color: #b0cff6;
	cursor: pointer;
	transition: all 0.2s linear;
}
/* Footer*/
footer * {
    margin: 0 auto;
}
footer {
	width: 100%;
	background: #d99400;
	font-size: 1.1vw;
	color: #fff;
	box-sizing: border-box;
	line-height: 1.8em;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
}

footer .top-container {
	width: 90%;
	display: flex;
}
footer .bottom-container {
	width: 90%;
	border-top: 1px solid #fff;
	line-height: 5vw;
}
footer .top-container {
	font-size: 1.1em;
}
footer svg {
	width: 20vw;
}
footer .col-3 {
	width: calc(50%);
	box-sizing: border-box;
	padding: 2vw 0 5vw 0;
	text-align: left;
}
footer .col-3.c1, footer .col-3.c2 {
	width: calc(25%);
	padding: 2vw 5vw;
}
footer i {
	font-family: oe;
	font-style: unset;
	font-size: 1.5em;
}

.oef-icon {
	margin: 1vw 0;
}
.oef-icon.mail::before {
	content: "\e95c";
	font-family: "oe";
	font-size: 1.7em;
	margin: 0vw 0 0 -3vw;
	float: left;
}
.oef-icon.loc::before {
	content: "\e95d";
	font-family: "oe";
	font-size: 2em;
	margin: 0vw 0 0 -3vw;
	float: left;
}
.oef-icon.phone::before {
	content: "\e95b";
	font-family: "oe";
	font-size: 1.4em;
	margin: 0vw 0 0 -3vw;
	float: left;
}

.oef-icon.social {
	font-size: 2em;
	margin: 0 17px 0 0px;
	font-family: "oe";
	line-height: 52px;
}

.oef-icon.social.facebook::before{
	content:"\e954";	
}
.oef-icon.social.twitter::before{
	content:"\e952";
}
.oef-icon.social.instagram::before{
	content:"\e958";
}
.oef-cloud {
	width: 20vw;
	height: 14vw;
	position: absolute;	
	box-sizing: border-box;
	font-weight: 800;
	line-height: 1.1em;
	font-size: 1.3em;
	font-family: 'Montserrat', sans-serif;
}
.oef-cloud p {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	margin: 0;
}
.oef-cloud p b {
	font-size: 1.2em;
	color: #d99400;
}
.oef-cloud hr {
	border: none;
	height: .15vw;
	width: 3vw;
	background: #d99400;
	margin: 0.5vw 0;
	padding: 0;
}
.oef-cloud h6 {
	font-size: 0.7em;
	margin: 0;
	line-height: 1em;
}
.oef-cloud.right hr {
	margin-left: calc(100% - 3vw);
}
.oef-cloud.left {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='cll' x='0px' y='0px' viewBox='0 0 404.9 188.2' %3E%3Cstyle type='text/css'%3E .cll-st0%7Bfill:%23B0CFF6;%7D .cll-st1%7Bfill:%23D99400;%7D%3C/style%3E%3Cg id='XMLID_1_'%3E%3Cpath class='cll-st0' d='M362.2,188.2c-1.1,0-2-0.9-2-2s0.9-2,2-2c21.3,0,38.7-17.4,38.7-38.7v-3c0-21.3-17.4-38.7-38.7-38.7h-3.1 l-0.4-1.4c-6.9-23.8-29-40.4-53.7-40.4c-10.7,0-21.1,3.1-30.2,8.9l-2.6,1.7l-0.5-3c-5.8-38-38-65.5-76.4-65.5 c-34.1,0-63.8,21.9-73.9,54.4l-0.6,1.8l-1.9-0.5c-4.6-1.2-9.2-1.9-13.6-1.9c-26,0-47.7,18.6-51.8,44.3l-0.3,1.7H42.7 C21.4,103.8,4,121.2,4,142.5v3c0,1.1-0.9,2-2,2s-2-0.9-2-2v-3C0,119,19.2,99.8,42.7,99.8h7.2c5-26.7,28.1-45.9,55.5-45.9 c4.2,0,8.5,0.5,12.8,1.5c5.2-15.5,15.3-29.4,28.4-39.2C160.8,5.6,177.6,0,195.3,0c19.5,0,38.4,7,53.2,19.8 c13.8,12,23.2,28.3,26.6,46.1c9.1-5.2,19.3-8,29.8-8c26,0,49.3,17.1,57.1,41.8h0.1c23.5,0,42.7,19.2,42.7,42.7v3 C404.9,169.1,385.7,188.2,362.2,188.2z'/%3E%3C/g%3E%3Cpath class='cll-st1' d='M251.2,62c-0.7,0-1.3-0.3-1.7-0.9c-12.8-19.7-34.5-31.5-58-31.5c-12.4,0-24.6,3.3-35.2,9.6 c-1,0.6-2.2,0.3-2.7-0.7c-0.6-1-0.3-2.2,0.7-2.7c11.2-6.7,24.1-10.2,37.3-10.2c24.8,0,47.8,12.5,61.3,33.4c0.6,0.9,0.3,2.2-0.6,2.8 C252,61.9,251.6,62,251.2,62z'/%3E%3C/svg%3E") no-repeat top left / 75% auto;
	left: 15vw;
	bottom: 0;
	text-align: left;
	padding: 4.5vw 0 0 1vw;
}
.oef-cloud.right {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='clr' x='0px' y='0px' viewBox='0 0 404.9 188.2' %3E%3Cstyle type='text/css'%3E .clr-st0%7Bfill:%23B0CFF6;%7D .clr-st1%7Bfill:%23D99400;%7D%3C/style%3E%3Cg id='XMLID_1_'%3E%3Cpath class='clr-st0' d='M42.7,188.2C19.2,188.2,0,169.1,0,145.5v-3C0,119,19.2,99.8,42.7,99.8h0.1C50.7,75.1,73.9,58,99.9,58 c10.5,0,20.7,2.7,29.8,8c3.4-17.9,12.8-34.2,26.6-46.1C171.1,7,190,0,209.6,0c17.7,0,34.6,5.6,48.7,16.2 c13.2,9.9,23.2,23.7,28.4,39.2c4.3-1,8.6-1.5,12.8-1.5c27.4,0,50.4,19.2,55.5,45.9h7.2c23.5,0,42.7,19.2,42.7,42.7v3 c0,1.1-0.9,2-2,2s-2-0.9-2-2v-3c0-21.3-17.4-38.7-38.7-38.7h-10.6l-0.3-1.7c-4.1-25.6-25.8-44.3-51.8-44.3c-4.5,0-9.1,0.6-13.6,1.9 l-1.9,0.5l-0.6-1.8C273.3,25.9,243.6,4,209.6,4c-38.4,0-70.5,27.6-76.4,65.5l-0.5,3l-2.6-1.7c-9.1-5.8-19.5-8.9-30.2-8.9 c-24.7,0-46.8,16.6-53.7,40.4l-0.4,1.4h-3.1C21.4,103.8,4,121.2,4,142.5v3c0,21.3,17.4,38.7,38.7,38.7c1.1,0,2,0.9,2,2 S43.8,188.2,42.7,188.2z'/%3E%3C/g%3E%3Cpath class='clr-st1' d='M153.6,62c-0.4,0-0.8-0.1-1.1-0.3c-0.9-0.6-1.2-1.8-0.6-2.8c13.6-20.9,36.5-33.4,61.3-33.4 c13.2,0,26,3.5,37.3,10.2c1,0.6,1.3,1.8,0.7,2.7c-0.6,0.9-1.8,1.3-2.7,0.7c-10.6-6.3-22.8-9.6-35.3-9.6c-23.5,0-45.2,11.8-58,31.5 C154.9,61.7,154.3,62,153.6,62z'/%3E%3C/svg%3E") no-repeat top right / 75% auto;
	right: 15vw;
	bottom: 0;
	text-align: right;
	padding: 4vw 1vw 0 0;
}

input[name="submit"] {
	width: 15vw;
}

.oef-candid {
	background: #fff url("../images/oef_candid_2022.png?a=1") no-repeat scroll center center / 100% auto;
	width: 13vw;
	height: 13vw;
	position: absolute;
	right: 2vw;
	top: 33vw;
}

.hdr-oef-candid {
	background: #fff url("../images/oef_candid_2022.png?a=1") no-repeat scroll center center / 100% auto;
	width: 5vw;
	height: 5vw;
	position: absolute;
	right: 9.5vw;
	top: 0.5vw;
}