:root{
	--yellow: #F6D04B;
	--white: #fff;
	--black: #000;
	--blue: #2E337B;
	--green: #36A9B2;
	--bckgd-blue: #2E337B;
	--bckgd-green: #36A9B2;
	--bckgd-aliceblue: #ebebeb;
	--space-blue: #629CDF;
	--btn-blue: #629CDF;
	--gray: #868686;
	--gray2: #C6C6C5;
	--fMedium: 'FilsonPro-Medium';
	--fBold: 'FilsonPro-Bold';
	--fHeavy: 'FilsonPro-Heavy';
	--fOpen: 'openSans';
	--fPlex: 'plexSans';
	--pulseColor: #F6D04B;
	--pulseColor2: #2E337B;
}
@font-face{
	font-family: FilsonPro-Medium;
	src: url('../archivos/fonts/FilsonPro-Medium.ttf');
}
@font-face{
	font-family: FilsonPro-Bold;
	src: url('../archivos/fonts/FilsonPro-Bold.ttf');
}
@font-face{
	font-family: FilsonPro-Heavy;
	src: url('../archivos/fonts/FilsonPro-Heavy.ttf');
}
@font-face{
	font-family: plexSans;
	src: url('../archivos/fonts/IBMPlexSans-Regular.ttf');
}
@font-face{
	font-family: openSans;
	src: url('../archivos/fonts/OpenSans-Regular.ttf');
}
body{
	font-family: var(--fOpen);
}
.green{
	color: var(--green);
}
.gray{
	color: var(--gray);
}
.order-lg-2{
	order: 2;
}
.order-lg-1{
	order: 1;
}
.mb-10{
	margin-bottom: 10px!important;
}
#home header .navbar-expand{
	background: var(--yellow);
}
#home .navbar-expand .navbar-nav .nav-item a{
	color: var(--white)!important;
}
#home .navbar-sticky .navbar-nav .nav-item a{
	color: #fff!important;
}
nav.navbar-sticky{
	background: var(--yellow)!important;
}

.logoMenu{
	width: 250px;
	height: auto;
}
nav .nav-link{
	text-transform: uppercase;
	font-family: var(--fMedium);
}
.navbar-expand .navbar-nav .nav-item a:not(.btn){
	color: var(--white);
}
.navbar-expand .navbar-nav.items .nav-link:not(.btn):not(.title):hover{
	color: var(--white);
}
.navbar-nav i.icon-arrow-down{
	color: var(--yellow);
}
#home .navbar-expand .navbar-nav .nav-item a.btnMenu{
	background: var(--space-blue);
	color: var(--white)!important;
	padding: 8px 35px;
	border-radius: 8px;
}
#home .navbar-expand .navbar-nav .nav-item a.btnMenu:hover{
	color: var(--white);
}
.navbar-expand .navbar-nav .nav-item a.btnMenu{
	background: var(--space-blue);
	color: var(--white);
	padding: 8px 35px;
	border-radius: 8px;
}
.navbar-expand .navbar-nav .nav-item a.btnMenu:hover{
	color: var(--white);
}

