body{margin:0;padding-top: 280px;}
html { scroll-behavior: smooth;}
.top{
	height: auto;
	width: 100%;
	overflow:auto;
	background: rgba(61,174,239,1);
	background: -moz-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,174,239,1)), color-stop(100%, rgba(15,107,182,1)));
	background: -webkit-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: -o-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: linear-gradient(to bottom, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3daeef', endColorstr='#0f6bb6', GradientType=0 );
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
body, .top.mini div,.top.mini a,.top.mini img{
	transition: all ease-out 0.3s;
}
.top.mini{
    padding: 10px 0;
}
.top.activo{
	background: #0f6cb6;
	background-size: cover !important;
}
.activo .central{z-index:1;}
.mini .central{
	margin:0 auto;    
}
.central{
	margin: 50px auto 0px;
	width: 1160px;
	text-align: center;
	position: relative;
}
.top_logo{
	float: left;
	height: 80px;
	width: 250px;
}
.top_logo.mini{height:40px;width: 15%;text-align: left;}
.top_logo.mini img{ width:auto; height:40px}
.top_menu{
	float: left;
	height: 30px;
	width: 510px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 25px;
	text-align: center;
}
.top_menu.mini{
    margin: 0;
    margin-top: 5px;
    width: 69%;
}
.top_btn{
	font: 400 20px/30px "Montserrat", sans-serif;
	color: #FFF;
	height: 30px;
	width: auto;
	text-decoration: none;
	transition: all ease-out 0.2s;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}
.mini .top_btn{ margin:0; width:20%}
.top_btn:hover,.top_btn.activo{ color:#A3D800;}

.drop_menu{
	display:none;
	float: left;
	height: 40px;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 30px;
	background: #f5f5f5;
	border-top:solid 1px #e6e6e6;
	border-bottom:solid 1px #e6e6e6;
}
.drop_menu_combo{
	float: left;
	height: 40px;
	width: 100%;
	margin-left: 0%;
	text-align: center;
	font: 14px/40px "raleway", Arial, Helvetica, sans-serif;
	color: #3c2700;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	border:0px none;
	background: #f5f5f5;
}
.top_tel{
	float: right;
	height: 80px;
	width: 300px;
}
.mini .top_tel{
    width: 15%;
    height: auto;
    text-align: right;
}
.mini .top_tel img{
    width: auto;
    height: 40px;
}
.inicio_slogan{
	background: url(imagenes/slogan.png) no-repeat center center;
	float: left;
	height: 340px;
	width: 100%;
}
.mini .inicio_slogan,.mini .top_flecha{ height:0px}
.top_flecha{
	background: url(imagenes/top_flecha.png) no-repeat center top;
	float: left;
	height: 40px;
	width: 100%;
	transition:all ease-out 0.2s;
}
.top_flecha:hover{ background-position:bottom center;}
.top_pie{
	background: url(imagenes/top_bg.png) repeat-x center top;
	float: left;
	height: 150px;
	width: 100%;
}
.mini .top_pie{height: 0;}
.titulo{
	font: 80px/100px "Montserrat", sans-serif;
	color: #0F6CB6;
	text-align: center;
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
.subtitulo{
	font: bold 40px/40px "Montserrat", sans-serif;
	color: #0F6CB6;
	text-align: center;
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 30px;
}
.texto{
	font: 20px/25px "Montserrat", sans-serif;
	color: #999;
	text-align: center;
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
.bienvenidos_txt{
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: 700px;
}
.bienvenidos_txt div{ text-align:left !important;}
.bienvenidos_img{
	vertical-align: middle;
	display: inline-block;
	height: 380px;
	width: 450px;
	position: relative;
}
.bienvenidos_top{
    float: left;
    width: 450px;
    height: 380px;
    background: url("imagenes/bienvenidos_marco.png") no-repeat top left;
    position: absolute;
    z-index: 1;
}
.bienvenidos_gal{
    float: left;
    width: 450px !important;
    height: 380px !important;
    overflow: hidden;
    z-index: 0;
}
.inicio_ser{
	background: url(imagenes/inicio_ser_bg.jpg) no-repeat fixed center center;
	width: 100%;
	padding-bottom: 60px;
	background-size: cover !important;
	overflow:auto;
}
.ser_menu_gpo{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	width: 166px;
	/* Transicion: */
	height: auto;
	margin: 20px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	/* Perspectiva: */
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
	position:relative;
}
.icono_gpo{
	position:relative;
	width: auto;
	height: auto;
	margin-bottom: 20px;
	float: left;
}
.ser_menu_ico{
	float: left;
	position:relative;
	text-align: center;
	height: 160px;
	width: 160px;
	padding:0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-radius:100px;
	border: solid 3px rgba(163, 217, 0, 0);
	display: inline-block;
	transition: all ease-out 0.2s;
}
.ser_menu_ico img{padding: 30px;}
.ser_menu_gpo:hover .ser_menu_ico{border: solid 3px rgba(163, 217, 0, 1);}
.ser_menu_img{
	position:absolute;
	width: auto;
	height: auto;
	border-radius:200px;
	overflow:hidden;
	left: 3px;
	top: 3px;
	z-index: 1000;
	-webkit-transform: scale(1.2);
	-webkit-filter: blur(10px);
	opacity:0;
	transition: all ease-in 0.4s;
}
.ser_menu_gpo:hover .ser_menu_img{
	-webkit-transform: scale(1);
	-webkit-filter: blur(00px);
	opacity:1;
}
.ser_menu_gpo:hover .ser_menu_img{}
.ser_menu_txt{
	width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	font: bold 16px/20px "Montserrat", sans-serif;
	color: #0E6CB6;
	text-decoration:none;
	float: left;
}
.sucursales{
	background: url(imagenes/sucursales_bg.jpg) no-repeat fixed top center;
	height: 200px;
	width: 1160px;
	margin-bottom: 50px;
	background-size: 100% 100% !important;
	display: inline-block;
	transition: all ease-out 0.4s;
}
.sucursales:hover{background-size:96% 96% !important;}
.inicio_resultados{
	background: url(imagenes/inicio_resultados.jpg) no-repeat center center;
	float: left;
	height: 540px;
	width: 530px;
	transition: all ease-out 0.4s;
	background-size:100%;
}
.inicio_resultados:hover{ background-size:96%; background-color:#a3d900}
.inicio_form{
	float: right;
	width: 580px;
}
.inicio_form input::placeholder, .inicio_form .inicio_form_txtarea::placeholder{ color:#ccc;}
.inicio_form div{ text-align:left !important;}
.inicio_form_input{
	background: #FFF;
	text-align: left;
	margin: 0px 0px 5px;
	padding: 4px 2%;
	float: left;
	height: 40px;
	width: 96%;
	border: 1px solid #CCC;
	color: #000;
	font: 20px/40px "Montserrat", sans-serif;
	transition: all ease-out 0.2s;
}
.inicio_form_input:hover{ border-color:#ccc; box-shadow:0px 3px 0px #ccc;}
.inicio_form_txtarea{
	background: #FFF;
	text-align: left;
	margin: 0px 0px 20px;
	padding: 4px 2%;
	float: left;
	height: 80px;
	width: 96%;
	border: 1px solid #CCC;
	color: #000;
	font: 20px/30px "Montserrat", sans-serif;
	transition: all ease-out 0.2s;
}
.inicio_form_txtarea:hover{ border-color:#ccc; box-shadow:0px 3px 0px #ccc;}
.inicio_form_btn{
	font: 20px "Montserrat", sans-serif;
	color: #FFF;
	background: #0F6CB6;
	float: right;
	height: 50px;
	width: 290px;
	border: none 0px;
	cursor: pointer;
	border-radius: 5px;
	transition: all ease-out 0.05s;
	margin-bottom: 5px;
	box-shadow:0px 5px 0px #004E98;
}
.inicio_form_btn:hover{ 
	margin-top:5px; 
	margin-bottom: 0px;
	box-shadow:0px 0px 0px #004E98;
}
.pie{
	background: #0F6CB6;
	height: auto;
	width: 100%;
	margin-top:40px;
	padding-bottom: 40px;
	float: left;
}
.pie_logo{
	float: left;
	height: 50px;
	width: auto;
}
.pie .top_menu{margin-top: 10px; width:640px;}
.pie_facebook{
	float: right;
	width: 260px;
	margin-top:10px;
	transition: all ease-out 0.2s;
}
.pie_facebook:hover{ box-shadow:0px 1px 0px #fff;}
.pie_derechos{
	float:left;
	font: 12px/20px "Montserrat", sans-serif;
	color: #FFF;
	text-align: center;
	height: auto;
	width: 100%;
	margin-top: 40px;
	border-top: 1px solid #9C0;
	padding-top: 20px;
	transition: all ease-out 0.2s;
}
.pie_derechos a{ text-decoration:none; color:#fff; font-weight:bold;}
.pie_derechos a:hover{color:#9C0;}
.nosotros{
	width:100%;
	height:700px;
	background:url(imagenes/nosotros.jpg) no-repeat top center;
}
.nosotros_textos{
	vertical-align: middle;
	display: inline-block;
	width: 580px;
	margin-right: 40px;
}
.nosotros_textos.alt{margin-left:40px; margin-right:0px;}
.nosotros_textos div{ text-align:right !important;}
.alt div{ text-align:left!important;}
.nosotros_img{









	position:relative;
	vertical-align: middle;
	display: inline-block;
	height: 350px;
	width: 530px;
}
.nosotros_img.mision{    background: url(imagenes/nosotros_img_mision_01.jpg) no-repeat center center;}
.nosotros_img.vision{    background: url(imagenes/nosotros_img_vision_01.jpg) no-repeat center center;}
.resultados{
	background: url(imagenes/resultados.jpg) no-repeat center center;
	float: left;
	height: 350px;
	width: 100%;
	margin-top:60px;
	transition: all ease-out 0.4s;
	background-size:100%;
}
.resultados:hover{ 
  -webkit-transform: scale(.96);
          transform: scale(.96); box-shadow:0px 0px 0px 15px #9C0; }
#servicios .ser_menu_gpo{
	-webkit-filter:grayscale(100);
	cursor:pointer !important;
	opacity:0.5;
}
#servicios .activo{
	-webkit-filter:grayscale(0);
	opacity:1;
}
.servicios{
	background: none;
	float: left;
	width: 100%;
	overflow: auto;
	text-align: left;
	margin-top: 40px;
	background-size: cover !important;
	display: inline-block;
}
.ser_cont{
	display: none;
	margin: 0px;
	overflow: auto;
	padding-bottom: 60px;
	background-size: cover !important;
}
.contacto_datos{
	float: left;
	height: auto;
	width: 550px;
}
.contacto_datos div{ text-align:left !important;}
.contacto_datos .texto{color:#000;}
.contacto_datos a{color:#000;}
.ser01{	background: url(imagenes/ser_bg.jpg) no-repeat fixed center center;}
.ser02{	background: url(imagenes/ser02_bg.jpg) no-repeat fixed center center;}
.ser03{	background: url(imagenes/ser03_bg.jpg) no-repeat fixed center center;}
.ser04{	background: url(imagenes/ser04_bg.jpg) no-repeat fixed center center;}
.ser05{	background: url(imagenes/ser05_bg.jpg) no-repeat fixed center center;}
.ser_flecha{
	background: url(imagenes/servicios_flecha.png) no-repeat center top;
	float: left;
	height: 40px;
	width: 19.5%;
	margin-bottom: 10px;
}
.ser02 .ser_flecha{margin-left:20%;}
.ser03 .ser_flecha{margin-left:40%;}
.ser04 .ser_flecha{margin-left:60%;}
.ser05 .ser_flecha{margin-left:80%;}
.ser_tit{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
.ser_tit_ico{
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 20px;
}
.ser_tit_txt{
	font: 40px/40px "Montserrat", sans-serif;
	color: #FFF;
	float: left;
	height: auto;
	width: auto;
	margin-top: 30px;
}
.ser_vineta{
	font: 20px/30px "Montserrat", sans-serif;
	color: #FFF;
	background: url(imagenes/ser_vineta.png) no-repeat left top;
	text-align: left;
	float: left;
	padding: 10px 0px 10px 70px;
	height: 30px;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 30px;
	vertical-align: top;
	transition: all ease-out 0.2s;
	cursor:default;
}
.ser_vineta:hover{color:#9C0;}
.ser_cont .texto{ color:#fff; text-align:left;}
.ser_cont .central{margin:0 auto;}
.ser_img{
	vertical-align: middle;
	display: inline-block;
	height: 240px;
	width: 360px;
}
.ser_txt{
	font: 30px/35px "Montserrat", sans-serif;
	color: #FFF;
	text-align: left;
	height: auto;
	width: 770px;


	margin-left: 25px;
	vertical-align: middle;
	display:inline-block;
}
.sucursal{
	background: url(imagenes/contacto_sucursales_img.jpg) no-repeat left center;
	float: left;
	height: auto;
	width: 470px;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	margin-bottom: 10px;
}

.top_wa{
	background: #09D261 url(imagenes/whatsapp_icon.png?v2) no-repeat center center;
	height: 30px;
	width: 30px;
	padding: 15px;
	position: fixed;
	bottom: 10px;
	right: 20px;
	border-radius: 100px;
	display: none !important;
	z-index:10000;
	background-size:30px 30px;
	-webkit-transition: all ease-out 0.2s;
}
.top_wa_pc{
	background: #09D261 url(imagenes/whatsapp_icon.png?v2) no-repeat center center;
	height: 30px;
	width: 30px;
	padding: 15px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 100px;
	display: block !important;
	z-index:10000;
	background-size:30px 30px;
	-webkit-transition: all cubic-bezier(0.18, 0.89, 0.32, 3.28) 0.2s;
}
.top_msn{
    background: linear-gradient(45deg, #0088FF -8.62%, #A033FF 31.39%, #FF5C87 70%);
    height: 30px;
    width: 30px;
    padding: 15px;
    position: fixed;
    bottom: 100px;
    right: 20px;
    border-radius: 100px;
    display: block !important;
    z-index:10000;
    -webkit-transition: all cubic-bezier(0.18, 0.89, 0.32, 3.28) 0.2s;
}
.top_wa:hover,
.top_wa_pc:hover,
.top_msn:hover
{
	-webkit-box-shadow: none;
	padding:25px;
	right:10px;
	bottom:10px;
}
.top_msn:hover{ bottom:90px !important;}
.inicio_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: grayscale(100);
    z-index: 0;
    mix-blend-mode: soft-light;
}
#bienvenidos{ margin-top:20px}
.paquetes{
	width: 700px !important;
	margin: 0 auto;
	overflow: visible;
	display: inline-block;
	float: none !important;
}
.paquetes,.paquetes .nivo-slice{
	background-size:cover !important;
}
.paquetes_cont{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding-bottom: 100px;
	background: #ffc107;
}
.paquetes_cont .subtitulo{
	color:#fff;
}
.nivo-control{
	background: rgb(15 108 182 / 0) !important;
	font: 26px/25px "Montserrat", sans-serif;
	color: #0f6cb6;
	text-align: center;
	border: solid 3px rgb(15 108 182 / 0%) !important;
	padding: 5px;
	border-radius:100px;
	height: 25px !important;
	width: 25px !important;
	-webkit-transition: all cubic-bezier(0.18, 0.89, 0.32, 3.28) 0.5s;
}
.nivo-control.active{
	background:#0f6cb6 !important;
	border-color:#0f6cb6 !important;
	color:#ffc107 ;
}
.nivo-control:hover{
	border-color:#0f6cb6 !important;
}