/* CSS wwww.jarpa.com  */
@font-face
{
	font-family: 'UniversLTStdLightCn';
 src: 
 url('../js-font/UniversLTStdLightCn.woff') format('woff'),
 url('../js-font/UniversLTStdLightCn.ttf') format('truetype'),
 url('../js-font/UniversLTStdLightCn.otf') format('opentype'),
 url('../js-font/UniversLTStdLightCn.eot') format('embedded-opentype');
}

@font-face
{
	font-family: 'UniversLTStdCn';
 src: 
 url('../js-font/UniversLTStdCn.woff') format('woff'),
 url('../js-font/UniversLTStdCn.ttf') format('truetype'),
 url('../js-font/UniversLTStdCn.otf') format('opentype'),
 url('../js-font/UniversLTStdCn.eot') format('embedded-opentype');
}

@font-face
{
	font-family: 'Univers';
 src: 
 url('../js-font/Univers.woff') format('woff'),
 url('../js-font/Univers.ttf') format('truetype'),
 url('../js-font/Univers.otf') format('opentype'),
 url('../js-font/Univers.eot') format('embedded-opentype');
}



@font-face
{
	font-family: 'BebasNeue-Regular';
 src: 
 url('../js-font/BebasNeue-Regular.woff2') format('woff2'),
 url('../js-font/BebasNeue-Regular.woff') format('woff'),
 url('../js-font/BebasNeue-Regular.ttf') format('truetype'),
 url('../js-font/BebasNeue-Regular.otf') format('opentype'),
 url('../js-font/BebasNeue-Regular.eot') format('embedded-opentype');
}


 
body, html {
	height: 100%;
	margin: 0;
	color: #777;
	/*background: #fff; /* Fallback for when there is no custom background color defined. */
	background: #000;
	box-sizing: border-box;

	  font-family: 'UniversLTStdLightCn';
	  -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%; 

	
  }

	
	*,
	*:before,
	*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	  box-sizing: inherit;
	}
	
	
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
	  content: "";
	}
	
	blockquote,
	q {
	  quotes: "" "";
	}
	
	hr {
	  background-color: #ccc;
	  border: 0;
	  height: 1px;
	  margin-bottom: 1.5em;
	}
	
	ul,
	ol {
	  margin: 0 0 1.5em 3em;
	}
	
	ul {
	  list-style: disc;
	}
	
	ol {
	  list-style: decimal;
	}
	
	li > ul,
	li > ol {
	  margin-bottom: 0;
	  margin-left: 1.5em;
	}
	
	dt {
	  font-weight: bold;
	}
	
	dd {
	  margin: 0 1.5em 1.5em;
	}
	
	img {
	  height: auto; /* Make sure images are scaled correctly. */
	  max-width: 100%; /* Adhere to container width. */
	  border : 0px;
	  border:none !important;	
	}
	
	table {
	  margin: 0 0 1.5em;
	  width: 100%;
	}

	.table {
		border: 1px none black;
		margin-left: auto;
		margin-right: auto;
	  }	
	
	  
	/* unvisited link */
	a:link {
	  color: white;
	}
	
	/* visited link */
	a:visited {
	  color: #ef4030;
	}
	
	/* mouse over link */
	a:hover {
	  color: #ef4030;
	}
	
	/* selected link */
	a:active {
	  color: #ef4030;
	}
	




	h1 {
		letter-spacing: 0.01em;
		line-height: 1.1em;
		text-transform: uppercase;
		font-size: 26px;
		font-family:'BebasNeue-Regular';
		color: #ffffff;
		font-weight:400;
		text-align:left;
	  }
	
	
	  h2 {
		letter-spacing: 0.01em;
		line-height: 1.1em;
		text-transform: uppercase;
		font-size: 30px;
		font-family:'BebasNeue-Regular';
		color: #ffffff;
		font-weight:400;
		text-align:center;
	  }
	  
	  
	  h3 {
		letter-spacing: 0.01em;
		line-height: 1.1em;
		text-transform: uppercase;
		font-size: 26px;
		font-family:'BebasNeue-Regular';
		color: #ffffff;
		font-weight:400;
		text-align:left;
		text-decoration: underline;
	  }
	
	  h4 {
		letter-spacing: 5px;
		text-transform: uppercase;
		font: 20px "Lato", sans-serif;
		color: #111;
	  }	


	.jar{
		color:#000;
		
		  font-family: 'Proxima_Nova';
		}
		
		
		.pa{
		color:#000;
		
		  font-family: 'Proxima_Nova';
		}
		
		
		.studio{
		color:#f53a2c;
		
		  font-family: 'Proxima_Nova';
		}
			
	/* END GENERAL  */		


  /* Start Slider */
  .slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	  touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;
	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* End Slider */