h1,
.slide-content .title{
	font-size: 45px;
	font-family: var(--fBold);
	color: var(--yellow);
	white-space: pre-line;
}
.slide-content .title.titleAuthor{
	font-size: 35px;
}
.slide-content .title.titleAuthor span{
	font-size: 22px;
}
h1,
.slide-content .title span{
	color: var(--green);
}
.swiper-pagination-bullet-active{
	background-color: var(--yellow)!important;
}
.swiper-pagination-bullet{
	background-color: var(--yellow)!important
}
/*.swiper-slide:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.1);
	z-index: 9;
}*/
.contentSlideColor{
	padding: 3rem!important;
    background: rgb(54 169 178 / 70%);
    border-radius: 25px;
}
.contentSlideColor.contentAuthorSlide{
	margin-top: 70px;
}
#about .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
}
#about{
	background: var(--bckgd-blue);
}
#about .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#about h2 .featured:before{
	background: var(--space-blue);
}
#about p.white,
#about a.white{
	color: var(--white);
}
#about p.green{
	color: var(--green);
}
#about p.gray{
	color: var(--gray);
}
#about p.gray2{
	color: var(--gray2);
}
#about .iconTitle{
	margin-right: 10px;
	width: 35px;
	height: auto;
}
#about a.readMore{
	display: block;
    border: 1px solid var(--gray2);
    margin: 10px 0;
    font-size: 15px;
    transition: .5s ease-in-out;
    width: fit-content;
    padding: 5px;
    border-right: 0;
    border-top: 0;
    border-left: 0;
}
#about a.readMore i{
	transition: .5s ease-in-out;
}
#about a.readMore:hover i{
	transform: translateX(10px);
}
#about .points{
	color: var(--space-blue);
	font-family: var(--fBold);
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	min-height: 60px;
	margin-top: 0;
	margin-bottom: 10px;
	white-space: pre-line;
}
#about.highlights .items .item{
	margin-bottom: 10px;
}

#campaign{
	padding: 80px 0 50px;
}
#campaign .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#campaign .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#campaign h2 .featured:before{
	background: var(--yellow);
}
#campaign p.green{
	color: var(--green);
}
#campaign p.gray{
	color: var(--gray);
}
#campaign .step{
	color: var(--white);
}
#campaign .step:before{
	background: var(--yellow);
}
#campaign .items:before{
	background: var(--yellow);
	top: 17px;
	height: 10px;
}
#campaign .titleSteps{
	color: var(--space-blue);
	font-size: 20px;
	font-family: var(--fBold);
	min-height: 60px;
	white-space: pre-line;
}
#campaign .descriptionSteps{
	text-align: left;
	color: var(--gray);
}
#campaign .listCampaign{
	color: var(--gray);
}
#campaign .logoText{
	max-width: 200px;
	width: 100%
}

#videoHome{
	background-color: #ebebeb;
}

#programms{
	background: #ebebeb;
}
#programms .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#programms .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#programms h2 .featured:before{
	background: var(--yellow);
}
#programms p.green{
	color: var(--green);
}
#programms p.white{
	color: var(--white);
}
#programms p.gray{
	color: var(--gray);
}
#programms .card{
	background: var(--white);
}
#programms .iconProgramm{
	width: 35px;
	height: auto;
	margin-bottom: 25px;
}
#programms .titleProgramm{
	font-size: 20px;
	font-family: var(--fBold);
	color: var(--space-blue);
}
#programms .descriptionProgramm{
	color: var(--gray);
}
#programms .btn-icon{
	color: var(--blue);
}
#programms .btn-blue{
	background: var(--btn-blue);
	color: var(--white);
	border-radius: 5px;
}

#team{
	background: var(--bckgd-blue);
}
#team .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#team .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
}
#team h2 .featured:before{
	background: var(--space-blue);
}
#team p.green{
	color: var(--green);
}
#team p.white{
	color: var(--white);
}
#team p.gray{
	color: var(--gray);
}
#team p.gray2{
	color: var(--gray2);
}
#team .name{
	font-size: 20px;
	font-family: var(--fBold);
	color: var(--space-blue);
}
#team .task{
	color: var(--gray2);
	font-family: var(--fMedium);
}
#team .quote{
	background: var(--green);
	border-radius: 10px;
}
#team .nameBoss{
	font-size: 45px;
	color: var(--white);
	font-family: var(--fHeavy);
}
#team .descriptionBoss{
	color: #fff;
}

#community{
	position: relative;
}
#community .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#community .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
	white-space: pre-line;
}
#community h2 .featured:before{
	background: var(--yellow);
}
#community p.green{
	color: var(--green);
}
#community p.white{
	color: var(--white);
}
#community p.gray{
	color: var(--gray);
}
#community p.gray2{
	color: var(--gray2);
}
#community p.blue{
	color: var(--blue);
}
#community .imgCommunity{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	object-fit: cover;
	max-width: 50%;
	height: 100%;
}
#community .blockP{
	padding-right: 30px;
}

