body html{ min-height: 100vh}

.banner{background: #213676; min-height: 400px; padding: 30px; text-align: center; overflow: hidden!important; position: relative}
.banner h1{font-family: 'block_probold'; color: #fff; line-height: 1em; margin-bottom: 30px }
.banner h2{font-family: 'block_probold'; background:#FAAE00; color:#001E61; display: inline-block; padding:5px 25px; margin-bottom: 20px}
.banner .logo{height: 180px; margin-bottom: 30px }

.circulos{ width: 50vw; height: 50vw; border-radius: 50%;
	position: absolute;
	left: -30vw;
	top: -30vw;
	background: rgb(33,54,118);
	background: radial-gradient(circle, rgba(33,54,118,1) 40%, rgba(231,0,76,1) 40%, rgba(231,0,76,1) 57%, rgba(250,174,0,1) 57%);
 }


h3{color: #E7004C; font-family: 'intelomedium';}
h5{color:#E7004C; font-family: 'inteloregular'; }
p, label, input{font-family: 'inteloregular'; color: #6D6D6C; }
span{color: #E7004C}
.control-label{margin: 18px 0px 0px 10px}
.form-control{border-radius: 0px}
a{color: inherit; text-decoration: none; cursor: pointer}
a:hover{color:#213676}
hr{ margin: 1rem 0;
	  color: #E7004C;
	  border: 0;
	  background: #E7004C;
	  border-top: 1px solid;
	  opacity: 1; }

b{font-weight: 700!important}
.maps{height: 25px; display: inline-block;}
.maps-flecha{ display: inline-block;
	width: 0; 
	  height: 0; margin-left: 10px; margin-bottom: -6px;
	  border-top: 10px solid transparent;
	  border-bottom: 10px solid transparent;
	  border-left: 10px solid #E7004C;
}

footer{font-size: 1.2em;
	background: #E7004C; 
	min-height: 150px;
	color:#fff;
}
footer .social img{ height: 25px; padding: 0px 7px; float: left; cursor: pointer!important }
footer .social img:first-child{ border-right: solid 1px white; }
footer .logo{height: 100px; margin: 30px}
footer a{  text-decoration: none; color: inherit;  font-size: 1.2em; letter-spacing: 1px;}
footer a:hover{color:#213676}
footer span{font-family: 'inteloregular'; font-weight: 200!important; letter-spacing: 5px; font-size: 1.2em}
.foot-col{margin-left: 80px!important}


@media (max-width: 991.98px) {
	.banner h1{width: 90%; text-align:center; margin:40px auto 30px}
	.banner .logo{width:90%; height: auto; margin-bottom: 30px }
.circulos{ 
top: 80%;}	
footer .logo{height: 100px; margin:30px 10px}
.foot-col{margin-left: 10px!important}
}

.btn{border:solid 1px #6D6D6C; border-radius: 0px; color:#6D6D6C }


.select:before{content: "4"; font-size: 2em; color:red}