/*NO BORRAR*/

@font-face {

	font-family:Roboto-Regular;

	font-display: auto;

	src: url('../fonts/Roboto-Regular.ttf');

}

@font-face {

	font-family:Roboto-Medium;

	font-display: auto;

	src: url('../fonts/Roboto-Medium.ttf');

}

@font-face {

	font-family:Roboto-Bold;

	font-display: auto;

	src: url('../fonts/Roboto-Bold.ttf');

}

#frm_contacto label.error {

	margin-left: 10px;

	width: auto;

}

.error

{

	color: #B94A48 !important;

	margin:0px !important;

}



.link { 



	border-radius: 3px;

	color: #fff;

	display: inline-block;

	font: normal 12px/12px HelveticaNeue, Arial;

	padding: 8px 11px;

	text-decoration: none;

}

.link.azul {

	background: -moz-linear-gradient(center top , #30517A, #3276B1) repeat scroll 0 0 rgba(0, 0, 0, 0);

	background:#3276B1;

	border-color: #30517A ;

	box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;

	color: #FFF !important;

	text-shadow: 0 1px 0 #30517A;

}

.link.azul:hover {

	background: -moz-linear-gradient(center top , #3276B1, #30517A) repeat scroll 0 0 rgba(0, 0, 0, 0);

	border-color: #30517A;

	box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;

	color: #FFF !important;

	text-shadow: 0 1px 0 #30517A;

}

.align-left{

	text-align:left;

}

.align-right{

	text-align:right;

}

.mr_captcha{

	margin-bottom:10px;

}

/*FIN BORRAR*/

.flotante1:hover, .flotante2:hover, .flotante3:hover{

  right: -70px;

}

.flotante4:hover, .flotante5:hover{

  right: -70px;

}

.flotante6:hover{

	right: -70px;

}

.flotante7:hover{

	right: -70px;

}

.flotante1, .flotante2, .flotante3, .flotante4, .flotante5, .flotante6, .flotante7{

  position: fixed;

  right: -26px;

  transition: all 500ms;

  z-index: 100;

}

.flotante1{

  top:30%;

}

.flotante2{

  top: calc(30% + 45px);

}

.flotante3{

  top: calc(30% + 92px);

}

.flotante4{

  top: calc(30% + 138px);

}

.flotante5{

  top: calc(30% + 185px);

}

.flotante6{

  top: calc(30% + 230px);

}

.flotante7{

  top: calc(30% + 280px);

}



.flotante{

	position:fixed;

	right:-25px;

	top: 115px;

	z-index: 10

}



html{

	scroll-behavior: smooth;

}



.sl-alto{

	height: 625px;

	display: grid;

	align-content: center;

}

.carousel-caption{

	position: relative;

	padding-bottom: 0;

	padding-top: 0;

	bottom: 0;

	top: 0;

	left: 0;

	right: 0;

	margin-left: auto;

	margin-right: auto;

	font-family: 'Roboto-Medium';

	text-transform: uppercase;

	font-size: 24px;

}

.carousel-caption h4{

	font-size: 36px;

	font-family: 'Roboto-Bold';

	border: 1px solid #fff;

	padding: 25px 40px;

	margin-bottom: 35px;

	margin-left: 50px;

	margin-right: 50px;

}

.carousel-control img{

	position: absolute;

	top: 50%;

	z-index: 5;

	display: inline-block;

}

.carousel-control.left{

	left: -25px;

}

#inicio{

	position: absolute;

	left: 0;

	right: 0;

	z-index: 1;

}
 
.hd_contacto {

    background: #e8e6e6;

    color: #003770;

    font-family: 'Roboto-Regular';

	font-size: 14px;

    padding-top: 8px;

    padding-bottom: 0;

	position:relative;

}

.hd_contacto a {

    color: #003770;

}



.hd_logo {

    position: absolute;

	z-index:100;

	top: -23px !important;

	left: 0;

}

.hd_menu{

	font-family:'Roboto-Regular';

	font-size:16px;

    background: #3333334f;

	padding-bottom: 19px;

	padding-top: 19px;

}

.tl_princ {

    position: relative;

}

.hm_slide{

	position: relative;

}

.navbar-default .navbar-nav > li > a:hover, 

.navbar-default .navbar-nav > li > a:focus, 

.mnuhover {

	font-family: 'Roboto-Bold';

	padding: 5px 19px;

}

.navbar {

    min-height: auto;

}

.centra_vertical{

	height: 110px;

	align-items: center;

	display: grid;

}

.navbar-default .navbar-nav > li{

    border-right: 1px solid #fff;

    letter-spacing: 1px;

}

.navbar-default .navbar-nav > li:nth-last-child(1){

	border-right: 1px solid transparent;

}

.btn-scroll{

	position: absolute;

	left: 0;

	right: 0;

	text-align: center;

	top: 87%;

	z-index:1;

}

.hm_quienes, .hm_destacado {

	padding-top: 100px;

	padding-bottom: 80px;

	background: url('../imgusr/bg-triangulo_filtro_quienes-l.png') no-repeat top center;

}




.hm_quienes h2, .hm_destacado h2{

	color: #003770;

	margin-bottom: 30px;

}

.hm_servicios{

	color: #fff;

	background: url('../imgusr/bg-triangulo_filtro.png') no-repeat bottom right, #013473;	

	padding: 80px 0;

	position: relative;

}

.hm_servicios .servicios_int{

	margin-bottom: 70px;

}

.hm_servicios h2{

	margin-bottom: 65px !important;

}

.hm_servicios h3{

	background: url('../imgusr/titulo_borde.jpg') no-repeat bottom left;

	color: #ffffff91;

	border-bottom: 2px solid #fff;

	padding-bottom: 40px;

	margin: 0;

	font-family: 'Roboto-Bold';

	font-size: 30px;

	text-transform: uppercase;

	margin-bottom: 30px;

}



.hm_servicios table{

	margin-top: 50px;

}

.hm_servicios table td:nth-child(1){

	padding-right: 40px;

}

.nav-tabs {

	margin-bottom: 40px;

}

.nav-tabs > li > a{

	color: #fff;

	font-family: 'Roboto-Bold';

	font-size: 18px;

	text-transform: uppercase;

	border: 1px;

	border-style: solid;

	border-color: transparent;

	border-bottom-color:#fff;

}

.nav-tabs > li > a:hover{

	color: #fff;

	background-color: transparent;

  	border: 1px solid #fff;

}

.btn-mas{

	color: #fff;

	border: 1px solid #fff;

	font-family: 'Roboto-Bold';

	font-size: 14px;

	text-transform: uppercase;

	padding: 6px 15px;

	transition: 250ms;

	border-radius: 0;

}

.btn-mas:hover,

.btn-mas:focus{

	background: #fff;

	color: #013473;

}

.hm_proyectos .btn-mas{

	color: #013473;

	border: 1px solid #013473;

}

.hm_proyectos .mostrar_info{

	opacity:0;

	transition:150ms;

}

.hm_proyectos .glide__slide--active .mostrar_info{

	opacity:1;

}

.hm_proyectos .btn-mas:hover,

.hm_proyectos .btn-mas:focus{

	background: #013473;

	color: #fff;

}

.hm_proyectos{

	padding:100px 0;

	font-family:'Roboto-Regular';

	text-transform:uppercase;

	background: url('../imgusr/bg-triangulo_filtro_quienes-l.png') no-repeat top left;

	position:relative;

}

.hm_proyectos .btn-scroll{

	top: -7%;

	left: 0;

	right: 0;

	text-align: center;

}

.nombre_proyecto{

	font-size:16px;

	letter-spacing:2px;

	margin-top:30px;

}

.hm_proyectos h2{

	color:#013473;

	margin-bottom:90px;

}

/*.glide__track {

    overflow: inherit;

}*/

button{

	background: transparent;

	border: none;

}

.glide__arrows{

	position: absolute;

	right: 22%;

	bottom: 22px;

}

.contenido{

	font-family: 'Roboto-Regular';

	letter-spacing: 1px;

}

.contenido strong{

	font-family: 'Roboto-Bold';

	font-weight: normal;

}

.contenido h2{

	font-family: 'Roboto-Bold';

	font-size: 30px;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.contacto{

	background: url('../imgusr/bg-contacto.jpg') no-repeat center top;

	background-size: cover;

	padding: 100px 0;

	color:#fff;

	font-size: 18px;

}

.contacto a{

	color: #fff;

}

.contacto a:hover,

.contacto a:focus{

	color: #fff;

}

.contacto h2{

	margin-top: 50px;

	margin-bottom:60px;

}

.contacto h3{

	font-family: 'Roboto-Bold';

	font-size: 24px;

	text-transform: uppercase;

}

.contacto .btn-mas{

	min-width:175px;

	letter-spacing:1px;

}

.form-control::placeholder{

	color:#fff;

	font-family:'Roboto-Regular';

	font-size:16px;

}

.form-control{

	padding-left:35px;

	color:#fff;

	font-family:'Roboto-Regular';

	font-size:16px;

}

.form-group div{

	position:relative;

}

.form-group div p{

	position:absolute;

	left:10px;

	top:3px;

}

textarea.form-control{

	height:40px;

	min-height:40px;

}

.footer{

	padding:20px 0;

	font-family:'Roboto-Regular';

	font-size:16px;

	color:#003770;

}

.footer a{

	color: #003770;

}

.footer .navbar-nav{

	float:none;

	margin-left:auto;

	margin-right:auto;

	width:max-content;

	margin-top:20px;

	margin-bottom:20px;

}

.footer .navbar-nav li a{

	border:1px solid transparent;

	text-transform:uppercase;

}

.footer .navbar-nav li a:hover,

.footer .navbar-nav li a:focus{

	border:1px solid #013473;

}

.dominios a{

	padding:0 40px;

}

.hm_gracias{

	margin:100px 0;

}

.glide2{

	position: relative;

}
.glide3{

	position: relative;

}


.btn-inicio {

    position: fixed;

    bottom: 10%;

    left: 0;

    z-index: 10;

}





@media(max-width:1200px){

	.centra_vertical{

		height: 80px;

	}

	.hm_quienes, .hm_proyectos{

		background: url('../imgusr/bg-triangulo_filtro_quienes.png') no-repeat center top;

	}

	.navbar-default .navbar-nav > li > a{

		padding: 5px 24px;

	}

	.navbar-default .navbar-nav > li > a:hover, 

	.navbar-default .navbar-nav > li > a:focus, 

	.mnuhover {

		font-family: 'Roboto-Bold';

		padding: 5px 23px;

	}

	

}

@media(max-width:991px){

	.align-left, .align-right{

		text-align:center;

	}

	.header .centra_vertical{

		height: auto;

		margin-top: 20px;

	}

	.header{

		font-size: 14px;

	}

	.sl-alto{

		padding-top: 130px; 

	}

	.hm_servicios table{

		width: 100%;

	}

	.g-recaptcha{

		width:max-content;

		margin-left:auto;

		margin-right:auto;

	}

	.navbar-default .navbar-nav > li > a {

		padding: 5px 5px;

	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .mnuhover {

		padding: 5px 20px;

	}

}

@media(max-width:764px){

	.header{

		font-size: 16px;

	}

	.hm_quienes {

    padding-top: 100px;

	}

	.navbar-default .navbar-nav{

		width: max-content;

		margin-left: auto;

		margin-right: auto;

	}

	.navbar-default .navbar-nav > li{

		border:none;

		text-align:center;

	}

	.navbar-default .navbar-nav > li > a{

		padding: 10px 23px;

	}

	.navbar-default .navbar-nav > li > a:hover, 

	.navbar-default .navbar-nav > li > a:focus, 

	.mnuhover {

		padding-top: 10px;

		padding-bottom: 10px;

		background-color: #98b0c84d;

	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form{

		background: #013473;

	}

	.glide__arrows{

		right: 12%;

	}

	

}

@media (max-width: 576px) {

	.carousel-caption h4{

		font-size: 26px;

	}

	.carousel-caption{

		font-size: 18px;

	}

	.glide__arrows {

		position: relative;

		right: auto;

		bottom: auto;

		text-align:center;

	}

	.hm_quienes {

    padding-top: 70px;

    padding-bottom: 20px;

	}

	.hm_proyectos{

		text-align:center;

		padding: 70px 0;

	}

	.contacto {

    padding: 70px 0;

	}

	.carousel-caption h4 {

		padding: 25px 15px;

		margin-left: 32px;

		margin-right: 35px;

	}

	.contenido h2 {

    font-size: 23px;

	}

	.contacto h3 {

		font-size: 18px;

	}

	.contacto {

    font-size: 16px;

	}

	.align-left{

	text-align:center;

	}

	.align-right{

	text-align:center;

	}

	.flotante1, .flotante2, .flotante3, .flotante4, .flotante5, .flotante6, .flotante7 img{

	  position: fixed;

	  right: -28px;

	  transition: all 500ms;

	  z-index: 100;

	}

	.flotante1 img, .flotante2 img, .flotante3 img, .flotante4 img, .flotante5 img, .flotante6 img, .flotante7 img{

	  max-width:265px;	

	}

	

	.flotante1{

	  top:3%;

	}

	.flotante2{

	  top: calc(3% + 45px);

	}

	.flotante3{

	  top: calc(2% + 93px);

	}

	.flotante4{

	  top: calc(2% + 136px);

	}

	.flotante5{

	  top: calc(1% + 186px);

	}

	.flotante6{

	  top: calc(20% + 230px);

	}

	.flotante7{

	  top: calc(20% + 280px);

	}

}



/** Bounce infinito**/

  .bounce_infinito {

      -webkit-animation: bounce_infinito 2s infinite;

      animation: bounce_infinito 2s infinite;

  }

  /* Scroll down indicator (bouncing) */

@-webkit-keyframes bounce_infinito {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce_infinito {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0); }

  40% {

    -moz-transform: translateY(-30px); }

  60% {

    -moz-transform: translateY(-15px); } }

@keyframes bounce_infinito {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -o-transform: translateY(-30px);

    transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    transform: translateY(-15px); } }

	

	

	/*Animaciones de entrada*/

	.hm_servicios, .hm_quienes{

		overflow:hidden;

	}

	.cn_bienvenidos/*, .cn_diferencia*/{

		opacity:0;

		transition:all 1500ms;

	}

	.opacity1{

		opacity:1;

	}

	.desaparece1{

		display:none;

	}

	.aparece{

		animation: 1100ms ease-in-out 200ms normal both 1 running fadeIn;

	}

	.aparece1{

		animation: 1100ms ease-in-out 200ms normal both 1 running fadeIn;

	}

	.aparece2{

		animation: 1100ms ease-in-out 800ms normal both 1 running fadeIn;

	}

	.apareceup1{

		animation: 1100ms ease-in-out 200ms normal both 1 running fadeInUp;

	}

	.apareceup2{

		animation: 1300ms ease-in-out 200ms normal both 1 running fadeInUp;

	}

	.apareceup3{

		animation: 1500ms ease-in-out 200ms normal both 1 running fadeInUp;

	}

	.apareceizq1{

		animation: 1100ms ease-in-out 200ms normal both 1 running fadeInLeft;

	}

	.apareceizq2{

		animation: 1300ms ease-in-out 200ms normal both 1 running fadeInLeft;

	}

	.apareceizq3{

		animation: 1500ms ease-in-out 200ms normal both 1 running fadeInLeft;

	}

	.apareceder1{

		animation: 1100ms ease-in-out 200ms normal both 1 running fadeInRight;

	}

	.apareceder2{

		animation: 1300ms ease-in-out 200ms normal both 1 running fadeInRight;

	}

	.apareceder3{

		animation: 1500ms ease-in-out 200ms normal both 1 running fadeInRight;

	}

/*Animaciones de entrada*/





/*Menu responsivo*/



.hd_menur{

	font-family:'Roboto-Regular';

	font-size:16px;

    background: #e8e6e67d;

	min-height:45px;

}

.mv_menu{

	display:none;

}

.img-logo{

	position:absolute;

	z-index:10000;

	top: 10px;

}

.txt-logo{

	position:absolute;

	z-index:10000;

	top: 10px;

	right: 10px;

}

#contacto-resp{

	background: #013473;

	padding-top:10px;

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 10000;

	display: none; 

}

#contacto-resp a{

	color: #fff;

	font-size:14px;	

}



.overflowBody{

	overflow-y:hidden;

}



@media(max-width:800px){

	.mv_menu{

		display:block;

	}	

	.pc_menu{

		display:none;

	}

	.btn-inicio {

		z-index: 0;

	}

	.btn-scroll {

		z-index: 0;

	}

	.hd_contacto {

		min-height: 50px;

	}

	.flotante{

		display:none;

	}

	.txt-logo img{

		width:24px;

		height:auto;

	}

	.hd_logo {

		top: -22px !important;

	}	

}