/*

	ESTILOS GENERALES

*/

/*@font-face {
  	font-family: 'OPTIBankGothic';
  	src: url('OPTIBankGothic-Medium.woff') format('woff'), 
    url('OPTIBankGothic-Medium.ttf') format('truetype'); 
}*/

@font-face {
  	font-family: 'OPTIBankGothic';
  	src: url('OPTIBankGothicv2.woff') format('woff'), 
  	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('OPTIBankGothicv2.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  	font-family: 'AvenirNextLTPro';
  	src: url('AvenirNextLTPro.woff') format('woff'), 
  	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('AvenirNextLTPro.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


@font-face {
  	font-family: 'AvenirNextLTPro-Bold';
  	src: url('AvenirNextLTPro-Bold.woff') format('woff'), 
  	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('AvenirNextLTPro-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

*{
	/*font-family: 'AvenirNextLTPro';*/
}


.slick-center {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
}

.banner__top__logo{
	width: 85px;	
	margin-top: -15px;
}


.banner__forma{
	margin-top: -446px;
	background: url(../img/forma.png) !important;
	height: 450px;
	padding-top: 130px;
	padding-left: 30px;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
}
.banner__forma__ingeniero--right{
	margin-top: -210px;
	margin-left: -90px;
	z-index: 100;
	position: relative;
	left: 40px;
}

.banner__text{
	font-family: 'AvenirNextLTPro';
	color: #11117b;
	font-size: 18px;
}

.banner__text--bold{
	font-family: 'AvenirNextLTPro-Bold' !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}
.nopadding{
	padding-left: 0 !important;
	padding-right: 0 !important;
}



.orange{
	background: #ff8400;
	color: white;
}
.blue{
	background: #0b0b67;
}
.gris{
	color: #454545;
}
.orange--color{
	color: #ff8400;
}


.servicios__vermas{
	color: #696868;
	font-weight: bold;
	line-height: 2;
	font-family: 'AvenirNextLTPro';
	display: block;
	font-weight: 900;
}

.div{
	display: inline-block;
	width: 100%;
}

.parallelogram{
  transform: skew(-20deg);
}

.skew-fix{
  display: inline-block;
  transform: skew(20deg);
}




.section{
	padding-top: 40px;
	padding-bottom: 40px;
}
.text-body{
	font-family: 'OPTIBankGothic';
	line-height: 1.2;
    font-size: 18px;
}


.globo{
	background: url(../img/globo.jpg);
	min-height: 387px;
	width: 246px;
	padding-top: 120px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
.globo__text{
	font-family: 'AvenirNextLTPro';
	color: #11117b;
	text-align: center;
}
.semirectangulo{
	font-size: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
}

.subsubtitulo{
	font-family: 'OPTIBankGothic';
	font-size: 14px;
}
.subtitulo{
	font-family: 'OPTIBankGothic';
	font-size: 30px;
	line-height: 1.5;
}
.subtitulo--blue{
	color: #11117b;
}
.subtitulo--orange{
	color: #ff9320;
}

.button{
  	display: inline-block;
  	font-size: 13px;
  	padding: 10px 30px;
  	text-decoration: none;
  	line-height: 1;
  	color: white;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 15px;
  	font-family: 'AvenirNextLTPro';
}



.fm-contacto{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.fm-contacto__input{
	border: 1px solid #11117b;
	padding-top: 10px;
	padding-bottom: 30px;
}
.fm-contacto__input_textarea{
	height: 180px !important;
}
.form-control::-webkit-input-placeholder { color: #11117b; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #11117b; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #11117b; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #11117b; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #11117b; }  /* Microsoft Edge */
.fm-contacto__submit{
	background: #11117b;
	color: white;
	border: none;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
}




.carusel{
	padding-top: 30px;
	padding-bottom: 30px;
}
.carusel_shadow .slick-track{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.carusel__item{
	-webkit-box-shadow: -1px -4px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px -4px 21px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -4px 21px 0px rgba(0,0,0,0.75);
}



.vl--lg {
	border-left: 6px solid #ff8400;
	position: relative;
	height: 75px;
  	left: 50%;
  	margin-left: -3px;
  	top: 10px;
}
.vl--xs {
	border-left: 6px solid #ff8400;
	position: relative;
	height: 75px;
  	left: 50%;
  	margin-left: -3px;
  	margin-bottom: 10px;
}
.construccion__box{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-box-shadow: 2px -4px 22px -8px rgba(120,120,120,1);
	-moz-box-shadow: 2px -4px 22px -8px rgba(120,120,120,1);
	box-shadow: 2px -4px 22px -8px rgba(120,120,120,1);
}
.construccion__box__titulo{
	font-family: 'AvenirNextLTPro';
	font-weight: 900;
	font-size: 14px;
	color: #ff8400;
}
.construccion__box__text{
	font-family: 'AvenirNextLTPro';
	color:#11117b;
}






.footer{
	background: #05064c;
	padding-top: 80px;
	padding-bottom: 30px;
}
.footer__logo{
	width: 75px;
	margin-top: 15px;
}
.footer__text{
	font-family: 'OPTIBankGothic';
	color: white;
	font-size: 13px;
	line-height: 3;
}
.footer__menu{
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    list-style-type: none;
    line-height: 3;
}
.footer__menu__item{
	font-family: 'OPTIBankGothic';
	color: white;
	font-size: 13px;
}
.border__left{
	border-left: 2px solid white;
}

.banner__forma__ingeniero--right{
	margin-top: -210px;
	margin-left: -90px;
	z-index: 100;
	position: relative;
	left: 149px;
}

.banner__forma__ingeniero--customleft{
	margin-top: -276px;
	z-index: 100;
	position: relative;
	left: -181px;
	margin-right: -160px;
}

.banner__forma__ingeniero--left{
	margin-top: -210px;
	z-index: 100;
	position: relative;
	right: 182px;
}


#contacto-id .banner__forma__ingeniero--right {
    margin-top: -210px;
    margin-left: 40px;
    z-index: 100;
    position: relative;
    left: 150px;
    margin-left: -40px;
}


@media (min-width: 1900px){
	.container {
	    width: 1900px;
	}
	.banner__forma{
		margin-top: -446px;
	}	
	#ingenieria .banner__forma{
		margin-top: -439px;
	}
	.banner__forma__ingeniero--right{
		left: 40px;
	}
	.banner__forma__ingeniero--customleft{
		left: -65px;
	}
	.banner__forma__ingeniero--left{
		right: 67px;
	}
	#contacto-id .banner__forma__ingeniero--right {
	    left: 34px;
	}

}
/*Movil Pequeño*/
@media (max-width: 576px) {
	#contacto-id .banner__forma__ingeniero--right,
	.banner__forma__ingeniero--right,
	.banner__forma__ingeniero--customleft,
	.banner__forma__ingeniero--left{
		display: none;
	}
	.banner__forma{
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 350px;
	}
	.cd-timeline-content p, .cd-timeline-content .cd-date{
		color:black !important;
		font-size: initial !important;
	}
	.cd-timeline-content p {
	    margin: auto !important;
	}
	.banner__top{
		background: #080838;
		margin-top: -10px;
		position: absolute;
		width: 100%;
		z-index: 100;
	
	}

	.navbar{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.navbar-default .navbar-collapse{
		border: none;
	}

	.navbar-default{
		background: transparent;
		border: none;

	}
	.nav__item{
		color: white !important;
		font-family: 'OPTIBankGothic';
		font-size: 11px !important;
		padding: 10px 40px !important;
	}
	.banner__middle{
		padding-top: 70px;
	}
	.banner__middle__img{
		width: 100%;
	}
	.banner__midle__text{
		top: 12%;
		position: absolute;
		width: 100%;
	}
	.banner__midle__text h1{
		margin: 0;
		padding: 0;
		font-size: 16px;
	}
	.banner__midle__title{
		letter-spacing: 8px;
	  	font-family: 'OPTIBankGothic';
	  	color: white;
	  	line-height: 1.5;
	}
	.banner__midle__title span{
		color: #05064c;
	}



	.barra{
		padding-top: 30px;
		padding-bottom: 20px;
		margin-top: -50px;
	}
	p.counting{
		color: white;
		font-family: 'OPTIBankGothic';
		font-size: 8px;
	}
	p.counting span{
		font-size: 15px;
	}
	.button__banner{
	  	display: inline-block;
	  	font-size: 13px;
	  	padding: 5px 30px;
	  	text-decoration: none;
	  	line-height: 1;
	  	color: white;
	  	margin-left: auto;
	  	margin-right: auto;
	  	margin-top: -20px;
	  	font-family: 'AvenirNextLTPro';
	}
}

/*Móvil*/
@media (min-width: 576px) {

	.banner__top{
		background: #080838;
		margin-top: -10px;
		position: relative;
	}
	.navbar{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.navbar-default{
		background: transparent;
		border: none;
	}
	.nav__item{
		color: white !important;
		font-family: 'OPTIBankGothic';
		font-size: 11px !important;
		padding: 10px 40px !important;
	}
	.banner__middle__img{
		width: 100%;
	}
	.banner__midle__text{
		top: 25%;
		position: absolute;
		width: 100%;
	}
	.banner__midle__text h1{
		margin: 0;
		padding: 0;
		font-size: 36px;
	}
	.banner__midle__title{
		letter-spacing: 8px;
	  	font-family: 'OPTIBankGothic';
	  	color: white;
	  	line-height: 1.5;
	}
	.banner__midle__title span{
		color: #05064c;
	}


	.barra{
		padding-top: 30px;
		padding-bottom: 20px;
		margin-top: -80px;
	}
	p.counting{
		color: white;
		font-family: 'OPTIBankGothic';
		font-size: 14px;
	}
	p.counting span{
		font-size: 30px;
	}
	.button__banner {
	  	display: inline-block;
	  	font-size: 13px;
	  	padding: 10px 30px;
	  	text-decoration: none;
	  	line-height: 1;
	  	color: white;
	  	margin-left: auto;
	  	margin-right: auto;
	  	margin-top: 15px;
	  	font-family: 'AvenirNextLTPro';
	}
}

/*Tablet*/
@media (min-width: 768px) {
	.banner__top{
		background: #080838;
		margin-top: -10px;
		position: relative;
	}
	.navbar{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.navbar-default{
		background: transparent;
		border: none;
	}
	.nav__item{
		color: white !important;
		font-family: 'OPTIBankGothic';
		font-size: 11px !important;
		padding: 10px 15px !important;
	}
	.banner__middle__img{
		width: 100%;
	}
	.banner__midle__text{
		top: 10%;
		position: absolute;
		width: 100%;
	}
	.banner__midle__text h1{
		margin: 0;
		padding: 0;
	    font-size: 36px;
	}
	.banner__midle__title{
		letter-spacing: 8px;
	  	font-family: 'OPTIBankGothic';
	  	color: white;
	  	line-height: 1.5;
	}
	.banner__midle__title span{
		color: #05064c;
	}


	.barra{
		padding-top: 30px;
		padding-bottom: 20px;
		margin-top: -80px;
	}
	p.counting{
		color: white;
		font-family: 'OPTIBankGothic';
		font-size: 14px;
	}
	p.counting span{
		font-size: 30px;
	}
	.button__banner {
	  	display: inline-block;
	  	font-size: 13px;
	  	padding: 10px 30px;
	  	text-decoration: none;
	  	line-height: 1;
	  	color: white;
	  	margin-left: auto;
	  	margin-right: auto;
	  	margin-top: 15px;
	  	font-family: 'AvenirNextLTPro';
	}
}

/*Tablet Horizontal*/
@media (min-width: 992px) {
	.banner__top{
		background: #080838;
		margin-top: -10px;
		position: relative;
	}
	.navbar{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.navbar-default{
		background: transparent;
		border: none;
	}
	.nav__item{
		color: white !important;
		font-family: 'OPTIBankGothic';
		font-size: 11px !important;
		padding: 10px 40px !important;
	}
	.banner__middle__img{
		width: 100%;
	}
	.banner__midle__text{
		top: 25%;
		position: absolute;
		width: 100%;
	}
	.banner__midle__text h1{
		margin: 0;
		padding: 0;
		font-size: 36px;
	}
	.banner__midle__title{
		letter-spacing: 8px;
	  	font-family: 'OPTIBankGothic';
	  	color: white;
	  	line-height: 1.5;
	}
	.banner__midle__title span{
		color: #05064c;
	}


	.barra{
		padding-top: 30px;
		padding-bottom: 20px;
		margin-top: -80px;
	}
	p.counting{
		color: white;
		font-family: 'OPTIBankGothic';
		font-size: 14px;
	}
	p.counting span{
		font-size: 30px;
	}
	.button__banner {
	  	display: inline-block;
	  	font-size: 13px;
	  	padding: 10px 30px;
	  	text-decoration: none;
	  	line-height: 1;
	  	color: white;
	  	margin-left: auto;
	  	margin-right: auto;
	  	margin-top: 15px;
	  	font-family: 'AvenirNextLTPro';
	}
}

/*Desktop*/
@media (min-width: 1200px) {
	.banner__top{
		background: #080838;
		margin-top: -10px;
		position: relative;
	}
	.navbar{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.navbar-default{
		background: transparent;
		border: none;
	}
	.nav__item{
		color: white !important;
		font-family: 'OPTIBankGothic';
		font-size: 13px !important;
		padding: 10px 40px !important;
	}
	.banner__middle__img{
		width: 100%;
	}
	.banner__midle__text{
		top: 25%;
		position: absolute;
		width: 100%;
	}
	.banner__midle__text h1{
		margin: 0;
		padding: 0;
		font-size: 40px;
	}
	.banner__midle__title{
		letter-spacing: 8px;
	  	font-family: 'OPTIBankGothic';
	  	color: white;
	  	line-height: 1.5;
	}
	.banner__midle__title span{
		color: #05064c;
	}


	.barra{
		padding-top: 30px;
		padding-bottom: 20px;
		margin-top: -80px;
	}
	p.counting{
		color: white;
		font-family: 'OPTIBankGothic';
		font-size: 14px;
	}
	p.counting span{
		font-size: 30px;
	}
	.button__banner {
	  	display: inline-block;
	  	font-size: 13px;
	  	padding: 10px 30px;
	  	text-decoration: none;
	  	line-height: 1;
	  	color: white;
	  	margin-left: auto;
	  	margin-right: auto;
	  	margin-top: 15px;
	  	font-family: 'AvenirNextLTPro';
	}

}