/* Start General Menu */
ul.menu { /* es la lista principal */
  font-family:"BebasNeue-Regular";
  font-size:18px;
  float: right;
  list-style-type: none;
  margin-right: 200px;
  padding: 0 20px;
  opacity: 0.8;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;	
  transition: .3s ease-in-out; 	
}

ul.menu li { /* cada item de la lista principal */
  font-family:"BebasNeue-Regular";
  font-size:18px;
  border: 1px solid transparent;
  display: block;
  float: left;
  text-align:center;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;	
  transition: .3s ease-in-out; 	
}

ul.menu li:hover { /* efecto hover sobre los items de la lista principal */
  font-family:"BebasNeue-Regular";
  font-size:18px;
  -moz-border-radius: 4px;
  background-color: #444444;
  border:1px solid  rgb(88, 84, 84);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;	
	transition: .3s ease-in-out;    
}

ul.menu li a { /* cada item de la lista principal es un enlace */
  font-family:"BebasNeue-Regular";
  font-size:18px;
  color: #FFF;
  display: block;
  float: left;
  text-align:center;
  font-weight: bold;
  line-height: 18px;
  padding: 6px 35px 6px 25px;
  text-decoration: none;
}

/* el ícono para desplegar el menú */
ul.menu li a span {
  font-family:"BebasNeue-Regular";
  font-size:18px;
  font-weight: normal;
  padding-left: 3px;
}
ul.menu li.drop a {
  font-family:"BebasNeue-Regular";
  font-size:18px;
  padding-right: 7px;
}
ul.menu li.drop:hover li {
  font-family:"BebasNeue-Regular";
  font-size:18px;
  border: none;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;	
	transition: .3s ease-in-out;    
}

/* los efectos al pasar el ratón que desplegarán el submenú */
ul.menu li.drop:hover {
  font-family:"BebasNeue-Regular";
  font-size:16px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;	
	transition: .3s ease-in-out;    
}
ul.menu li.drop:hover ul {
  font-family:"BebasNeue-Regular";
  font-size:16px;
  display: block;
  padding: 0 0 0 0;
  z-index: 1;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;	
	transition: .3s ease-in-out;  
}

ul.menu li ul { /* la lista con el submenú */
  font-family:"BebasNeue-Regular";
  font-size:16px;
  background-color: #555;
  display: none;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 100%;
}
ul.menu li ul li { /* cada item del submenú */
  font-family:"BebasNeue-Regular";
  font-size:16px;
  border: none;
  float: none;
  height: auto;
  margin: 0;
  padding: 0;
}
ul.menu li ul li a { /* cada item del submenú es un enlace */
  font-family:"BebasNeue-Regular";
  font-size:16px;
  background-color: transparent;
  color: #DDD !important;
  display: block;
  float: none;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 5px 15px;
}

/* efectos sobre los items del submenú */
ul.menu li:hover ul {
  font-family:"BebasNeue-Regular";
  font-size:16px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border: none;
  background-color: #555;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;	
	transition: .5s ease-in-out;  
}
ul.menu li:hover ul * {
  font-family:"BebasNeue-Regular";
  font-size:16px;
  -moz-border-radius: 0;
  background-color: transparent;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;	
	transition: .5s ease-in-out;  
}
ul.menu li ul li:hover {
  font-family:"BebasNeue-Regular";
  font-size:16px;
  background-color: #000;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;	
	transition: .5s ease-in-out;  
}

span.lan { /* es la lista principal */
  font-family:"UniversLTStdLightCn";
  font-size:12px;
  background-color: transparent;
  margin-top:-10px;
  float:right;
  width:100%;
  opacity: 0.6;
  color:white;
  margin-right: 444px;
  opacity: 0.8;
  text-align:right;  
  color:white;
}

