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

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

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

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

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

html {
	height:100%;
}

* {
	font-smooth:always;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    margin:0;
    padding:0;
    box-sizing:border-box;
    transition:all 200ms linear;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
}

body {
	max-width:1920px;
    min-width:320px; 
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:21px;
    color:#000;
    margin:auto;
}

img {
    margin:0;
    padding:0;
    border:none;
}

h1, h2, h3, h4 {
    margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
}

a {
	text-decoration:none;
	outline:none;
}

p {
    margin:0;
    padding:0;
}

ul {
	list-style-type:none;
}

.clear {
	clear:both;
}

.thumb {
	float:left;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:none;
}

iframe {
	margin:0;
	padding:0;
}

header {
	position:absolute;
	left:0;
	right:0;
	padding-top:10px;
	z-index:4;
}

.centrador {
	position:relative;
	width:100%;
	max-width:1140px;
	margin:auto;
}

header .centrador {
	max-width:1440px;
	padding:0 30px;
}

.ClipLogo {
	display:block;
    width:470px;
    margin:auto;
}

.logo {
	width:470px;
}

ul.botonera {
	float:right;
    padding:35px 0 0 0;
}

ul.botonera li {
	display:inline-block;
	list-style:none;
	padding-left:40px;
}

ul.botonera li a {
	font-family:'open_sansbold', Arial, Helvetica, sans-serif;
	font-size:17px;
	text-decoration:none;
	color:#FFF;
	transition:color 150ms linear;
    -webkit-transition:color 150ms linear;
    -moz-transition:color 150ms linear;
    -o-transition:color 150ms linear;
    -ms-transition:color 150ms linear;
}

ul.botonera li a:hover {
	color:#C0DFA6;
}

ul.botonera li a.selected {
	color:#C0DFA6;
}

#MenuH {
	display:none;
    position:absolute;
    top:38px;
    left:15px;
}

.menu {
    display:inline-block;
    width:40px;
    margin-bottom:-8px;
}

#mmenu:active,
#mmenu:focus {
	outline:none;
	background:none;
	border:none;
}

#MenuH a {
    text-decoration:none;
}

#elmenu {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	min-height:650px;
	text-align:center;
	padding:30px 15px 90px;
	background:#000;
	z-index:5;
}

.ClipCerrar {
	display:none;
}

.ico-cerrar {
	display:inline-block;
	width:35px;
	height:35px;
	border:none;
	background-image:url('../imgs/cerrar.svg');
	background-size:contain;
	background-repeat:no-repeat;
}

ul.botones {
    padding:0;
}

ul.botones li {
	list-style:none;
}

ul.botones li a {
	display:inline-block;
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:25px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	margin-bottom:35px;
	transition:color 150ms linear;
    -webkit-transition:color 150ms linear;
    -moz-transition:color 150ms linear;
    -o-transition:color 150ms linear;
    -ms-transition:color 150ms linear;
}

ul.botones li a:hover {
	color:#8A87A9;
}

#elmenu .ClipLogo {
	position:relative;
	width:250px;
}

#elmenu .logo {
	width:250px;
}

#contenedor {
	position:relative;
	z-index:3;
}

.idiomas {
	float:left;
	margin-top:-81px;
}

#elmenu .idiomas {
    float:none;
    margin:0 auto 25px;
}

.lenguaje {
	float:left;
	font-family:'fira_sansbold', Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-right:20px;
}

#elmenu .lenguaje {
	display:inline-block;
	float:none;
	font-size:16px;
    line-height:20px;
	margin:0 7px;
}

.lenguaje a {
	color:#FFF;
}

.lenguaje a:hover,
.lenguaje a.selected {
	color:#8A87A9;
}

#elmenu .linea {
	float:none;
    width:240px;
    height:1px;
    margin:0 auto 30px;
    background:#8A87A9;
}


/*/// SLIDER ///*/

.ClipSlide {
    position:relative;
    width:100%;
    background:#000;
    overflow:hidden;
}

#slider_ch {
	display:none;
}

.swiper-slide {
    overflow:hidden;
}

.entity-img {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	width:100%;
}

.swiper-wrapper {
	transition:all .25s ease;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:18px;
	height:18px;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	/*border:2px solid #FFF;*/
	border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	position:relative;
	width:15px;
	height:15px;
	margin:0 6px;
	background-color:#FFF;
	opacity:.4;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity:1;
}

.swiper-pagination {
	bottom:30px !important;
}

.oscurese {
	position:absolute;
	top:0;
    width:100%;
    height:100%;
    border:none;
    background-color:#000;
    opacity:0.7;
    z-index:1;
}

