/* Fonts */
	@import 'https://fonts.googleapis.com/css?family=Abel';
	body { font-family: 'Abel', sans-serif !important; }
	.bold { font-weight: bold; }
	.upper { text-transform: uppercase; }
	.right { width: 100%; text-align: right; }
	.justify { text-align: justify; }
	p { margin: 0px !important; padding: 0.3em 0px; }
	.font10 { font-size: 0.8em !important; }
	.font12 { font-size: 0.9em !important; }
	.font14 { font-size: 1em !important; }
	.font16 { font-size: 1.1em !important; }
	.font18 { font-size: 1.2em !important; }
	.font20 { font-size: 1.3em !important; }
	.font22 { font-size: 1.4em !important; }
	.font24 { font-size: 1.5em !important; }
	.font28 { font-size: 1.6em !important; }
	.font30 { font-size: 1.7em !important; }
	.font32 { font-size: 1.8em !important; }
	.font34 { font-size: 1.9em !important; }
	.font36 { font-size: 2em !important; }
	.padding0 { padding: 0px; }
	.paddingtb8 { padding: 8px 0px; } 
/* End Fonts */

/* Colores */
	.fontcolor1 { color: #222 !important; } /* Gris Oscuro */
	.fontcolor2 { color: #fff !important; } /* Blanco */
	.fontcolor3 { color: #102497 !important; } /* Azul */
	.fontcolor4 { color: #FA3F37 !important; } /*Naranjo*/
	.fontcolor5 { color: #DAA900 !important; } /*amarillo*/
	.fontcolor6 { color: #60CB01 !important; } /*verde*/
	.backcolor1 { background-color: #222 !important; }
	.backcolor2 { background-color: #fff !important; }
	.backcolor3 { background-color: #102497 !important; }
/* End Colores */

/* Preloader */
	.preloader { position: fixed;padding: 0px;margin: 0px;z-index: 999;width: 100%;height: 100%; }
	.preloader .sec-top { width: 100%; height: 50%; top:0px; }
	.preloader .sec-bottom { width: 100%; height: 50%; bottom: 0px; }
	.preloader img.prelogo { position: absolute; top: 35%; left: 40%; width: 17%; }
/* End Preloader */

/* Header */
	#header-wrap { height: 90px; z-index: 15; }	
	#header-wrap img.logo { height: 90px; padding: 5px; cursor: pointer; }
	#header-wrap .contactar { z-index: 0; top: 90px; height: 0px; position: absolute; width: 100%; background-color: white; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }
	#header-wrap .contactar.activo { opacity: 1 !important; height: auto !important; z-index: 22 !important; }
	#header-wrap .contactar a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	#header-wrap .contactar a.active, #header-wrap .contactar a:hover { color: #102497; font-weight: bold; font-size: 1.2em; text-decoration: none; }	
	
	#header-wrap formulario textarea { resize: none; font-family: 'Abel', sans-serif; font-size: 1.1em; width: 100%; color: #333; }
	#header-wrap formulario input { font-family: 'Abel', sans-serif; font-size: 1.1em; color: #333; }	
	#header-wrap formulario .form-item { margin: 0.8em 0; }
	#header-wrap formulario .form-control { border: 1px solid #ccc; border-radius: 0px; font-size: 1.1em; }
	#header-wrap formulario input.form-submit { font-family: 'Abel', sans-serif; text-transform: uppercase; font-weight: bold; border: 0px; padding: 5px 10px; margin-top: -10px; float: right; background-color: white; color: #102497; margin-bottom: 15px; -webkit-user-select: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	#header-wrap formulario input.form-submit:hover { background-color: #102497; color: #fff; }
	#header-wrap datos .correos a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	#header-wrap datos .correos a.active, #header-wrap .correos a:hover { color: #102497; font-weight: bold; font-size: 1.1em; text-decoration: none; }
/* End Header */

/* Content */
	#content-wrap { width: 100%; overflow: hidden; background-color: #fff; }
	#content-wrap #cat { z-index:21; padding: 0px; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	#content-wrap img.background { cursor:pointer; width: 100%; left:0px; z-index: 10; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	#content-wrap img.background:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }	
	#content-wrap #cat:hover datos { opacity: 1; bottom: 0px; }	
	#content-wrap datos { width: 100%;opacity: 0; position: absolute; bottom: -50%; left: 0px; z-index: 11; padding: 38px; height: auto; background-color: rgba(255,255,255,0.6); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }		
	#content-wrap datos titulo { width: 100%; position: relative; float: left; text-align: center; margin: 0px 0px 15px 0px; }
	#content-wrap datos texto { width: 100%; position: relative; float: left; text-align: justify; padding: 0px 0px 20px 0px; }
	#content-wrap datos div.boton { width: 100%; height: 60px; background-color: #102497; color: white; border: 0px; border-radius: 0px; padding: 0.8em 0px; margin: 0px; text-align: center; display: inline-block; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -webkit-user-select: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	#content-wrap datos div.boton:hover { height: 70px; background-color: white; color: #102497; padding: 1em 0px; font-size: 1.5em !important; }

	#content-wrap #cat.move { z-index: 0; }
	#content-wrap .seccion { position: absolute; opacity:0; width: 100%; background-color: #FFF; z-index: -2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	#content-wrap .seccion.activo { opacity: 1; z-index: 20; }
	#content-wrap .seccion .cmp { padding: 15px; overflow-y: scroll;position: relative; float: left; height: 100%; }
	#content-wrap .seccion .cmp p { padding: 5px 0px; }
	#content-wrap .seccion .cmp .galeria img { width: 100%; }
	#content-wrap .seccion .cmp img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	#content-wrap .seccion .cmp img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }
	#content-wrap .seccion .cmp .back span, #content-wrap .seccion .cmp .back titulohigh { cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	#content-wrap .seccion .cmp .back:hover span, #content-wrap .seccion .cmp .back:hover titulohigh { color: #DAA900 !important; }
	#content-wrap .seccion .cmp div.boton { position: absolute; right: 15px; width: 200px; height: 40px; background-color: #FA3F37; color: #FFF; border: 0px; border-radius: 0px; padding: 0.3em 0px; margin: 0px; text-align: center; display: inline-block; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	#content-wrap .seccion .cmp div.boton:hover { height: 40px; background-color: #DAA900; color: #222; }
	#content-wrap .seccion .cmp .sec_ser ul { margin: 0; }
	#content-wrap .seccion .cmp .sec_ser ul li { list-style: none; }
	#content-wrap .seccion .cmp titulo { margin: 10px 0px;width: 100%;position: relative;float: left; -webkit-transition: color 1s ease, border-bottom 1s ease; -moz-transition: color 1s ease, border-bottom 1s ease; -ms-transition: color 1s ease, border-bottom 1s ease; -o-transition: color 1s ease, border-bottom 1s ease; transition: color 1s ease, border-bottom 1s ease; }
	#content-wrap .seccion .cmp .desc:hover titulo,
	#content-wrap .seccion .cmp .metodo:hover titulo,
	#content-wrap .seccion .cmp .serv:hover titulo,
	#content-wrap .seccion .cmp .services_ad:hover titulo { color: #DAA900 !important; }
	#content-wrap .seccion .cmp strong,#content-wrap .seccion .cmp b,#content-wrap .seccion .cmp strong u { color: #FA3F37 !important; text-decoration: none; }
	#content-wrap .seccion img.background { width: 100%; left:0px; z-index: 10; -webkit-filter: none; filter: none; }

	/* SD view */
	/*.viewport-sd .content img.background { display: none; }*/

	::-webkit-scrollbar { width: 3px;height: 3px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	::-webkit-scrollbar-button { width: 0px;height: 0px; }
	::-webkit-scrollbar-thumb { background: #fff; border: 0px none #ffffff; border-radius: 50px; }
	::-webkit-scrollbar-thumb:hover { background: #fff; }
	::-webkit-scrollbar-thumb:active { background: #fff; }
	::-webkit-scrollbar-track { background: #222; border: 0px none #ffffff; border-radius: 0px; }
	::-webkit-scrollbar-track:hover { background: #222; }
	::-webkit-scrollbar-track:active { background: #222; }
	::-webkit-scrollbar-corner { background: transparent; }
/* End Content */

/* Menu */
	*,
	*:after,
	*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.bt-menu { position: fixed;top: 0;right: 0;width: 100%;height: 0;border-width: 0px;border-style: solid;border-color: #333;background-color: rgba(0,0,0,0);-webkit-backface-visibility: hidden;-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;}
	.bt-menu.bt-menu-open {height: 100%;z-index: 23;width: 70px;}
	.bt-overlay {position: absolute;width: 100%;}
	.bt-menu-open .bt-overlay {height: 100%;}
	.bt-menu-trigger {position: fixed;top: 15px;right: 20px;display: block;width: 30px;height: 50px;cursor: pointer;}
	.bt-menu-trigger span {position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 4px;margin-top: -2px;background-color: #102497;font-size: 0px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
	.bt-menu-open .bt-menu-trigger span {background-color: transparent; }
	.bt-menu-trigger span:before,
	.bt-menu-trigger span:after {position: absolute;left: 0;width: 100%;height: 100%;background: #102497;content: '';-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
	.bt-menu-trigger span:before {-webkit-transform: translateY(-250%);transform: translateY(-250%);}
	.bt-menu-trigger span:after {-webkit-transform: translateY(250%);transform: translateY(250%);}
	.bt-menu-open .bt-menu-trigger span:before {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
	.bt-menu-open .bt-menu-trigger span:after {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
	.bt-menu ul {position: fixed;top: 75px;right: 0;margin: 0;padding: 0;width: 70px;list-style: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.bt-menu ul li,
	.bt-menu ul li a {display: block;width: 100%;text-align: center;}
	.bt-menu ul li {padding: 16px 0;opacity: 0;visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;}
	.bt-menu ul li:first-child { -webkit-transform: translate3d(-100%,200%,0);transform: translate3d(-100%,200%,0);}
	.bt-menu ul li:nth-child(2) { -webkit-transform: translate3d(-100%,100%,0);transform: translate3d(-100%,100%,0);}
	.bt-menu ul li:nth-child(3) { --webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
	.bt-menu ul li:nth-child(4) { -webkit-transform: translate3d(-100%,-100%,0);transform: translate3d(-100%,-100%,0);}
	.bt-menu ul li:nth-child(5) { -webkit-transform: translate3d(-100%,-200%,0);transform: translate3d(-100%,-200%,0);}
	.bt-menu.bt-menu-open ul li {background-color: white; visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	.bt-menu ul li a {display: block;outline: none;color: transparent;text-decoration: none;font-size: 0px;}
	.bt-menu ul li a:before {color: #102497;font-size: 30px;-webkit-transition: color 0.2s;transition: color 0.2s;}
	.bt-menu ul li a:hover:before,
	.bt-menu ul li a:focus:before {color: #FA3F37;}
	@media screen and (max-height: 31.125em) {.bt-menu ul li a:before {font-size: 24px;}}
/* End Menu */