@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	border:0;
	padding:0;
	}
	
html, body {
	width:100%;
	height:100%;
	font-family: 'Oswald', sans-serif;
	background:#F5F5F5;
	color:#808080;
	}		

a { text-decoration:none; color:inherit; }

.logo {
	height:50px;
	}	
	
nav.top-menu {
	background:rgba(0,0,0,0.9);
	color:#fff;
	padding:15px 10%;
	box-sizing:border-box;
	width:100%;
	z-index:500;
	position:fixed;
	top:0;
	left:0;
	max-height:80px;
	overflow:hidden;
}

nav.menu-home {
	background:transparent;
	color:#fff;
	padding:15px 10%;
	box-sizing:border-box;
	width:100%;
	z-index:500;
	position:fixed;
	top:0;
	left:0;
	max-height:80px;
	overflow:hidden;
}
	
nav ul {
	list-style-type:none;
	float:right;
	box-sizing:border-box;
	padding:0.7em 0;
	}			
	
nav ul li {
	font-size:1em;
	float:left;
	text-transform:uppercase;
	border-left:1px solid #fff;
	padding:0 1em;
	box-sizing:border-box;
	display:inline-block;
	}
	
	nav ul li:nth-child(1) {
		border:0;
		}
	
nav ul li a {
	font-weight:300;
	}			
	
	.language {
	float:right;
	display:block;
	font-size:0.6em;
	border-radius:50%;
	border:1px solid #fff;	
	padding:0.5em;
	margin-left:0.5em;
	margin-top:1em;
	}



.fondoHome { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(imagenes/fondo-home.jpg); background-size: cover; z-index: 1; background-position:  center center;}