#blog{
	background: var(--bckgd-green);
}
#blog{
	position: relative;
}
#blog .pre-title{
	color: #afdde0;
	font-family: var(--fBold);
}
#blog .title{
	font-size: 45px;
	color: var(--white);
	font-family: var(--fHeavy);
	white-space: pre-line;
}
#blog h2 .featured:before{
	background: var(--blue);
}
#blog p.green{
	color: var(--green);
}
#blog p.white{
	color: var(--white);
}
#blog p.gray{
	color: var(--gray);
}
#blog p.gray2{
	color: var(--gray2);
}
#blog p.blue{
	color: var(--blue);
}
#blog p.yellow{
	color: var(--yellow);
}
#blog .btn-blue{
	background: var(--blue);
	color: var(--white);
	border-radius: 8px;
	font-family: var(--fBold);
}
#blog .card-body{
	text-align: left;
}
#blog .titleArticle{
	color: var(--white);
	font-size: 22px;
	font-family: var(--fBold);
}
#blog .descriptionArticle{
	color: var(--white);
}

#contacto{
	background: #ebebeb;
	padding: 80px 0 60px;
}
#contacto .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#contacto .pre-title.blue{
	color: var(--space-blue);
	font-size: 18px;
	line-height: normal;
}
#contacto .titleBig{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
	white-space: pre-line;
}
#contacto .contentBxAddress{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
#contacto .contentBxAddress .iconsAbout{
	flex: 0 0 auto;
}
#contacto .contentBxAddress .addressFooter{
	flex: 0 0 80%;
}
#contacto p.green,
#contacto a.green{
	color: var(--green);
}
#contacto p.white{
	color: var(--white);
}
#contacto p.gray,
#contacto a.gray{
	color: var(--gray);
	font-size: 16px;
}
#contacto p.gray2{
	color: var(--gray2);
}
#contacto p.blue{
	color: var(--blue);
}
#contacto p.yellow{
	color: var(--yellow);
}
#contacto .iconsAbout{
	background: var(--yellow);
	color: var(--white);
}

#footer{
	background: var(--blue);
	padding: 40px 0;
}
#footer i.iconsFooter{
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: var(--white);
	background: var(--green);
	margin: 0 3px;
	border-radius: 50%;
}
#footer p,
#footer p a{
	font-size: 14px;
	color: var(--white);
}
#footer p span{
	margin: 0 5px;
}
#footer p a{
	text-decoration: underline;
}
#footer img{
	width: 125px;
	height: auto;
}

.scroll-to-top i{
	background: var(--yellow);
	color: var(--white);
}

.headerPage{
	background: rgba(0,0,0,0.7);
}

#whoWe{
	padding: 80px 0 35px;
}
#whoWe .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#whoWe .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#whoWe h2 .featured:before{
	background: var(--yellow);
}
#whoWe p.green{
	color: var(--green);
}
#whoWe p.gray{
	color: var(--gray);
}
#whoWe .quote{
	padding: 35px 0;
}
#whoWe .listMission li{
	border-color: var(--green);
}
#whoWe .listMission i{
	color: var(--white);
	background: var(--yellow);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	font-size: 25px;
	/*display: table;*/
	text-align: center;
}
#whoWe .listMission h2{
	color: var(--space-blue);
	font-family: var(--fBold);
	font-size: 1.5rem;
}
#whoWe .listMission p{
	color: var(--gray);
}

