/* CSS Document */


/*@font-face {
    
    font-family: SF-UI-Display-Regular;
    src: url(../font/SF-UI-Display-Regular.otf);
}*/

#mylistID{width:80px;font-family:arial;font-size:10px;}



@font-face {
    
    font-family: secondary; 
	src: url("../font/Oswald-SemiBold.ttf");
	font-weight: 600;	
	
}

@font-face {
    
    font-family: secondary; 	
	src: url("../font/Oswald-Regular.ttf");
	font-weight: 400;	
}

@font-face {
    
    font-family: secondary; 	
	src: url("../font/Oswald-Light.ttf");
	font-weight: 300;	
}

@font-face {
    
    font-family: secondary; 	
	src: url("../font/Oswald-ExtraLight.ttf");
	font-weight: 200;	
}



@font-face {
    
    font-family: primary;
    src: url("../font/Lato-Regular.ttf");
	font-weight: 400;
	
}




@font-face {
    
    font-family: primary;
    src: url("../font/Lato-Bold.ttf");
	font-weight: 700;
	
}


body,html {
	  margin: 0;
	  padding: 0;
	 overflow-x: hidden;
}


body{
    background: #FAFBFC;	
    font-family: primary;
	font-size: 15px;	
	color: #282D78;	
	overflow-x: hidden;
	
}

article{
    text-align: justify;
}


img {
  max-width: 100%;
  height: auto;
}


a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

.container{
	padding: 0px 30px;
} 

.res-mov{
display: none ;
		
}



@media all and (max-width: 700px) {
 
	
	.res-dsk{
	display: none; 
		
    }
	
	.menu_color{
	
		box-shadow: 0px 14px 40px #7090B01C;

	}
	
	.res-mov{
    display: inline;	
		
     }
	
	
	

}



/*---------------------------Buttons---------------------*/

.BlueButton:disabled{
	background-color:#BFBFBF;
	border-color: #BFBFBF;	
	box-shadow: 0px 3px 10px #0000001A;
}

.BlueButton{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;	
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	height: 50px;
	min-width: 200px;
	border-radius: 25px;
	background-color: #282D78;
    border-color: #282D78;
	border-width: 2px;
}

.BlueButton:hover:enabled{	
	background-color: #F5F5F5;
	color: #222770;
    border-color: #222770;
}


@media all and (max-width: 1200px) {
 	
	.BlueButton{
		font-size: 0.875em;	
    }
	
}


/*---------------------Inputs--------------------------*/


.textAreaContact{		
   
    overflow: hidden;
	resize: none;
	display: block; 

}



/*--------------------- Contacto-------------------------*/
.child1 {
  left: 0;
  position: absolute;
  top: 8em;
}

.tituloContacto{
	
	font-weight:900 ;
	color: #1E2328;
	font-size: 2.75em;
}

.labelContacto{
	
	font-size: 0.9375em;
}

.child2 {
  left: 12em;
  position: absolute;
  top: 0;
}

.parent {
  position: relative;
	height: 37em;
	width: 37em;
}

.image {
 width:427px; 
	height: 443px;
	max-width: none;
}

.labeltitulo{
	color: #1E2328;
	font-size: 1.25em;
	
	
}


.textAreaContact{		
   
    overflow: hidden;
	resize: none;
	display: block; 

}






@media all and (max-width: 1200px) {
 
.child1 {
  left: 0;
  position: absolute;
  top: 0;
}
	
	.buttonContact{
	font-size: 0.875em;	
    }
	

	
.tituloContacto{
	
	font-weight:700;
	color: #1E2328;
	font-size: 2.5em;
}
	


.labelContacto{
	
	font-size: 0.875em;
}
	
.child2 {

  left: 16em;
  position: absolute;
  top: 8em;
}
	
.parent {	
    position: relative;
	height: 30em;
	width: 30em;
	align-items: center;
	justify-content: center;
	display: flex;
}
	
	
}

@media all and (max-width: 600px) {
	
 	.image {
    width:211px; 
	height: 246px;
	max-width: none;
}
	
	.child2 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
  left: 7em;
  position: absolute;
  top: 4em;
}
	
.tituloContacto{
	
	font-weight:700;
	color: #1E2328;
	font-size: 1.6em;
}
	
	.labeltitulo{
	
	color: #1E2328;
	font-size: 0.915em;
}

	
	
.parent {	
    position: relative;
	height: 17em;
	width: 20em;
	align-items: center;
	justify-content: center;
	display: flex;
}
	
}






/*----------------------Menu-------------------------*/



.padding_menu{
   margin-right: 66px !important;
	
}


.iconMenuOpen{
	display: block;
	width: 23px;
	height: 19px;
	transition: width 0.2s;
}

.iconMenuClose{
	display: block;
	width: 0px;
	height: 0px;
}

.navbar-toggler>.close {
    display:inline;
}

.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.iconMenuOpen {
    height: 0px;
	width: 0px;
	
}

