/*Fuentes*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700|Merriweather+Sans:800);

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

@font-face {
	font-family: 'Blokk';
	src: url('../fonts/blokk/BLOKKRegular.eot');
	src: url('../fonts/blokk/BLOKKRegular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/blokk/BLOKKRegular.woff') format('woff'),
		 url('../fonts/blokk/BLOKKRegular.svg#BLOKKRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


/*Estilos generales*/

#container.container {
	width: 100%;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0.1s;
	transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0.1s;
}

.pushed.container {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transform: translateX(72%);
	transform: translateX(72%);
}


.morph-button {
	position: relative;
	display: block;
	margin: 0 auto;
}

.morph-button > button {
	position: relative;
	background-color: #ffe600;
	color: #f9f6e5;
	letter-spacing: 1px;
	border:5px solid white;
	font-weight: 700;
	box-shadow: 0 0 30px #B3B3B3;
	-webkit-box-shadow: 0 0 30px #B3B3B3;
	-moz-box-shadow: 0 0 30px #B3B3B3;
	-o-box-shadow: 0 0 30px #B3B3B3;
}

.morph-button.open > button {
	pointer-events: none;
}

.morph-content {
	pointer-events: none;
}

.morph-button.open .morph-content {
	pointer-events: auto;
}


/*Contenido LANDING extendida*/

