*{margin: 0;padding: 0;}
@font-face {font-family: 'ralewaymedium';
	src: url('fonts/raleway-medium-webfont.eot');src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/raleway-medium-webfont.woff2') format('woff2'),url('fonts/raleway-medium-webfont.woff') format('woff'),url('fonts/raleway-medium-webfont.ttf') format('truetype'),url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');font-weight: normal;font-style: normal;
}
@font-face {font-family: 'ralewayregular';
	src: url('fonts/raleway-regular-webfont.eot');src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/raleway-regular-webfont.woff2') format('woff2'),url('fonts/raleway-regular-webfont.woff') format('woff'),url('fonts/raleway-regular-webfont.ttf') format('truetype'),url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');font-weight: normal;font-style: normal;
}
@font-face {font-family: 'ralewaysemibold';
	src: url('fonts/raleway-semibold-webfont.eot');src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/raleway-semibold-webfont.woff2') format('woff2'),url('fonts/raleway-semibold-webfont.woff') format('woff'),url('fonts/raleway-semibold-webfont.ttf') format('truetype'),url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');font-weight: normal;font-style: normal;
}
/* CSS Document */
html, body{height: 100%;font-family: 'ralewayregular';position: relative;}

body {background:#fff;font-size:14px;font-weight:normal;color:#fff;	margin:0;}
.contenedor{width: 100%;height: 100%;position: absolute;background: #fff;z-index: -1;}
.clear{clear: both;}

.responsive_menu{background: #43494c;width: 80%;position: fixed;top:0;box-shadow: 5px 5px 5px #3c3c3c;left: -85%;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;z-index: 999999;}
	.responsive_menu_show{left:0%;}
	.responsive_menu_hide{left:-85%;}
	.responsive_menu a:first-child{border-top: 1px solid #3c3c3c}
	.responsive_menu a{display: block;text-decoration: none;color: #fff;font-size: 15px;padding:15px 20px;text-align:left;}
	.responsive_menu a span{text-align: left;}
	.responsive_menu a:hover{color: #636363}
.overlay_menu{position: fixed;top: 0;left: 0;background: #000;display: none;width: 100%;height: 100%;z-index: -1;}

a.movil_menu, .header-social_icons,h2.resp_title{display: none;}
a.movil_menu{color:#fff;font-size: 2em;position: absolute;top: 5px;right: 10px;}
.header-social_icons{width: 100%;text-align: center;margin: 10px 0;}
	.header-social_icons a{display: inline;color:#fff; padding: 10px;font-size: 25px;}

h2.resp_title_team{display: none;}

/*Contenedor - Centrado vertical*/
.centrado {display: table-cell;vertical-align: middle;margin: 0 auto;}

.main_container{max-width: 1000px;width: 100%;margin:0 auto;}
.secondary_container{max-width: 100%;}

header{display: block;width: 100%;position: fixed;z-index: 9999;background: #192c60;top: 0;left: 0;}
nav{display: block;font-family: 'ralewayregular';float: right;position:relative;}
	nav a{color: #fff;display: inline-block;font-size: 1em;font-weight: 400;letter-spacing: 1px;margin:26px 10px 0 10px;outline: medium none;position: relative; text-decoration: none;text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);text-transform: uppercase;}
	nav a:last-child{margin-right: 0;}
	nav a:hover, nav a.current{color:#81B4ED;}
	.cl-effect-5 a {overflow: hidden;padding: 0 4px;height: 1em;}
	.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
	.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 400;-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
	.ico-wapp{font-size: 30px !important;display: block;position: absolute;left:-2px;top:-7px;}

	nav ul.social-header{display:block;text-align:center;position:absolute;top: 70px;right: 10px;}
	nav ul.social-header li {display: inline-block;margin: 0 4px;}
	nav ul.social-header li a {background: #192c60;color: #fff; display: block;height: 16px;padding: 12px 0 18px;width: 46px;border-radius: 50%;font-size: 20px;margin: 0;}
	nav ul.social-header li a:hover{background:#192c60;}

section{height: 100%;position: relative;display: block;}
	section .main_content{background: rgba(0,0,0,0.8)!important;}

	section .fondo_inicio{background: rgba(25, 95, 168, 0.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
	section .fondo_hola{background: rgba(255, 255, 255, 0.7);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}

/**SECCIONES**/
/*
INICIO
*/
.inicio{text-align: left;width: 70%;position: relative;display: block;font-family: 'ralewaysemibold';}
	.inicio h1{color:#fff;font-size: 5em;line-height: 1;padding: 10px 0;}
	.inicio h1.medio{color:#000;}
		.inicio h1 span{display: block;font-family: 'ralewaysemibold';font-size: 1em;text-align: left;margin-bottom: 0;}
/*
HOLA
*/
.hola{width: 70%;font-family: 'ralewaysemibold';position: relative;display: block;}
	.hola .badge{width: 60px;height: 12px;background: #162A5F; margin-bottom: 10px;}
	.hola h1{color:#000;font-size: 6.1em;line-height: 1;text-align: left;width: 100%;}
	.hola_content{padding-top: 10%;}
	.hola_content p{color:#1b1b1e;font-family: 'ralewayregular';font-size: 17px;margin-bottom: 15px;text-align: justify;}

/*
QUE HACEMOS
*/
.hacemos{text-align: left;width: 100%;position: relative;top: -50%;display: block;font-family: 'ralewaysemibold';}
	.hacemos .badge{width: 60px;height: 12px;background: #FFF; margin-bottom: 10px;}
	.hacemos h1{color:#fff;font-size: 6.1em;line-height: 1;}
		.hacemos h1 span{display: block;}
.hacemos .grid{width: 25%;float: left;position: relative;margin: 50px 0 0 0;padding:0;}
	.hacemos h2{font-family: 'ralewayregular';font-size: 18px;font-weight: normal;}
	.hacemos .grid .badge{background: rgba(25, 95, 168, 1);width: 60px;height: 12px;margin-bottom: 10px;}

/*
TRABAJO
*/
.muestras{text-align: left;width: 70%;padding-top: 10%;font-family: 'ralewaysemibold';}
	.muestras .badge{width: 60px;height: 12px;background: #162A5F; margin-bottom: 10px;}
	.muestras h1{color:#000;font-size: 6.1em;line-height: 1;}
		.muestras h1 span{display: block;}
	.muestras p{color:#1b1b1e;font-family: 'ralewayregular';font-size: 17px;margin-top: 25px;text-align: justify;padding-top:0;}
	.trabajos{padding-top: 5%;}

	/*WEB*/
	.grid_web {padding:0;max-width: 1600px;margin: 0 auto;list-style: none;text-align: center;margin-left: 0 !important;}
	.grid_web li {display: block; width: 25%; margin: 0 0 20px 0; padding: 0; text-align: left; position: relative; float: left; outline: 5px solid #FFF; }
	.grid_web figure { margin: 0; position: relative; }
	.grid_web figure img { max-width: 100%; display: block; position: relative; }
	.grid_web figcaption { position: absolute; top: 0; left: 0; padding: 0; background: #192c60; color: #fff; }
	.grid_web figcaption h3 { margin: 0; padding: 0; color: #fff; padding: 20px 0 0 20px; }

	.grid_web figcaption span{text-align: left;display: inline;padding-left: 20px;}
	.grid_web figcaption a {text-align: center;padding: 5px 10px;border-radius: 2px;display: inline-block;
	background: #fff;color: #192c60;text-decoration: none;}
	.cs-style-3 figure {overflow: hidden;}

	.cs-style-3 figure img {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
	.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}
	.cs-style-3 figcaption {height:80px;width: 100%;top: auto;bottom: 0;opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;}
	.no-touch .cs-style-3 figure:hover figcaption,.cs-style-3 figure.cs-hover figcaption {opacity: 1;	-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);	transform: translateY(0px);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}
	.cs-style-3 figcaption a {position: absolute;bottom:25px;right: 20px;}

	/*Pro Audio*/
	ul.logos_audio{width: 100%;list-style: none;text-align: center;border-bottom: 10px solid #192c60;margin-bottom: 30px !important;margin-top: 22px;}
	ul.logos_audio li{display: inline-block;width: 11%;padding: 0 15px 30px 15px;}
	ul.logos_audio li img{max-width: 100%;}
	
/*
TEAM
*/
.equipo{text-align: left;width: 70%;padding-top: 10%;font-family: 'ralewaysemibold';}
	.equipo .badge{width: 60px;height: 12px;background: #162A5F; margin-bottom: 10px;}
	.equipo h1{color:#000;font-size: 6.1em;line-height: 1;}
		.equipo h1 span{display: block;font-size: 1em;font-family: 'ralewaysemibold';text-align: left;}
	.equipo p{color:#1b1b1e;font-family: 'ralewayregular';font-size: 17px;margin-top: 25px;text-align: justify;padding-top:0;}
	.team{padding-top: 5%;}
		.team h2.colaboradores{color:#000;margin:40px 0 20px;}
		.team h2.colaboradores span{border-bottom: 6px solid #162a5f;display: inline; font-family: "ralewaysemibold";font-size: 2.5em;text-transform: uppercase;}
	.team_2{width: 75%;margin: 0 auto;}
		.team_2 .grid{width:33.3%;float: left;position: relative;margin: 0;padding:0;overflow:hidden;outline: 1px solid #fff;cursor: pointer;}

/*
Curiosidades
*/
.curiosidades{text-align: left;width: 100%;font-family: 'ralewaysemibold';position: relative;top: -50%;display: block;}
	.curiosidades .badge{width: 60px;height: 12px;background: #fff; margin-bottom: 10px;}
	.curiosidades h1{color:#fff;font-size: 6.1em;line-height: 1;}
		.curiosidades h1 span{display: block;text-align: left;font-size: 1em;font-family: 'ralewaysemibold';}
.curiosidades .grid{width: 25%;float: left;position: relative;margin: 50px 0 0 0;padding:0;color:#fff;text-align: center;border:0;outline:0;}
	.curiosidades .grid h2{font-family: 'ralewayregular', sans-serif;font-size: 5em;margin-bottom: 10px;}
	.curiosidades .grid span{font-family: 'ralewaymedium';font-size: 18px;}


.grid{width:25%;float: left;position: relative;margin: 0;padding:0;overflow:hidden;outline: 1px solid #fff;cursor: pointer;}
.grid img, .team_2 .grid img{width: 100%;}
h2{font-family: 'ralewayregular';font-size:22px;text-align: center;padding-bottom: 10px;}

span{display: block;text-align: center;font-family: 'ralewayregular';font-size: 15px;margin-bottom: 10px}

span.url{display: block;text-align: center;font-family: 'ralewayregular';font-size: 18px;position: absolute;bottom: 10%;width: 100%;font-weight: bold}
figure.effect-bubba {background: rgba(25, 95, 168, 1);display: block;width: 100%;line-height: 0;}
figure.effect-bubba a{height: 100%;left: 0;position: absolute; top: 0;width: 100%;display: block;color:#fff;text-decoration: none;}
figure.effect-bubba img {opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;width: 100%;}
figure.effect-bubba:hover img {opacity: 0.4;}
figure.effect-bubba a::before, figure.effect-bubba a::after {position: absolute;top: 20px;right: 20px;bottom: 20px;left: 20px;	content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba a::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
figure.effect-bubba a::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
figure.effect-bubba h2{opacity: 0;padding-top: 30%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);line-height: 1;}
figure.effect-bubba span{opacity: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);line-height: 1;}
figure.effect-bubba span.url{opacity: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);line-height: 1;}
figure.effect-bubba:hover a::before, figure.effect-bubba:hover a::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-bubba:hover h2,  figure.effect-bubba:hover span{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.modales{width: 100%;height: 100%;overflow: auto;background: #fff;position: fixed;z-index: -1;top: 0;left: 0;opacity: 0;top: 65px !important;}
.modales .modal-content{position: relative;}
.modales .loading{position:absolute;width: 100%;text-align: center;top: 20%;font-weight: bold;color:#000;font-size: 3em;}
#content-servicios{opacity: 0;}
.modales .topbar{background:#192c60;position: fixed;width: 100%;}
.modales img.main_image{display: block;width: 100%;margin-bottom:30px;}
.modales .content{max-width: 800px;margin: 0 auto;}
.modales img.sec_image{display: block;width: 100%;margin:30px auto;}
.modales .badge{background: #162a5f;height: 12px;margin-bottom: 10px;width: 60px;}
.modales h1{margin-bottom: 30px;color:#000;font-family:'ralewaysemibold';font-size: 5em;line-height: 1;}
.modales p{margin-bottom: 15px;color:#000;text-align: justify;font-family: 'ralewayregular', sans-serif;font-size:15px;}
.modales ul{margin-bottom: 15px;color:#000;text-align: justify;font-family: 'ralewayregular', sans-serif;font-size:15px;margin-left:30px;}
.close-all{position: fixed;left: 13%;top: 12%;z-index: 2;}
	.close-all i{color: #192c60;font-size: 30px;font-weight: bold;cursor: pointer;border-radius: 50%;border:5px solid #192c60;padding: 2px 5px;background: #fff;}
		.close-all i:hover{}
.canales{width: 50%;float: left;}
.yt{width: 50%; margin:0 auto;text-align: center;}
.sc{width: 35%; margin:0 auto;text-align: center;padding-top: 15px;}
	.yt img,.sc img{max-width: 100%;}

/*GRILLAS*/
.grid-1-4{width: 25%;float: left;outline: 1px solid #fff;position: relative;}
	.grid-1-4 img{display: block;max-width: 100%;}
.grid-1-6{width: 16.6%;float: left;outline: 1px solid #fff;position: relative;}
	.grid-1-6 img{display: block;max-width: 100%;}

/*
CONTACTO
*/
.contacto{text-align: left;width: 100%;padding-top: 15%;font-family: 'ralewaysemibold';}
	.contacto .badge{width: 60px;height: 12px;background: #162A5F; margin-bottom: 10px;}
	.contacto h1{color:#000;font-size: 6.1em;line-height: 1;margin-bottom:30px;}

.contacto_form .izquierda{float:left;width:45%;}
.contacto_form .derecha{float:right;width:45%;margin-top: 23px;}

ul.contacto_txt{font-family: 'ralewayregular';color:#6c6c6c;margin:20px 0 0;padding-bottom:40px;font-size:17px;list-style: none;}
	ul.contacto_txt li{position: relative;padding: 10px 0 12px 35px;}
	ul.contacto_txt li i{color:#192c60;font-size: 25px;position: absolute;left: 0;top: 8px;display: block;width: 30px;text-align: center;}
	ul.contacto_txt li span{display: block;margin:0;text-align: left;font-family: 'ralewayregular';font-size:17px;}
	ul.contacto_txt a{color:#192c60;text-decoration: none;}
		ul.contacto_txt a:hover{text-decoration: underline;}

ul.social-links{display:block;clear:both;text-align:center;margin-top:50px;padding-bottom:30px;}
ul.social-links li {display: inline-block;margin: 0 4px;}
ul.social-links li a {background: #192c60;border-radius: 50%;color: #fff; display: block;height: 16px; padding: 8px 0;width: 32px;}
ul.social-links li a:hover{background:#192c60;}
ul.logos_colaboradores{width: 100%;list-style: none;text-align: center;border-bottom: 10px solid #192c60;}
ul.logos_colaboradores li{display: inline-block;width: 8%;max-width: 150px; padding: 0 15px 30px 15px;}
ul.logos_colaboradores li img{max-width: 100%;}

a.marca{display: block;text-align: center;margin:0 auto 30px auto;color:#313131;text-decoration: none;}
	a.marca img{max-width: 50%;}
	a.marca strong{display: block;font-weight: bold;margin:0 auto 5px auto;transition: all .25s linear;width: 18%;padding:10px 0;text-align: center;}
	a.marca:hover strong{background: #313131;color:#fff;}

footer{display: block;background: #000;position: relative;padding:10px 0;font-family: 'ralewayregular';padding-top:10px;}
	footer a{color:#fff;font-size: 20px;padding: 0 10px;}
	footer a:last-child{padding-right: 0;}
	footer a:hover{color:#81b4ed;}
	footer .centro{width: 100%;color: #fff;line-height: 2.1;text-align:center;}
	footer .derecha{width: 45%;color: #fff;float: right;text-align: right;}
	a.button-to-top {background: rgba(0, 0, 0, 1) none repeat scroll 0 0;border-radius: 3px;color: #fff;display: block; height: 32px;left: 50%;margin-left: -16px;padding: 4px 0;position: absolute;top: -20px;width: 32px;text-align: center;}

@media (max-width: 650px){
	.logo{display: block;width: 70%;}
		.logo img{display: block;max-width: 70%;}

	nav{display: none;}
	.ico-wapp{font-size: 30px;display: block;position: relative;left:-2px;top:-7px;margin-right: 10px;float: left;}
	a.movil_menu, .header-social_icons{display: block;}

	.inicio{margin-left: auto; margin-right: auto; top: 18%;width: 90%;}
	.inicio h1{font-size: 2.5em;text-align: center;}
	.inicio h1.medio{color:#fff;text-shadow: 1px 1px 3px #000;}
	.inicio h1 span{text-align: center;}

	.hola{width: auto;padding: 0 20px;background: rgba(255, 255, 255, 0.5);}
	section .fondo_hola{background: rgba(255, 255, 255, 0.4);height: auto;}
	.hola h1{font-size: 4em;}

	.muestras{width: auto;padding: 0 10px;}
	.muestras h1{font-size: 4em;}
	.grid{width: 100%;float: none;}
	figure.effect-bubba a{color:#000;}
	figure.effect-bubba h2{opacity: 0;}
	figure.effect-bubba:hover h2, figure.effect-bubba:hover span{opacity: 0;}
	h2.resp_title{display: block;color:#fff;background: #192c60;text-align: center;padding-top: 10px; margin-bottom: 15px;font-weight: normal;font-size: 18px;}
	figure.effect-bubba img {opacity: 1;}

	.equipo{padding: 0 10px; width: auto;}
	.equipo h1{font-size: 4em;}
	.team_2{width: 100%;}
	.team_2 .grid{float: none;width: 100%;}
	figure.effect-bubba span{opacity: 0;}
	.team h2.colaboradores{position: relative;font-size: 14px;margin-top: 55px;width: auto;}
	figure.colabs h2{bottom:30% !important;}
	h2.resp_title_team{display: block;color:#fff;background: #192c60;text-align: center;padding-top: 10px; margin-bottom: 15px;font-weight: normal;font-size: 18px;}
	h2.resp_title_team span{opacity: 1;margin-bottom: 0;}
	figure.colabs span.cargo{bottom:20% !important;}

	.contacto h1{font-size: 2.5em;}
	.contacto_form .izquierda {float: none;padding: 0 1px;width: auto;}
	ul.logos_colaboradores li {display: inline;max-width: none; padding: 0;width: 50%;}

	.modales{top:95px !important;}
	.modales .loading{top: 10%;}
	.close-all{left: 2%;top: 20%;}
	.modales .content{max-width: none;padding-left: 10px;padding-right: 10px;width: auto;}
	.modales h1{font-size: 3em;}
	#container {padding: 10px 10px 0 !important;}
	#container div {margin: 10px;position: relative;width: 95% !important;}

	.grid_web li{float: none !important;width: 100% !important;}
	.cs-style-3 figcaption{opacity: 1;bottom: 80px !important;}

	p.claim{line-height: 1.5 !important}
	.canales {float: none !important;width: 100% !important;}

	.grid-1-6{float: none !important;width: 100% !important;}

	.grid-1-4 {float: none !important;width: 100% !important;}

	#container div.overlay_l{width: 100% !important;}

	a.marca img{width: 70%;max-width: none;}

	.button_filter .filter{display: block !important;margin: 5px auto !important;}

	.contacto_form .izquierda{float:none;width:90%;margin-left: auto;margin-right: auto;}
	.contacto_form .derecha{float:none;width:90%;margin-top: 23px;margin-left: auto;margin-right: auto;}
}

@media (max-width: 810px){}