/* FONTS */
/* *****************FONT POPPINS******************* */
@font-face {
    font-family: 'Poppins Black';
    src: url('/fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Bold';
    src: url('/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Bold Italic';
    src: url('/fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins ExtraBold';
    src: url('/fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins ExtraLight';
    src: url('/fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Light Italic';
    src: url('/fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins SemiBold Italic';
    src: url('/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins Thin Italic';
    src: url('/fonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* *****************FONT JEKO******************* */
@font-face {
    font-family: 'Jeko Black Italic';
    src: url('/fonts/JekoBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Black';
    src: url('/fonts/JekoBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Bold Italic';
    src: url('/fonts/JekoBoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Bold';
    src: url('/fonts/JekoBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Extra Bold Italic';
    src: url('/fonts/JekoExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Extra Bold';
    src: url('/fonts/JekoExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Extra Light Italic';
    src: url('/fonts/JekoExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Extra Light';
    src: url('/fonts/JekoExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Italic Variable';
    src: url('/fonts/JekoItalicVariable.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Light Italic';
    src: url('/fonts/JekoLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Light';
    src: url('/fonts/JekoLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Medium Italic';
    src: url('/fonts/JekoMediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Medium';
    src: url('/fonts/JekoMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Regular Italic';
    src: url('/fonts/JekoRegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Regular';
    src: url('/fonts/JekoRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Semi Bold Italic';
    src: url('/fonts/JekoSemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Semi Bold';
    src: url('/fonts/JekoSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Thin Italic';
    src: url('/fonts/JekoThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Jeko Thin';
    src: url('/fonts/JekoThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Jeko Variable';
    src: url('/fonts/JekoVariable.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* ********CLASES PARA USAR LOS POPPINS******** */
.poppinsBlack {
    font-family: 'Poppins Black';
}

.poppinsBold {
    font-family: 'Poppins Bold';
}

.poppinsBoldItalic {
    font-family: 'Poppins Bold Italic';
}

.poppinsExtraBold {
    font-family: 'Poppins ExtraBold';
}

.poppinsExtraLight {
    font-family: 'Poppins ExtraLight';
}

.poppinsLightItalic {
    font-family: 'Poppins Light Italic';
}

.poppinsRegular {
    font-family: 'Poppins Regular';
}

.poppinsSemiBoldItalic {
    font-family: 'Poppins SemiBold Italic';
}

.poppinsThinItalic {
    font-family: 'Poppins Thin Italic';
}

/* ********CLASES PARA USAR LOS JEKO******** */
.jekoBlackItalic {
    font-family: 'Jeko Black Italic';
}

.jekoBlack {
    font-family: 'Jeko Black';
}

.jekoBoldItalic {
    font-family: 'Jeko Bold Italic';
}

.jekoBold {
    font-family: 'Jeko Bold';
}

.jekoExtraBoldItalic {
    font-family: 'Jeko Extra Bold Italic';
}

.jekoExtraBold {
    font-family: 'Jeko Extra Bold';
}

.jekoExtraLightItalic {
    font-family: 'Jeko Extra Light Italic';
}

.jekoExtraLight {
    font-family: 'Jeko Extra Light';
}

.jekoItalicVariable {
    font-family: 'Jeko Italic Variable';
}

.jekoLightItalic {
    font-family: 'Jeko Light Italic';
}

.jekoLight {
    font-family: 'Jeko Light';
}

.jekoMediumItalic {
    font-family: 'Jeko Medium Italic';
}

.jekoMedium {
    font-family: 'Jeko Medium';
}

.jekoRegularItalic {
    font-family: 'Jeko Regular Italic';
}

.jekoRegular {
    font-family: 'Jeko Regular';
}

.jekoSemiBoldItalic {
    font-family: 'Jeko Semi Bold Italic';
}

.jekoSemiBold {
    font-family: 'Jeko Semi Bold';
}

.jekoThinItalic {
    font-family: 'Jeko Thin Italic';
}

.jekoThin {
    font-family: 'Jeko Thin';
}

.jekoVariable {
    font-family: 'Jeko Variable';
}

/* TEXT COLORS */

.lightBlue {
    color: #4AC0CC;
}

.darkText {
    color: #071E3B;
}

.darkTealText {
    color: #117882;
}

/* BACKGROUND COLORS */
.lightBlueBG {
    background-color: #4AC0CC;
}

.darkTealBG {
    background-color: #117882;
}

.grayBG {
    background-color: #D9D9D9;
}

/* GRADIENTES */
.GradientStart {
    background: #FAFFFF;
    background: -webkit-linear-gradient(0deg, rgba(250, 255, 255, 1) 0%, rgba(74, 192, 204, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(250, 255, 255, 1) 0%, rgba(74, 192, 204, 1) 100%);
    background: linear-gradient(0deg, rgba(250, 255, 255, 1) 0%, rgba(74, 192, 204, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAFFFF", endColorstr="#4AC0CC", GradientType=0);
}

/* Gradient1 va de azul oscuro arriba y azul claro abajo  */
.Gradient1 {
    background: #91F5FF;
    background: -webkit-linear-gradient(0deg, rgba(145, 245, 255, 1) 0%, rgba(74, 192, 204, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(145, 245, 255, 1) 0%, rgba(74, 192, 204, 1) 100%);
    background: linear-gradient(0deg, rgba(145, 245, 255, 1) 0%, rgba(74, 192, 204, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#91F5FF", endColorstr="#4AC0CC", GradientType=0);
}

/* Gradient2 va de azul claro de la izquierda y en la derecha esta el azul oscuro   */
.Gradient2 {
    background: #EBFDFF;
    background: -webkit-linear-gradient(90deg, rgba(235, 253, 255, 1) 0%, rgba(114, 225, 237, 1) 79%);
    background: -moz-linear-gradient(90deg, rgba(235, 253, 255, 1) 0%, rgba(114, 225, 237, 1) 79%);
    background: linear-gradient(90deg, rgba(235, 253, 255, 1) 0%, rgba(114, 225, 237, 1) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EBFDFF", endColorstr="#72E1ED", GradientType=1);
}

/* Gradient3 va de blanco arriba y blanco abajo */

.Gradient3 {
    background: #FFFFFF;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(67, 228, 244, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(67, 228, 244, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(67, 228, 244, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#43E4F4", GradientType=0);
}

/*Gradient4 va de azul claro arriba y azul un poco oscuro abajo  */
.Gradient4 {
    background: #72E1ED;
    background: -webkit-linear-gradient(0deg, rgba(114, 225, 237, 1) 0%, rgba(235, 253, 255, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(114, 225, 237, 1) 0%, rgba(235, 253, 255, 1) 100%);
    background: linear-gradient(0deg, rgba(114, 225, 237, 1) 0%, rgba(235, 253, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#72E1ED", endColorstr="#EBFDFF", GradientType=0);
}