.content-style-sidebar {height:100%!important;}
.morph-content .superior {display:block; position:relative; height:63.2%; overflow:hidden;}
.morph-content .inferior {display:block; position:relative; min-height:36.8%;}
.morph-content .superior img{max-width: 100%; max-height: 100%; position:absolute; z-index:2000;}
.morph-content .slogan {position: absolute; width: 100%; padding:2% 0; height: auto; top: 15%;
right: -9; font-family: "Intro"; font-size: 45px; color: #145ba2; text-align: center; transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); box-sizing: border-box; padding: 2% 0 2.5% 22%;  text-shadow:1px 1px 1px #fff; background:white;}
.morph-content .slogan .big {font-size:90px;}
.morph-content .slogan .azul {color:#188cff;}
.morph-content .tv {position: absolute; right: -6%; width: 50%; height:auto; top: 46%; z-index:3;}
.morph-content .tv img{max-width: 100%; max-height: 100%;}
.morph-content .tv p {text-align: center; color: white; font-size: 16px; line-height: 1.5em; margin-top: -4%;}
.morph-content .inferior {background:#145ba2; padding-bottom: 30px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.morph-content .inferior .contCuestionario { color: #d7d7d7; width: 70%; padding: 3% 10%; box-sizing: border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; font-size:17px; line-height: 1.4em;
}
.morph-content .inferior .contCuestionario .intro {font-size: 20px; line-height: 1.2em; font-weight: 700; margin-bottom: 40px;}
.morph-content .inferior .contCuestionario .intro .amarillo {color:#ffe600;}
.morph-content .inferior .contCuestionario li {margin-bottom: 35px;}
.morph-content .inferior .contCuestionario .pregunta {color:white;}
.morph-content .inferior .contCuestionario .pregunta:before {background:#ffe600; color:#145ba2; font-weight: 600; padding:5px 10px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; margin-right: 15px;}
.morph-content .inferior .contCuestionario .pregunta1:before{content:"1"; }
.morph-content .inferior .contCuestionario .pregunta2:before{content:"2"; }
.morph-content .inferior .contCuestionario .pregunta3:before{content:"3"; }
.morph-content .inferior .contCuestionario .respuestas{margin-bottom: 16px; margin-left: 25px;
margin-top: 5px;}
.morph-content .inferior .contCuestionario .respuestas li{display:inline; padding:15px; font-size: 16px; font-weight: 700; white-space:nowrap;}
.morph-content .inferior .contCuestionario .respuestas li input[type="radio"]{margin:0 10px;}
.morph-content .inferior input#email {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:10px; border:0; width: 53%;}
.morph-content .inferior #enviarMail{margin: 20px 0 10px 0;}
.morph-content .inferior #enviarMail #mensaje{color:orange;}
.morph-content .inferior #enviarMail #gracias{color:orange; padding-top:100px;}
.morph-content footer {padding: 10px; background: transparent; height: auto; color: #BBBBBB; font-size: 13px; bottom: 0; position: absolute; text-align: center; width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.morph-content footer a, .morph-content footer a:visited {color: #BBBBBB;}
.morph-content footer a:hover {color:#188cff;}
.contCTA {position: absolute; width: 40%; right: -4%; text-align: center; top: 0;}
.contCuestionario .checkbox label:before{bottom:3px;}
.contCuestionario  #botonEmail{
margin-top:5px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
width:100%;
max-width: 250px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-sizing:border-box;
-o-box-sizing:border-box;
font-size:1.3em!important;
color:#145ba2;
text-align: center;
font-family:"Intro";
padding:10px 0;
border:1px solid #d1d1d1;
box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
-webkit-box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
-moz-box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
-o-box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
background: #ffe400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffe400 0%, #ffbd00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe400), color-stop(100%,#ffbd00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe400 0%,#ffbd00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe400 0%,#ffbd00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe400 0%,#ffbd00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe400 0%,#ffbd00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#ffbd00',GradientType=0 ); /* IE6-8 */
}

/*Contenido Landing encogida*/
.bannerNoParticipado, .bannerParticipado {height:100%; width:100%;}
.bannerNoParticipado .imagen {position:absolute; top:-40px;}
.bannerParticipado .imagen {position:absolute; top:-26px;}
.bannerNoParticipado .imagen img, .bannerParticipado .imagen img {max-height: 100%; max-width:100%;}
.bannerNoParticipado p.captura {font-family: "Intro"; font-size:29px; color:#1664b1; position:absolute; top: -76px; text-shadow: 0 0 5px #fff;}
.bannerNoParticipado .contAzul, .bannerParticipado .contAzul {position: absolute; bottom: 0; background: #145ba2; height: 125px; width: 100%; padding: 0 5px; margin-left: -5px; margin-bottom: -5px;}
.bannerNoParticipado .contAzul  p{line-height: 18px; margin-top: 13px;}
.bannerParticipado .contAzul  p {line-height: 18px; margin-top: 9px;}
.bannerParticipado .contAzul  p .destacado {font-weight: 700; font-size:1.8em; line-height: 28px;}
button .btParticipar {
margin-top:5px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
width:94%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-sizing:border-box;
-o-box-sizing:border-box;
font-size:1.05em;
color:#145ba2;
text-align: center;
font-family:"Intro";
padding:10px 0;
border:1px solid #d1d1d1;
box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
-webkit-box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
-moz-box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
-o-box-shadow: 0 5px 0px 0px rgba(0, 0, 0, 0.31);
background: #ffe400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffe400 0%, #ffbd00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe400), color-stop(100%,#ffbd00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe400 0%,#ffbd00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe400 0%,#ffbd00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe400 0%,#ffbd00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe400 0%,#ffbd00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#ffbd00',GradientType=0 ); /* IE6-8 */
}

.bannerParticipado .miniTv{position:absolute; z-index:0; right: -21%;}
.bannerParticipado .miniTv img {max-width: 100%;}


/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed,
.morph-button-fixed .morph-content {
	width: 300px;
	height: 80px;
}

.morph-button-fixed > button {
	z-index: 1000;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.1s 0.5s;
	transition: opacity 0.1s 0.5s;
}

.morph-button-fixed.open > button {
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
}

.morph-button-fixed .morph-content {
	position: fixed;
	z-index: 900;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

.morph-button-fixed.open .morph-content {
	opacity: 1;
}

.morph-button-fixed .morph-content > div {
	visibility: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
	transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
}

.morph-button-fixed.open .morph-content > div {
	visibility: visible;
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.morph-button-fixed.active > button {
	z-index: 2000;
}

.morph-button-fixed.active .morph-content {
	z-index: 1900;
}

/* Transitions for overlay button and sidebar button */
.morph-button-overlay .morph-content,
.morph-button-sidebar .morph-content {
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
}

.morph-button-overlay.open .morph-content,
.morph-button-sidebar.open .morph-content {
	-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
	transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;	
}

/* Morph Button Style: Overlay */
.morph-button.morph-button-overlay {
	margin: 50px auto;
}

.morph-button-overlay .morph-content {
	overflow: hidden;
	background: #ffe600;
}

.morph-button-overlay.open .morph-content {
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
}

/* Morph Button Style: Modal */
.morph-button-modal::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	pointer-events: none;
}

.morph-button-modal.open::before {
	opacity: 1;
	pointer-events: auto;
}

.morph-button-modal.active::before {
	z-index: 1800;
}

.morph-button-modal .morph-content {
	overflow: hidden;
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

.morph-button-modal.open .morph-content {
	top: 50% !important;
	left: 50% !important;
	margin: -210px 0 0 -300px;
	width: 600px;
	height: 420px;
	-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

/* Colors and sizes for individual modals */
.morph-button.morph-button-modal-1 {
	float: left;
}

.morph-button.morph-button-modal-2,
.morph-button.morph-button-modal-3 {
	display: inline-block;
	margin: 10px 15px;
}

.morph-button-modal-1 > button,
.morph-button-modal-1 .morph-content {
	background-color: #553445;
}

.morph-button-modal-2 > button,
.morph-button-modal-2 .morph-content,
.morph-button-modal-3 > button,
.morph-button-modal-3 .morph-content {
	background-color: #fef0e3;
	color: #e75854;
}

.morph-button-modal-4 {
	display: inline-block;
}

.morph-button-modal-4 > button,
.morph-button-modal-4 .morph-content {
	background-color: #faf1e0;
	color: #553445;
}

.morph-button-modal-4 > button span,
.morph-button-modal-4 .morph-clone {
	padding-left: 10px;
	color: #286f81;
}

.morph-button-modal-4 .morph-clone {
	position: absolute;
	right: 34px;
	bottom: 30px;
	z-index: 100;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s;
	transition: bottom 0.4s 0.1s, right 0.4s 0.1s;
}

.morph-button-modal-4.open .morph-clone,
.no-js .morph-button-modal-4 .morph-clone {
	right: 10px;
	bottom: 10px;
}

.morph-button-modal-1::before {
	background: rgba(240,221,204,0.7);
}

.morph-button-modal-2.open .morph-content {
	margin: -210px 0 0 -170px;
	width: 340px;
	height: 420px;
}

.morph-button-modal-3.open .morph-content {
	margin: -255px 0 0 -210px;
	width: 420px;
	height: 510px;
}

.morph-button-modal-3.open .morph-content > div {
	height: 420px;
}

.morph-button-modal-2.open .morph-content > div,
.morph-button-modal-3.open .morph-content > div {
 	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.morph-button-modal-4.open .morph-content {
	margin: -200px 0 0 -320px;
	width: 640px;
	height: 400px;
}


/* Morph Button Style: Sidebar */
.morph-button-sidebar,
.morph-button-sidebar .morph-content {
	width: 205px;
	height: 250px;
}

.morph-button-sidebar {
	position: fixed;
	bottom: 20px;
	left: 20px;
}

.morph-button-sidebar > button {
	line-height: 60px;
	font-size: 1.6em;
	padding: 0;
	cursor:pointer;
}

.morph-button-sidebar .morph-content {
	background: #ffe600;
}

.morph-button-sidebar.open .morph-content {
	top: 0 !important;
	left: 0 !important;
	width: 80%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	z-index:2000;
/*	overflow-x: hidden;
	overflow-y: auto;*/
}

/* Let's add some nice easing for all cases */
.morph-button .morph-content,
.morph-button.open .morph-content,
.morph-button-modal-4 .morph-clone {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Helper classes */
.noscroll {
	overflow: hidden;
}

.morph-button-overlay.scroll .morph-content {
	overflow-y: scroll;
}

/* No JS fallback: let's hide the button and show the content */
.no-js .morph-button > button {
	display: none;
}

.no-js .morph-button {
	margin: 10px 0;
	float: none;
}

.no-js .morph-button,
.no-js .morph-button .morph-content,
.no-js .morph-button .morph-content > div {
	position: relative;
	width: auto;
	height: auto;
	opacity: 1;
	visibility: visible;
	top: auto;
	left: auto;
	-webkit-transform: none;
	transform: none;
	pointer-events: auto;
}

.no-js .morph-button .morph-content .icon-close {
	display: none;
}

.no-js .morph-button-sidebar {
	width: 300px;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	background: #ffe600;
	overflow: auto;
}

.no-transition {
	-webkit-transition: none !important;
	transition: none !important;
}

/* Media Queries */

@media screen and (max-width: 600px) {
	.morph-button-modal.open .morph-content {
		top: 0% !important;
		left: 0% !important;
		margin: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
		transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
	}
}

@media screen and (max-width: 400px) {
	.morph-button-fixed,
	.morph-button-fixed .morph-content {
		width: 200px;
		height: 80px;
	}

	.morph-button-fixed > button {
		font-size: 75%;
	}

	.morph-button-sidebar > button {
		font-size: 1.6em;
	}

	.morph-button-inflow .morph-content .morph-clone {
		font-size: 0.9em;
	}

	.morph-button-modal-4,
	.morph-button-modal-4 .morph-content {
		width: 220px;
		height: 120px;
	}

	.morph-button-modal-4 > button {
		font-size: 100%;
		line-height: 50px;
	}

	.morph-button-modal-4 > button span {
		display: block;
	}

	.morph-button-modal-4 .morph-clone {
		right: 83px;
		bottom: 26px;
	}

	.morph-button-sidebar,
	.morph-button-sidebar .morph-content {
		width: 100% !important;
		height: 60px !important;
	}

	.morph-button-sidebar {
		bottom: 0px;
		left: 0px;
	}

	.morph-button-sidebar.open .morph-content {
		height: 100% !important;
	}
}


/*Content.css*/

/* Icons */
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?i64fx9');
	src:url('../fonts/icomoon/icomoon.eot?#iefixi64fx9') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?i64fx9') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?i64fx9') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?i64fx9#icomoon') format('svg');
}

.icon-close {
	z-index: 100;
	display: block;
	overflow: hidden;
	width: 3em;
	height: 3em;
	text-align: center;
	line-height: 3;
	cursor: pointer;
}

.icon:before {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-camera:before {
	content: "\e017";
}

.icon-server:before {
	content: "\e022";
}

.icon-heart:before {
	content: "\e024";
}

.icon-zoom-in:before {
	content: "\e037";
}

.icon-microphone:before {
	content: "\e048";
}

.icon-cloud:before {
	content: "\e066";
}

.icon-user:before {
	content: "\e074";
}

.icon-briefcase:before {
	content: "\e075";
}

.icon-globe:before {
	content: "\e078";
}

.icon-cog::before {
	content: "\e600";
}

.icon-close::before {
	content: "\e601";
}

.icon-play::before {
	content: "\e602";
}

.icon-pause::before {
	content: "\e603";
}

.icon-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.icon-close:hover {
	color: #a50a05;
}

/* Styles for dummy content */

/* Style for overlay */

.content-style-overlay {
	padding: 100px 50px;
	text-align: center;
}

.content-style-overlay h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: 300;
	font-size: 3em;
}

.content-style-overlay p {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 700px;
	text-align: justify;
	font-weight: 300;
	font-size: 1.5em;
}

.content-style-overlay .icon-close {
	border: 2px solid #f9e1c9;
	border-radius: 50%;
	line-height: 2.8;
}

.content-style-overlay .icon-close:hover {
	border-color: #a50a05;	
}

/* Style for text modal */
.content-style-text {
	padding: 60px;
	text-align: left;
}

.content-style-text h2 {
	margin: 0 0 0.5em 0;
	font-weight: 300;
	font-size: 1.85em;
}

.content-style-text p {
	color: rgba(255,255,255,0.5);
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.4;
}

.content-style-text label {
    padding: 10px;
    color: #f9e1c9;
    font-weight: bold;
}

.content-style-text .icon-close {
	top: 0;
	right: 0;
	color: rgba(0,0,0,0.2);
}

.content-style-text .icon-close:hover {
	color: #f9e1c9;
}

/* Style for form modal */
.content-style-form {
	position: relative;
	text-align: left;
}

.content-style-form h2 {
	margin: 0;
	padding: 0.4em 0 0.3em;
	text-align: center;
	font-weight: 300;
	font-size: 3.5em;
}

.content-style-form form {
	padding: 10px 30px;
}

.content-style-form form p {
	margin: 0 0 5px 0;
	font-size: 0.7em;
}

.content-style-form label {
	display: block;
	padding: 10px 0 0;
	color: #d5bba4;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.content-style-form input[type="text"],
.content-style-form input[type="password"] {
	padding: 10px;
	width: 100%;
	border: 2px solid #ebd3bd;
	background: transparent;
	color: #b09a86;
	font-weight: 300;
	font-size: 2.2em;
}

.content-style-form input[type="text"]:focus,
.content-style-form input[type="password"]:focus {
	border-color: #e75854;
	color: #e75854;
}

.content-style-form input:focus {
	outline: 0;
}

.content-style-form button {
	display: block;
	margin-top: 2.5em;
	padding: 1.5em;
	width: 100%;
	border: none;
	background: #e75854;
	color: #f9f6e5;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
	font-size: 1.25em;
}

.content-style-form .icon-close {
	top: 0;
	right: 0;
	color: #ebd3bd;
	font-size: 75%;
}

.content-style-form .icon-close:hover {
	color: #e75854;
}

.js .content-style-form-1 h2,
.js .content-style-form-1 p,
.js .content-style-form-1 .icon-close {
	opacity: 0;
	-webkit-transition: opacity 0.2s 0.35s, -webkit-transform 0.2s 0.35s;
	transition: opacity 0.2s 0.35s, transform 0.2s 0.35s;
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}

.content-style-form-1 p:first-child {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.content-style-form-1 p:nth-child(2) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.content-style-form-1 p:nth-child(3) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morph-button.open .content-style-form-1 h2,
.morph-button.open .content-style-form-1 p,
.morph-button.open .content-style-form-1 .icon-close {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.js .content-style-form-2 h2,
.js .content-style-form-2 p,
.js .content-style-form-2 .icon-close {
	opacity: 0;
	-webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0.2s 0.3s;
	transition: opacity 0.2s 0.3s, transform 0.2s 0.3s;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}

.content-style-form-2 p:first-child {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

.content-style-form-2 p:nth-child(2) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.content-style-form-2 p:nth-child(3) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.content-style-form-2 p:nth-child(4) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morph-button.open .content-style-form-2 h2,
.morph-button.open .content-style-form-2 p,
.morph-button.open .content-style-form-2 .icon-close {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.content-style-form-4 form {
	padding: 30px;
	background: #fff;
	color: #ccb096;
	font-size: 1.5em;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.content-style-form-4 input[type="text"] {
	border: none;
	background-color: #f0f0f0;
}

.content-style-form-4 form button {
	background: #ba997b;
}

.content-style-form-4 form button:focus,
.content-style-form-4 form button:hover {
	background: #a9896d;
}

.js .content-style-form-4 p {
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: rotateX(-45deg);
	transform: rotateX(-45deg);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.morph-button.open .content-style-form-4 p {
	opacity: 1;
	-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
	transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.morph-button.open .content-style-form-4 p:nth-child(2) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

.content-style-social {
	padding: 30px;
	text-align: left;
}

.morph-button-inflow-2 > button svg {
	display: inline-block;
	padding-right: 10px;
	width: 20px;
	height: 20px;
	vertical-align: -5%;
}

.morph-button-inflow-2 > button svg path {
	fill: #e75854;
}

.content-style-social a {
	display: block;
	padding: 0.5em 0;
	color: #67c2d4;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.8em;
	line-height: 32px;
}

.js .content-style-social a {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.content-style-social a:hover {
	color: #e75854;
}

.content-style-social a:hover svg path {
	fill: #e75854;
}

.content-style-social a svg {
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}

.morph-button-inflow.open .content-style-social a {
	-webkit-transform: translateX(0);
	transform: translateX(0);	
}

.morph-button-inflow.open .content-style-social a:nth-child(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.morph-button-inflow.open .content-style-social a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.content-style-video {
	text-align: left;
}

.video-mockup {
	width: 640px;
	height: 360px;
	max-width: 100%;
	background: url(../img/rated.png) no-repeat center center;
	background-size: 100%;
}

.content-style-video .icon-close,
.content-style-video .icon-pause {
	color: #286f81;
}

.content-style-video .icon-close {
	top: 0;
	right: 0;
}

.content-style-video .icon-close:hover {
	color: rgba(0,0,0,0.4);
}

.controls {
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.js .controls {
	position: absolute;
}

.controls span {
	display: inline-block;
}

.content-style-video .icon-pause {
	overflow: hidden;
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	line-height: 2.5;
	cursor: pointer;
	vertical-align: bottom;
}

.content-style-video span.time {
	color: #286f81;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 40px;
}

.controls::after {
	content: '';
	position: absolute;
	height: 7px;
	left: 100px;
	right: 70px;
	bottom: 16px;
	background: #aaa;
}

.content-style-sidebar h2 {
	font-weight: 300;
	font-size: 2em;
	padding: 0.75em 0 0.75em 1em;
	margin: 0;
	color: #bb4445;
}

.content-style-sidebar .icon-close {
	top: 0;
	right: 0;
	font-size: 1.5em;
	color:white;
	z-index:2000000000000000;
}

.content-style-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.content-style-sidebar ul li a {
	display: block;
	padding: 12px 20px;
	color: #faf1e0;
	font-weight: 400;
	font-size: 1.05em;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
}

.content-style-sidebar ul li:last-child a {
	box-shadow: inset 0 1px rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1);
}

.content-style-sidebar ul li a:hover {
	background: rgba(0,0,0,0.1);
	box-shadow: none;
}

.content-style-sidebar ul .icon::before {
	display: inline-block;
	width: auto;
	margin-right: 20px;
	font-size: 1.5em;
	vertical-align: -10%;
	color: rgba(0,0,0,0.2);
}

@media screen and (max-width: 770px) {
	.content-style-overlay {
		font-size: 75%;
	}

	.content-style-overlay .icon-close {
		top: 5px;
		right: 5px;
	}
}



/*MEDIA QUERIES*/

@media all and (max-width: 2000px) {
	.morph-content .slogan{padding: 9% 0 0 0; right: 10%;}
	.morph-content .superior{height:55%;}
	.morph-content .inferior{min-height:45%;}
	div.checkbox {margin-top:25px;}
	.morph-content .tv {width:40%; right: 5%; top: 3%;}
	.morph-content .tv p {color:#145ba2; font-size:20px; font-weight:800;}
}

@media all and (max-width: 1680px) {
	.morph-content .tv {right: -4%; top: 5%;}
	.morph-content .tv p {font-size: 16px;}
	.morph-content .slogan {padding: 2.5% 39% 2.5% 0; right: -16%; top: 23%;}
}

@media all and (max-width: 1366px) {
	.morph-content .slogan {font-style: 40px;}
	.morph-content .slogan .big {font-size: 75px; }
	.contCTA {top: 20%;}
}

@media all and (max-width: 1280px) {
	.morph-content .inferior .contCuestionario {width:72%; padding:3% 10% 3% 5%;}
	.morph-content .slogan {padding:2.5% 0;}
	.morph-content .tv {top: 33%; right: -4%;}
	.morph-content .tv p {color:white;}
	.contCTA {top: 34%;}
}

@media all and (max-width: 1174px) {
	.morph-content .inferior .contCuestionario .respuestas li {padding:15px 5px;}
}


@media all and (max-width: 1024px) {
	.morph-content .slogan {right: -15%;}
	.morph-content .tv{top: 35%; right: -1%;}
	.contCTA {right:0;}
	.morph-content .inferior .contCuestionario .intro {margin-bottom: 20px;}
}

@media all and (max-width: 960px) {
	.morph-button-sidebar.open .morph-content {width:100%;}
	.morph-content .slogan {right: -8%; font-size: 25px; padding: 2.5% 30% 2.5% 0;}
	.morph-content .slogan .big {font-size:55px;}
	.morph-content .inferior .contCuestionario {padding-top:7%;}
	.morph-content .superior {height:30%; min-height: 230px;}
	.morph-content .tv {top: 2%; right: -1%;}
	.contCTA {top: 30%;}
	.morph-content .inferior {min-height:70%;}
}

@media all and (max-width: 800px) {
	.morph-content .inferior .contCuestionario {padding: 0 5% 3% 5%; width: 66%;}
	.morph-content .inferior .contCuestionario .intro {background: white; padding: 10px; color: #145ba2; font-size: 17px;}
	.morph-content .tv {right: -2%; top: 11%;}
	.morph-content .inferior .contCuestionario .intro .amarillo {color:orange;}
	.morph-content .inferior .contCuestionario .respuestas li {font-size: 13px;}
	.morph-content .inferior .contCuestionario li {margin-bottom: 20px; }
	.contCTA {top: 29%; right: -1%; }

}


@media all and (max-width: 480px) {
	.morph-content .inferior {min-height:75%;}
	.morph-content .superior {height:25%; min-height: 0;}
	.morph-content .slogan {font-size: 16px; top: 0; padding: 1% 30% 1% 0;}
	.morph-content .slogan .big {font-size: 25px;}
	.morph-content .tv {top: 1%;}
	.morph-content .tv p {display: none; font-size:12px; font-weight:800;}
	.morph-content .inferior .contCuestionario {width:100%;}
	.morph-content .inferior .contCuestionario .intro {width:60%; font-size: 13px; margin-bottom: 6px;}
	.morph-content .inferior .contCuestionario .respuestas {margin-top: 0; margin-bottom: 10px;}
	.morph-content .inferior .contCuestionario .respuestas li {font-size:12px;}
	.morph-content .inferior .contCuestionario .pregunta {font-size: 14px;}
	.morph-content .inferior .contCuestionario .pregunta:before {padding: 1px 5px;}
	.contCTA {width: 100%; bottom: 0; top: auto;}
	div.checkbox {display: inline-block; width: 49%; font-size: 13px;}
	.checkbox label {padding-left: 0; margin-right: 0; font-size: 11px;} 
	.contCTA {width: 100%; bottom: 0; top: auto!important;}
	.contCuestionario #botonEmail {display: inline-block; width: 40%; font-size: 18px!important;}
	.morph-content .inferior #enviarMail {background: rgba(30, 30, 30, 0.75); padding: 10px; margin: 0;}
}


/*************Responsive a lo alto*****************
***************************************************/

@media all and (max-width: 800px) and (orientation:portrait ){
	.morph-content .slogan {padding: 2.5% 0;}
	.morph-content .inferior .contCuestionario {width: 100%; padding-top: 23%;}
	.morph-content .inferior .contCuestionario .intro {width:100%;}
	.contCTA {width: 100%; position: relative; padding-top: 1%;}
	.morph-content .tv {top: 17%;}
	div.checkbox, .contCuestionario #botonEmail {width:100%;}
}

@media all and (max-width: 360px) and (orientation:portrait ){
	.morph-content .inferior .contCuestionario {padding-top: 10%;}
	div.checkbox, .contCuestionario #botonEmail {}
	.morph-content .inferior .contCuestionario .respuestas {margin-left: 0;}
	.morph-content .slogan {top:16%;}
}




/*************Casos especiales*****************
***************************************************/

@media all and (max-height: 660px) and (orientation:landscape ){
	.morph-content .tv p {padding-top: 40px; color:white;}
	.contCTA {top:25%;}
	.morph-content .inferior .contCuestionario .intro {margin-bottom: 30px;}
	.morph-content .inferior .contCuestionario li {margin-bottom: 25px;}
}