/*NO BORRAR*/
@font-face {
	font-family:Barlow-Regular;
	font-display: auto;
	src: url('../fonts/Barlow-Regular.ttf');
}
@font-face {
	font-family:Lato-Regular;
	font-display: auto;
	src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
	font-family:Gotham-Black;
	font-display: auto;
	src: url('../fonts/Gotham-Black.otf');
}
@font-face {
	font-family:Gotham-Bold;
	font-display: auto;
	src: url('../fonts/Gotham-Bold.otf');
}
@font-face {
	font-family:GothamBook;
	font-display: auto;
	src: url('../fonts/GothamBook.ttf');
}

/*@font-face {
	font-family:Rajdhani-Medium;
	font-display: auto;
	src: url('../fonts/Rajdhani-Medium.ttf');
}
@font-face {
	font-family:Rajdhani-SemiBold;
	font-display: auto;
	src: url('../fonts/Rajdhani-SemiBold.ttf');
}
@font-face {
	font-family:Rajdhani-Bold;
	font-display: auto;
	src: url('../fonts/Rajdhani-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*/
html{
	scroll-behavior: smooth;
}

.hd_contacto{
	background: #ff6713;
	color: #fff;
	font-family: 'Lato-Regular';
	padding-top: 8px;
	padding-bottom: 8px;
}
.hd_contacto p{
	margin-bottom: 0;
}
.btn-llama{
	font-family: 'Gotham-Black', Arial;
	font-size: 16px;
	text-transform: uppercase;
	padding-right: 20px;
}
.btn-llama:hover{
	color: #FFF !important;
}
.header{
	background: #000000a8;
	padding-top: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
.header .navbar-nav{
	padding-top: 5px;
}
.header .navbar-nav li a{
	color: #fff !important;
	font-family: 'Gotham-Bold', Arial;
	font-size: 14px;
}
.sl_alto{
	height: 770px;
}
.titl_principal{
	position: relative;
}
.carousel-control img{
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption {
    position: absolute;
    top: 0;
    align-content: center;
    display: grid;
    bottom: 0;
    font-family:'Open Sans', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    text-shadow: 0px 5px 7px rgb(0, 0, 0);
}
.carousel-caption h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 48px;
	text-transform: uppercase;
}
.carousel-caption h4 strong{
	font-weight: normal;
	color:#ff6713;
}
.btn-slide{
	background: #ff6713;
	color:#fff;
	font-family: 'Gotham-Black', Arial;
	font-size: 16px;
	text-transform: uppercase;
	border-radius: 0;
	padding: 15px 25px;
	border:1px solid  #ff6713;
	transition: 250ms;
	margin-top: 30px;
}
.btn-slide:hover,
.btn-slide:focus{
	background: #fff;
	color: #ff6713;
}
.bienvenida{
	background:url('../imgusr/bg-bienvenida.png') no-repeat right center, #000;
	color:#fff;
	padding-top:50px;
	padding-bottom:120px;
	background-attachment:fixed;
}
.btn-mas{
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#ff6713;
	text-transform:uppercase;
	position:relative;
}
.btn-mas img{
	position: absolute;
	left: 0;
	right: 0;
	top:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.btn-mas:hover{
	color: #ff6811 !important;
	background: #FFF !important; 
}
.btn-mas:hover img{
	animation-name: bounce;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.bg-lineas{
	text-align:center;
	position:relative;
}
.bg-lineas::before{
	content: "";
	background: url('../imgusr/bg_boton.png') no-repeat center right;
	position: absolute;
	left: 0;
	right: 60%;
	top: 0;
	bottom: 0;
}
.bg-lineas::after{
	content: "";
	background: url('../imgusr/bg_boton.png') no-repeat left;
	position: absolute;
	left: 60%;
	right: 0;
	top: 0;
	bottom: 0;
}
.nosotros{
	position:relative;
	bottom:75px;
}
.nuestros_servicios{
	background:url('../imgusr/bg-servicios.jpg');
	padding:60px 0;
	background-repeat: repeat;
}
.nuestros_servicios .contenido h2,
.experiencia .contenido h2,
.galeria .contenido h2,
.contacto .contenido h2,
.nuestro_equipo .contenido h2
{
	color:#ff6811;
	margin-bottom:52px;
}
.contenido.bg-modal .modal_titulo{
	color:#ff6811;
	text-align:center;
	margin-bottom:0;
}
.contenido.bg-modal{
	color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 16px !important;
}
.card{
	min-height:500px;
	color:#fff;
	align-content: end;
	display: grid;
	padding:15px;
	text-align: center;
	font-size:12px;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.card h3, .nuestro_equipo h3{
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size:21px;
	text-transform:uppercase;
	color:#ff6811;
}
.nuestro_equipo h4{
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#fff;
}
.card h3 a:hover{
	text-decoration:none;
	color:inherit;
}
.btn-masinfo:hover
{
	color: #ff6811 !important;
}
.card .btn-mas,
.contacto .btn-mas,
.bg-modal .btn-mas,
.nuestro_equipo .btn-mas{
	color:#fff;
	background:#ff6811;
	border:1px solid #ff6811;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size:14px;
	padding:10px 15px;
	border-radius:0;
	transition:250ms;
	margin-top:25px;
}
.card .btn-mas:hover,
.card .btn-mas:focus,
.contacto .btn-mas:hover,
.contacto .btn-mas:focus,
.nuestro_equipo .btn-mas:hover,
.nuestro_equipo .btn-mas:focus{
	background:transparent;
}
.nuestros_servicios .btn-mas2{
	color:#fff;
	background:#ff6811;
	border:1px solid #ff6811;
	font-family:'Barlow-Regular', Arial;
	font-size:15px;
	padding:10px 15px; 
	border-radius:0;
	transition:250ms;
	margin-top:25px;
	font-weight: bold;
}
.nuestros_servicios .btn-mas2:focus{
	background:#fff;
	color: #ff6811;
}
/*
.btn-mas2{
	color:#ff6811;
	background:#FFF;
	border:1px solid #FFF;
	font-family:'gotham-book', Arial;
	font-size:14px;
	padding:5px 10px; 
	border-radius:0;
	transition:250ms;
	margin-top:25px;
}
*/
.btn-mas2{
	color:#fff;
	background:#333;
	border:1px solid #FFF;
	font-family:'Barlow-Regular', Arial;
	font-size:14px;
	padding:5px 10px; 
	border-radius:0;
	transition:250ms;
	margin-top:25px;
	font-weight: bold;
}
.btn-mas2:focus{
	background:ff6811;
	color: #FFF;
}

.nuestro_equipo{
	background:url('../imgusr/bg-equipo.jpg') no-repeat center;
	background-size:cover;
	padding:45px 0;
	color:#fff;
	font-family:'Barlow-Regular', Arial;
}
.nuestro_equipo .contenido{
	font-size:14px;
}
.glide__bullets{
	margin-top:30px;
}
.glide__bullet{
	width: 15px;
	height: 15px;
	background: #fff;
	margin: 1px 8px;
	border-radius:50%;
	border:0;
}
.glide__bullet--active{
	background-color: #ff6813;
}
.experiencia{
	padding:60px 0;
}
.fotorama__nav-wrap{
	margin-top:15px;
}
.experiencia .nav-tabs{
	float:none;
}
.experiencia .nav-tabs li{	
	width:100%;
	font-family:'Barlow-Regular', Arial;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:12px;
}
.experiencia .nav-tabs li a{
	background:#eeeeee; 
	padding: 7px 20px;
	transition:200ms;
}
.experiencia .nav-tabs li:hover a,
.experiencia .nav-tabs li.active a{
	background:#000;
	color:#fff;
	font-family:'Gotham-Bold', Arial;
}
.glide__arrow{
	background:none;
	border:0;
	padding:20px 15px;
	font-size: 25px;
}
.contenido h1{
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size:34px;
	margin-bottom:35px;
}
.contenido h2{
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size:30px;
	margin-bottom:35px;
}
.contenido{
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	font-weight: normal;
}
#quienes_popup .contenido ul li{
	background: url('../imgusr/ico-garra.png') no-repeat left 5px;
	padding-left: 15px;
	list-style: none;
	margin-bottom: 10px;
}
.contenido strong{
	font-weight:normal;
	font-family:'Gotham-Bold', Arial;
}
.contacto{
	background:url('../imgusr/bg-contacto.jpg') no-repeat center;
	background-size:cover;
	padding:50px 0;
	color:#fff;
}
.contacto .contenido{
	font-size:18px;
}
.contacto a:hover,
.contacto a:focus{
	color:#ff6811;
}
.contacto tr{
	border-bottom:2px solid #9e9e9e !important;
}
.form-group div{
	position:relative;
}
.form-group div span{
	position:absolute;
	left:7px;
	top: 2px;
	
}
.form-group input::placeholder,
.form-group input,
.form-group textarea,
.form-group textarea::placeholder{
	color:#fff;
}
.footer{
	padding:40px 0;
}
.footer .navbar-nav{
	float:none;
	width:max-content;
	margin:10px auto;
	font-family:'Barlow-Regular', Arial;
}
.titulo-int{
	min-height: 300px;
	align-content: center;
	display: grid;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 48px;
	text-transform: uppercase;
	text-shadow: 0px 5px 7px rgb(0, 0, 0);
}
.gracias{
	padding:60px 0;
	align-content:center;
	display:grid;
}
.menu_sticky{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
	background: #000000a8;
	padding-top:0;
}
.menu_sticky .navbar-nav{
	float:none;
	width: max-content;
	margin-left:auto;
	margin-right:auto;
}

.whatsapp-flotante
{
	position: fixed;
	left: 10px;
	bottom: 5px;
}
@keyframes bounce {
	0%{
		top:100%;
	}
	50% {
		top:75%;
	}
	100% {
		top:100%;
	}
	
}
.cont_glide{
	max-width:285px;
	margin-left:auto;
	margin-right:auto;
}
.bg-modal{
	background:url('../imgusr/bg-modal-5.jpg') no-repeat center top;
	background-size:cover;
	/*color:#fff;*/
}
.bg-modal .close{
	font-size: 46px;
}
.modal-header .close {
    margin-top: -20px;
}


@media(max-width:1200px){
	.nav > li > a{
		padding: 0 10px;
	}
	.bg-lineas::before{
		right: 65%;
	}
	.bg-lineas::after{
		left: 65%;
	}
	.footer .navbar-nav{
		margin:20px auto;
	}
}

@media(max-width:990px){
	.align-left, .align-right{
		text-align:center;
	}
	.hd_contacto p{
		margin-bottom: 10px;
	}
	.nav > li > a {
		padding: 0 7px;
	}
	.carousel-caption h4{
		font-size: 40px;
	}
	.carousel-caption{
		font-size:28px;
	}
}
@media(max-width:800px){
	.contenido .modal_titulo{
		margin-top:45px;
	}
	.modal-header .close {
		margin-top: -18px;
	}
}
@media(max-width:767px){
	.nav > li > a {
	    padding: 5px 7px;
	}
	.bg-lineas::before{
		right: 70%;
	}
	.bg-lineas::after{
		left: 70%;
	}
	.carousel-caption{
		padding-top:100px;
	}
}
@media(max-width:480px){
	.carousel-caption h4 {
	    font-size: 40px;
	}
	.carousel-caption{
		font-size: 28px;
	}
	.btn-slide{
		padding: 15px 20px;
	}
	.bg-lineas::before{
		right: 80%;
	}
	.bg-lineas::after{
		left: 80%;
	}
	.nuestro_equipo .glide__slide{
		padding:0 2%;
	}
	.contacto table{
		width:100%;
	}
	.carousel-caption h4{
		font-size: 32px;
	}
	.carousel-caption{
		font-size:20px;
	}
	.sl_alto {
		height: 600px;
	}
}
/*Animaciones*/
.aparece{
	animation: 1100ms ease-in-out 200ms normal both 1 running fadeIn;
}
/*Animaciones*/




.advertisement {
    position: fixed;
    bottom: 0;
    padding: 50px 30px;
    background: #433eff;
    z-index: 1;
    transition: all 1s;
}
.hidden1 {
    display: none;
	opacity:0;
    left:-100%;
}
.show1 {
	display: show;
    opacity:1;
    left:0;
}
.llamadaGruas
{
	float: right;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.WhatsappGruas
{
	float: left;
	position: fixed;
	bottom: 20px;
	left: 20px;
}