#link_lan { color: #fff; } /* CSS link color */


.logo_izq { /* es la lista principal */
  margin-top:-45px;
  float:left;
  margin-left: 260px;
  text-align:left;  
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;	
  transition: .3s ease-in-out; 	
}

/* End General Menu */

/* Start Social Media  */
.column {
  margin: 15px 15px 0;
  padding: 0;
}

.column::after {
  content: '';
  clear: both;
  display: inline-block;
}
.column div {
  position: relative;
  text-align: center;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 0 0 25px;
  padding: 0;
}
.column div:first-child {
  margin-left: 0;
}


.redes figure img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter:  grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;	
  transition: .3s ease-in-out;
}
.redes figure:hover img {
  -webkit-filter:  grayscale(0);
  -moz-filter:  grayscale(0);
  -o-filter:  grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}
/* End Social Media  */


/* Start Footer  */  
  .bgimg-foot {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	
	background-color: black;
	
	min-height: 620px;
	margin:auto;  
	text-align:center;
  }

  .foot {
  
  position: absolute;
  left: 0;
  top: 30px;;
  width: 100%;
  text-align: center;
  padding-right:200px;
  color: #fff;
  text-align:center;
  padding-left:20%;
  padding-right:20%;
  }
/* End footer */


/* 1. START HOME PAGE */

.bgimg-home-video, .bgimg-home-solutions, .bgimg-home-our_team, .bgimg-home-customers, .bgimg-home-studios, .bgimg-foot {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }

.bgimg-home {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	opacity: 0.9;  
	background-image: url("../js-img/js-home-1.jpg");
	min-height: 100%;
	margin:auto;  
  }

  .bgimg-home-video {
	opacity: 0.9;  
	background-image: url("../js-img/js-home-1.jpg");
	min-height: 780px;
	text-align:center;
	border-style: none;
  }
  
  .bgimg-home-solutions {
	opacity: 0.9;  
	background-image: url("../js-img/js-home-solutions-1.jpg");
	min-height: 2540px;
  }

  .opa {	
	clip-path: inset(2% 2% 2% 2%);
  }  




  
  .bgimg-home-customers {
	color: #777;
	background-color: white;
	padding:40px 40px;
	text-align: justify;
	opacity: 0.9;  
	/*background-image: url("../js-img/js-home-customers-1.jpg");*/
	
	min-height: 280px;
  }
  
  .bgimg-home-studios {
	background-color: black;	
	min-height: 280px;
  }  
  
  .bgimg-home-our_team {
	color: #fff;
	background-color: black;
	text-align:center;
	padding:50px 80px;
	text-align: justify;
	opacity: 0.9;  
	background-image: url("../js-img/js-home-our_team-1.jpg");
	min-height: 120px;
  }
  
  
  .home-logo {
	position: absolute;
	left: 0;
	top: 35%;
	width: 100%;
	text-align: center;
	color: #000;
  }

  .home-logo label.border-1 {
	font-family:'Helvetica';
	color: #fff; 
	font-size: 50px;
	letter-spacing: 5px;
	font-weight:bold;
  }
   
  .home-logo label.border-2 {
	font-family:'UniversLTStdLightCn';
	color: #fff;
	padding-left:5px;
	font-size: 50px;
	letter-spacing:10px;
	font-weight:bold;
  } 

  
  .home-solutions {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
  }
  
  	.home-customers {
  	left: 0;
  	top: 50px;
  	width: 100%;
  	color: #000;
  	padding-left:20%;
  	padding-right:20%;
  	text-align:center;
  	}

  	.home-studios {
		left: 0;
		width: 100%;
		color: #000;
		padding-left:20%;
		padding-right:20%;
		text-align:center;
		}	
  
  .home-our_team {
  left: 0;
  top: 50px;
  width: 100%;
  color: #000;
  padding-left:20%;
  padding-right:20%;
  text-align:center;
  }
  
 	.home-solutions-slogan {
	letter-spacing: 0.01em;
	font-size: 16px;
	font-weight:bold;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:left;
  	}
  
 	.home-solutions-txt {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
  	}
  
 	.home-solutions-txt-small {
	letter-spacing: 0.01em;
	font-size: 14px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:left;
  	}
  
  	.home-our_team-area {
	letter-spacing: 0.01em;
	font-size: 16px;
	font-weight:bold;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:left;
	}
	

  	.home-our_team-image {
	display:inline-block;
	position:relative;
	color:white;
	width:80px;
	height:80px;
	text-align:center;
	}
		
 	.home-our_team-image > div {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	padding:10px 10px 10px 10px;
	margin:0;
	color:white;
	text-align:center;
	width:80px;
	height:80px;
	min-width:80px;
	max-width:80px;
	}
		
		
	.fade-our_team {
	background-color:black;
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:80px;
	height:80px;
	min-width:80px;
	max-width:80px;
	min-height:80px;
	max-height:80px;  
	}
		
	.fade-our_team:hover {
	background-color:black;
	color:white;
	text-align:center;
	opacity: 0.1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:80px;
	height:80px;
	min-width:80px;
	max-width:80px;
	min-height:80px;
	max-height:80px;  
	}				
  
