@charset "UTF-8";
/* CSS Document */
/*font-family: 'allerregular';	font-family: 'aller_lightregular';	font-family: 'allerbold';*/
html, body{font-family: 'aller_lightregular'; font-size: 16px; line-height: 1.72857143;}
p {margin: 0 0 24px;}


/*********************************************************** MENU ***********************************************************/
.navbar-fixed-top {background-color: #fff; border:none;}
.navbar {border-radius: 0; border: none; margin-bottom: 0; box-shadow: 0 0 14px rgba(0,0,0,.75);}
.navbar-brand{height: auto; padding: 10px 15px;} .navbar-brand img{height: 76px;}
.navbar-fixed-top .navbar-nav > li > a {color: #161c43; transition: all 0.25s ease;  border-bottom: 3px solid #fff; padding: 6px; margin: 31px 60px 0;}
.nav > li > a:hover, .nav > li > a:focus {background: none; padding: 5px 6px 6px; border-bottom: 3px solid #65b3b6;}
/*********************************************************** MENU ***********************************************************/


/*********************************************************** BANNER ***********************************************************/
.carousel {margin-top: 80px;}
/*********************************************************** BANNER ***********************************************************/


/*********************************************************** SECCION001 ***********************************************************/
.bk-puntos{background: url(../img/bk/bk-points.jpg) center bottom no-repeat; background-size:cover;}
.quienes{font-size: 60px; color:#5596cc; margin-bottom: 30px;} .quienes span{font-family: 'allerbold';}
.texto-sec001{padding: 140px 120px;} .positio-relative{position: relative;}
.fondo-sec001{position: absolute; background: url(../img/bk/bk-sec001.jpg) top center no-repeat; background-size: cover; top: 0; bottom: 0; width: 50%; right: 0;}
/*********************************************************** SECCION001 ***********************************************************/


/*********************************************************** SECCION002 ***********************************************************/
.parallax-cont{padding-top: 110px; padding-bottom: 80px;}
.parallax-cont img{width: 150px; height: auto;}
.parallax-cont h2{font-size: 60px; color: #fff; font-family: 'allerbold'; text-transform: uppercase; letter-spacing: 2px;}
.parallax-cont h2 span{color:#8bc8de;}
/*********************************************************** SECCION002 ***********************************************************/


/*********************************************************** SECCION003 ***********************************************************/
.menu-sidebar{list-style: none; padding-left: 0;}
.menu-sidebar > li{padding: 3px 20px 4px 0; }
.menu-sidebar > li > a{color:#5596cc; background: url(../img/icon/ico-brain.svg) 10px 8px no-repeat; padding:8px 0 7px 40px; background-size: 24px; display: block; transition: all 0.25s ease;}
.menu-sidebar > li > a:hover, .menu-sidebar > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: url(../img/icon/ico-brain-bco.svg) 10px 8px no-repeat #8bc8de !important;background-size: 24px !important; color: #fff !important; text-decoration: none;}
.descrip-serv h3{font-size: 28px; text-transform: uppercase; color: #4361a8; margin-top: 0; font-family: 'allerbold'; margin-bottom: 30px; letter-spacing: 0.6px;}
.descrip-serv img{margin-bottom: 30px;}
.bk-esquina-r{background: url(../img/bk/bk-corner.svg) right bottom no-repeat; background-size: 30%; }
.bk-esquina-l{background: url(../img/bk/bk-corner2.svg) left bottom no-repeat; background-size: 30%; }
.nav-tabs > li {float:none; margin-bottom:0;}
.nav-tabs {border-bottom: none;}
/*********************************************************** SECCION003 ***********************************************************/


/*********************************************************** SECCION007 ***********************************************************/
.bk-contacto{background: url(../img/bk/bk-contacto.png) left center no-repeat; background-size: 55%; padding: 90px 0 ; margin-top: -10px;}
.datos-contacto{color: #fff;} .datos-contacto h2{text-transform: uppercase; font-family: 'allerbold'; letter-spacing: .6px; padding-left: 50px; margin-bottom: 30px;}
.datos-contacto p{padding: 3px 30px; background-position: left 5.5px; background-repeat:  no-repeat; background-size: 20px;}
.direccion{background-image: url(../img/icon/ico-gps.svg);}
.telefono{background-image: url(../img/icon/ico-phone.svg);}
.whats{background-image: url(../img/icon/ico-whatsaap.svg);}
.email{background-image: url(../img/icon/ico-email.svg);}

.contacto input, .contacto textarea{margin-bottom: 13px; border-radius: 0; background: rgba(230,230,230,.35); border:none; resize: none;}
.error{border:1px solid rgba(172,0,3,1.00); box-shadow:0 0 10px rgba(172,0,3,1.00); background: rgba(260,260,230,.35) !important;}
.contacto button{background: #2d3255; color:#fff; text-transform: uppercase; font-size: 13px; border:none; padding: 5px 20px 3px; float: right;}
/*********************************************************** SECCION007 ***********************************************************/


/*********************************************************** SECCION008 ***********************************************************/
.pie-pag{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b9ede+0,4a6bad+100 */ background: #5b9ede; /* Old browsers */ background: -moz-linear-gradient(top, #5b9ede 0%, #4a6bad 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5b9ede 0%,#4a6bad 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5b9ede 0%,#4a6bad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9ede', endColorstr='#4a6bad',GradientType=0 ); /* IE6-9 */ padding: 80px 0 60px; font-size: 15px;}
.datos-contacto p span{font-size: 11px; display: block; padding: 20px 0 0;}
.fin-pie{background: #013b5b; color: #fff; font-size: 12px; padding-top: 24px;} .fin-pie a{color:#fff; text-decoration: underline;}
.fin-pie p{text-align: right;}
.logo-pie{width: 76%;}
/*********************************************************** SECCION008 ***********************************************************/

.pt60{padding-top: 60px;}
.pt30{padding-top: 30px;}
.pb60{padding-bottom: 60px;}

/******************************************************** ESTILOS MEDIA QUERY RESPONSIVE  ********************************************************/
@media  (max-width: 1199px){
	.navbar-fixed-top .navbar-nav > li > a {    margin: 31px 40px 0;}	
}

@media  (max-width: 991px){
	.navbar-fixed-top .navbar-nav > li > a {margin: 31px 20px 0;}
	.texto-sec001 {padding: 100px 80px;}
	.logo-pie {width: 98%;}
}

@media  (max-width: 767px){
	html, body {font-size: 15px;}
	.navbar-brand img { height: 30px;}
	.carousel {margin-top: 30px;}
	.texto-sec001 {padding: 60px 0px;}
	.parallax-cont h2 {font-size: 30px;}
	.quienes {font-size: 30px;}
	.parallax-cont {padding-top: 80px; padding-bottom: 60px;}
	.descrip-serv h3 {font-size: 22px;}
	.logo-pie {width: 50%; margin-bottom: 40px;}
	.bk-contacto {background: url(../img/bk/bk-contacto.png) left top no-repeat; background-size: 156% 45%;}
	.fin-pie p{text-align: center; margin-top: 20px;}
	.menu-sidebar > li > a {padding: 8px 30px 7px 40px;}
}