/* ESTÁ EN GOOGLE FONTS !

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/*/
#00846b y #007663 -> #006064

#34937e -> #00838f
/*/




* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::-moz-focus-inner {
	border:0;
}
:focus, :active {
    outline: 0;
    border: 0;
}

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}


html{ overflow: auto; }
body{ overflow: hidden; }


body{
	background-color: #010d1d;
	background-color: #050c12;
	/*/background-image: url('../img/fdo-home.jpg');/*/
	background-repeat: no-repeat;
	background-position: center top;
	font-family: 'Montserrat', 'Quicksand', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 { margin:0; padding:0; font-family: 'Quicksand', Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, strong, b{ /*font-weight:400;*/ font-weight:700;  }

h1{ font-size:24px; }
h2{ font-size:20px; }


.cd-nav {
background-color:#031625;
z-index: 11;
}
.cd-nav-trigger{
z-index: 12;
}

.cd-nav .cd-half-block address {
font-style: normal;
}
.cd-nav .cd-half-block ul li,
.cd-nav .cd-half-block ul li a,
.cd-nav .cd-half-block ul li span {
list-style: none;
font-size: 16px !important;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 500;
}
.cd-nav .cd-half-block.principal ul {
line-height: 30px !important;
font-size: 36px;
color:#B68964;
}
.cd-nav .cd-half-block ul li a{
color: #B68964;
}
.cd-nav .cd-half-block ul li a:hover{
color: #CCCCCC;
}
.cd-nav .cd-half-block.principal ul li a{
font-size: 36px !important;
text-decoration: none;
}
.cd-nav .cd-half-block.principal ul li.home {
background-image: url('../img/menu/home-off.png');
background-position: left center;
background-repeat: no-repeat;
}

@media only screen and (max-width: 1169px){
	.cd-nav .cd-half-block {
	text-align: center;
	}
	.cd-nav .cd-half-block.principal ul {
	line-height: 26px !important;
	font-size: 26px !important;
	}
	.cd-nav .cd-half-block.principal ul li.home {
	background-position: center;
	}
}

@media only screen and (max-width: 400px){
	.cd-nav .cd-half-block ul {
		padding: 0;
	}
	.cd-nav .cd-half-block.principal ul li a {
		font-size: 22px !important;
		line-height: 24px;
		text-decoration: none;
	}
	.cd-nav .cd-primary-nav li {
		margin: 10px 0;
	}
	.cd-nav .cd-contact-info {
		margin-top: 20px;
	}
	.cd-nav .cd-primary-nav {
		margin-top: 20px;
	}
	.cd-nav .cd-navigation-wrapper {
		padding: 20px;
	}
	.cd-nav .cd-half-block ul li, 
	.cd-nav .cd-half-block ul li a, 
	.cd-nav .cd-half-block ul li span {
		font-size: 14px !important;
	}
}








#menu{
color: #B68964;
font-size: 26px;
line-height: 30px;
position: fixed;
z-index: 9;
right: 50%;
margin-right: -600px;
}
#menu .trigger{
float: right;
width: 60px;
height: 60px;
background-image: url('../img/menu/menu-off.png');
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
#menu ul{
margin: 20px 0 20px 30px;
padding: 0;
width: 246px;
clear: both;

display: none;
}
#menu ul li{
padding: 0;
margin: 4px 0;
list-style: none;
}
#menu ul li.home{
background-image: url('../img/menu/home-off.png');
background-position: left center;
background-repeat: no-repeat;
}
#menu ul li a{
display: block;
height: 30px;
color: #B68964;
text-decoration: none;
}
#menu ul li a:hover{
color: #B8835A;
}
#menu ul li a.active{
color: #FFFFFF;
}

#menu ul.blog{
margin: 20px 4px 40px 30px;
padding-top: 16px;
border-top: 2px solid #B8835A;
}
#menu ul.blog li a{
padding-left: 30px;
background-image: url('../img/menu/blog-off.png');
background-position: left center;
background-repeat: no-repeat;
}
#menu ul.blog li a.active{
background-image: url('../img/menu/blog-on.png');
}

#menu:hover{
background-color: #031625;
}
#menu:hover .trigger{
background-image: url('../img/menu/menu-on.png');
}
#menu:hover ul{
display: block;
}