.bg_slide {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    border:none;
    background-image:url(../imgs/degrade-hd.svg);
    background-size:cover;
    background-repeat:no-repeat;
    background-color:transparent;
    opacity:0.4;
    z-index:2;
}


/*/// LONJA NOSOTROS ///*/

.lonja-nosotros {
	position:relative;
	display:block;
	width:100%;
	margin:auto;
	padding:60px 40px 68px;
	background:#FFF;
}

.col_quienes {
	position:relative;
	float:left;
	width:50%;
	padding-right:40px;
	z-index:1;
}

.lonja-nosotros h2 {
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:40px;
	line-height:40px;
	text-align:right;
	color:#8A87A9;
	margin-bottom:20px;
}

.lonja-nosotros p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:27px;
	text-align:right;
	color:#000;
}

.btn-mas {
	float:right;
	font-family:'fira_sansbold', Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:38px;
	text-decoration:none;
	color:#8A87A9;
	border:1px solid #8A87A9;
	background:transparent;
	margin-top:35px;
	padding:0 30px 2px;
	border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -ms-border-radius:20px;
}

.btn-mas:hover {
	color:#FFF;
	background:#8A87A9;
}

.btn-mas.fin {
	margin-top:18px !important;
}

.col_imagen {
	position:relative;
	float:right;
	width:50%;
	padding-left:40px;
	z-index:1;
}


/*/// LONJA PARALLAX ///*/

.lonja_parallax {
	position:relative;
	width:100%;
    padding:60px 0 30px;
    border:none;
    background-image:url(../imgs/bg-discografia.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFF;
}

.lonja_parallax .centrador {
	width:593px;
	text-align:center;
	color:#FFF;
	margin:auto;
	z-index:2;
}


/*/// ACCESOS ///*/

.ClipAccesos {
	position:relative;
	width:100%;
	max-width:800px;
	text-align:center;
	margin:60px auto 0;
	z-index:2;
}

.acceso {
	float:left;
	width:50%;
	margin-bottom:10px;
}

#creditos .acceso {
	width:100%;
}

#creditos h2.discografia {
	margin-bottom:-10px;
}

#creditos .relleno {
	height:auto;
	padding:20px 30px 10px;
}

#creditos .datos {
	float:left;
	width:calc(100% - 200px);
    width:-webkit-calc(100% - 200px);
    width:-moz-calc(100% - 200px);
    width:-o-calc(100% - 200px);
}

#creditos .btn-mas {
	position:relative;
	float:right;
	font-family:'fira_sansbold', Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:38px;
	text-decoration:none;
	color:#8A87A9;
	border:1px solid #8A87A9;
	background:transparent;
	margin-top:23px;
	padding:0 30px 2px;
	bottom:auto;
}

#creditos .btn-mas:hover {
	color:#FFF;
	background:#8A87A9;
}

.acceso_int {
	margin:0 25px;
}

.relleno {
	position:relative;
	float:left;
	width:100%;
	/*height:230px;*/
	height:400px;
	text-align:left;
	padding:25px 30px;
	background:#FFF;
	z-index:3;
}

.relleno h2 {
	font-family:'fira_sansmedium', Arial, Helvetica, sans-serif;
	font-size:29px;
	line-height:33px;
	margin-bottom:5px;
	color:#8A87A9;
}

.relleno h3 {
	font-family:'fira_sansmedium', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
    margin-bottom:10px;
}

.relleno p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:23px !important;
	color:#000;
}

.relleno p b {
	font-family:'open_sans_semiboldregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:23px !important;
}

.relleno .btn-mas {
	position:absolute;
	left:0;
	right:0;
	bottom:30px;
	width:160px;
	text-align:center;
	color:#8A87A9;
	margin:auto;
	border:1px solid #8A87A9;
	background:transparent;
}

.relleno .btn-mas:hover {
	color:#FFF;
	background:#8A87A9;
}


/*/// THUMBS HOME ///*/

.ClipThumbs {
	width:100%;
	max-width:1920px;
	text-align:center;
	padding-top:50px;
	background:#000;
}

.ClipThumbs h2 {
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:40px;
	text-align:center;
	color:#FFF;
	margin:0 auto 50px;
}

h2.discografia {
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#FFF;
	margin-bottom:50px;
}

.col_thumb {
    float:left;
    width:33.3%;
}

.col_thumb_int {
    /*margin:0 8px 16px;*/
    margin:0;
}

.ClipThumb_galeria {
    position:relative;
}

.alfon {
    position:absolute;
    width:100%;
    height:100%;
    /*background:#1D1D1B;*/
    background:#762123;
    /*background:#CF9A2C;*/
    opacity:0;
    transition:all 200ms linear;    
}

.alfon:hover {
    opacity:0.5;
}

