/* RESET BROWSER */

html {
	width: 100%;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
nav,
footer,
section,
article {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
ol,
ul,
li {
	list-style: outside none none;
}
blockquote {
	quotes: none;
}
blockquote::before,
blockquote::after {
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img,
a {
	border: medium none;
	color: #fff;
	outline: 0 none;
	text-decoration: none;
}

/* GENERAL */

.clear {
	clear: both;
}

.cookieFont {
	font-family: "Cookie", cursive;
	font-weight: 400;
	font-style: normal;
}
html {
	color: #000;
	background-color: #fff;
}

body {
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 10px;
	overflow-x: hidden;
}

/* EN CONSTRUCCION */

.const {
	color: #fff;
}
.nc {
	height: 100%;
	width: 100%;
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
}
.nc_cell {
	display: table-cell;
	vertical-align: middle;
}
.nc_logo {
	background-image: url("../img/log_black.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	height: 300px;
}
p.descr {
	font: 1.3em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}

/* LOGOS */

.iconMask {
	width: 30px;
	display: inline-block;
	height: 30px;
}
.iconMask span {
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-position: 50% 50%;
	-webkit-mask-position: 50% 50%;
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.menuIcon span {
	-webkit-mask-image: url(../images/svg/list.svg);
	mask-image: url(../images/svg/list.svg);
}
.closeIcon span {
	-webkit-mask-image: url(../images/svg/close.svg);
	mask-image: url(../images/svg/close.svg);
	background: #000;
	-webkit-mask-size: 60% auto;
	mask-size: 60% auto;
}
.arrowIcon span {
	-webkit-mask-image: url(../images/svg/arrow.svg);
	mask-image: url(../images/svg/arrow.svg);
}
.logoCog span {
	-webkit-mask-image: url(../images/svg/cognifit.svg);
	mask-image: url(../images/svg/cognifit.svg);
	width: 80px;
}

.table {
	display: table;
	height: 100%;
	width: 100%;
}
.cell {
	display: table-cell;
	vertical-align: middle;
}

header {
	background: #000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
}
header .board {
	padding: 10px 20px;
	text-align: left;
}
.closeIcon {
	display: none;
}
header ul {
	display: inline-block;
}
header ul li {
	display: inline-block;
	margin-right: 40px;
	vertical-align: middle;
	line-height: 1em;
}
header ul li a {
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
}
header ul.homeLinkMob a.logo,
header ul li a.logo {
	width: 100px;
	height: 30px;
	display: block;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
header ul.homeLinkMob {
	display: none;
}
header ul li a.logo span {
	display: none;
}
header ul.ulLang {
	float: right;
}
header ul li.menuLang {
	margin-right: 0;
	margin-top: 8px;
}
header ul li.menuLang ul {
	display: none;
	position: absolute;
	top: 30px;
	background: #444;
	padding: 9px;
	right: 10px;
	text-align: center;
	border-radius: 10px;
}
header ul li.menuLang ul li {
	margin: 0;
}
header ul li.menuLang.openLang ul {
	display: block;
}
header ul li.menuLang a {
	text-transform: none;
}
header ul li.menuLang .iconMask {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-left: 3px;
}
header ul li.menuLang.openLang .iconMask span {
	transform: rotate(180deg);
}
a.infoBt {
	display: inline-block;
	margin: 0 auto;
	color: #9f3b50;
	background: #fff;
	padding: 13px 21px;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: bold;
	border-radius: 0 6px 0 6px;
}
.frameMain a.infoBt {
	margin: 10px;
}
a.infoBt.infoBtInv {
	background: #9f3b50;
	color: #fff;
}
.frame {
	color: #fff;
}

.frameMain {
	background: #333;
	height: 100vh;
	position: relative;
	widows: 100vw;
	overflow: hidden;
}
.logoCover {
	max-width: 1000px;
	max-height: 407px;
	display: block;
	background-image: url("../images/logoCover.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	margin: 0 auto;
	width: 90%;
	height: 34vh;
}
.logoCover_2 {
	background-image: url("../images/mind-your-skills.webp");
}
.carrusel_p {
	font-size: 4em;
	padding-bottom: 60px;
	font-weight: 100;
}
.absoLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.absoLayer.videoBack {
	z-index: 1;
}
.absoLayer.videoBack {
	z-index: 2;
}
.absoLayer.videoBack video {
	width: 100%;
	height: auto;
	display: block;
	min-width: 100vw;
	min-height: 100vh;
}
.carrusel {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
}
.carrusel_s {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: left 0.5s ease-in-out;
	-webkit-transition: left 0.5s ease-in-out;
}
.carrusel_nav {
	width: 100px;
	margin-left: -50px;
	position: absolute;
	height: 40px;
	bottom: 60px;
	left: 50%;
	text-align: center;
	z-index: 5;
}
.carrusel_point {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 10px;
	margin: 10px;
	display: inline-block;
	opacity: 0.5;
}
.carrusel_pointAct {
	opacity: 0.8;
	cursor: default;
}
.carrusel_point:hover {
	opacity: 1;
	cursor: pointer;
}
.carrusel_pointAct:hover {
	opacity: 0.8;
	cursor: default;
}
.carrusel_s1 {
}
.carrusel_s2 {
	left: 100%;
}

.infoCell {
	display: inline-block;
	width: 23%;
	padding: 0 5% 50px;
	vertical-align: top;
	text-align: left;
}
.cell66 .infoCell {
	padding-left: 6%;
	width: 55%;
	vertical-align: middle;
}
.cell66 .infoCell.infoCellDraw {
	padding-left: 0%;
	width: 32%;
	background-image: url("../images/brain.webp");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: auto 77%;
	height: 90vh;
	vertical-align: middle;
	padding-right: 0;
	margin-left: -2%;
}
.infoCell h2 {
	text-transform: uppercase;
	font-size: 4.4em;
	margin-bottom: 40px;
	font-weight: 500;
}
.infoCell h3 {
	text-transform: uppercase;
	font-size: 4.4em;
	margin-bottom: 40px;
	font-weight: 500;
}
h3.h3alo {
	display: block;
	text-align: left;
	padding: 5%;
	text-transform: uppercase;
	font-size: 4.4em;
	margin-bottom: 40px;
	font-weight: 500;
}
.subSlog {
	display: block;
	margin-top: 41px;
	font-size: .75em;
}
.infoCell h4 {
	text-transform: uppercase;
	font-size: 2.5em;
	padding: 10px 14px;
	border-radius: 10px;
	background: #000;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 500;
	display: inline-block;
}
.infoCell img {
	width: 90%;
	height: auto;
	border-radius: 20px;
	display: block;
	margin-bottom: 15px;
}
p.description {
	font-size:2.1em;
	font-weight: 300;
}
span.tbarDiv {
	position: relative;
	display: inline-block;
	width: auto;
}
span.tbar {
	display: inline-block;
	width: 44px;
	height: 8px;
	background: #fff;
	position: absolute;
	top: -16px;
	left: 0;
}
span.tbar.tbar2 {
	left: auto;
	right: 0;
	top: auto;
	bottom: -16px;
}
span.tbarSen {
	display: inline-block;
}
h5 span.tbar {
	top: -6px;
}

h5 span.tbar.tbar2 {
	bottom: -6px;
}
.frameSlogan {
	height: 60vh;
}
.frameSlogan h5 {
	text-transform: uppercase;
	margin: 0 auto;
	/*max-width: 600px;*/
	width: 90%;
	font-size: 3em;
	line-height: 2em;
	font-weight: 500;
}
.frameMainBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	background: #0a2f55;
	z-index: 3;
	left: 0;
}
.frameMainBottom .board {
	max-width: 1200px;
	margin: 0 auto;
	display: table;
	height: 100%;
	width: 90%;
}
.frameMainBottom .board div {
	display: inline-block;
	vertical-align: middle;
	margin: 8px 30px;
}
.frameMainBottom .logoCog {
	width: 82px;
}
.fmb_1 {
	font-size: 1.5em;
}
.fmb_2 {
	color: #049fff;
	background: #fff;
	padding: 5px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	font-size: 1.1em;
}
.frameMainBottom .board div.fmb_store {
	margin-right: 0;
}
.fmb_store span {
	display: none;
}
.fmb_store img {
	height: 25px;
	width: auto;
	margin: 0 1px;
}
.frameMainBottom .board div.plataformsDraw {
	width: 100px;
	height: 35px;
	background-image: url("../images/plataformas.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.frameCover {
	height: 100vh;
}
.frameMision {
	background: linear-gradient(
		to bottom,
		rgba(152, 0, 153, 1) 0%,
		rgba(139, 11, 141, 1) 100%
	);
}
.frameMision .frameCover {
}
.frameParaque {
	background: linear-gradient(
		to bottom,
		rgba(139, 11, 141, 1) 0%,
		rgba(152, 0, 153, 1) 100%
	);
}
.frameAquien {
	background: linear-gradient(
		to bottom,
		rgba(152, 0, 153, 1) 0%,
		rgba(142, 8, 39, 1) 100%
	);
}
.frameDeporte {
	background: linear-gradient(
		to bottom,
		rgba(142, 8, 39, 1) 0%,
		rgba(80, 60, 125, 1) 100%
	);
}
.frameEducacion {
	background: linear-gradient(
		to bottom,
		rgba(80, 60, 125, 1) 0%,
		rgba(67, 158, 143, 1) 100%
	);
}
.frameSalud {
	background: linear-gradient(
		to bottom,
		rgba(67, 158, 143, 1) 0%,
		rgba(70, 145, 63, 1) 48%,
		rgba(0, 0, 0, 1) 100%
	);
}
.frameMetodologia {
	background: #000;
}
.frameAlianza {
	background: #09293b;
}
.clear {
	clear: both;
}
.cell60 {
	display: inline-block;
	width: 38%;
	vertical-align: top;
}
.cellRight.cell60 {
	text-align: left;
}
.cell40 {
	display: inline-block;
	width: 53%;
	vertical-align: top;
	margin-left: 2%;
}
.cellColumn {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: right;
	padding-right: 3vw;
	margin-top: 60px;
}
.cellColumn.cellSlogan {
	width: 247px;
}
.cellColumn.cellUl {
	/*padding-left: 10%;
	width: 52%;*/
}
.font50sub {
	font-size: 4vw;
	text-align: right;
}
.cellRight .font50sub {
	text-align: left;
}
.font50 {
	font-size: 8vw;
	text-transform: uppercase;
	text-align: right;
	font-weight: 900;
}
.cellColumn.cellRight {
	text-align: left;
	padding-right: 3vw;
	padding-left: 0;
}
.cellRight.cell60 .font50 {
	text-align: left;
}
.frameDeporte .frameCover,
.frameEducacion .frameCover,
.frameSalud .frameCover {
	padding-top: 15vh;
	min-height: 100vh;
	height: auto;
}
.cell40 {
	min-height: 80vh;
	height: auto;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: contain;
}
.frameDeporte .cell40 {
	background-image: url("../images/img_deporte_2.webp");
}
.frameEducacion .cell40 {
	background-image: url("../images/img_educacion.webp");
}
.frameSalud .cell40 {
	background-image: url("../images/img_salud.webp");
}
.slogan {
	text-transform: uppercase;
	/*width: 161px;*/
	font-size: 4em;
	/*margin: 90px 0;*/
}
.cellColumn ul {
	font-size: 1.9em;
	margin: 50px 0 38px;
	text-align: left;
}
.cellColumn ul li {
	margin-bottom: 15px;
}
.cellColumn ul li span {
	width: 9px;
	height: 9px;
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	vertical-align: middle;
	margin-right: 10px;
}

.saludFrameMore {
}
.saludFrameMore {
	/*background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: auto 100%;
	background-image: url("../images/rou.webp");*/
	background:  linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	background:  linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(219,219,92,1) 100%);
}
.saludDraw {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 90%;
	background-image: url("../images/girl.webp");
	min-height: 110vh;
}
.saludDraw2 {
	background-image: url("../images/bulb.webp");
	background-position: 0% 50%;
}
.saludText {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	text-align: left;
}
.saludTextInt {
	margin: 0 auto;
	width: 500px;
}
.saludTextInt a {
	margin-top: 20px;
}
.saludText p.description {
	font-size: 1.9em;
}
.saludText .tbarDiv {
	text-transform: uppercase;
	line-height: 1.2em;
	font-size: 4em;
	margin-bottom: 40px;
	font-weight: bold;
}
.frameMetodologia .tbarDiv .tbar,
.saludText .tbarDiv .tbar {
	background: #a4243f;
}
.frameMetodologia,
.frameMetodologia h3.h3alo {
	text-align: center;
}
.frameMetodologia .infoCell img {
	margin-top: 15px;
}
.frameMetodologia .infoCell {
	text-align: center;
}
.frameMetodologia .infoCell img {
	text-align: center;
	margin: 10px auto;
}

.frameMetodologia .infoCellM {
	width: 60%;
	clear: both;
	margin: 0 auto 60px;
	max-width: 900px;
}
.frameMetodologia .infoCellM h4,
.frameMetodologia .infoCellM p {
	display: inline-block;
	width: 46%;
	vertical-align: top;
	padding: 0 10px;
}
.frameMetodologia .infoCellM h4 {
	font-size: 3em;
	line-height: 1.3em;
	padding-top: 0;
	text-align: right;
}
.frameMetodologia .infoCellM p {
	text-align: left;
}

.frameAlianza {
	text-align: center;
}
.frameAlianza .frameCover {
	background-image: url("../images/alianza.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.frameAlianza h2 {
	font-size: 2em;
	text-transform: uppercase;
}
.frameAlianza h3 {
	font-size: 4em;
	text-transform: uppercase;
	margin: 0px auto 20px;
	max-width: 500px;
	width: 90%;
	font-weight: bold;
	line-height: 1.3em;
}
.frameAlianza .devices {
	background-image: url("../images/devices.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	max-width: 600px;
	max-height: 400px;
	margin: 0 auto 12px;
	width: 90%;
	height: 23vh;
}
.frameAlianza .logoCog {
	width: 200px;
	height: 100px;
}
.frameAlianza .logoCog span {
	width: 100%;
}
.frameAlianza .fmb_store img {
	height: 40px;
	width: auto;
	margin: 0 20px;
}
.footer_1 {
	background: #a4243f;
	padding: 5%;
}
.footer_1Left {
	text-align: left;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.footer_1Left h4 {
	font-size: 4em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
}
.footer_1Left h4 span {
	display: block;
}
.footer_1Right {
	text-align: right;
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}
.footer_2 {
	background: #000;
	padding: 5%;
	text-align: center;
	color: #fff;
}
.footer_2Left {
	padding-right: 40px;
	text-align: right;
	display: inline-block;
	vertical-align: bottom;
}
.redes {
	text-align: right;
}
.redes li {
	display: inline-block;
}
.redes a {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-left: 10px;
	border-radius: 30px;
	background: #fff;
}
.footer_2Left p {
	font-size: 2em;
	margin-bottom: 10px;
}
.footer_2Right {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
}
.footer_2Right a img {
	height: 45px;
	display: inline-block;
}

@media only screen and (max-width: 1028px) {
	html {
		width: 100%;
		overflow-x: hidden;
	}
	.infoCell {
		width: 90%;
	}
	.onlydesk {
		display: none !important;
	}
	.frameMision .frameCover {
		height: auto;
		min-height: 100vh;
	}
	.cell66 .infoCell {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.cell66 .infoCell.infoCellDraw {
		display: block;
		width: 100%;
	}
	.frameMainBottom .board div {
		margin-left: 5px;
		margin-right: 5px;
	}
	.frameSlogan h5 {
		text-align: left;
		line-height: 1.6em;
	}
	.frameAlianza h3 {
		font-size: 3em;
	}
	.frameAlianza .fmb_store img {
		margin: 0 2px;
	}
	.footer_1Left {
		display: block;
		width: 90%;
		margin: 0 auto 20px;
		text-align: center;
		font-size: 0.8em;
	}
	.footer_1Right {
		display: block;
		width: 90%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.footer_2Left {
		padding-right: 0;
		text-align: center;
		display: block;
		width: 90%;
		margin: 0 auto 20px;
	}
	.redes {
		text-align: center;
	}
	.footer_2Right {
		text-align: center;
		width: 200px;
		margin: 0 auto;
	}
	.footer_2Right .fmb_store a {
		margin-bottom: 3px;
		display: block;
	}
	.cell60,
	.cell40 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.font50 {
		font-size: 7em;
		text-align: left;
	}
	.font50sub {
		font-size: 4em;
		text-align: left;
	}
	.slogan {
		font-size: 3em;
		text-align: right;
	}
	.cellColumn ul {
		text-align: left;
	}
	.frameDeporte .maxwidth,
	.frameSalud .maxwidth {
		flex-wrap: wrap-reverse;
		display: flex;
	}
	.saludDraw {
		display: block;
		width: 90%;
		background-size: auto 90%;
		min-height: 380px;
		margin: 0 auto;
		background-position: 50% 0;
	}
	.saludText {
		display: block;
		width: 90%;
		vertical-align: middle;
		text-align: left;
		margin: 0 auto 40px;
	}
	.saludTextInt {
		width: auto;
	}
	.frameMetodologia .infoCellM {
		width: 90%;
		margin: 0 auto 10px;
		max-width: 900px;
	}
	.frameMetodologia .infoCellM h4 {
		text-align: left;
		width: 100%;
	}
	.frameMetodologia,
	.frameMetodologia h3.h3alo {
		text-align: left;
	}
	.frameMetodologia .infoCell {
		text-align: left;
	}
	.frameMetodologia .infoCellM p {
		text-align: left;
		width: 100%;
	}
	.header .ulMenu {
		left: -100vw;
		display: block;
		position: fixed;
		height: 100vh;
		height: 100dvh;
		top: 0;
		width: 80%;
		background: #000;
		transition: left 0.5s ease-in-out;
		-webkit-transition: left 0.5s ease-in-out;
	}
	.menu_on .header .ulMenu {
		left: 0;
	}
	.closeIcon {
		display: block;
		position: fixed;
		top: 20px;
		right: -200px;
		background: #fff;
		z-index: 9;
		padding: 10px;
		border-radius: 50px;
		transition: right 0.5s ease-in-out;
		-webkit-transition: right 0.5s ease-in-out;
	}
	.menu_on .closeIcon {
		right: calc(20% - 60px);
	}
	.header .ulMenu li {
		display: block;
		padding: 20px;
		border-bottom: solid 1px #fff;
		margin-right: 0;
	}
	.header ul.homeLinkMob {
		display: inline-block;
	}
	.header ul.homeLinkMob .menuLinkMob {
		margin-right: 15px;
	}
	.absoLayer.videoBack video {
		object-position: center;
    object-fit: cover;
	}
	.frameSlogan {
		height: auto;
		padding: 60px 0 90px;
	}
	.frameDeporte .frameCover,
	.frameEducacion .frameCover,
	.frameSalud .frameCover {
		padding-top: 30px;
	}
	.cell40 {
		background-size: auto 90%;
		min-height: 50vh;
	}
	.frameDeporte .frameCover a.infoBt,
	.frameEducacion .frameCover a.infoBt,
	.frameSalud .frameCover a.infoBt {
		margin-bottom: 30px;
	}
	.cellColumn {
		text-align: center !important;
		padding-right: 0 !important;
	}
	.frameMain {
		height: 100dvh;
	}
}

@media only screen and (min-width: 1029px) {
	.link {
		cursor: pointer;
	}
	.link:hover {
		opacity: 0.5;
	}
}