.txtHome { width: 100%; height: auto; left: 0; top: 55%; transform: translateY(-50%); position: absolute; z-index: 9999 }
.txtHome .lin1 { width: 100%; height: auto; padding: 4px 0px; padding-top: 10px; background-color: rgba(0,0,0,0.7); text-align: center; color: #FFF}
.txtHome .lin2 { width: 100%; height: auto; padding: 5px 0px; padding-top: 10px; background-color: rgba(233,13,40,0.7); text-align: center; color: #FFF}
.txtHome .lin1 img { height: 180px}
.txtHome .lin2 img { height: 25px;}


nav.menu-home {
	background:transparent;
	color:#fff;
	padding:0px 10%;
	box-sizing:border-box;
	width:100%;
	z-index:500;
	position:fixed;
	top:0;
	left:0; max-height: none;
	overflow:hidden;
}

nav.menu-home .contLogo { width: 160px; text-align: center; height: auto; background-color: #111; float: left}
nav.menu-home .contLogo .logo { padding: 26px 0px;}
	
nav.menu-home ul {
	list-style-type:none;
	float:right;
	box-sizing:border-box;
	padding:0.7em 0; margin-top: 35px;
	}			
	
nav.menu-home ul li {
	font-size:1em;
	float:left;
	text-transform:uppercase;
	border-left:1px solid #fff;
	padding:0 1em;
	box-sizing:border-box;
	display:inline-block;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	}
	
	nav ul li:nth-child(1) {
		border:0;
		}
	
nav.menu-home ul li a {
   
	font-weight:300;
	}			
	
	.language {
	float:right;
	display:block;
	font-size:0.6em;
	border-radius:50%;
	border:1px solid #fff;	
	padding:0.5em;
	margin-left:0.5em;
	margin-top:1em;
	}



	
#home_background {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	}	
	
main {
	width:100%;
	position:relative;
	margin:auto;
	text-align:justify;
	}	
	
h1, h2 {
	color:#FF006A;
	font-size:4vw;
	font-weight:300;
	line-height:1.2em;
	text-transform:uppercase;
	}	

h2 {
	font-size:3.5vw;
	}	
	
h1 span, h2 span {
	font-weight:700;
	}	
	
/* ABOUT */ 	

.about {
	color:#fff;
	font-size:1.3em;
	line-height:1.2;
	font-weight:300;
	background:#F5F5F5;
	color:#808080;
	}
	
	#about-content {
	position:relative;	
	z-index:90;
	margin:150px 20%;
	}
	
	#about-content p {
	font-family: 'Roboto', sans-serif;	
	font-size:16px;
	}
	
	
.about-links {
	width:30%;
	margin:0;
	display:block;
	box-sizing:border-box;
	text-transform:uppercase;
	text-align:center;
	float:left;
	padding:0.5em;
	font-weight:400;
	background:#808080;
	color:#fff;	
	}	
	
	.about-links:nth-child(2n) {
	margin:0 5%;	
	}
	
	.about-links:hover {
	background:#00C06D;
	color:#fff;
	border:0;	
	}
	
	.formula {
	color:#808080;
	font-size:1.3em;
	line-height:1.2;
	font-weight:300;
	padding:150px 20%;
	}
	
	.formula_title {
	color: #808080;
	font-size:12vw;
	display:block;
	text-align:left;
	font-weight:900;	
	}
	
	.formula p {
	font-family:'Roboto', sans-serif;
	font-size:16px;	
	}
	
	.pilares {
	color:#fff;
	font-size:1.3em;
	line-height:1.2;
	font-weight:300;
	background:url(imagenes/pilares_background.jpg) no-repeat top center;
	background-size:cover;
	padding:150px 20%;
	overflow:hidden;
	}
	
	.pilares_title {
	color: #808080;
	font-size:13vw;
	display:block;
	text-align:center;
	font-weight:900;
	margin-bottom:3vw;	
	}
	
	.pilar {
	width:31%;
	margin:1%;
	box-sizing:border-box;
	padding:1em;
	float:left;
	background:#EBEBEB;	
	color: #808080;
	text-align:justify;
	}

@media screen and (max-width: 1190px) {
	
	.pilar {
	width:48%;
	margin:1%;
	}
	
	}	
	
	@media screen and (max-width: 800px) {
	
	.pilar {
	width:100%;
	margin:0%;
	background:transparent;	
	}
	
	}
	
	.pilar-icon { 
	display:block;
	height:39px;
	margin:10px 0;
	}
	
	.pilar-icon.capital { background:url(imagenes/nosotros/caphumano.png) no-repeat center; background-size:contain; }
	.pilar-icon.creatividad { background:url(imagenes/nosotros/creatividad.png) no-repeat center; background-size:contain; }
	.pilar-icon.eficiencia { background:url(imagenes/nosotros/eficiencia.png) no-repeat center; background-size:contain; }
	.pilar-icon.sinergia { background:url(imagenes/nosotros/sinergia.png) no-repeat center; background-size:contain; }
	.pilar-icon.innovacion { background:url(imagenes/nosotros/innovacion.png) no-repeat center; background-size:contain; }
	.pilar-icon.percepcion { background:url(imagenes/nosotros/percepcion.png) no-repeat center; background-size:contain; }
	
	.pilar h3 {
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	}
	
	.pilar p {
    font-family: 'Roboto', sans-serif;
	font-size:16px;	
	text-align:center;
	}
	
	.equipo {
	color:#fff;
	font-size:1.2em;
	line-height:1.2;
	font-weight:300;
	padding:140px 20% 20px 20%;
	overflow:hidden;
	}	
	
	.equipo_title {
	color: #FFF;
	font-size:2em;
	display:block;
	text-align:left;
	font-weight:900;
	font-family:'Oswald';
	}
	
	.bxslider p {
	width:35%;
	color:#fff;
	font-family:'Roboto';
	font-weight:400;
	font-size:1em;
	position:absolute;
	right:10%;
	top:30%;	
	}
	
	.bxslider p a {
	width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 0.5em;
	}
	
/* DIVIDER */

.divider, .divider-b {
	background:#fff;
	padding:5% 10%;
	}	
	
	.divider p, .divider-b p {
	color:#fff;
	font-size:3vw;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:4vw 2vw;
	box-sizing:border-box;
	text-align:center;
	font-weight:300;
	text-transform:uppercase;
	}
	
	.divider-b p {
	color:#999;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}
	
	.divider#nosotros-a {
	background:url(imagenes/nosotros-a.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;	
	}
	
	.divider#nosotros-b {
	background:url(imagenes/nosotros-b.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;	
	}
	
	.divider#nosotros-c {
	background:url(imagenes/nosotros-c.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;	
	}
	
/* SERVICIOS */

.services {
	color:#fff;
	font-size:1.5vw;
	line-height:1.2;
	font-weight:300;
	padding:140px 20% 20px 20%;
	overflow:hidden;
	}	
	
.services-list {
	display:table;
	}	
	
.services p {
	width:23%;
	margin:1%;
	float:left;
	box-sizing:border-box;
	text-transform:uppercase;
	text-align:center;
	padding:0.5em;
	font-weight:400;
	vertical-align:middle;
	background:#808080;
	display:table;
	cursor:pointer;
	}	
	
.services p span {
	display:table-cell;
	vertical-align:middle;
	}	
	
.services p:hover {
	background:#00c06d;
	}
	
.services p.mainservice:hover {
	background:#2daae0;
	}	
	
	
/* PORTFOLIO */	

	.portfolio {
	color:#fff;
	font-size:1.3em;
	line-height:1.2;
	font-weight:300;
	}
	
	.portfolio_title {
	color: rgba(39,36,37,0.3);
	font-size:10vw;
	display:block;
	text-align:center;
	font-weight:900;	
	position:absolute;
	top:130px;
	width:100%;
	z-index:90;
	}
	
	.portfolio_gallery {
	padding:1em 10%;	
	overflow:hidden;
	}
	
	.portfolio_gallery .item {
	display:inline-block;	
	width:30%;
	margin-right:3%;	
	float:left;
	margin-bottom:2em;
	}
	
	.portfolio_gallery .item p{
	 font-size:22px; padding-top:5px
	}
	
	.portfolio_gallery .item:nth-child(3n+3) {
	margin-right:0;
	}
	
	.portfolio_gallery .item img {
	max-width:100%;	
	}
	
	.work-info {
	padding: 0 10% 5em 10%;
	background:#fff;	
	}
	
	.work-info span {
	display:block;
	text-align:center;
	font-family:'Oswald';
	font-weight:700;
	color:#808080;
	text-transform:uppercase;	
	padding:0.5em;
	box-sizing:border-box;
	font-size:3vw;
	}
	
	.work-info p {
	color:#808080;
	font-size:1.5vw;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:2vw 10%;
	box-sizing:border-box;
	text-align:left;
	font-weight:500;
	font-family:'Roboto';
	}
	
/* CONTACTO */

	.contacto {
	color:#fff;
	font-size:1.1em;
	line-height:1.2;
	font-weight:300;
	background:url(imagenes/contacto_background.jpg) no-repeat top center;
	background-size:cover;
	padding:100px 20%;
	position:fixed;
	width:100%;
	height:100%;
	box-sizing:border-box;
	}
	
	.contacto_title {
	color: rgba(39,36,37,0.3);
	font-size:8vw;
	display:block;
	text-align:center;
	font-weight:900;
	position:fixed;
	right:10%;
	bottom:60px;
	z-index:40;	
	}
	
	.contact-info {
	float:right;
	color:#000;
	font-size:1em;	
	margin-top:3vw;
	}
	
	.contact-info #mail {
	background:url(imagenes/contact-mail.png) no-repeat top left;
	padding-left:45px;	
	height:27px;
	line-height:27px;
	vertical-align:middle;
	margin-bottom:1em;
	display:block;
	font-size:1.2em;
	font-weight:700;
	}
	
	.contact-info #mobile {
	background:url(imagenes/contact-mobile.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:0.7em;
	height:28px;
	line-height:20px;
	padding-top:3px;
	text-align:left;
	}
	
	.contact-info #tw {
	background:url(imagenes/tw.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:0.7em;
	height:28px;
	line-height:20px;
	padding-top:3px;
	text-align:left;
	}
	
	.contact-info #fb {
	background:url(imagenes/fb.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:0.7em;
	height:28px;
	line-height:20px;
	padding-top:3px;
	text-align:left;
	}
	
	.contact-info #in {
	background:url(imagenes/in.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:0.7em;
	height:28px;
	line-height:20px;
	padding-top:3px;
	text-align:left;
	}
	
	.contact-info #sk {
	background:url(imagenes/sk.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:0.7em;
	height:28px;
	line-height:20px;
	padding-top:3px;
	text-align:left;
	}
	
	
	
	
	
	.contact-info #phone {
	background:url(imagenes/contact-phone.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:1em;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	}
	
	.contact-info #address {
	background:url(imagenes/contact-location.png) no-repeat top left;
	padding-left:38px;	
	margin-bottom:1.5em;
	line-height:1.3;
	}
	
	#new-biz {
	color:#fff;
	background:#8155a0;
	display:inline-block;
	padding:0.5em 1em;	
	text-transform:uppercase;
	font-size:1.1em;
	z-index:60;
	position:relative;
	}
	
	#new-biz:hover {
	background: rgba(0,0,0,0.9);
	color:#fff;	
	}
	