#whatWeDo{
	padding: 80px 0;
	background: var(--blue);
}
#whatWeDo .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#whatWeDo .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
}
#whatWeDo h2 .featured:before{
	background: var(--space-blue);
}
#whatWeDo p.green{
	color: var(--green);
}
#whatWeDo p.gray{
	color: var(--gray);
}
#whatWeDo p.gray2{
	color: var(--gray2);
}
#whatWeDo p.white{
	color: var(--white);
}
#whatWeDo .titleOption{
	color: var(--space-blue);
	font-family: var(--fBold);
}
#whatWeDo .numberFormat{
	background: var(--space-blue);
    color: var(--yellow);
    font-family: var(--fBold);
    padding: 5px;
    border-radius: 5px;
}


#history{
	padding: 80px 0;
	background: var(--bckgd-aliceblue);
}
#history .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#history .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#history h2 .featured:before{
	background: var(--yellow);
}
#history p.green{
	color: var(--green);
}
#history p.gray{
	color: var(--gray);
}
#history .listHistory li{
	color: var(--gray);
}
#history .listHistory li::marker{
	color: var(--blue);
	background: var(--blue);
}
#history blockquote{
	border-left: 5px solid var(--space-blue);
}

#cifras{
	padding: 80px 0;
	background: var(--blue);
}
#cifras .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#cifras .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
}
#cifras h2 .featured:before{
	background: var(--space-blue);
}
#cifras p.green{
	color: var(--green);
}
#cifras p.gray{
	color: var(--gray);
}
#cifras .titleCounter{
	color: var(--space-blue);
	font-family: var(--fBold);
}

#personWork{
	padding: 80px 0;
	background: var(--green);
}
#personWork .pre-title{
	color: var(--gray2);
	font-family: var(--fBold);
}
#personWork .title{
	font-size: 45px;
	color: var(--white);
	font-family: var(--fHeavy);
}
#personWork h2 .featured:before{
	background: var(--blue);
}
#personWork p.green{
	color: var(--green);
}
#personWork p.gray{
	color: var(--gray);
}
#personWork .box{
	margin-top: 80px;
}
#personWork .content{
	display: flex;
	align-items: center;
    transform: translateY(0px);
	transition: .5s ease-in-out;
	display: block;
}
#personWork .content iframe{
	height: 300px;
	margin-bottom: 25px;
}
#personWork .content img{
	padding-right: 30px;
	border-radius: 8px;
	z-index: 1;
	position: relative;
}
#personWork .titlePerson{
	color: var(--white);
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 15px;
	font-family: var(--fBold);
}
#personWork .occupation{
	color: var(--white);
	margin-bottom: 10px;
	text-decoration: underline;
	margin-top: 0;
}
#personWork .description{
	color: var(--white);
	margin-bottom: 0;
	margin-top: 0;
}
#personWork .listSocial{
	list-style: none;
	display: flex;
	padding: 0;
	margin-top: 15px;
}
#personWork .listSocial li{
	padding: 0 5px;
}
#personWork .listSocial li i{
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: var(--yellow);
	color: var(--white);
	border-radius: 50%;
	text-align: center;
}
#personWork .image{
	position: relative;
}
#personWork .divider{
	position: absolute;
    z-index: 0;
    right: 0;
    left: 36%;
    bottom: -30px;
    width: 100%;
    height: 60px;
    text-align: center;
    opacity: 0.35;
    top: -30px;
}
#personWork .content:hover {
    transform: translateY(-7.5px);
    transition: .5s ease-in-out;
}

#firstPerson{
	padding: 80px 0px;
}
#firstPerson .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#firstPerson .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#firstPerson h2 .featured:before{
	background: var(--yellow);
}
#firstPerson p.green{
	color: var(--green);
}
#firstPerson p.gray{
	color: var(--gray);
}

#ourImage{
	background: var(--blue);
}
#ourImage .box{
	width: 300px;
	height: 300px;
	position: relative;
	margin: 40px;
}
#ourImage .box .imgBx{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s ease-in-out;
	z-index: 2;
}
#ourImage .box:hover .imgBx{
	transform: translate(-25px,-25px);
}
#ourImage .box .imgBx img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#ourImage .box .infoBx{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s ease-in-out;
	background: #fff;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background: #fff;
	padding: 15px;
}
#ourImage .box:hover .infoBx{
	transform: translate(25px,25px);
}
#ourImage .box .infoBx p{
	color: var(--space-blue);
	font-size: 20px;
	font-family: var(--fBold);
	margin: 0;
	text-align: center;
}