.thumbgaleria {
	height:350px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.col_galeria {
    float:left;
    width:25%;
}

.col_galeria_int {
    float:left;
    width:100%;
    padding:0;
    margin:0;
}

.thumb_galeria {
    position:relative;
    display:inline-block;
    float:left;
    width:100%;
    height:350px;
    padding:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    opacity:1;
    transition:opacity 150ms linear;
    -webkit-transition:opacity 150ms linear;
    -moz-transition:opacity 150ms linear;
    -o-transition:opacity 150ms linear;
    -ms-transition:opacity 150ms linear;
}

.thumb_galeria:hover {
    opacity:0.5;
}

.registro {
	padding:3px 0 15px;
    border-bottom:1px dotted #8A87A9;
}

.registro:last-child {
    border-bottom:none;
}

.left {
	float:left;
	width:100px;
	padding-top:19px;
}

.right {
	float:left;
	width:calc(100% - 100px);
    width:-webkit-calc(100% - 100px);
    width:-moz-calc(100% - 100px);
    width:-o-calc(100% - 100px);
}

.left h4 {
    font-family:'fira_sansmedium', Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#000;
    margin-bottom:10px;
}

.right h2 {
	font-family:'fira_sansmedium', Arial, Helvetica, sans-serif;
	font-size:24px;
    line-height:27px;
    color:#8A87A9;
    margin-top:15px;
    margin-bottom:2px;
}

.right h3 {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:25px;
	color:#000;
}


/*/// PREMIOS ///*/

.lonja-sponsors {
	width:100%;
	max-width:1400px;
	text-align:center;
	margin:auto;
	padding:40px 0 50px;
}

.lonja-sponsors h2 {
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#000;
	margin:20px auto 10px;
}


/*/// CLIENTES ///*/

.logos-clientes {
	width:100%;
	max-width:1200px;
	text-align:center;
	margin:auto;
	padding:45px 40px 60px;
}

.logo-col {
	float:left;
	width:25%;
}

.logo-col_int {
	margin:0 20px;
}

.logo-cliente {
	width:200px;
}


/*/// LOGOS ///*/

.ClipLogos {
    width:100%;
    padding:0;
    margin:0;
    background:#FFF;
}

.ClipThumbs_int_clientes {
	/*max-width:1270px;*/
	max-width:1000px;
	margin:auto;
    padding:0 30px;
}

.thumb_cliente {
    width:100%;
    /*border:1px solid #999;*/
}

.thumb_cliente_int {
    margin:0;
}

.ClipThumbs_int_clientes .owl-nav {
    display:none;
}

.ClipThumbs_int_clientes .owl-dots {
    display:none;
}


/*/// FOOTER ///*/

footer {
	float:left;
	width:100%;
	padding:30px 0 60px;
	background:#000;
}

footer .centrador {
	width:100%;
	max-width:1060px;
	text-align:center;
	margin:auto; 
	padding:0 40px;
}

footer h2 {
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#FFF;
	margin:20px auto 30px;
}

.ClipLogo-ft {
	width:320px;
	padding-top:35px;
}

.logo-ft {
	width:320px;
}

.ClipBtn_ft {
	display:block;
	width:324px;
	margin:15px auto 7px;
}

.ico-ft {
	float:left;
	width:23px;
	margin-top:-1px;
}

.dato_ft {
	display:inline-block;
	font-family:'fira_sansregular', Arial, Helvetica, sans-serif;
    font-size:19px;
	color:#FFF;
	margin-left:10px;
	transition:color 150ms linear;
    -webkit-transition:color 150ms linear;
    -moz-transition:color 150ms linear;
    -o-transition:color 150ms linear;
    -ms-transition:color 150ms linear;
}

.ClipBtn_ft:hover .dato_ft {
	color:#CCC;
}

.ClipRedes {
	display:inline-block;
}

header .ClipRedes {
	float:right;
	padding:0;
	margin-top:-113px;
}

.ico-red {
	float:left;
	height:33px;
	margin:30px 6px 0;
}

header .ico-red {
	margin-left:10px;
    margin-right:0;
}

.btn-subir {
	display:block;
	width:53px;
    margin:50px auto 0;
}

.subir {
    width:53px;
}


/*/// VIDEO ///*/

#contenedor_video {
    position:relative;
    display:block;
    height:0;
    padding-top:30px;
    padding-bottom:50%;
    margin-top:20px;
    margin-bottom:70px;
    overflow:hidden;
}

#contenedor_video iframe, #contenedor_video object, #contenedor_video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/*/// Media Queries ///*/

@media screen and (max-width:1690px) {
	.thumb_galeria { height:320px !important; }
}

@media screen and (max-width:1590px) {
	.thumb_galeria { height:300px !important; }
}

