/* En esta archivo se deben agregar todos los estilos personalizados para esta Landing */
/* Landing 3 Especifica Pregrado Virtual */
.site-content {
	padding:0;
	max-width: 1600px;
	margin:auto;
}
.row{
	margin: 0;
}
.custom-radio .custom-control-label::before { border-radius: 50%; background-color: transparent; border: solid 1px #0561ae; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #0561ae; }
.custom-checkbox .custom-control-label::before {border: 1px solid #0561ae;}

a {	color: #0561ae}
button{ border-radius: 10px 10px; cursor:pointer ;font-size: 1rem; line-height: 1; background-color:white; color:#011248; margin:auto}
button:focus{
	outline: 0;
	cursor: wait!important;
	background-color:#fb980dcc!important;
}
span{
	font-size:15px;
}
.modal-content {    background-color: #000000a6;  color:white; padding: 1% 5% 0 5%}
.modal-content h2 { color:white!important}
.modal-lg { max-width: 1000px;}
.modal-body p {font-size: 16px}



.form-control[smallcontrol] {height: calc(2rem + 2px);font-size: 0.8rem;}
.form-control:focus {box-shadow: inherit}

#cont2{
}


#cont4 p{
	text-align: center;
	color:#0561ae;
}

#cont5{
	margin:auto;margin-top:15px; margin-bottom:15px; border-radius: 0 100px 0 100px; background-color:#011248; padding:5% 8%; color:white; text-align: center;
}
#cont5 P{
	margin-bottom: 0; font-size: 1.6rem;
}
#contenedorFooter{
	background-color:#011248;
	height: calc(17vh); min-height: calc(17vh);
	padding:20px 5px 5px 5px;
}
#contenedorFooter >div>h1{
	color:white;
	font-size: 1.8rem;
	font-weight: bold;
	text-align:left
}
#contenedorFooter >div>h2{
	color:white;
	padding:0;
	font-size: 1.2rem;
	text-align: left;
}
#contenedorFooter >div>h3, #contenedorFooter >div>p{
	color:white;
	margin-bottom:5px;
	font-size: 0.9rem;
}
#contenido > div > h3 {font-size:0.8rem}

#contInterfaz{
	padding:16% 4% 0 0
}
#pqrs{
	font-size: 20px;
	color:black
}
#pqrs h1{
	font-family: OverpassRegular;
  font-size:1.75rem;
	padding: 0;
	margin: 0;
	color:#011248;
	text-align: center;
	font-weight: 0;
}
#pqrs h2{
	color:black;
	margin:0;
	font-weight: bold;
}
#pqrs h3{
	padding: 0;
	font-size: 0.9rem;
}
#fondoUno{
	/* background-size: 0%; */
	background-size: cover;
  background-color: #eaeaea;
}

.configAnimacion {
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease; 
	-o-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 1s ease;
}

.entrar{/* Safari */-webkit-animation: entrar 0.5s linear ;  animation: entrar 0.5s linear ;}
.entrarAbajo{/* Safari */-webkit-animation: entrarAbajo 0.5s linear ;  animation: entrarAbajo 0.5s linear ;}
.entrarIzquierda{/* Safari */-webkit-animation: entrarIzquierda 0.5s linear ;  animation: entrarIzquierda 0.5s linear ;}

@keyframes entrarAbajo { 
	0% { transform: translateY(10%); opacity:0}
	100% { transform: translateY(0); }
}
@keyframes entrar { 
	0% { transform: translateX(100%); opacity:0}
	  100% { transform: translateX(0); }
}
@keyframes entrarIzquierda { 
	0% { transform: translateX(-100%); opacity:0}
	  100% { transform: translateX(0); }
}

@media screen and (max-width:1500px){
}

@media screen and (max-width:1199px){
}
@media screen and (max-width:991px){
	#fondoUno{ background-position-x: 23%;background-position-y: 0;}
	#rowPrincipal{height: auto !important; min-height: auto !important;}
	#pqrs h1 {
		font-size:4vw;
	}
	#cont1{padding:0; border-radius:0!important}
	#cont4{background-color: #ffffff9c; border-radius: 50px 0;}
	#contInterfaz{padding: 120px 5% 0 5%!important;}
	#header{height: 80px !important}
	#contenedorFooter { height: auto!important; min-height: auto!important;}
}

@media screen and (max-width:767px){
	/* #fondoUno{ border-radius: 0 0 100px 100px;} */
	#contenedorFooter, #contenedorFooter > div > h1, #contenedorFooter >div>h2, #contenedorFooter >div>h3  {text-align:center}
}

@media screen and (max-width:550px){
	#contenedorInfo h1{	font-size: 8.5vw!important;}
	#btnConsultarPQRS{font-size: 0.65rem}
	#contInterfaz{padding: 10px 0 0 0}
	#cont5{border-radius: 0 70px 0 50px; padding: 5% 5%!important}
	#fondoDos{text-align: justify}
	#fondoCuatro p{text-align: justify}
	#pqrs h1 {
		font-size:5.5vw;
	}
	#descCaso{height: 200px!important}
}

@media screen and ( max-height: 640px ) { 
	#rowPrincipal{height: auto !important; }
	#contenedorFooter {height: auto !important;}
}



/*------------------------------  Estilos para los FORMS GENERAL ------------------------------*/
#contA form{ padding: 10px 50px 25px 50px; border-radius: 30px !important; text-align: center; margin-top:-12%}
/* #contA form #btnSubmit1{ font-size: 13px; width: 100%; margin-top:3%} */
#contA p{ margin: 0 0 15px 0;}
/* #formLanding1{ background-color:white; margin: 0 15px 0 15px; -webkit-box-shadow: -1px 3px 29px -6px rgba(0,0,0,0.68);
-moz-box-shadow: -1px 3px 29px -6px rgba(0,0,0,0.68); box-shadow: -1px 3px 29px -6px rgba(0,0,0,0.68);}
#formLanding1 input{ border: none; border-bottom: 1px solid; height: calc(2rem + 2px);} */
.help-block{color:red!important; font-size:11px!important; font-style:oblique!important; text-align: center; }
/* #formLanding1 h1{ font-size: 20px;margin-bottom:1%; font-weight: 700;}
#formLanding1 span{	color:black; margin-bottom:1%; font-weight: 100;}*/
#formLanding1 a:hover{ color: #0561ae;}
#formRadio{ text-align:left; line-height: 1; font-size:0.9vw; font-weight: bold}
#formRadio label{ color:black; font-size:0.8vw; font-style: inherit;}
#labelsForm{ font-size:0.8vw; }

/* Estilos del Loader al enviar el formulario */
.enviando{ border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #0561ae; width: 40px!important; height: 40px;
	-webkit-animation: spin 2s linear infinite; /* <- Safari */ animation: spin 2s linear infinite;
}
/* Safari -> */@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform:  rotate(0deg); } 100% { transform:  rotate(360deg); }
}
/*--------------------------- FIN Estilos para los FORMS GENERAL ------------------------------*/