.contenedor{
	position: relative;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.contenedor section{
	position: relative;
	width: 100%;
	max-width: 1253px;
	height: 730px;
	margin: 40px auto;
	border-top: 1px solid transparent;
}

.contenedor.home{
	height: 730px;
	border-top: 1px solid transparent;
}
.contenedor.home section{
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 410px;
	height: 400px;
	margin-top: 130px;
}
.contenedor.home section .hint{
	background-image: url('../img/hint-scroll.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 100px;
	width: 120px;
	bottom: -120px;
	left: 50%;
	margin-left: -60px;
}
.contenedor.home section .hint a{
	display:block;
	height:100%;
}

.contenedor.home #particles-js{
	position: absolute;
	width: 100%;
	height: 100%;
}






@media only screen and (max-width: 420px){
	.contenedor.home section {
		background-size: contain;
		width: 90%;
		/* position: absolute;
		left: 5%;
		top: 50%;
		margin-top: -240px; */
		margin-top: 20%;
	}
}

@media only screen and (max-height: 620px){
	.contenedor.home {
		height: 620px;
		height: 100vh;
	}
	.contenedor.home section {
		margin-top: 10%;
		margin-top: 10vh;
		height: 60%;
		height: 60vh;
	}
	.contenedor.home section .hint {
		bottom: -100px;
	}
}
@media only screen and (max-height: 560px){
	.contenedor.home {
		height: 560px;
		height: 100vh;
	}
}






.contenedor.areas_de_conocimiento section{
	/* height: 680px; */
	height: auto; 
	/*/margin-bottom: 20px;/*/
	margin: 0 auto;
	border-bottom: 1px solid transparent;
}

.contenedor.areas_de_conocimiento ul.botones {
	width: 860px;
	margin: 0px auto 20px auto;
    padding: 0;
    padding-top: 20px;
	text-align: center;
	border-top: 1px solid #63a997;
}
.contenedor.areas_de_conocimiento ul.botones li {
	display: inline-block;
	margin: 20px 40px;
	padding: 0;
	list-style: none;
}
.contenedor.areas_de_conocimiento ul.botones li a {
	display:inline-block;
	text-decoration: none;
	color: white;
	width: 190px;
	text-align: center;
	padding-top: 80px;
	background-position: center top;
	background-repeat: no-repeat;
	cursor:default;
}

.contenedor.areas_de_conocimiento ul.botones li.backend a{
	background-image:url('../img/paradoxia/paradoxia-1.png');
}
.contenedor.areas_de_conocimiento ul.botones li.frontend a{
	background-image:url('../img/paradoxia/paradoxia-2.png');
}
.contenedor.areas_de_conocimiento ul.botones li.uiux a{
	background-image:url('../img/paradoxia/paradoxia-3.png');
}

.contenedor.areas_de_conocimiento ul.botones li.backend a:hover,
.contenedor.areas_de_conocimiento ul.botones li.backend a.active{
	background-image:url('../img/paradoxia/paradoxia-on-1.png');
}
.contenedor.areas_de_conocimiento ul.botones li.frontend a:hover,
.contenedor.areas_de_conocimiento ul.botones li.frontend a.active{
	background-image:url('../img/paradoxia/paradoxia-on-2.png');
}
.contenedor.areas_de_conocimiento ul.botones li.uiux a:hover,
.contenedor.areas_de_conocimiento ul.botones li.uiux a.active{
	background-image:url('../img/paradoxia/paradoxia-on-3.png');
}



.contenedor.areas_de_conocimiento ul.textos {
	position:relative;
	width: 90%;
	max-width: 900px;
	height: 300px;
	margin: 20px auto 40px auto;
	padding: 0;
	text-align: center;
	color:#FFFFFF;
}
.contenedor.areas_de_conocimiento ul.textos > li {
	margin: 0;
	padding: 0;
	list-style: none;
	visibility: hidden;
	position: absolute;
	width: 100%;
	opacity: 0;
	
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
}
.contenedor.areas_de_conocimiento ul.textos > li.active {
	visibility: visible;
	opacity: 1;
}


.contenedor.areas_de_conocimiento ul.textos > li p {
	/* color: #007663; Verde agua */
	color: #006064;
	font-size: 12pt;
	line-height: 20pt;
	text-align: justify;

	transition: opacity 200ms;
    opacity: 0;
}
.contenedor.areas_de_conocimiento ul.textos p strong {
    font-weight: 500;
}
.contenedor.areas_de_conocimiento ul.textos > li.active p.visible {
	opacity: 1;
}


.contenedor.areas_de_conocimiento ul.textos > li .iconos {
    margin: 36px auto;
}

.contenedor.areas_de_conocimiento ul.textos > li .iconos ul {
	margin: 0;
	padding: 0;
}
.contenedor.areas_de_conocimiento ul.textos > li .iconos ul li {
	list-style: none;
	display: inline-block;
	width: 16%;
	height: 42px;
	margin: 22px auto;
	text-align: center;

	/* background-color: #34937e; /* Verde agua */
	background-color: #00838f;

    /*/-webkit-mask: url(img/iconos/sympletts/database.svg) no-repeat center;
    mask: url(img/iconos/sympletts/database.svg) no-repeat center;/*/
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
	
	transition: opacity 200ms;
    opacity: 0;
}
.contenedor.areas_de_conocimiento ul.textos > li.active .iconos ul li.visible {
    opacity: 1;
}
.contenedor.areas_de_conocimiento ul.textos > li .iconos ul li img{
	display: inline-block;
	width: 80%;
}


/* 
.contenedor.areas_de_conocimiento .play a {
	display: block;
	width: 60px;
	height:60px;
	margin:60px auto;
	background-image:url('../img/paradoxia/paradoxia-play.png');
	background-position:center;
	background-repeat:no-repeat;
}
.contenedor.areas_de_conocimiento .play a:hover {
	background-image:url('../img/paradoxia/paradoxia-play-on.png');
}
*/



@media only screen and (max-width: 860px){
	.contenedor.areas_de_conocimiento section{
		height: auto; margin-bottom: 20px;
	}
	.contenedor.areas_de_conocimiento ul.botones {
		width: 100%;
		margin: 10px auto;
	}
	.contenedor.areas_de_conocimiento ul.botones li {
		margin: 20px 4px;
		width: 30%;
	}
	.contenedor.areas_de_conocimiento ul.botones li h1 {
		font-size: 14px;
	}
	.contenedor.areas_de_conocimiento ul.botones li a {
		width: 100%;
	}
	.contenedor.areas_de_conocimiento ul.textos {
		width: 90%;
		font-size: 12px;
		margin: 10px auto;
	}
}
@media only screen and (max-width: 360px){
	.contenedor.areas_de_conocimiento ul.botones li {
		margin: 20px 0;
	}
	.contenedor.areas_de_conocimiento ul.botones li h1 {
		font-size: 12px;
	}
}




.contenedor.servicios ul{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.contenedor.servicios ul li{
	position:relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width:24%;
	height: 640px;
	cursor: default;
}


.contenedor.servicios ul li .hover{
	position: relative;
	height: 640px;
	visibility: hidden;
	opacity: 0;
	
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.contenedor.servicios ul li:hover .hover{
	visibility: visible;
	opacity: 1;
	background:#FFFFFF;
	
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(186,186,186,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(67%,rgba(255,255,255,1)), color-stop(100%,rgba(186,186,186,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 67%,rgba(186,186,186,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 67%,rgba(186,186,186,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 67%,rgba(186,186,186,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 67%,rgba(186,186,186,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=0 ); /* IE6-8 */
}
.contenedor.servicios #particles-js-1,
.contenedor.servicios #particles-js-2,
.contenedor.servicios #particles-js-3,
.contenedor.servicios #particles-js-4{
	position: absolute;
	width: 100%;
	height: 40%;
}

.contenedor.servicios ul li .contenidos{
	position: absolute;
	top: 0;
	padding-top:60px;
}

.contenedor.servicios ul li .contenidos .boton {
	padding-top: 90px;
	padding-bottom: 50px;
	margin-bottom: 50px;
	background-position:center top;
	background-repeat:no-repeat;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #077555;
}

.contenedor.servicios ul li.redes_sociales .contenidos .boton {
	background-image:url('../img/servicios/servicios-1.png');
}
.contenedor.servicios ul li.com_gobierno .contenidos .boton {
	background-image:url('../img/servicios/servicios-2.png');
}
.contenedor.servicios ul li.camp_electorales .contenidos .boton {
	background-image:url('../img/servicios/servicios-3.png');
}
.contenedor.servicios ul li.com_empresarial .contenidos .boton {
	background-image:url('../img/servicios/servicios-4.png');
}

.contenedor.servicios ul li.redes_sociales:hover .contenidos .boton {
	background-image:url('../img/servicios/servicios-on-1.png');
}
.contenedor.servicios ul li.com_gobierno:hover .contenidos .boton {
	background-image:url('../img/servicios/servicios-on-2.png');
}
.contenedor.servicios ul li.camp_electorales:hover .contenidos .boton {
	background-image:url('../img/servicios/servicios-on-3.png');
}
.contenedor.servicios ul li.com_empresarial:hover .contenidos .boton {
	background-image:url('../img/servicios/servicios-on-4.png');
}

.contenedor.servicios ul li .contenidos .boton span{
	display: block;
	text-transform:uppercase;
	color: #FFFFFF;
}
.contenedor.servicios ul li:hover .contenidos .boton span{
	color: #077555;
	background: -webkit-linear-gradient(left, #077555, #042D36);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.contenedor.servicios ul li .contenidos ul li{
	display: block;
	width: 45%;
	color: #CCCCCC;
	text-shadow:0 0 1px #999999;
	height: auto;
	margin: 10px auto;
	text-align: center;
	font-size: 14px;
}
.contenedor.servicios ul li:hover .contenidos ul li{
	color: #222222;
	text-shadow:0 0 1px #999999;
}



@media only screen and (max-width: 860px){
	.contenedor.servicios section{
		height: auto; margin-bottom: 20px;
	}
	.contenedor.servicios ul li{
		width:49%;
		height: 520px;
	}
	.contenedor.servicios ul li .hover {
		height: 100%;
	}
	.contenedor.servicios ul li h2 {
		font-size: 14px;
	}
	.contenedor.servicios ul li .contenidos ul li {
		width: 80%;
		font-size: 12px;
	}
	.contenedor.servicios ul li .contenidos .boton {
		width: auto;
    	padding-bottom: 30px;
    	margin-bottom: 30px;
	}
}

@media only screen and (max-width: 480px){
	.contenedor.servicios section > ul > li{
		width:90%;
		height: auto;
		padding-bottom: 20px;
	}
	.contenedor.servicios ul li:hover {
		background: white;
	}
	.contenedor.servicios ul li .hover {
		display: none;
	}
	.contenedor.servicios ul li .contenidos {
		position: relative;
		padding-top: 30px;
	}
}





.contenedor.powered section{
	height: auto;
}

.contenedor.powered h3{
	color:#B7855C;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: -1px;
}

.contenedor.powered ul{
	width: 1040px;
	margin: 60px auto 80px auto;
	padding: 0;
	text-align: left;
}

.contenedor.powered ul li{
	position:relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 24%;
	text-align: center;
	margin: 10px auto;
}
.contenedor.powered ul li img {
    /*/max-width: 90%;/*/
    max-width: 72%;
}

@media only screen and (max-width: 1040px){
	.contenedor.powered ul {
		width: 100%;
		text-align: center;
	}
	.contenedor.powered ul li {
		width: 24%;
		max-width: 255px;
	}
	.contenedor.powered ul li img {
		width: 100%;
	}
}

@media only screen and (max-width: 600px){
	.contenedor.powered ul {
		margin: 30px auto;
	}
	.contenedor.powered ul li {
		width: 48%;
	}
}





.contenedor.casos{
	background-color:#FFFFFF;
	z-index: 2; /* Para tapar el título (fixed) en parallax (!) */
}

.contenedor.casos section{
	
}

.contenedor.casos h3{
	color: #B7855C;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 60px;
	margin: 60px auto 40px auto;
	letter-spacing: -1px;
}

@media only screen and (max-width: 600px){
	.contenedor.casos h3 {
		font-size: 40px;
		margin: 20px auto 10px auto;
	}
}







.contenedor.ego{
	background-color:#FFFFFF;
	/* background-image:url("../img/ego/fdo-ego.jpg"); */
	background-image:url("../img/nosotros/fondo2.jpg");
	background-position: center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	/* background-size: auto 100%; */
	background-size: cover;
}
.contenedor.ego section{
	height: 1000px;
	/* height: 120vh;
	min-height: 610px;
	max-height: 890px; */
	max-width: initial;
	overflow: hidden;
}
.contenedor.ego section div.titulo{
	height: 380px;
	/* height: 46vh;
	min-height: 280px;
	max-height: 410px; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image:url("../img/nosotros/titulo-completo.png");
	background-position: center -54px;
	background-repeat: no-repeat;
}
.contenedor.ego section div.slider{
	height: 420px;
	/* height: 54vh;
	min-height: 330px;
	max-height: 480px; */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 30px;
	background: white;
}
.contenedor.ego section div.slider .content_slider_text_block_wrap a.button_socials {
	width: 32px;
	height: 32px;
	border-radius: 100px;
}
.contenedor.ego section div.slider .circle_slider_thumb {
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
/*
.contenedor.ego section div.slider .circle_slider_thumb{
	border: 8px solid #CCC !important;
	width: 210px !important;
	height: 210px !important;
	border-radius: 210px !important;
}
.contenedor.ego section div.slider .circle_slider_thumb img{
	width: 210px !important;
	height: 210px !important;
	border-radius: 210px !important;
}
*/

.contenedor.ego section div.slider .content_slider_text_block_wrap,
.contenedor.ego section div.slider .content_slider_text_block_wrap h3,
.contenedor.ego section div.slider .content_slider_text_block_wrap .bold,
.contenedor.ego section div.slider .content_slider_text_block_wrap a {
font-family: 'Montserrat' !important;
font-weight: 400 !important;
font-size: 14px;
}
.contenedor.ego section div.slider .content_slider_text_block_wrap a{
	color: #004C66;
}
.contenedor.ego section div.slider .content_slider_text_block_wrap h3{
	font-size: 26px;
}
.contenedor.ego section div.slider .content_slider_text_block_wrap span{
	display: block;
	margin: 6px 0;
}




@media only screen and (max-width: 600px){
	.contenedor.ego section {
		height: 100vh;
	}
	.contenedor.ego section div.slider {
		bottom: 0 !important;
	}
	.contenedor.ego section div.titulo {
		background-position: center -40px;
		/* top: 0 !important; */
		left: 20px;
		right: 20px;
		background-size: contain;
	}
}








.contenedor.contacto {
	/*/
	background-image: url('../img/contacto/fdo-contacto.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #010c1d;
	/*/
}

.contenedor.contacto section {
	height: 630px;
}

.contenedor.contacto h3{
	width: 280px;
	height: 280px;
	margin: 60px auto;
	padding: 0;
	/* border: 3px solid white;
	border-radius: 300px; */
	text-align: center;
}
.contenedor.contacto h3 span{
	/* font-size: 72px;
	font-weight: 700;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: white;
	display: inline-block;
	padding-top: 90px;*/
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-image: url('../img/contacto/hola-off.png');
	background-position: center;
	background-repeat: no-repeat;
}
.contenedor.contacto h3 span:hover{
	background-image: url('../img/contacto/hola-on.png');
}

.contenedor.contacto ul.iconos{
	text-align: center;
	margin: 40px 0;
	padding: 0;
}
.contenedor.contacto ul.iconos .icono {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: white;
	font-size: 24px;
	margin: 0 4px;
}
.contenedor.contacto ul.iconos .icono:hover {
	opacity: 0.6;
	cursor: pointer;
}

.contenedor.contacto ul.datos{
	list-style: none;
	margin: 40px 0;
	padding: 0;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.contenedor.contacto ul.datos li.min{
	text-transform: none;
}


.contenedor.contacto #sarasa-map{
	position:relative; width:100%; height:380px; overflow:hidden;
}
.contenedor.contacto #contact-map{
	position:absolute; width:100%; height:760px;
	top:-190px;
}











.quotes-wrapper {
	height: 100px;
	position: relative;
	overflow: hidden;
}
.quotes-wrapper .quotes {
	width: 740px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	color: #666;
}
.quotes-wrapper .quotes .quote {
	position: absolute;
	width: 100%;
	opacity: 0;
	top: 120px;
	font-size: 16px;
	color: #797979;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.quotes-wrapper .quotes .quote strong {
	font-weight: 600;
}
.quotes-wrapper .quotes .quote.active{
	opacity: 1;
	top: 0px;
	
}
.quotes-wrapper .quotes .quote.des-active{
	top: -120px;
}

@media only screen and (max-width: 740px){
	.quotes-wrapper .quotes {
		width: 90%;
	}
	.quotes-wrapper .quotes .quote {
		margin: 10px auto;
	}
}
@media only screen and (max-width: 600px){
	.quotes-wrapper .quotes .quote {
		font-size: 14px;
	}
}
@media only screen and (max-width: 460px){
	.quotes-wrapper {
		height: 120px;
	}
	.quotes-wrapper .quotes .quote {
		font-size: 12px;
	}
}


::selection {
	/*background: #FE6159;*/
	background: #B8835A;
	color: white;
}

.client-list {
	overflow: hidden;
	margin: 100px -5px 0;
	padding: 0;
	list-style: none;
}

.client-list {
	list-style: none;
	text-align: center;
	width: 1000px;
	margin: 40px auto;
}


/*
.client-list li::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 5px;
right: 5px;
background: #F2F2F2;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.client-list li.active::before {
background: transparent;
}
*/





.client-list li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
	height: 140px;
	overflow: hidden;
	margin: 6px;
	padding: 0;
	display: inline-block;
	position: relative;
	cursor: default;
	background-color: #F2F2F2;
	background-position: center;
	background-repeat: no-repeat;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.client-list li.en_click {
	cursor: pointer;
}



@media only screen and (max-width: 1000px){
	.client-list {
		width: 100%;
	}
}

@media only screen and (max-width: 600px){
	.client-list li {
		width: 47%;
		margin: 2px;
	}
}


.client-list li.quote1 { background-image: url('../img/experiencias/logo-wow-bn.png'); }
.client-list li.quote2 { background-image: url('../img/experiencias/logo-dgurus-bn.png'); }
.client-list li.quote3 { background-image: url('../img/experiencias/logo-mood-bn.png'); }
.client-list li.quote4 { background-image: url('../img/experiencias/logo-nickname-bn.png'); }
.client-list li.quote5 { background-image: url('../img/experiencias/logo-skystudio-bn.png'); }
.client-list li.quote6 { background-image: url('../img/experiencias/logo-angelascardigno-bn2.png'); }


.client-list li.active.quote1 blockquote p span.img { background-image: url('../img/experiencias/logo-wow-c.png'); }
.client-list li.active.quote2 blockquote p span.img { background-image: url('../img/experiencias/logo-dgurus-c.png'); }
.client-list li.active.quote3 blockquote p span.img { background-image: url('../img/experiencias/logo-mood-c.png'); }
.client-list li.active.quote4 blockquote p span.img { background-image: url('../img/experiencias/logo-nickname-c.png'); }
.client-list li.active.quote5 blockquote p span.img { background-image: url('../img/experiencias/logo-skystudio-c.png'); }
/*/ .client-list li.active.quote6 { background-image: url('../img/experiencias/logo-angelascardigno-c.png'); } /*/ 
.client-list li.active.quote6 blockquote p span.img img { border: 2px solid black; border-radius: 20px; }


@media only screen and (max-width: 600px){
	.client-list li,
	.client-list li.active blockquote p span.img {
		background-size: contain;
	}
}


.client-list li.active{
	background-image: none;
	background-color: transparent;
}
.client-list li:hover{
	/* cursor:pointer; */
}

.client-list li:not(.quote6) i { display: none; }
.client-list li.active:not(.quote6) blockquote { 
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
}
.client-list li.active:not(.quote6) blockquote footer { 
	display: block;
	left: 0;
}
.client-list li.active:not(.quote6) blockquote p { 
	display: block;
    height: 100%;
    margin: 0;
	padding: 0;
}
.client-list li:not(.quote6) blockquote p span,
.client-list li:not(.quote6) blockquote p span.img img { 
	display: none;
}
.client-list li.active:not(.quote6) blockquote p span.img { 
	display: block;
	height: 100%;
	width: 100%;
	/*/ background-image: url(../img/experiencias/logo-mood-c.png); /*/ 
	background-position: center;
	background-repeat: no-repeat;
}


.client-list i {
display: block;
position: absolute;
top: 0;
right: 5px;
bottom: 0;
left: 5px;
background: no-repeat center center;
text-align: center;
-webkit-transition: .35s;
-moz-transition: .35s;
-o-transition: .35s;
transition: .35s;
}


[class^="icon-"] {
display: inline-block;
width: 32px;
}
.icon-cl-sweden {
width: 90px;
}
svg:not(:root) {
overflow: hidden;
}
.client-list i svg {
height: 100%;
fill: #a0a0a0;
}


.client-list .author {
display: table;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 5px;
text-align: center;
line-height: 1.4;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: .35s;
-moz-transition: .35s;
-o-transition: .35s;
transition: .35s;
}

/* .client-list li:hover .author, */
.client-list li.active .author {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}


.client-list .author p {
	display: table-cell;
	margin: 0;
	padding: 0 10px;
	vertical-align: middle;
	font-size: 12px;
}

.client-list .author p span {
	display: block;
	text-align:center;
	font-size: 14px;
}
.client-list .author p span.img {
	margin: auto;
	width: 40px;
	height: 40px;
}
.client-list .author p span.img img {
	width: 100%;
	border-radius: 10px;
}
.client-list .author p span.title {
	font-size: 12px;
	font-style: italic;
}
















#contacto_modal{
position: fixed;
top: 0;
width: 100%;
height: 100%;
/*/
background: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 200px 100px black inset;
/*/
color: white;
/*font-family: 'Gotham A','Gotham B';*/
font-weight: 400;
font-style: normal;
font-size: 12px;

z-index: 999;

top: -200%;
opacity: 0.2;


/*/ background-image: url(../img/contacto/fdo-contacto.jpg);/*/ 
background-position: center top;
background-repeat: no-repeat;
background-color: #010c1d;
overflow: auto;


	/*/
	background-image: url(https://www.cohetebrands.com/wp-content/uploads/2017/02/cohete-brands-publicidad-y-marketing-guadalajara-fondo-estrellas-1.jpg);
	background-image: url(https://picalls.com/wp-content/uploads/2015/03/Amazing-night-sky.jpg);
	background-image: url(https://images7.alphacoders.com/528/528668.jpg);
	/*/
	background-image: url(../img/fdo-home-sky3_opt.jpg);
	background-size: cover;
	/*/background-attachment: fixed;/*/


-o-transition: top .6s ease, opacity 1s;
-moz-transition: top .6s ease, opacity 1s;
-webkit-transition: top .6s ease, opacity 1s;
transition: top .6s ease, opacity 1s;
}

#contacto_modal .inner{
	width: 100%;
	height: 100%;
	background-color: #79554845;
	/* background-color: #03a9f438; */
	background-color: #b78b0947;
	box-shadow: 0 0 200px 100px black inset;
}


#contacto_modal.active{
top: 0;
opacity: 1;
}


#contact-modal {
text-align: center;
width: 100%;
max-width: 400px;
margin-right: auto;
position: absolute;
top: 100px;
left: 50%;
margin-left: -200px;
z-index: 3;
-webkit-transition: top .3s ease;
transition: top .3s ease;
display: none;

display:block;
}

#contacto_modal h2, 
#contacto_modal h3 {
font-weight: normal;
letter-spacing: .07em;
text-transform:none;
color:#FFFFFF;
}
#contact-modal-title {
font-size: 35px;
font-weight: 300;
text-transform: none;
margin-bottom: 20px;
}
#contact-modal p {
color: #999;
font-size: 18px;
font-weight: 300;
color: white;
}
#contact-modal span.error {
	background-color: #ff574b;
	font-size: 11pt;
	color: #ffffff;
	padding: 4px 8px;
	display: none;
}
#contact-modal form {
margin-top: 30px;
margin-bottom: 70px;
}
#contact-modal .grid-50 {
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact-modal .grid-parent {
padding-left: 0;
padding-right: 0;
}
#contact-modal .grid-100 {
clear: both;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact-modal input, 
#contact-modal textarea {
width: 100%;
color: #999;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: white;
padding: 14px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #FFFFFF;
border-radius: 10px;
margin-bottom: 18px;

