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

/*
========================================
colores

verde: #009aa0; rgba(0,154,160,.9);
azul: #0f4493; rgba(15,68,147,.9);
amarillo: #ffd43f; rgba(255,212,63,.9);
azul marino: #002353; rgba(0,35,83,.9)
gris: #e2e2e2; rgba(226,226,226,.9);

========================================
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:300,900);

html {overflow-x: hidden;}

body {
	overflow-x: hidden; 
	font-family: 'Raleway', sans-serif; 
	background: #0f4493;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-family: 'Raleway';
	font-weight: 900;
	letter-spacing: .4px;
}

h2 {
	text-transform: uppercase;
	/*text-shadow: 8px 8px 8px rgba(0,0,0,.30);*/
	font-size: 2.5em;
	color:#fff;
	letter-spacing: .1em;
}
h3 {
	text-transform: uppercase;
	/*text-shadow: 8px 8px 8px rgba(0,0,0,.30);*/
	font-size: 2em;
	color:#fff;
	letter-spacing: .1em;
}

p, li {
	font-size: 1em; 
	line-height: 1.8em;
	letter-spacing: .1em;
}

small {font-size: 80%;}

::selection {background: #ff7b00; color:#fff;}
::-moz-selection {background: #ff7b00; color:#fff;}

.tcenter {text-align: center;}

.icon-entypo {
	display: inline-block;
	font-family: 'Entypo';
	font-size: 4.2em;
}

.icon-social { 
	display: inline-block;
	font-family: 'Entypo Social';
	font-size: 4.2em;
}

.ixl {font-size: 12em; line-height: .8em;}
.il {font-size: 10em; line-height: .3em;}
.im {font-size: 5em; line-height: .5em;}
.is {font-size: 3em; line-height: .4em;}
.ixs {font-size: 2em; line-height: .3em;}

i {font-family: 'Font Awesome';}


/* * * * nav * * * */

.contain-to-grid, .contain-to-grid.sticky.fixed {padding:0 !important;}
[data-magellan-expedition] {
	background-color: rgba(0,35,83,.7);
}
.contain-to-grid .top-bar {
    max-width: 71.25em;
    margin: 0px auto;
}
.title-area .name h1 a{color:#009aa0;}
.top-bar {padding: 0; margin: 0; color:#466473;}
.top-bar, .top-bar-section li a:not(.button) {
	color:#fff;
	background-color: rgba(255,255,255,0);
}
.top-bar-section ul li > a {transition:all .3s; padding: 0;}
.top-bar-section ul li > a:hover {
	background:rgba(255,255,255,0); 
	color:#009aa0;
}
.top-bar-section ul li.active > a{
	background:rgba(255,255,255,0); 
	color:#009aa0; 
}
.top-bar ul li > a {
	text-transform: uppercase; 
	font-weight: 300;
	font-size: .60em;
	letter-spacing: .15em;
}

.top-bar-section ul {background: rgba(255,255,255,0)}

/*.top-bar {background: rgba(255,255,255,.8)}*/

/* * * * =Generales * * * */

.button {
	border: none;
	box-shadow: none;
}

.sec {
	padding: 20em 0;
}

/* * * * =intro * * * */

#intro {
	padding: 40em 0 17em;
	background: url(../img/bg-intro.png) top center no-repeat;
}


/* * * * =bio * * * */

#bio {
	padding: 19em 0 5em;
	background: #002252;
}

#bio h2 {
	padding: 3em 0 6em;
}

/* * * * =prensa * * * */

#prensa {
	padding: 2em 0;
	background: #00275F;
}
#prensa p {font-size: 1.125em;}

.autor {
	display: block;
	font-size: .875em;
	color:#009aa0;
}

.descripcion {
	display: block;
	font-size: .75em;
	color:#0f4493;
}


/* * * * =tracks * * * */

#tracks {
	padding: 5em 0;
	background: #002252;
}
#tracks p {
	text-transform: uppercase;
	color:#b9d5ff;
	font-size: 1em;
}

#track .autor {font-size: .75em;}

/* * * * = * * * */

.compra {
	padding: 2em 0;
}
.compra img:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor: pointer;
}
.compra img {padding-top: 10px;}

.compra i {
	color:#ffd43f; 
	text-shadow:5px 2px 2px rgba(0,0,0,0.5);
	transition: .2s all ease-out;
}
.compra i:hover {color:#009aa0;}

/* * * * = * * * */

#newsletter {
	padding: 2em 0;
	background: #00429F;
}


/* * * * =videos * * * */

#videos {
	padding: 5em 0 2em; /*5em 0*/
	background: #009aa0 url(../img/bg-videos.png) bottom center no-repeat;
}