#programasPage{
	background: var(--white);

}
#programasPage .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#programasPage .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#programasPage h2 .featured:before{
	background: var(--yellow);
}
#programasPage p.green{
	color: var(--green);
}
#programasPage p.gray{
	color: var(--gray);
}
#programasPage p.gray2{
	color: var(--gray2);
}
#programasPage .contentBx{
	padding: 30px;
	background: var(--green);
	margin-bottom: 40px;
	position: relative;
}
#programasPage .contentBx img.iconBox{
	margin-bottom: 20px;
	width: 70px;
	height: auto;
}
#programasPage .absoluteImage{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
#programasPage .absoluteImage img{
	width: 180px;
	height: auto;
	opacity: .2;
	padding: 10px;
}
#programasPage .titleProgramm{
	font-size: 30px;
	color: var(--white);
	margin-bottom: 5px;
	margin-top: 0;
	font-family: var(--fBold);
}
#programasPage .descriptionProgramm{
	color: var(--white);
}
#programasPage .descriptionProgramm.titleP{
	margin-top: 15px;
	margin-bottom: 0;
	font-family: var(--fBold);
	font-size: 19px;
}
#programasPage .listProgramms{
	padding-left: 30px;
	margin-bottom: 20px;
}
#programasPage .listProgramms li{
	color: #fff;
}
#programasPage .card .btn-icon.pulse-icon{
	color: var(--blue);
}
#programasPage .card:hover .btn-icon.pulse-icon:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  animation: pulse-icon 1.5s infinite;
  -webkit-animation: pulse-icon 1.5s infinite;
}


#voluntariado1 .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
}
#voluntariado1{
	background: var(--bckgd-blue);
}
#voluntariado1 .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#voluntariado1 h2 .featured:before{
	background: var(--space-blue);
}
#voluntariado1 p.white{
	color: var(--white);
}
#voluntariado1 p.green{
	color: var(--green);
}
#voluntariado1 p.gray{
	color: var(--gray);
}
#voluntariado1 p.gray2{
	color: var(--gray2);
}
#voluntariado1 .iconTitle{
	margin-right: 8px;
	width: 35px;
	height: auto;
}
#voluntariado1 .points{
	color: var(--space-blue);
	font-family: var(--fBold);
}

#voluntariado2 .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
}
#voluntariado2{
	padding-bottom: 50px;
}
#voluntariado2 .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#voluntariado2 h2 .featured:before{
	background: var(--yellow);
}
#voluntariado2 p.white{
	color: var(--white);
}
#voluntariado2 p.green{
	color: var(--green);
}
#voluntariado2 p.gray{
	color: var(--gray);
}
#voluntariado2 p.gray2{
	color: var(--gray2);
}
#voluntariado2 .titleBlock{
	color: var(--space-blue);
	font-family: var(--fBold);
	margin-top: 0;
	margin-bottom: 10px;
}
#voluntariado2 .descriptionBlock{
	color: var(--gray);
	font-size: 15px;
}
#voluntariado2 img.iconBlock{
	width: 70px;
	height: auto;
	margin-bottom: 15px;
}
#voluntariado2 .card{
	background: var(--bckgd-aliceblue);
	min-height: 330px;
	padding: 25px;
}
#voluntariado2 .card.cardHeightAuto{
	min-height: auto;
}
#voluntariado2 .card .btn-icon.pulse-icon{
	color: var(--blue);
}
#voluntariado2 .card:hover .btn-icon.pulse-icon:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  animation: pulse-icon-blue 1.5s infinite;
  -webkit-animation: pulse-icon-blue 1.5s infinite;
}