/* FOOTER */ 

	footer {
	background:rgba(0,0,0,0.9);	
	text-align:right;
	padding:0.5em 10%;
	width:100%;
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	z-index:50;
	}
	
	footer a {
	width:25px;
	height:25px;
	display:inline-block;
	margin-left:0.3em;
	}
	
	.footer_mail {background:url(imagenes/mail-icon.png) no-repeat top left; background-size:contain;}
	.footer_skype {background:url(imagenes/skype-icon.png) no-repeat top left; background-size:contain;}
	.footer_linkedin {background:url(imagenes/linkedin-icon.png) no-repeat top left; background-size:contain;}
	.footer_facebook {background:url(imagenes/facebook-icon.png) no-repeat top left; background-size:contain; }
	.footer_twitter {background:url(imagenes/twitter-icon.png) no-repeat top left; background-size:contain; }
	
	footer.inner-footer {
	position:fixed;
	bottom:0;	
	}





@media screen and (max-width: 780px) {
    .txtHome .lin1 img { height: 150px}
    .txtHome .lin2 img { height: 20px;}
    nav.menu-home {    padding: 0px 3%;}
    nav.menu-home ul li {    padding: 0 0.5em;}
}

@media screen and (max-width: 620px) {
    .txtHome .lin1 img { height: auto; width: 90%}
    .txtHome .lin2 img { height: 20px;}
    nav.menu-home {    padding: 0px 0%; background-color: #111}
    nav.menu-home .contLogo {        width: 100px; height: 65px}
    nav.menu-home .contLogo .logo {    width: auto; height: 35px; padding: 15px 0px;}
    nav.menu-home ul li {        font-size: 0.75em;}
    nav.menu-home ul {    padding: 0em 0;    margin-top: 25px; width: auto;  text-align: center; margin-right: 10px; }
}
@media screen and (max-width: 400px) {
    nav.menu-home {    padding: 0px 0%;}
    nav.menu-home .contLogo {        width: 70px; height: 65px}
    nav.menu-home .contLogo .logo {    width: auto; height: 25px; padding: 15px 0px;}
    nav.menu-home ul li {        font-size: 0.7em;}
}