.owl-theme .owl-controls .owl-buttons div {
	font-family: 'Entypo';
	font-style: normal;
	font-weight: normal;
	/*padding: 0px 17px;*/
	background: none;
	font-size: 6em;
	position: absolute;
	top: 36%;
}

.owl-theme .owl-controls .owl-next {
	right:-60px;
}

.owl-theme .owl-controls .owl-prev {
	left:-60px;
}


/* * * * =creditos * * * */

#creditos {
	background: #002252 url(../img/bg-creditos.png) center top no-repeat;
	padding: 16em 0 2em;
}


#creditos h2 {
	padding-bottom: 4em;
}

#creditos strong {
	text-transform: uppercase;
	letter-spacing: .1875em;
	color:#009aa0;
}

#creditos .frank {
	position: absolute;
	width: 134px;
	height: 136px;
	background: url("../img/frank.png") 0 0 no-repeat;
}


/* * * * =descargas * * * */

#descargas {
	height: 620px;
	padding: 10em 0 5em;
	background: #002252;
}

#descargas h2 {
	padding-bottom: 2em;
}

#descargas p {
	font-size: .8125em;
}

#descargas a {padding: .5em;}

/* INSTAGRAM */

#instagram {
	padding: 0 0 5em;
	background: #002252;
}

#instagram .eapps-link {
	display: none !important;
}

/* * * * =footer * * * */

#footer {
	background: #0f4493 url(../img/bg-puente.png) center top no-repeat;
	padding: 22em 0 35em;
}

#kichink iframe {width: 100%; height: 500px;}

#legal {background: #0f4493; color: #fff; padding: 2em 0;}
#legal p {font-size: .75em; font-weight: 300;}

/* * * * pace * * * */

.pace-running > #pace, .pace-running > .backstretch, 
.pace-running > #sm{
	opacity: 0;
	/*transition: .5s all ease-out;*/
}
.pace-done > #pace, .pace-done > .backstretch, 
.pace-done > #sm{
	opacity: 1;
	transition: .5s all ease-in;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-weight: 100;
  font-size: 15rem;
  line-height: 1;
  text-align: right;
  /*color: rgba(250, 250, 250, 0.5);*/
  color: #009aa0;
}


/* #Animation elements
================================================== */

.scrollblock {
	position: absolute;
	width: 1900px; 
	left: 50%;
	margin-top: -20px;
	margin-left: -950px;

}

.logo-of {
	position: absolute;
	top: 180px;
	left: 780px;
	width: 304px;
	height: 340px;
	opacity:1;
}

.logo-ch {
	position: absolute;
	top: 615px;
	left: 810px;
	width: 248px;
	height: 131px;
	opacity:1;
}

.logo-latin {
	position: absolute;
	top: 800px;
	left: 750px;
	width: 352px;
	height: 82px;
	opacity:1;
}

.ciudad {
	position: absolute;
	top: 460px;
	left: -550px;
	right: -550px;
	height: 483px;
	background: url("../img/ciudad.png") 0 0 repeat-x;
}

.notas1 {
	position: absolute;
	top: 1510px;
	right: -230px;
	width: 792px;
	height: 302px;
	background: url("../img/notas1.png") 0 0 no-repeat;
}

.nube1 {
	position: absolute;
	top: 970px;
	left: 293px;
	width: 434px;
	height: 111px;
	background: url("../img/nubes/nube1.png") 0 0 no-repeat;
}

.nube2 {
	position: absolute;
	top: 990px;
	right: 46px;
	width: 320px;
	height: 131px;
	background: url("../img/nubes/nube2.png") 0 0 no-repeat;
}

.nube3 {
	position: absolute;
	top: 1020px;
	left: 450px;
	width: 413px;
	height: 111px;
	background: url("../img/nubes/nube3.png") 0 0 no-repeat;
}

.nube4 {
	position: absolute;
	top: 990px;
	right: 46px;
	width: 731px;
	height: 170px;
	background: url("../img/nubes/nube4.png") 0 0 no-repeat;
}

.frank {
	position: absolute;
	top: 1500px;
	right: 870px;
	width: 134px;
	height: 136px;
	background: url("../img/frank.png") 0 0 no-repeat;
}

.maraca1 {
	position: absolute;
	top: 2570px;
	left: 500px;
	width: 123px;
	height: 149px;
	background: url("../img/maraca1.png") 0 0 no-repeat;
}

.maraca2 {
	position: absolute;
	top: 2870px;
	left: 550px;
	width: 80px;
	height: 125px;
	background: url("../img/maraca2.png") 0 0 no-repeat;
}

.trompeta1 {
	position: absolute;
	top: 1900px;
	width: 257px;
	height: 151px;
	right: 450px;
	background: url("../img/trompeta1.png") 0 0 no-repeat;
}