#blogPage{
	background: var(--bckgd-green);
}
#blogPage{
	position: relative;
	padding-bottom: 50px;
}
#blogPage .pre-title{
	color: #afdde0;
	font-family: var(--fBold);
}
#blogPage .title{
	font-size: 45px;
	color: var(--white);
	font-family: var(--fHeavy);
	white-space: pre-line;
}
#blogPage h2 .featured:before{
	background: var(--blue);
}
#blogPage p.green{
	color: var(--green);
}
#blogPage p.white{
	color: var(--white);
}
#blogPage p.gray{
	color: var(--gray);
}
#blogPage p.gray2{
	color: var(--gray2);
}
#blogPage p.blue{
	color: var(--blue);
}
#blogPage p.yellow{
	color: var(--yellow);
}
#blogPage .btn-blue{
	background: var(--blue);
	color: var(--white);
	border-radius: 8px;
	font-family: var(--fBold);
}
#blogPage .card-body{
	text-align: left;
}
#blogPage .titleArticle{
	color: var(--white);
	font-size: 22px;
	font-family: var(--fBold);
}
#blogPage .descriptionArticle{
	color: var(--white);
}
#blogPage .btn.active{
	background: var(--blue);
	color: var(--white);
	border-radius: 10px;
}
#blogPage.filter-section .btn-group .btn{
	color: var(--white);
	font-family: var(--fBold);
	border-radius: 10px;
}
#headePageBlog.featured:after{
	background-image: url(../../assets/textures/bullets-blue-2.png);
}

#personWork.personWorkHome{
	padding: 80px 0;
	background: var(--blue);
}
#personWork.personWorkHome .pre-title{
	color: var(--gray2);
	font-family: var(--fBold);
}
#personWork.personWorkHome .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
}
#personWork.personWorkHome h2 .featured:before{
	background: var(--space-blue);
}
#personWork.personWorkHome p.green{
	color: var(--green);
}
#personWork.personWorkHome p.gray{
	color: var(--gray);
}
#personWork.personWorkHome .box{
	margin-top: 80px;
}
#personWork.personWorkHome .content{
	display: flex;
	align-items: center;
    transform: translateY(0px);
	transition: .5s ease-in-out;
	display: block;
}
#personWork.personWorkHome .content iframe{
	height: 300px;
	margin-bottom: 25px;
}
#personWork.personWorkHome .content img{
	padding-right: 30px;
	border-radius: 8px;
	z-index: 1;
	position: relative;
}
#personWork.personWorkHome .titlePerson{
	color: var(--white);
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 15px;
	font-family: var(--fBold);
}
#personWork.personWorkHome .occupation{
	color: var(--white);
	margin-bottom: 10px;
	text-decoration: underline;
	margin-top: 0;
}
#personWork.personWorkHome .description{
	color: var(--white);
	margin-bottom: 0;
	margin-top: 0;
}
#personWork.personWorkHome .listSocial{
	list-style: none;
	display: flex;
	padding: 0;
	margin-top: 15px;
}
#personWork.personWorkHome .listSocial li{
	padding: 0 5px;
}
#personWork.personWorkHome .listSocial li i{
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: var(--yellow);
	color: var(--white);
	border-radius: 50%;
	text-align: center;
}
#personWork.personWorkHome .image{
	position: relative;
}
#personWork.personWorkHome .divider{
	position: absolute;
    z-index: 0;
    right: 0;
    left: 36%;
    bottom: -30px;
    width: 100%;
    height: 60px;
    text-align: center;
    opacity: 0.35;
    top: -30px;
}
#personWork.personWorkHome .content:hover {
    transform: translateY(-7.5px);
    transition: .5s ease-in-out;
}
.formHeader{
	width: auto;
}
.inputHeader{
	border: none;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    margin-left: 15px;
}