/* 1. END HOME PAGE */  
  
#map-canvas{
	min-height:300px;
	background-color:#000;
}
	
  
/* 2. START AUDIOBOOKS PAGE */
	
  .bgimg-audiobooks, .bgimg-audiobooks-our_process, .bgimg-audiobooks-our_work, .bgimg-audiobooks-an_example, .bgimg-audiobooks-best_sellers {
		position: relative;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}

	.bgimg-audiobooks {
		opacity: 0.9;  
		background-image: url("../js-img/js-audiobooks-1.jpg");
		min-height: 680px;
	}

	.bgimg-audiobooks-our_process {
		opacity: 0.9;  
		background-image: url("../js-img/js-audiobooks-our_process-1.jpg");
		min-height: 1350px;
	}

	.bgimg-audiobooks-an_example {
		opacity: 0.9;  
		background-image: url("../js-img/js-audiobooks-an_example-1.jpg");
		min-height: 600px;
	}	


	.bgimg-audiobooks-best_sellers {
		opacity: 0.9;  
		background-image: url("../js-img/js-audiobooks-best_sellers-1.jpg");
		min-height: 500px;
	}		



	.bgimg-audiobooks-our_work {
		color: #fff;
		background-color: black;
		text-align:center;
		padding:80px 80px;
		text-align: justify;
		opacity: 0.9;  
		background-image: url("../js-img/js-audiobooks-2.jpg");
		min-height: 100px;  
		}

	
  .audiobooks {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
	}
	
	.audiobooks-title {
	font-size:50px;
	text-align:center;
	text-decoration:none;
	}
	
  .audiobooks-subtitle {
	padding-top:30px;
	color:white;
	text-align:left;
	}
	
  .audiobooks-txt {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
	}


	
  .audiobooks-slogan-1 {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:center;
	font-style: italic;
	padding-left:20px;
		}

	.audiobooks-slogan-2 {
	letter-spacing: 0.01em;
	font-size: 12px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:center;
	padding-left:20px;
			}		
	