.trompeta2 {
	position: absolute;
	top: 2820px;
	width: 257px;
	height: 151px;
	left: 450px;
	background: url("../img/trompeta2.png") 0 0 no-repeat;
}

.tambor1 {
	position: absolute;;
	top: 3420px;
	right: 570px;
	width: 116px;
	height: 135px;
	background: url("../img/tambor1.png") 0 0 no-repeat;
}

.tambor2 {
	position: absolute;;
	top: 3420px;
	right: 500px;
	width: 105px;
	height: 133px;
	background: url("../img/tambor2.png") 0 0 no-repeat;
}

.frank2 {
	position: absolute;
	top: 4440px;
	right: 500px;
	width: 231px;
	height: 306px;
	background: url("../img/frank2.png") 0 0 no-repeat;
}

.foco1 {
	position: absolute;
	top: 4819px;
	left: 600px;
	width: 133px;
	height: 363px;
	background: url("../img/foco1.png") 0 0 no-repeat;
}

.foco2 {
	position: absolute;
	top: 4819px;
	left: 750px;
	width: 85px;
	height: 426px;
	background: url("../img/foco2.png") 0 0 no-repeat;
}

.foco3 {
	position: absolute;
	top: 4819px;
	left: 870px;
	width: 54px;
	height: 189px;
	background: url("../img/foco3.png") 0 0 no-repeat;
}

.foco4 {
	position: absolute;
	top: 4819px;
	right: 800px;
	width: 70px;
	height: 194px;
	background: url("../img/foco4.png") 0 0 no-repeat;
}

.foco5 {
	position: absolute;
	top: 4819px;
	right: 700px;
	width: 68px;
	height: 335px;
	background: url("../img/foco5.png") 0 0 no-repeat;
}

.foco6 {
	position: absolute;
	top: 4819px;
	right: 600px;
	width: 104px;
	height: 283px;
	background: url("../img/foco6.png") 0 0 no-repeat;
}

.poste-i1, .poste-i2, .poste-i3, .poste-i4, .poste-i5 {
	position: absolute;
	top: 5620px;
	left: -200px;
	width: 136px;
	height: 902px;
}

.poste-d1, .poste-d2, .poste-d3, .poste-d4, .poste-d5 {
	position: absolute;
	top: 6120px;
	right: -200px;
	width: 136px;
	height: 902px;
}

.instrumentos {
	position: absolute;
	top: 5470px;
	left: 400px;
	width: 1089px;
	height: 1087px;
	background: url("../img/instrumentos.png") 0 0 no-repeat;
}


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

}

/*@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'Entypo Social';
	src: url('../entypo/entypo-social.eot');
	src: url('../entypo/entypo-social.eot?#iefix') format('embedded-opentype'),
	url('../entypo/entypo-social.woff') format('woff'),
	url('../entypo/entypo-social.ttf') format('truetype'),
	url('../entypo/entypo-social.svg#entypo-social') format('svg');

}*/


@media (min-width:1025px) and (max-width: 1280px) {
	.ciudad2 {display: none;}
	/*.scrollblock {display: none;}*/
	.show-for-medium-down, .ipad {display: none;}
	.show-for-medium {display: none}
}

@media (min-width: 768px) and (max-width: 1024px) {
	#intro {padding: 2em 0;}
	#intro img {padding: 2em 0;}
	.ciudad2 {
		position: absolute;
		top: 330px;
		width: 100%;
		height: 500px;
		background: url(../img/ciudad.png) top center no-repeat;
	}
	.scrollblock {display: none;}
	#bio {padding: 2em 0;}
	#bio h2 {padding: 2em 0;}
	h2 {font-size: 1.2em; }
}

@media (min-width: 481px) and (max-width: 767px) {
	.scrollblock {display: none;}
}

@media (max-width: 480px) {
	.logo-of {
		position: absolute;
		top: 150px;
		left: 830px;
		width: 225px;
		height: 244px;
		opacity:1;
	}
	.scrollblock {display: none;}
	#intro {padding: 2em 0; background-position: top left; background-size: 750px}
	#intro img {padding: 3em 0;}
	.ciudad2 {
		position: absolute;
		top: 550px;
		width: 100%;
		height: 500px;
		background: url(../img/ciudad.png) bottom right no-repeat;
		background-size: 1400px;
	}
	#bio {padding: 2em 0;}
	#bio h2 {padding: 2em 0;}
	h2 {font-size: 1.2em; }
	.pace .pace-progress:after {
	  font-weight: 100;
	  font-size: 6rem;
	}
	#intro, #bio, #prensa, #tracks, #videos, #creditos, #descargas {padding: 5em 0;}
	#legal {padding: 10em 0;}
}