@media screen and (max-width:1530px) {
	.thumb_galeria { height:270px !important; }
}

@media screen and (max-width:1340px) {
	.thumb_galeria { height:250px !important; }
}

@media screen and (max-width:1270px) {
	header { padding-top:5px; }
	.ClipLogo { width:420px; }
	.logo { width:420px; }
	.idiomas { margin-top:-73px; }
	header .ClipRedes { margin-top:-107px; }
	.lonja-nosotros h2 { font-size:29px; line-height:29px; }
	.col_quienes { padding-right:30px; }
	.col_imagen { padding-left:30px; }
	h2.discografia { font-size:35px; }
	.ClipThumbs h2 { font-size:35px; }
	footer h2 { font-size:35px; }
	.thumb_galeria { height:200px !important; }
}

@media screen and (max-width:1023px) {
	#slider_gr { display:none; }
	#slider_ch { display:block; }
	header .ClipRedes { display:none; }
	.col_quienes { width:54%; }
	.col_imagen { width:46%; }
	.ClipAccesos { padding:0 20px; }
	.acceso_int { margin:0 20px; }
	.col_galeria { width:50%; }
	.thumb_galeria { height:250px !important; }
	.lonja-sponsors { padding:10px 0 20px; }
}

@media screen and (max-width:767px) {
	.thumb_galeria { height:220px !important; }
	.col_quienes { width:55%; padding-right:20px; }
	.col_imagen { width:45%; padding-left:20px; }
	.relleno { height:470px; }
}

@media screen and (max-width:639px) {
	.thumb_galeria { height:150px !important; }
	header { padding-top:20px; }
	.idiomas { display:none; }
	.ClipLogo { width:330px; }
	.logo { width:330px; }
	.col_quienes { width:100%; padding-right:0; }
	.lonja-nosotros { padding:30px 25px 45px; }
	.lonja-nosotros h2 { font-family:'fira_sansmedium', Arial, Helvetica, sans-serif; font-size:26px; line-height:28px; text-align:left; }
	.lonja-nosotros p { font-size:17px; line-height:24px; text-align:left; }
	.btn-mas { float:left; font-size:17px; line-height:38px; margin-top:25px; }
	.col_imagen { display:none; float:left; width:100%; margin-top:40px; padding-left:0; }
	.lonja_parallax .centrador { width:100%; }
	.ClipAccesos { padding:0 5px; }
	.acceso { width:100%; margin-bottom:40px; }
	.relleno { height:auto; }
	.relleno .btn-mas { position:relative; bottom:initial; margin:40px auto 10px; }
	.lonja_parallax { padding:50px 0 0; }
	h2.discografia { font-size:30px; margin-bottom:-15px; }
	.relleno h2 { font-size:25px; line-height:30px; margin-bottom:1px; }
	.relleno h3 { font-size:17px; margin-bottom:15px; }
	.ClipThumbs h2 { font-size:30px; }
	footer h2 { font-size:30px; }
	.ClipBtn_ft { width:297px; }
	.ico-ft { margin-top:-2px; }
	.dato_ft { font-size:17px; margin-left:12px; }
	.ico-red { height:38px; margin:30px 8px 0; }
	.lonja-sponsors { padding:0; }
	.thumb_cliente { width:80%; margin:auto; }
	.left { width:100px; padding-top:15px; }
	.right { width:100%; }
	#creditos .datos { width:calc(100% - 160px); width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 160px); width:-o-calc(100% - 160px); }
	#creditos .btn-mas { float:right; width:106px; font-size:15px; line-height:31px; margin-top:-12px; padding:0 0 3px; }
	.right h2 { font-size:21px; line-height:25px; margin-top:-7px; margin-bottom:2px; }
	.left h4 { font-size:17px; }
	.registro { padding:3px 0; }
}

@media screen and (max-width:399px) {
	.thumb_galeria { height:140px !important; }
	header .centrador { padding:0; }
	footer .centrador { padding:0; }
	.relleno { height:auto; padding:25px; }
	#creditos .relleno { padding:20px 25px 10px; }
}

@media screen and (max-width:374px) {
	.right h2 { font-size:20px; line-height:24px; }
	.right h3 { font-size:16px; }
}

@media screen and (max-width:359px) {
	.thumb_galeria { height:120px !important; }
	.ClipLogo { width:300px; }
	.logo { width:300px; }
	.lonja-nosotros h2 { font-size:23px; line-height:26px; }
	.ico-ft { display:none; }
	.dato_ft { font-size:16px; margin-left:0; }
	#creditos .datos { width:100%; }
	#creditos .btn-mas { float:left; margin-top:0; }
	.registro { padding-bottom:13px; }
}