.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.iconMenuClose {	
	transition: width 0.2s;
    height: 18px;
	width: 18px;
	display: block;
}


.buttonNav{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	padding:  .5em .5em;
	background-color: #282D78;
    border-color: #282D78;
	
}




@media all and (max-width: 1200px) {
  
	.buttonNav{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.3em;
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	padding:  .7em 1.5em;
		margin: 1.2em 0em;
		background-color: #282D78;
    border-color: #282D78;
	
    }
	
	.padding_menu{
   margin-right: 0rem !important;
	
			}
	
	.tabLink ,.tabLink:hover,.tabLink:active,.tabLink:link{
	letter-spacing: 0.01px;
	color: #9C9E9E !important;
	font-weight: 500;
	font-family: poppins;	
	 margin-left: 0px !important;
		font-size: 18px;
	justify-content: center;
	display: flex;
	}
	

}










/*-----------------LandPage-------------------*/



.TitleLand{
	font-weight:700 ;
	color: #2E2E3B;
	font-size: 50px;
	font-family: poppins;
}

	.TitleLand-2{
		font-weight:500;
		color: #2E2E3B;
		font-size: 40px;
		font-family: poppins;
	}

.TitleLand-3{
	font-weight:700 ;
	font-family: poppins;
	font-size: 30px;
}

.subTitleLand{
	font-weight: bold;
	color: #1E2328;
	font-size: 1.875em;
}

.pad-1{
	padding-bottom: 100px;
	padding-top: 80px;
	
}

.pad-2{
	padding-bottom: 11.0625em;
	
}

.pad-3{
	padding-right: 2.5em;
	
}

.rowEspecial {
  display: flex;
  flex-wrap: wrap;
}

.padreLanding {  
  display: flex;
  align-items: center;
}

.textAlingResponsive {  
  text-align: left;
}

.columnLC {  
  justify-content: center;
}

.columnRC {  
  justify-content: center;
}

.column1 {
	width: 55%;
}

.column2 {
	width: 45%;
}

.buttonBlue{	
    font-weight: 500;
    color: #FFFFFF;
    min-width: 200px;
    height: 50px;
    box-shadow: 0px 6px 10px #282D7833;
    cursor: pointer;
    border-radius: 25px;
    background-color: #282D78;
    border-color: #282D78;
	display: grid;
	align-items: center;
}

.buttonWhite
{
	font-weight: bold;
	color: #282D78;
	font-size: 1em; 
	background-color:#FFFFFF;
	border-color: #FFFFFF;	
	padding:  1.4375em 1.9375em;
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	border-radius: .375em;
	
}

.buttonWhite:hover,
.buttonWhite:focus{
	background-color:#f3f3f3;
	border-color: #f3f3f3;	
	color: #282D78;
	
}




.center{
    text-align: center;
    width: 100%;
}
.logo{
    margin: 7em 0 2em 0;
}

.mar-1{
	margin-bottom: 80px;
}




@media all and (max-width: 1200px) {
  .rowEspecial {
    flex-direction: column;
  }
	
	.TitleLand{
	font-weight:700 ;
	color: #2E2E3B;
	font-size: 30px;
	font-family: poppins;
}
	
		.TitleLand-2{
		font-weight:500 ;
		color: #2E2E3B;
		font-size: 30px;
		font-family: poppins;
	}
	
	.TitleLand-3{
		font-weight:700 ;
		font-family: poppins;
		font-size: 24px;
	}
	
	
	.textAlingResponsive {  
  	text-align: center;
	}
	
	.columnLC , .columnRC  {  
	  justify-content: center;
	}

	.pad-1{
	padding-bottom:30px;
	padding-top:30px;
    }
	
	.pad-2{
	padding-bottom: 0em;
	
    }
	
	.pad-3{
	padding-right: 0em;
	
	}
	
	.pad-4{
	padding-top: 3rem ;
	
    }
	
	.padreLanding {  
    display: flex;
    align-items: center;
    justify-content: center;
		 
   }
	
  .rowEspecial .column1 {
	width: 100%;
    order: 2;
  }
  .rowEspecial .column2 {
	width: 100%;
    order: 1;
  }
	
.buttonBlue{
	
	font-size: 0.9em;
}
	
	.buttonWhite
{
	font-weight: bold;
	color: #282D78;
	font-size: 0.9em; 
	background-color:#FFFFFF;
	border-color: #FFFFFF;	
	padding:  1.25em 2em;
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	border-radius: .375em;
	
}
	
	.subTitleLand{
	font-weight: bold;
	color: #1E2328;
	font-size: 1.5625em;
}
	
.mar-1{
	margin-bottom: 40px;
}
	

}


/*-----------------------Footer------------------------*/



.footerLink_2{	
	margin-left:0px;
	justify-content: flex-start;
	width: 100%;
}


.footerMargin {  
padding-bottom: 0em;
}

.displayArrow {  
display: inline;
}



.padre1 {  
  display: flex;
  align-items: center;
}

