/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.modal-xlg {
    max-width: 80% !important;
}

.text-black {
	color:#000;
}
.text-semibold {
	font-weight:500!important;
}

.modelo {
	background: #e99a5b;
	font-size:20px;
	color:#fff;
	text-align: center;
	font-weight: bold;
	padding:10px 0;
}

.mapa_terrenos {
	position: relative;
}

.terreno {
	position: absolute;
	top:0px;
	left:0px;
}

.mapa_terrenos.mision208 {
	width:500px;
	margin: 0 auto;
}
.stage_interior {
	background-size:100% auto;
}

.call_flotando {
	position: absolute!important;
	top:200px!important;
	z-index:2000;
	background:#000;
}

.logo_mision_sm {
	display: none;
}

.cont_slider {
	position: relative;
}

.cont_slider .boton-slider {
	position: absolute;
	left:30px;
	bottom:30px;
	display: block;
	margin: 0 4px;
	cursor: pointer;
	z-index:100;
}
.cont_slider .boton-slider:hover,
.cont_slider .boton-slider:active,
.cont_slider .boton-slider:focus
{
	background: none!important;
	color:#fff!important;
}

@media (max-width: 769px) {
	
	.dropdown-menu > li > a {
		color: #fff!important;
	}

	.stage_interior {
		background-size:auto 100%;
		background-repeat: no-repeat;
		background-position:center;
	}
	
	.grid-item .grid-description {
		transform: translate3d(0, -50%, 0);
		opacity: 1;
    	visibility:visible;
	}
	
}

@media (max-width: 376px) {
	
	.heading-text h2 {
    	font-size: 36px!important;
    	line-height: 40px!important;
	}

	.mapa_terrenos.mision208 {
		width:100%!important;
	}
		
}


@media (max-width: 428px) {

	.logo_mision_lg {
		display: none!important;
	}
	.logo_mision_sm {
		display: block;
	}
	
	
	.heading-text h2 {
    	font-size: 36px!important;
    	line-height: 40px!important;
	}
	
	.mapa_terrenos.mision208 {
		width:100%!important;
	}	
	
	.grid-5-columns .grid-item {
	  width: 50%; }	
	
	.modal-xlg {
		max-width: 100% !important;
	}
	
	
}