/* Inicio Portada Titulares */
  		.audiobook-cover-image {
		display:inline-block;
		position:relative;
		color:white;
		width:180px;
		height:180px;
		text-align:center;
		}
		
		.audiobook-cover-image > div {
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		padding:10px 10px 10px 10px;
		margin:0;
		color:white;
		text-align:center;
		width:180px;
		height:180px;
		min-width:180px;
		max-width:180px;
		}
		
		
		.fade-audiobook-cover {
		background-color:black;
		color:white;
		text-align:center;
		opacity: 1;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		transition: opacity 500ms;
		width:180px;
		height:180px;
		min-width:180px;
		max-width:180px;
		min-height:180px;
		max-height:180px;  
		}
		
		.fade-audiobook-cover:hover {
		background-color:black;
		color:white;
		text-align:center;
		opacity: 0.2;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		transition: opacity 500ms;
		width:180px;
		height:180px;
		min-width:180px;
		max-width:180px;
		min-height:180px;
		max-height:180px;  

		}
		/* Fin Portada Titulares */

		.audiobooks-our_process {
			position: absolute;
			left: 0;
			top: 50px;
			width: 100%;
			color:white;
			padding-left:20%;
			padding-right:20%;
			font-family:'UniversLTStdLightCn';
		}

		.audiobooks-an_example {
			position: absolute;
			top: 50px;
			width: 100%;
			color:white;
			padding-left:20%;
			padding-right:20%;
			font-family:'UniversLTStdLightCn';
			text-align: center;
		}
		
		.audiobooks-best_sellers {
			position: absolute;
			top: 50px;
			width: 100%;
			color:white;
			padding-left:20%;
			padding-right:20%;
			font-family:'UniversLTStdLightCn';
			text-align: center;
		}		



			.audiobooks-our_work {
			position: relative;
			left: 0;
			text-align: center;
			top: 10px;
			width: 100%;
			color:white;
			padding-left:15%;
			padding-right:15%;
			font-family:'UniversLTStdLightCn';
			}				



	/* Inicio sobre imagen titulares */
	.audiobook-cover-list {
	display:inline-block;
	position:relative;
	color:white;
	width:120px;
	height:184px;
	margin:3px 3px 3px 3px;
	text-align:center;
	
	}
	
	.audiobook-cover-list > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 95%;
    height: 40%;
	margin: auto;
	z-index:-1;
	padding: 10% 0px 5px 10%;
	color:white;
	text-align:center;
		
	}
	
	
	.fade-audiobook-cover-list {
	background-color:black;
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
	width:120px;
	height:184px;
	min-width:120px;
	max-width:120px;
	min-height:184px;
	max-height:184px;  
	margin:5px;
	}
	
	.fade-audiobook-cover-list:hover {
	background-color:black;
	color:white;
	text-align:center;
	opacity: 0.1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
	width:120px;
	height:184px;
	min-width:120px;
	max-width:120px;
	min-height:184px;
	max-height:184px;  
	}
	/* Fin sobre img Titulares */					
				


/* 2. END AUDIOBOOKS PAGE */




	
  
/* 3. START SOUND DESIGN PAGE */
	
.bgimg-sound_design {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;  
	background-image: url("../js-img/js-sound_design-1.jpg");
	min-height: 780px;
	}



.sound_design {
left: 0;
top: 100px;
padding-top: 100px;
width: 100%;
color:white;
padding-left:20%;
padding-right:20%;
font-family:'UniversLTStdLightCn';
padding-bottom:50px;
}

.sound_design-title {
font-size:50px;
text-align:center;
text-decoration:none;
}

.sound_design-subtitle {
padding-top:30px;
color:white;
text-align:left;
}

.sound_design-txt {
letter-spacing: 0.01em;
font-size: 18px;
font-family:'UniversLTStdLightCn';
color: #ffffff;
font-weight:300;
line-height: 1.6em;
text-align:justify;
}

	

/* Inicio Portada Titulares */
	.sound_design-cover-image {
	display:inline-block;
	position:relative;
	color:white;
	width:180px;
	height:180px;
	text-align:center;
	}
	
	.sound_design-cover-image > div {
	position:absolute;
	top:0;
	left:0;
	
	padding:10px 10px 10px 10px;
	margin:0;
	color:white;
	text-align:center;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	}
	

	
	.fade-sound_design-cover-image {
	background-color:transparent;
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	min-height:180px;
	max-height:180px;  
	}
	
	.fade-sound_design-cover-image:hover {
	background-color:transparent;
	cursor: url("../js-img/360-button-play.png"), auto;
	color:white;
	text-align:center;
	opacity: 0.2;

	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	min-height:180px;
	max-height:180px;  

	}
	/* Fin Portada Titulares */
			
			


/* 3. END SOUND DESIGN PAGE */





/* 4. START VOICE OVER PAGE */
	
.bgimg-voice_over {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;  
	background-image: url("../js-img/js-voice_over-1.jpg");
	min-height: 780px;
	}



.voice_over {
left: 0;
top: 100px;
padding-top: 100px;
width: 100%;
color:white;
padding-left:20%;
padding-right:20%;
font-family:'UniversLTStdLightCn';
padding-bottom:50px;
}

.voice_over-title {
font-size:50px;
text-align:center;
text-decoration:none;
}

.voice_over-subtitle {
padding-top:30px;
color:white;
text-align:left;
}

.voice_over-txt {
letter-spacing: 0.01em;
font-size: 18px;
font-family:'UniversLTStdLightCn';
color: #ffffff;
font-weight:300;
line-height: 1.6em;
text-align:justify;
}

	