background-color: #273327;
background-color: #3d613f70;
color: #0fc7a5;
}
#contact-modal input:focus, 
#contact-modal textarea:focus{
color: #E0ECEF;
background: #001111;
background: #28291a;
background-color: #33220363;
background-color: rgba(51, 34, 3, 0.4);
}

#contact-modal input::-webkit-input-placeholder, 
#contact-modal textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ff574b;
	color: #0ba085;
	color: #addcd3;
	/* color: #009688; */
}
#contact-modal input::-moz-placeholder, 
#contact-modal textarea::-moz-placeholder { /* Firefox 19+ */
	color: #ff574b;
	color: #0ba085;
	color: #addcd3;
	/* color: #009688; */
}
#contact-modal input:-ms-input-placeholder, 
#contact-modal textarea:-ms-input-placeholder { /* IE 10+ */
	color: #ff574b;
	color: #0ba085;
	color: #addcd3;
	/* color: #009688; */
}
#contact-modal input:-moz-placeholder, 
#contact-modal textarea:-moz-placeholder { /* Firefox 18- */
	color: #ff574b;
	color: #0ba085;
	color: #addcd3;
	/* color: #009688; */
}


#contact-modal .right-spacing {
width: 95%;
margin-right: 5%;
}
#contact-modal .left-spacing {
width: 95%;
margin-left: 5%;
}
#contact-modal textarea {
margin-bottom: 35px;
}
#contact-modal-submit-container {
margin-top: 10px;
margin-left: 30px;
position: relative;
float: left;
}
#contacto_modal .ui-button {
border: none;
background: #333;
color: #EEE;
font-size: 14px;
line-height: 18px;
text-align: center;
text-decoration: none;
text-shadow: none;
}
#contacto_modal .ui-button {
font-family: 'Gotham A','Gotham B';
font-family:Arial, Helvetica, sans-serif;
letter-spacing: .03em;
padding-left: 32px;
padding-right: 32px;
margin-top: -15px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-perspective: 350px;
perspective: 350px;
}
#contacto_modal .ui-button, 
#contacto_modal .ui-button:focus, 
#contacto_modal .ui-button:hover {
background-color: transparent;
}
#contact-modal-submit {
width: 180px;
padding-left: 0;
padding-right: 0;
left: 0;
}
#contacto_modal .button {
background-color: transparent;
border: 3px solid white;
opacity: .85;
display: block;
}
#contacto_modal .ui-button {
color: #EEE;
font-size: 14px;
line-height: 18px;
text-align: center;
text-shadow: none;
}
#contacto_modal .ui-button {
font-family: 'Gotham A','Gotham B';
font-family:Arial, Helvetica, sans-serif;
letter-spacing: .03em;
}
#contacto_modal .button span {
color: white;
font-family: 'Gotham A','Gotham B';
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: .03em;
text-align: center;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 8px;
display: block;
}
#contacto_modal .ui-button .button span {
/*color: transparent;*/
}