#partners{
	padding: 80px 0;
	background: var(--white);
}
#partners .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#partners .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
	white-space: pre-line;
}
#partners h2 .featured:before{
	background: var(--yellow);
}
.partners img{
	opacity: 1;
	height: 110px;
}

#instruccionesPago{
	padding: 175px 0 50px;
	background: var(--white);
}
#instruccionesPago .contentBx{
	text-align: center;
}
#instruccionesPago .iconBig{
	display: block;
	margin: 0 auto;
	width: 130px;
	height: auto;
}
#instruccionesPago .imgPago{
	display: block;
	margin: 0 auto 20px;
}
#instruccionesPago .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#instruccionesPago .title{
	font-size: 45px;
	color: var(--blue);
	font-family: var(--fHeavy);
	white-space: pre-line;
}
#instruccionesPago h2 .featured:before{
	background: var(--yellow);
}
#instruccionesPago .titleBlock{
	font-family: var(--fBold);
	font-size: 30px;
	color: var(--space-blue);
	text-align: center;
	line-height: normal;
}
#instruccionesPago .textBlock{
	margin-bottom: 10px;
	margin-top: 0;
}
#instruccionesPago .boldText{
	font-weight: 600;
}
#instruccionesPago p.green{
	color: var(--green);
}
#instruccionesPago p.white{
	color: var(--white);
}
#instruccionesPago p.gray{
	color: var(--gray);
}
#instruccionesPago p.gray2{
	color: var(--gray2);
}
#instruccionesPago p.blue{
	color: var(--blue);
}
#instruccionesPago p.yellow{
	color: var(--yellow);
}
#instruccionesPago .btn-blue{
	background: var(--blue);
	color: var(--white);
	border-radius: 8px;
	font-family: var(--fBold);
}


#politicas{
	padding: 80px 0;
	background: var(--white);
	background: var(--blue);
}
#politicas .pre-title{
	color: var(--green);
	font-family: var(--fBold);
}
#politicas .title{
	font-size: 45px;
	color: var(--yellow);
	font-family: var(--fHeavy);
	white-space: pre-line;
	margin-top: 0;
}
#politicas h2 .featured:before{
	background: var(--space-blue);
}
#politicas p.green{
	color: var(--green);
}
#politicas p.white{
	color: var(--white);
}
#politicas p.gray{
	color: var(--gray);
}
#politicas p.gray2{
	color: var(--gray2);
}
#politicas p.blue{
	color: var(--blue);
}
#politicas p.yellow{
	color: var(--yellow);
}
#politicas .btn-spaceBlue{
	background: var(--space-blue);
	color: var(--white);
	border-radius: 8px;
	font-family: var(--fBold);
}
#politicas .flexBottons{
	display: flex;
	align-items: center;
	justify-content: center;
}

.white-popup-block {
    background: #FFF;
    padding: 40px 30px 20px;
    text-align: left;
    max-width: 850px;
    margin: 40px auto;
    position: relative;
}
#recibo .contentBxRadio{
	display: flex;
	align-items: center;
}
#recibo .contentBxRadio .cont{
	width: 50%;
}
#recibo .contentBxRadio .cont input{
	width: auto;
}
#recibo .contentBxRadio .cont label{
	width: auto;
	display: inline-block;
}
#recibo .btn-blue{
	background: var(--blue);
	color: var(--white);
	border-radius: 8px;
	font-family: var(--fBold);
}