/* Inicio Portada Titulares */
	.voice_over-cover-image {
	display:inline-block;
	position:relative;
	color:white;
	width:180px;
	height:180px;
	text-align:center;
	}
	
	.voice_over-cover-image > div {
	position:absolute;
	top:0;
	left:0;
	
	padding:10px 10px 10px 10px;
	margin:0;
	color:white;
	text-align:center;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	}
	

	
	.fade-voice_over-cover-image {
	background-color:transparent;
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	min-height:180px;
	max-height:180px;  
	}
	
	.fade-voice_over-cover-image:hover {
	background-color:transparent;
	cursor: url("../js-img/360-button-play.png"), auto;
	color:white;
	text-align:center;
	opacity: 0.2;

	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	min-height:180px;
	max-height:180px;  

	}
	/* Fin Portada Titulares */
			
		

/* 4. END VOICE OVER PAGE */









/* 5. START ORIGINAL MUSIC PAGE */
	
.bgimg-original_music {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;  
	background-image: url("../js-img/js-original_music-1.jpg");
	min-height: 780px;
	}



.original_music {
left: 0;
top: 100px;
padding-top: 100px;
width: 100%;
color:white;
padding-left:20%;
padding-right:20%;
font-family:'UniversLTStdLightCn';
padding-bottom:50px;
}

.original_music-title {
font-size:50px;
text-align:center;
text-decoration:none;
}

.original_music-subtitle {
padding-top:30px;
color:white;
text-align:left;
}

.original_music-txt {
letter-spacing: 0.01em;
font-size: 18px;
font-family:'UniversLTStdLightCn';
color: #ffffff;
font-weight:300;
line-height: 1.6em;
text-align:justify;
}

	

/* Inicio Portada Titulares */
	.original_music-cover-image {
	display:inline-block;
	position:relative;
	color:white;
	width:180px;
	height:180px;
	text-align:center;
	}
	
	.original_music-cover-image > div {
	position:absolute;
	top:0;
	left:0;
	
	padding:10px 10px 10px 10px;
	margin:0;
	color:white;
	text-align:center;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	}
	

	
	.fade-original_music-cover-image {
	background-color:transparent;
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	min-height:180px;
	max-height:180px;  
	}
	
	.fade-original_music-cover-image:hover {
	background-color:transparent;
	cursor: url("../js-img/360-button-play.png"), auto;
	color:white;
	text-align:center;
	opacity: 0.2;

	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:180px;
	height:180px;
	min-width:180px;
	max-width:180px;
	min-height:180px;
	max-height:180px;  

	}
	/* Fin Portada Titulares */
			
			
/* 5. END ORIGINAL MUSIC PAGE */



/* 6. START ORIGINAL MUSIC PAGE */
	
.bgimg-adr_and_dubbing {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;  
	background-image: url("../js-img/js-adr_and_dubbing-1.jpg");
	min-height: 780px;
	}



.adr_and_dubbing {
left: 0;
top: 100px;
padding-top: 100px;
width: 100%;
color:white;
padding-left:20%;
padding-right:20%;
font-family:'UniversLTStdLightCn';
padding-bottom:50px;
}

.adr_and_dubbing-title {
font-size:50px;
text-align:center;
text-decoration:none;
}

.adr_and_dubbing-subtitle {
padding-top:30px;
color:white;
text-align:left;
}

.adr_and_dubbing-txt {
letter-spacing: 0.01em;
font-size: 18px;
font-family:'UniversLTStdLightCn';
color: #ffffff;
font-weight:300;
line-height: 1.6em;
text-align:justify;
}

	

/* Inicio Portada Titulares */


	.adr_and_dubbing-image {
		display:inline-block;
		position:relative;
		color:white;
		width:180px;
		height:180px;
		text-align:center;
		}
		
		.adr_and_dubbing-image > div {
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		padding:10px 10px 10px 10px;
		margin:0;
		color:white;
		text-align:center;
		width:180px;
		height:180px;
		min-width:180px;
		max-width:180px;
		}


	.fade-adr_and_dubbing-image {
	
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
	width:120px;
	height:150px;
	min-width:120px;
	max-width:120px;
	min-height:150px;
	max-height:150px;  
	margin:5px;
	}
	
	.fade-adr_and_dubbing-image:hover {
	
	color:white;
	text-align:center;
	opacity: 0.1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
	width:120px;
	height:150px;
	min-width:120px;
	max-width:120px;
	min-height:150px;
	max-height:150px;  
	}		

	

	/* Fin Portada Titulares */
			
			
