/*Estilo Cartrousel Index.php*/
@media (min-width: 768px) {
	.carousel-multi-item-2 .col-md-3 {
		float: left;
		width: 25%;
		max-width: 100%; } }
.carousel-multi-item-2 .card img {
	border-radius: 2px; }
/*Fin Estilo Cartrousel Index.php*/

/*Estilo Imagenes Modal*/
.disablex{

}
.enablex{
}
.fondoGrua{
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0 25px 0;
    position: relative;
    background: #02476f!important;
    color: #fff;
    z-index: 200;
    background-image: url('../img/FondoGruaX.svg') !important;
}
html,
body,
header,
.view {
	height: 100%;
}

@media (max-width: 740px) {
	html,
	body,
	header,
	.view {
		height: 1000px;
	}
}
html,body{
	overflow-x: hidden;
	color:black;
	font-family:'Opens Sans',helvetica;
	height:100%;
	width:101%;
	margin: 0px;
	padding: 0px;
}

@media (min-width: 800px) and (max-width: 850px) {
	html,
	body,
	header,
	.view {
		height: 650px;
	}
}
@media (min-width: 800px) and (max-width: 850px) {
	.navbar:not(.top-nav-collapse) {
		background: #1C2331!important;
	}
}

#portfolio .container-fluid .portfolio-box {
	position: unset !important;

}

.carousel-indicators {
	position: initial;
}

.centrar{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mbr-section {
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.mbr-section-nopadding {
	padding-top: 0;
	padding-bottom: 0;
}
.mbr-iconfont.mbr-iconfont-features2, .mbr-iconfont.mbr-iconfont-features3 {
	font-size: 119px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-top: 0.2em;
	color: #F1C050;
}
/*Footer*/
.piedepagina{
	background: url('../images/bg/bg-hexagonos.png');
	color: #fff;
	background-size: cover;
	background-attachment: fixed !important;
	height: 50vh;
	display: flex;
	flex-direction: column;
	font-weight: 300;
	font-size: 1.1rem;
}
.owl-dots{
	display: none;
}
.bg-oscuro{
	background-color: #000000c7;
}

.carousel-indicators {
	position: initial !important;
}

.piedepaginax{
	background-position: bottom;
	color: #fff;
	background-size: cover;
	background-attachment: fixed !important;
	height: 60vh;
	display: flex;
	flex-direction: column;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 300;
	font-size: 1.1rem;
}
.piedepagina .content {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
}
.redes-sociales i {
	animation: flecha-animada 2s ease-in-out infinite;
}
.fa-3x {
	font-size: 3em;
}
.icoFo{
	font-size: 80px !important;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-top: 0.2em;
}

.carousel .carousel-inner, .carousel .carousel-inner .active, .carousel .carousel-inner .carousel-item {
	/*height: unset;*/
}



div#carousel-thumb {
	width: 100%;
}

.carousel .carousel-indicators li {
	width: 60px;
}


.fondoImagenModal{
	max-height: 100%;
	margin: auto;
	max-width: 100%;
	width: auto !important;
}

.slide-interiores{
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	background-position: center;
	background-attachment: fixed;
}

button.close {
	color: #fff;
}

.close:hover {
	color: #ffc107 !important;
}
/*Estilo Footer Grúas*/
.gruasfooter{
	background-color: #ff98349c;
	position: absolute;
	height: 40px;
	justify-content: center;
	text-align: center;
	bottom: 0px;
	color: white;

}

.container-80{
	width: 80%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container-90{
	width: 90%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.img-gruas-card{
	max-height: 300px;
	width: auto;
}

.fondo {
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center;
	min-height: 500px;
}

.centra-contenido {
	display: flex;
	justify-content: center;
	align-items: center;
}

.texto-sobre-banner {
	background: rgba(45, 45, 45, 0.72);
	color: #fff;
	padding: 1rem;
	-webkit-box-shadow: 10px 3px 2px 1px #eee;
	-moz-box-shadow: 10px 3px 2px 1px #eee;
	box-shadow: 10px 10px 15px 5px #0000006b;
	margin: 3rem;
	border-radius: 29px;
}

.telefonos{
	width: 300px;
	height: 150px;
	background-color: #000000ed;
	border: solid 2px #000;
	position: absolute;
	bottom: 0;
	right: 7px;
	z-index: 9999;
}

.cerrar-telefonos {
	position: absolute;
	top: 5px;
	right: 20px;
}