@media all and (max-width: 1200px) {
 
	.footerMargin {  
	padding-bottom: 1.8125em;
	}
	
	.footerLink_2{	
		margin-left: 0px;
	justify-content: center;
	width: 100%;
}
	
	.displayArrow {  
	display: none;
	}
	
	
	
	.padding-menu{  
		padding-right: 0rem !important;
	}

}

/*-------------------------Registro--------------------------------*/

	.regTitle{
	
	font-size:  2.5em;
	font-weight: 900;	
   }

	.imgNoResponsive{
	display: flex;
	
   }

.labelRegistro{
	
	font-size: 0.875em;
}



@media all and (max-width: 1200px) {
 
	.imgNoResponsive{
	display: none;
	
   }
	
	.regTitle{	
	font-size:  1.875em;
   }

}


/*------------------------- Login --------------------------------*/

.logTitle{
	font-size:  2.5em;
	font-weight: 900;	
}

.logImgNoResponsive{
	display: flex;
}

.paddingX{	
	padding-right: 1.25em !important;
   }

.labelLogin{
	font-size: 0.875em;
}

.buttonPopUp:disabled{
	background-color:#BFBFBF;
	border-color: #BFBFBF;	
	box-shadow: 0px 3px 10px #0000001A;
}

.buttonPopUp{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;	
	min-width: 136px;
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	padding:  0.688em 2em;
	border-radius: .375em;
	background-color: #282D78;
    border-color: #282D78;
}


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

	.logImgNoResponsive{
		display: none;
	}
	
	.labelLogin{	
		font-size:  1.875em;
   }
	
	.paddingX{	
	padding-right: 0.6em !important;
   }
}


/*------------------------- Pricing --------------------------------*/

.padrePricing {  
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-inner .carousel-item {
     transition: -webkit-transform .5s ease;
     transition: transform .5s ease;
     transition: transform .5s ease, -webkit-transform .5s ease;
}


.slider{  
    width: 36em;
}

.titlePricing {
	font-size: 2.5em;
	font-weight: 900;
	text-align: center;
	line-height: 1.5em;
}

.subTitlePricing {
	font-size:  1.25em;
    }

.numbersPricing {
	margin-bottom: 0;	
	text-align: center;
	font-size: 3.5em; 
	font-weight:700;
    }

.labelNumbersPricing {
	margin-bottom: 0;
	opacity: .56;
	font-weight: 700;
	font-size: 1.25em;
    }

.three-column-header {
	font-size: 1.875em;
	font-weight: 700;
	margin-bottom: 0;
}

.three-column-text {
	font-weight: 400;
	font-size: 1.25em;
	margin-top: 1.924375em;
	margin-bottom: 0;
}

.mas-ayuda-header {
	margin-top: 127px;
	font-size: 2.5em;
	font-weight: 700;
	text-align: center;
}

.mas-ayuda-text {
	font-size: 1.25em;
	margin-bottom: 0;
	text-align: center;
	opacity: 0.56;
}

@media all and (max-width: 1200px) {
	
	.titlePricing {
	font-size:  1.875em;
	line-height: 1.18em;
    }
	
	.slider{  
    width: 17em;
    }
	
	.subTitlePricing {
	font-size:  0.9375em;
    }
	
	.labelNumbersPricing {
	margin-bottom: 0;
	opacity: .56;
	font-weight: 700;
	font-size:  0.9375em;
    }
	
	.numbersPricing {
	margin-bottom: 0;	
	text-align: center;
	font-size: 1.875em; 
	font-weight:700;
    }
	
	.three-column-header {
		font-size: 1.5625em;
		font-weight: 700;
		margin-bottom: 0;
	}

	.three-column-text {
		font-weight: 400;
		font-size: 0.9375em;
		margin-top: 1.3125em;
		margin-bottom: 0;
	}
	
	.mas-ayuda-header {
		margin-top: 92.44px;
		margin-bottom: 0;
		font-size:  1.5625em;
		font-weight: 700;
		text-align: center;
	}
	
	.mas-ayuda-text {
		font-size:  0.9375em;
		margin-top: 30px;
		margin-bottom: 0;
		text-align: center;
		opacity: 0.56;
	}
	
}

/*-------------------------Pruebas--------------------------------*/

	.pruebaTitulo{
	
	font-size:  0.875em;
	font-family: roboto;
	font-weight: 600;
	background: #13CAF3;	
	color: darkviolet;
   }

  .pruebacontainer {  
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  }

  .buttonPrueba{
	font-weight: 700;
	color: #FFFFFF;
	font-size: 1em;
	box-shadow: 0px 8px 7px -7px rgba(0,145,233,0.4);
	padding:  1.4375em 1.9375em;
	border-radius: .375em;
	background-color: #282D78;
    border-color: #282D78;
	
    }

@media all and (max-width: 1200px) {
 
	.pruebaTitulo{
	
	font-size:  0.875em;
	font-family: roboto;
	font-weight: 600;
	background: #1F289F;	
	color: red;
   }

}