#contact-modal-cancel-container {
margin-top: 10px;
float: right;
}
#contact-modal-cancel {
color: white;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 3px;
border-bottom: 1px solid white;
float: right;
position: relative;
top: -10px;
right: 30px;
font-family:Arial, Helvetica, sans-serif;
}
#contact-modal-cancel,
#contact-modal-cancel:hover{
text-decoration:none;
}

.modal-close {
width: 21px;
height: 21px;
background: url('../img/contacto/icon_modal_close.png') no-repeat center center;
position: fixed;
top: 25px;
right: 25px;
z-index: 1000;
display: none;
}


@media all and (max-width:400px){
	#contact-modal {
		width: auto;
		left: 4px;
		right: 4px;
		margin-left: 0;
	}
	#contact-modal p {
		font-size: 14px;
	}
	#contacto_modal h2, #contacto_modal h3 {
		font-size: 20px;
		line-height: 20px;
	}
}



@media all and (max-height:710px){
	#contact-modal {
	top: 50px;
	}
}
@media all and (max-height:660px){
	#contact-modal {
	top: 10px;
	}
}
@media all and (max-height:610px){
	#contact-modal-title {
	font-size: 28px;
	}
}
@media all and (max-height:560px){
	#contact-modal-title {
	margin-bottom: 10px;
	}
	#contact-modal p {
	margin: 10px 0;
	}
	#contact-modal form {
	margin-top: 20px;
	}
}
@media all and (max-height:530px){
	#contact-modal form {
	margin-top: 10px;
	}
	#contact-modal textarea {
	margin-bottom: 20px;
	}
}
@media all and (max-height:510px){
	#contact-modal input, #contact-modal textarea {
	margin-bottom: 12px;
	}
	#contact-modal textarea {
	margin-bottom: 20px;
	}
}
@media all and (max-height:480px){
	#contact-modal textarea {
	margin-bottom: 12px;
	}
}
@media all and (max-height:460px){
	#contact-modal input, #contact-modal textarea {
	padding: 10px 14px;
	}
}
@media all and (max-height:440px){
	#contact-modal input, #contact-modal textarea {
	padding: 8px 14px;
	}
}
@media all and (max-height:420px){
	#contact-modal input, #contact-modal textarea {
	padding: 6px 14px;
	}
}