@charset "UTF-8";
/* Generales */
.blue, .blueb, .nav-tabs a{color: #395182 !important;}
.naranjab, .naranja{color:#d24203 !important;}
.qdiv{width:85%;} 
.qdiv {margin: auto;}
.qdiv h2, .flexc h2 {padding: 2em 0em 1em;}
ul{list-style: none;}
.silver, .silver a{color: #808080 !important;}

/* Header */
header{height: 64px;}
.navbar{box-shadow: 0px 0px 20px 0px silver; }
.navbar-brand a{color:transparent;background:url("../img/logo.png") no-repeat center; background-size: contain; }
.navbar{background-color:white;}
nav button{background: url("../img/menu.svg") no-repeat center; 
background-size: contain; height: 12px;}
.navbar-collapse ul a{color:#395182;}
/* MSJ Principal */
.home{background:url("../img/banner_home_mobile.jpg") no-repeat center;
background-size: cover;}
.home div, .anywhere div{width: 90%; margin: auto; padding: 3em 1em;color:white;  text-align: center;}
.home button{background-color: white;}
/* Quienes somos*/
.card {box-shadow: 0px 0px 20px 0px silver; margin: 50px auto !important; width: 90%;}
.card img{width: 100px; height: 100px; margin: 50px auto auto;}
.card p {padding: 1em;}
/* MSJ Secundario */
.anywhere{background:url("../img/banner_trabajar.jpg") no-repeat center;background-size: cover; margin-top: 50px; }
.anywhere div, .serv_txt{font-size:1.5em; text-align:center; color: white;}
/* Nuestros Servicios */
.servicios p {padding-top: 2em;}
.scols{width: 95%; margin: auto;}
.stxt, .nav-link.active, .scols ul li i  {color: #d24203 !important;}
.scols img {box-shadow: 0px 0px 20px 0px silver; width: 95%; margin-top: 25px; border-radius: 25px;}
.scols ul {padding: 2em 0; }
.scols ul li{padding: 1em 1.5em 0 0;}
.scols ul li i {padding-right: 1em;}
#srd img{width: 100% !important;}
/* Youtube */
.youtube{background-color: #efefef; margin-top: 50px; overflow:hidden;}
iframe {height:250px; margin: 50px auto auto; wdith: 100%;}
.last{margin-bottom: 50px;}
/* Slider */
.uno, .dos{width: 100%; height: 400px;}
.uno{background:url("../img/banner_benefcios.jpg") no-repeat center;background-size: contain; }
.dos{background:url("../img/banner_webcheckin.jpg") no-repeat left;background-size: contain; }
/* Somos especialistas */
.card_o{border: 1px solid #d24203; border-radius: 25px;  margin: 3% auto; width: 80%;}
.card_o ul {padding:2em; margin:0 !important;}
.card_o ul li i {color: #808080;}
.card_o:hover{background-color:#d24203; box-shadow:0px 0px 20px 0px silver; color: white !important; text-decoration-color: white;}
.card_o:hover ul li i, .card_o:hover ul li span{color:white !important;}
/* Contacto */
#c{text-align: center;}
.map{display: none;}
.flexc {margin-top: 20px;}
.form{background-color:#253551; color: white;}
form input{width:100%;}
textarea{resize:none;}
form button {background-color: white !important; color: #395182 !important; margin-bottom: 10% !important;}
footer{margin-top: 20px;}
input, textarea{border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0px !important; background-color: transparent !important;margin-bottom: 10%;}
input, textarea, form button{margin-top: 10%;}
input, textarea {color:white !important;}
/* Footer*/
footer ul li{font-size: 0.8em !important;}
footer ul li h3{font-size:1.2em; padding-top: 1em;}
/* Modal Gracias */
.modal-body{background-color: white; border-radius:25px;}
.modal-body p{margin:0;}
@media ( min-width: 1024px ) {
	/* Generales */
	.txt p {padding: 0 3em;}
	.qdiv{width:75%;} 
	/* Header*/
	 header{height: 86px;}
	.navbar-brand a{background-position:right; background-size: contain;}
	.navbar-brand {font-size:2.2em;}
	.navbar-collapse ul{width: 100%;padding-left: 30%;}
	.navbar-collapse ul a:hover{font-weight: bold;}
	/* MSJ Principal*/
	.home{background:url("../img/banner_home2.jpg") no-repeat center; }
	.home div{width: 60%; margin:0; padding: 6em 4em;color:white; text-align: left;}
	.home div p{padding-top: 1em;}
	.home div button{margin-top: 1em;}
	.home div a button:hover, .nav-tabs a:hover, form button:hover {color: #d24203 !important;}
	/* MSJ Secundario */
	.anywhere{background:url("../img/banner_principal_objetivo.jpg") no-repeat center; 
	margin-top: 100px;}
	.anywhere div{width: 50%; margin:0; padding: 6em 4em;color:white; font-size: 1.8em; text-align:left;}
	/* Nuestros Servicios */
	.nav-tabs {margin-top: 50px;}
	.s_img, .s_tab {width: 50%; float: left;}
	.s_img img{margin-top: 100px; margin-bottom: 10px;}
	#s{overflow:hidden;}
	#sgt img{margin-top: 200px;}
	/* Slider */
	.uno{background:url("../img/banner_beneficios_txt.jpg") no-repeat center; background-size:cover;
	margin-top: 100px; overflow:hidden; width: 100%;}
	.dos{background:url("../img/banner_web_checkin-07_txt.jpg") no-repeat center; background-size:cover;
	margin-top: 100px; overflow:hidden; width: 100%;}
	/* Somos especialistas */
	.card_o{margin: 3% 0 0 7%;}
	.card_o ul {padding:0.7em; }
	/* Youtube */
	.youtube{background-color: white;}
	.last{margin-bottom: 0;}
	.youtube iframe {width: 95%;}
	/* Contacto */
	#c{text-align: left;}
	.flexc{display:flex; justify-content: flex-end; margin-top:100px;}
	.flexc div{width:50%;}
	.map{display: block; }
	.map {background: url("../img/mapa_footer.jpg") no-repeat center; background-size: cover;}
	/* Footer */
	footer{background-color: #efefef; margin:0;}
	footer .col-sm-3 {margin: 5% 0 0;}	
}

@media ( min-width: 1400px ) {
	/* Header */
	.navbar-collapse ul{padding-left: 50%;}
	/* MSJ Principal */
	.home div{width: 55%; padding: 9em 5em;color:white;}
	.home div p{padding-top: 1em;}
	.home div button{margin-top: 1em;}	
}