/* 6. END ADR AND DUBBING PAGE */










 
/* 7. START LOCALISATION PAGE */
	
.bgimg-localisation, .bgimg-localisation-our_process, .bgimg-localisation-our_work, .bgimg-localisation-video {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-localisation {
	opacity: 0.9;  
	
	min-height: 630px;
}

.bgimg-localisation-video{
	opacity: 0.9;  
	
	min-height: 580px;
}

.bgimg-localisation-our_process {
	opacity: 1;  
	background-image: url("../js-img/js-localisation-our_process-1.jpg");
	min-height: 650px;
}


.localisation {
left: 0;
top: 100px;
padding-top: 100px;
width: 100%;
color:white;
padding-left:20%;
padding-right:20%;
font-family:'UniversLTStdLightCn';
}

.localisation-title {
font-size:50px;
text-align:center;
text-decoration:none;
}

.localisation-subtitle {
padding-top:30px;
color:white;
text-align:left;
}

.localisation-txt {
letter-spacing: 0.01em;
font-size: 18px;
font-family:'UniversLTStdLightCn';
color: #ffffff;
font-weight:300;
line-height: 1.6em;
text-align:justify;
}



	.localisation-our_process {
		position: absolute;
		left: 0;
		top: 50px;
		width: 100%;
		color:white;
		padding-left:20%;
		padding-right:20%;
		font-family:'UniversLTStdLightCn';
	}


	.bgimg-localisation-our_work {
		color: #fff;
		background-color: black;
		text-align:center;
		padding:50px 80px;
		text-align: justify;
		opacity: 0.9;  
		background-image: url("../js-img/js-home-1.jpg");
		min-height: 100px;  
		}

		.localisation-our_work {
		position: relative;
		left: 0;
		text-align: center;
		top: 10px;
		width: 100%;
		color:white;
		padding-left:15%;
		padding-right:15%;
		font-family:'UniversLTStdLightCn';
		}				





/* 7. END LOCALISATION PAGE */








 
/* 8. START OUR VOICES PAGE */
	
.bgimg-our_voices, .bgimg-our_voices-voices {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-our_voices {
	opacity: 0.9;  
	background-image: url("../js-img/js-our_voices-1.jpg");
	min-height: 480px;

}

.bgimg-our_voices-voices {
	opacity: 0.9;  
	background-image: url("../js-img/js-our_voices-voices-1.jpg");
	min-height: 1180px;
}


.our_voices {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.our_voices-title {
	
	font-size:50px;
	text-align:center;
	text-decoration:none;
}

.our_voices-subtitle {
	padding-top:30px;
	color:white;
	text-align:left;
}

.our_voices-txt {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
}



.our_voices-voices {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}





	
.fade-voice {
	background-color:black;
	color:white;
	text-align:center;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:80px;
	height:80px;
	min-width:80px;
	max-width:80px;
	min-height:80px;
	max-height:80px;  
	-webkit-filter:  sepia(100%);
	-moz-filter:  sepia(100%);
	-o-filter:  sepia(100%);
	-ms-filter: sepia(100%);
	filter: sepia(100%);	
	
	}
		
.fade-voice:hover {
	background-color:black;
	color:white;
	text-align:center;
	opacity: 0.1;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	width:80px;
	height:80px;
	min-width:80px;
	max-width:80px;
	min-height:80px;
	max-height:80px;  
	}	

	

/* 8. END OUR VOICES PAGE */




/* 9. START STUDIOS PAGE */
	
.bgimg-studios, .bgimg-studios-poblano, .bgimg-studios-habanero, .bgimg-studios-jalapeno, .bgimg-studios-booths_and_workstations {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-studios {
	opacity: 0.9;  
	background-image: url("../js-img/js-studios-1.jpg");
	min-height: 780px;	
}

.bgimg-studios-poblano {
	opacity: 1;  
	background-image: url("../js-img/js-studios-studios-1.jpg");
	min-height: 780px;
}

.bgimg-studios-habanero {
	opacity: 1;  
	background-image: url("../js-img/js-studios-studios-1.jpg");
	min-height: 780px;
}


.bgimg-studios-jalapeno {
	opacity: 1;  
	background-image: url("../js-img/js-studios-studios-1.jpg");
	min-height: 780px;
}


.bgimg-studios-booths_and_workstations {
	opacity: 1;  
	background-image: url("../js-img/js-studios-studios-1.jpg");
	min-height: 900px;
}




.studios {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
	min-height: 480px;
}

.studios-title {
	font-size:50px;
	text-align:center;
	text-decoration:none;
}

.studios-subtitle {
	padding-top:30px;
	color:white;
	text-align:left;
}

.studios-txt {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
}

.studios-poblano {
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.studios-habanero {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.studios-jalapeno {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.studios-booths_and_workstations {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}




/* 9. END STUDIOS PAGE */



 
/* 10. START CUSTOMER SERVICE PAGE */
	
.bgimg-customer_service {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-customer_service {
	opacity: 0.9;  
	background-image: url("../js-img/js-customer_service-1.jpg");
	min-height: 480px;
}

.customer_service {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.customer_service-title {
	font-size:50px;
	text-align:center;
	text-decoration:none;
}

.customer_service-subtitle {
	padding-top:30px;
	color:white;
	text-align:left;
}

.customer_service-txt {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
}


/* 10. END CUSTOMER SERVICE PAGE */





 
/* 11. START CONTACT PAGE */
	
.bgimg-contact {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-contact {
	opacity: 0.9;  
	background-image: url("../js-img/js-contact-1.jpg");
	min-height: 680px;
}

.contact {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.contact-title {
	font-size:50px;
	text-align:center;
	text-decoration:none;
}

.contact-subtitle {
	padding-top:30px;
	color:white;
	text-align:left;
}

.contact-txt {
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
}


.contact-field{
	background-color:#f0eeee;
	color:#373433;
	font-size:16px;
	}
	
.contact-field-focus{
	background-color:#e2dddd;
	color:#000000;
	font-size:16px;
	}

.butt
	{
	border: 1px solid #000000;
	background: black;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	display: block;
	cursor:pointer;
	/* 	 cursor: url('../js-img/cur.png'), pointer;*/
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	
	text-shadow: 1px 1px 1px #666;
	-moz-box-shadow: 0 1px 3px #302d2d;
	-webkit-box-shadow: 0 1px 3px  #302d2d;
	box-shadow: 0 1px 3px  #302d2d;
	}
	


/* 11. END CONTACT PAGE */




 
/* 12. START THANKS PAGE */
	
.bgimg-thanks {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-thanks {
	opacity: 0.9;  
	background-image: url("../js-img/js-customer_service-1.jpg");
	min-height: 480px;
}

.thanks {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:white;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.thanks-title {
	font-size:50px;
	text-align:center;
	text-decoration:none;
}

.thanks-subtitle {
	padding-top:30px;
	color:white;
	text-align:left;
}

.thanks-txt {
	padding-top:100px;
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: #ffffff;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
}

/* 12. END THANKS PAGE */




/* 13. START AVISO PAGE */
	
.bgimg-aviso {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.bgimg-aviso {
	opacity: 0.9;  
	/*min-height: 2480px;*/
}

.aviso {
	left: 0;
	top: 100px;
	padding-top: 100px;
	width: 100%;
	color:black;
	padding-left:20%;
	padding-right:20%;
	font-family:'UniversLTStdLightCn';
}

.aviso-title {
	color:black;
	font-size:50px;
	text-align:center;
	text-decoration:none;
}

.aviso-subtitle {
	padding-top:30px;
	color:black;
	text-align:left;
}

.aviso-title-txt {
	padding-top:100px;
	letter-spacing: 0.01em;
	font-size: 18px;
	font-family:'UniversLTStdLightCn';
	color: black;
	font-weight:bold;
	line-height: 1.6em;
	text-align:justify;
}

.aviso-txt {
	padding-top:100px;
	letter-spacing: 0.01em;
	font-size: 16px;
	font-family:'UniversLTStdLightCn';
	color: black;
	font-weight:300;
	line-height: 1.6em;
	text-align:justify;
}

/* 13. END AVISO PAGE */