@media (max-width: 900px){
	#ourImage .box:hover .infoBx{transform: translate(0px,25px);}
	#ourImage .box:hover .imgBx{transform: translate(0px,-25px);}
	body h1, body .slide-content .title{font-size: 1.3rem;}
	.slider-h-auto .swiper-wrapper, .slider-h-auto .swiper-slide{min-height: 100vh;}
	.slider-h-100.slider-h-auto{min-height: 100vh;}

}
@media (max-width: 800px){
	body section{padding: 65px 0;}
	.mt-30-sm{margin-top: 30px;}
	.order-1{order: 1;}
	.order-2{order: 2;}
	#videoHome iframe{max-width: 100%; height: 270px; width: 100%;}
	.formHeader{display: none;}
	.logoMenu{width: 170px;}
	.modal-header .icon-close, .modal-header .icon-close:hover{color: #fff!important;}
	.menu .nav-link:first-child, .menu .nav-link:hover{color: #fff!important;}
	body #menu .modal-header, body .menu.modal-body{background: var(--bckgd-green);}
	/*Config slide Home*/
	#slider{margin-top: 70px;}
	#slider .slider-h-100.slider-h-auto{min-height: 65vh!important; height: 65vh!important;}
	#slider .slider-h-auto .swiper-wrapper, #slider .slider-h-auto .swiper-slide{min-height: 65vh;}
	#slider .firstSlide .full-image{object-position: -145px;}
	.slide-content .title.titleAuthor{font-size: 1.3rem; }
	.slide-content .title.titleAuthor span{font-size: 16px;}
	.contentSlideColorMovil{padding: 3rem!important;background: rgb(54 169 178 / 70%);border-radius: 25px;}
	.contentSlideColorMovil.blueContent{margin-top: 275px;margin-left: 75px;padding: 15px 20px!important;background: rgb(46 51 123 / 100%);}
	#about.highlights .items .item{margin-bottom: 30px;}
	#about p, #about a{text-align: left;}
	#about .points{text-align: left; min-height: auto; margin-left: 10px;}
	#campaign{padding: 65px 0 30px;}
	#campaign .logoText{margin-top: 10px;}
	#campaign .titleSteps{min-height: auto; margin: 10px 0;}
	#campaign .descriptionSteps{margin-top: 10px;}
	#personWork.personWorkHome .content iframe{height: 270px;}
	#community .imgCommunity{position: relative; margin-top: 30px; width: 100%; max-width: 100%; padding: 15px 0;}
	#about .title, 
	#campaign .title, 
	#programms .title, 
	#team .title, 
	#team .nameBoss, 
	#community .title, 
	#blog .title, 
	#contacto .titleBig, 
	#whoWe .title, 
	#whatWeDo .title, 
	#history .title, 
	#cifras .title, 
	#personWork .title, 
	#firstPerson .title, 
	#programasPage .title, 
	#voluntariado1 .title, 
	#voluntariado2 .title, 
	#blogPage .title, 
	#personWork.personWorkHome .title, 
	#partners .title,
	#politicas .title{font-size: 35px;}
	#personWork.personWorkHome .divider{left: 0;}
	#contacto .row .text:nth-child(3){margin-top: 30px;}
	#footer .row{justify-content: center!important;}
	#footer .row .col-auto{margin: 10px 0;}
	#footer p, #footer p a{line-height: 1.7rem; text-align: center;}
	#donateMovil{display: block;}
	#donateMovil .inputHeader{width: 130px; margin-left: -10px; margin-top: 20px; display: block;}

	/*Nosotros*/
	.slider-h-50.slider-h-auto{min-height: 75vh;}
	.slider-h-50{height: 75vh;}
	.headerPage h1.title{font-size: 40px;}
	#personWork .content iframe{height: 270px;}
	#personWork .divider{left: 0;}
	#whoWe .quote{margin-top: 0!important;}
	#whatWeDo{padding: 65px 0;}
	#whatWeDo .intro{margin-top: 0!important;}
	#history .order-2 img{margin-top: 30px;}
	#cifras{padding: 65px 0;}
	#cifras .titleCounter{font-size: 21px;}
	.hidden-mobile .radial canvas{display: none;}
	#firstPerson{padding: 65px 0;}

	/*Recibo*/
	#instruccionesPago .contentBx{margin-bottom: 50px;}
	#politicas .flexBottons{display: block;}
	#politicas .flexBottons a{margin-bottom: 30px;}
	#politicas .flexBottons a:last-child{margin-bottom: 0px;}
}