@charset "UTF-8";
/* ABSTRART CSS Document */
/* primary: #242424; */
/* secondary: #56b99f; */

/* FONTS */
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Light.eot');
	src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Light.svg#Gotham-Light') format('svg'),
		url('fonts/Gotham-Light.ttf') format('truetype'),
		url('fonts/Gotham-Light.woff') format('woff'),
		url('fonts/Gotham-Light.woff2') format('woff2');
	font-weight: 300;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Book.eot');
	src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Book.svg#Gotham-Book') format('svg'),
		url('fonts/Gotham-Book.ttf') format('truetype'),
		url('fonts/Gotham-Book.woff') format('woff'),
		url('fonts/Gotham-Book.woff2') format('woff2');
	font-weight: 400;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'),
		url('fonts/Gotham-Medium.ttf') format('truetype'),
		url('fonts/Gotham-Medium.woff') format('woff'),
		url('fonts/Gotham-Medium.woff2') format('woff2');
	font-weight: 500;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Bold.eot');
	src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'),
		url('fonts/Gotham-Bold.ttf') format('truetype'),
		url('fonts/Gotham-Bold.woff') format('woff'),
		url('fonts/Gotham-Bold.woff2') format('woff2');
	font-weight: 600;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Black.eot');
	src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Black.svg#Gotham-Black') format('svg'),
		url('fonts/Gotham-Black.ttf') format('truetype'),
		url('fonts/Gotham-Black.woff') format('woff'),
		url('fonts/Gotham-Black.woff2') format('woff2');
	font-weight: 700;
}
@font-face {
	font-family: 'Canvas';
	src: url('fonts/MADECanvas-Black.eot');
	src: url('fonts/MADECanvas-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/MADECanvas-Black.svg#MADECanvas-Black') format('svg'),
		url('fonts/MADECanvas-Black.ttf') format('truetype'),
		url('fonts/MADECanvas-Black.woff') format('woff'),
		url('fonts/MADECanvas-Black.woff2') format('woff2');
	font-weight: 700;
}

/* GENERAL */
html, body {}

html {font-size: 20px;}

body {
	text-align: center;
	font: 300 1rem/1.4 'Gotham', Arial, sans-serif;
	color: #242424;
}

::moz-selection {
	background: #242424;
	background: rgba(36,36,36,.3);
}

::selection {
	background: #242424;
	background: rgba(36,36,36,.3);
}
h1, .h1, h2, h3, h4, h5, h6{font-weight: 300;}
h1,.h1 {font-size: 4.75rem;}
h2 {font-size: 4.15rem;}
h3 {font-size: 2.25rem;}
h4 {font-size: 1.6rem;}
h5 {font-size: 1.5rem;}
h6 {font-size: 1rem;}
.small {font-size: .9rem!important;}
.xs {font-size: .7rem!important;}
.xxs {font-size: .6rem!important;}
.normal {font-size: 1rem!important;}
.big { font-size: 4rem; }
.xl{font-size: 8rem!important;}
.xxl{font-size: 10.5rem!important;}
.xxxl{font-size: 15rem!important;}

.canvas{font-family: 'Canvas';}
.light{font-weight: 300!important;}
.book{font-weight: 400!important;}
.medium{font-weight: 500!important;}
.bold,b,strong{font-weight: 600!important;}
/*.black{font-weight: 700!important;}*/

.line-stretch{line-height:.8!important;}
.line-minified{line-height:1!important;}
::-webkit-scrollbar-thumb {
	border-radius: 0 !important;
  }
small {
	display: block;
	font-size: 60%;
	line-height: 1.3;
	margin-top: .5rem;
}

.z-index-1{z-index:1;}
.z-index-2{z-index:2;}
.z-index-3{z-index:3;}
.z-index-4{z-index:4;}
.z-index-5{z-index:5;}

.overflow-visible{overflow:visible!important;}
.opacity-0{opacity: 0!important;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #242424;
	-webkit-box-shadow: 0 0 0 30px rgba(36,36,36,.2) inset;
	transition: background-color 5000s ease-in-out 0s;
}

a,
a:hover,
a:focus,
a:active {
	color: inherit;
	text-decoration: none;
	outline: 0;
}

::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	background-color: #F5F5F5 !important;
	border-radius: 10px !important;
}

::-webkit-scrollbar{
	width: 10px !important;
	background-color: #F5F5F5 !important;
}

::-webkit-scrollbar-thumb{
	border-radius: 10px !important;
	background-color: #000000 !important;
	border: 2px solid #555555 !important;
}

.a_color_azul a {
	color: #007bff;
}

button:focus {
	outline: 0;
}

.coloured,
.text-primary {color: #242424 !important;}
.bg-primary,.bg-black{background-color: #242424 !important;}
.text-secondary {color: #56b99f !important;}
.bg-secondary {background-color: #56b99f !important;}
.text-grey {color: #6c6c6c !important;}

.btn {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 1.2em;
	border-radius: 0;
	padding: 0 2rem 0 0;
}

.btn.white{color: #fff;}
.btn.black{color: #242424;}

.btn-canvas {
	font-family: 'Canvas';
	background-color: transparent;
	border-color: transparent;
	position: relative;
}

.btn-canvas:hover,
.btn-canvas.focus,
.btn-canvas:focus,
.btn-canvas:not(:disabled):not(.disabled).active,
.btn-canvas:not(:disabled):not(.disabled):active,
.btn-canvas:not(:disabled):not(.disabled).active:focus,
.btn-canvas:not(:disabled):not(.disabled):active:focus {
	background-color: transparent;
	border-color: transparent;
	outline: 0;
	box-shadow: 0 0 0 0;
}
.btn-gotham {
	font-family: 'Gotham';
	background-color: transparent;
	border-color: transparent;
	position: relative;
}

.btn-gotham:hover,
.btn-gotham.focus,
.btn-gotham:focus,
.btn-gotham:not(:disabled):not(.disabled).active,
.btn-gotham:not(:disabled):not(.disabled):active,
.btn-gotham:not(:disabled):not(.disabled).active:focus,
.btn-gotham:not(:disabled):not(.disabled):active:focus {
	background-color: transparent;
	border-color: transparent;
	outline: 0;
	box-shadow: 0 0 0 0;
}

.btn:after{
	content: '';
	width: .5em;
	height: .5em;
	position: absolute;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all ease .4s;
}

.btn.volver:after {
	content: '';
	width: .5em;
	height: .5em;
	position: absolute;
	left: -25%;
	top: 50%;
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	transition: all ease .4s;
}

.btn.volver:hover:after {
	left: -30%;
}

.btn.active:after {
	transform: translateY(-50%) rotate(90deg);
	right: -5%;
}

.btn:hover:after,
.efecto-hover-btn:hover span:after,
.slick-slide:hover .card .btn:after,
.cardActualidad:hover .card .btn:after {
	right: -5%;
}

.btn.white:after{background: url(../img/icons/arrow_next_new.svg) no-repeat center / contain;}
.active.btn.white:after {background: url(../img/icons/menos-blanco.svg) no-repeat center / contain; transform: translateY(-50%);}
.btn.black:after{background: url(../img/icons/arrow_next_black_new.svg) no-repeat center / contain;}

input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
textarea.form-control,
select,
select.form-control,
form button:not(.btn) {
	font: inherit;
	color: #242424;
	height: auto;
	line-height: 1.2;
	background: transparent;
	margin-bottom: 1.4rem;
	padding: .75rem .5rem;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #242424;
	width: 100%;
}

input[type="datetime"],
input[type="datetime-local"],
input[type="date"] {
	min-width: 120px;
}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
form button:focus:not(.btn) {
	outline: 0;
/*	-webkit-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;*/
}

::-webkit-input-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }
::placeholder { color: #888; }

.select2-container--default .select2-search--dropdown .select2-search__field {
	margin-bottom: 0;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #000;
}

s {
	color: #e9322d;
}

option {
	font-weight: inherit;
}

input[type="file"],input[type="checkbox"],input[type="radio"]{float:left;width:0.1px;height:0.1px;opacity:0;overflow:hidden;margin:0;padding:0}
input[type="file"]+label{color:#fff;min-width:40px;height:40px;background:#666 url(../img/small-cloud-upload-symbol.svg) 5px center no-repeat;border-color:#666;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;margin-bottom:1rem;padding:.5rem .5rem .5rem 3rem !important;opacity:.8}
input[type="file"]:focus+label,input[type="file"]+label:hover,input[type="file"].has-focus+label{opacity:1}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 2rem;
	margin-bottom: 2rem;
	text-align: left;
}

input[type="checkbox"]+label svg,
input[type="radio"]+label svg {
	position: absolute;
	top: 0px;
	left: 0px;
}

input[type="checkbox"]+label svg path,
input[type="radio"]+label svg circle {
	fill: none;
	stroke: #242424;
	stroke-width: 2;
}

input[type="checkbox"]+label svg polyline,
input[type="radio"]+label svg polyline {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-dasharray: 18px;
	stroke-dashoffset: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input[type="checkbox"]:checked+label svg path,
input[type="radio"]:checked+label svg circle {
	fill: #242424;
}

input[type="checkbox"]:checked+label svg polyline,
input[type="radio"]:checked+label svg polyline {
	stroke-dashoffset: 0;
}

textarea,
textarea.form-control,
select[multiple],
select[size] {
	resize: vertical;
	line-height: 1.4;
	height: 150px;
}

input.error {
	border: 1px solid #e9322d;
}

label.error,
.error-message {
	color: #e9322d;
	text-align: left;
}

input[type="checkbox"]+label+label.error,
input[type="radio"]+label+label.error {
	top: 0;
	left: 0;
	float: left;
}

.dinamic_label {
	position: relative;
	padding-top: 1rem;
}

.dinamic_label label {
	position: absolute;
	top: 0.5rem;
	left: 0;
	padding-left: .5rem;
	width: 100%;
	font-size: .5rem;
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.2s ease-out;
}

.dinamic_label input:placeholder-shown + label {
	opacity: 0;
	-ms-transform: translateY(1rem);
	transform: translateY(1rem);
}

.alert {
	margin-bottom: 0;
	border-radius: 0;
	cursor: pointer;
}

.g-recaptcha{display:inline-block;margin:1rem auto}
iframe{border:0 !important}
figure{margin:0 auto}
figure img,figure svg,figure video{width:100%;display: block;}
.google-maps{position:relative;padding-bottom:35%;height:0;overflow:hidden}
.google-maps iframe{position: absolute;top:0;left:0;width:100% !important;height:100% !important}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.valign+.inline{width:100%;display:inline-block;vertical-align:middle;}

.video_responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.scrolltop {
	display: none;
	position: fixed;
	bottom: 3vw;
	right: 3vw;
	width: 10vw;
	height: 10vw;
	z-index: 99;
	background: #000;
	padding: 3vw;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: .5;
	cursor: pointer;
}

.scrolltop svg {
	width: 100%;
	height: 100%;
}

.scrolltop svg * {
	fill: #fff !important;
}

.volver_arriba {
    max-width: 35px;
    cursor: pointer;
    margin-right: 0;
    position: fixed;
    bottom: 3vw;
	right: 20%;
	opacity: 1;
}

/** HEADER */
header {
	padding: .75rem 0;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 7;
}

.overlay header{
	position: absolute;
	left: 0;
}

header .logo {
	display: block;
	max-width: 180px;
}

header .menuButton,
header .artistsButton{
	max-width: 25px;
	cursor: pointer;
	transition: all ease .6s;
}

.menuButton.vuelta {
	transform: rotate(180deg);
	transition: all ease .6s;
	transition-delay: 1s;
}

.button_close.vuelta {
	transform: rotate(180deg);
	transition: all ease .6s;
	transition-delay: .2s;
}

#artists {
	padding:0 ;
}

.abecedario {
	overflow: auto !important;
	position: relative;
}

.abecedario h4 {
	cursor: pointer;
	opacity: .4;
	transition: opacity ease .6s;
}

.abecedario h4:hover {
	opacity: 1;
}

.abecedario::-webkit-scrollbar {
  display: none;
}

.categoria_header_button h3 {
	transition: all ease .6s;
	font-size: 2.5rem;
}


.categoria_header_button:not(.active) h3,
.categoria_header_button h5,
.categoria_header_button .btn.white:after {
	opacity: .4;
}
.categoria_header_button h3:hover,
.categoria_header_button h5:hover,
.categoria_header_button .btn:hover.white:after {opacity: 1;}

.col-abc h4 {
	font-weight: 300;
	transition: all ease .6s;
}

.col-abc h4:hover {
	font-weight: 500;
}

.scrollable {
	width: 115%;
}

.selector-artista {
	padding: 8rem 0 !important;
}

.lista_artistas li > span,
header ul li h4 {
	transition: all ease .55s;
}

.lista_artistas li > span {
	font-size: 4.8rem;
	opacity: .4;
}

.lista_artistas li > span.animated {
	opacity: 1;
}

.artistsMenu ul li.animated span {
	opacity: 1;
}

/*.artistsMenu ul li {padding: .75rem 0;}*/

.cambio_fuente {
	opacity: 0 !important;
	font-family: "Canvas";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
}
.cambio_fuente_centrado {
	opacity: 0 !important;
	font-family: "Canvas";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 100%;
}
.cambio_fuente_centrado_submenu {
	opacity: 0 !important;
	font-family: "Canvas";
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 100%;
}
.cambio_fuente_artists{
	opacity: 0 !important;
	font-family: "Canvas";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 100%;
}
.lista_artistas li:hover > span:not(.cambio_fuente_artists),
.overlay li:hover h2:not(.cambio_fuente_centrado),
.overlay li ul li:hover h4:not(.cambio_fuente_centrado),
.overlay li ul li:hover h4:not(.cambio_fuente_centrado_submenu) {
	opacity: 0 !important;
}

.lista_artistas li:hover > span.cambio_fuente_artists,
.overlay li:hover h2.cambio_fuente_centrado,
.overlay li ul li:hover h4.cambio_fuente_centrado,
.overlay li ul li:hover h4.cambio_fuente_centrado_submenu {
	opacity: 1 !important;
}

header:after{
	content: '';
	background-color: #fff;
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%;
	height: 35px;
	-webkit-clip-path: polygon(100% 0, 100% 5%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 5%, 0 100%, 0 0);
}

/** MENU */
.overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
	-ms-transform: scale(0);
	transform: scale(0);
	border-radius: 3rem;
	opacity: 0;
	overflow: hidden;
	transition: transform cubic-bezier(0.45, 0, 0.55, 1) .3s, 
		border-radius cubic-bezier(0.45, 0, 0.55, 1) .3s,
		opacity cubic-bezier(0.45, 0, 0.55, 1) .1s;
}
.overlay#artists{
	z-index: 8;
}
.overlay *{
	opacity: 0;
	transition: opacity ease .5s;
}
.overlay.active{
	border-radius: 0;
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	transition: transform cubic-bezier(0.45, 0, 0.55, 1) .3s, 
		border-radius cubic-bezier(0.45, 0, 0.55, 1) .3s,
		opacity cubic-bezier(0.45, 0, 0.55, 1) .1s;
}
.overlay.active *{
	opacity: 1;
	transition-delay: .2s;
}

#menu header *{
	fill: #fff!important;
}
.artistsMenu header *{
	fill: #242424!important;
}

#menu header:after,
#artists header:after{
	display: none;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li ul{
	display: none;
	padding-top: .75rem;
}

#menu .text-gotham,
#menu .text-canvas{}
#menu .text-gotham,
#menu .visible .text-canvas{opacity: 1!important;transition: opacity ease .4s;z-index: 1;}
#menu .visible .text-gotham,
#menu .text-canvas{opacity: 0!important;transition: opacity ease .15s;}
#menu .text-canvas{
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
}

#menu .nav-link{
	padding: .3rem 0;
	cursor: pointer;
}

#menu .nav-sublink{
	display: block;
	padding: .5rem 0;
}

.artistsMenu ul{
	list-style: none;
	margin: 0;
	min-height: 600px;
	padding: 0;
}

.artistsMenu ul li, .text-manifiesto{
	cursor: pointer;
}

.text-manifiesto {max-width: 600px; margin: 0 auto;}

.artistsMenu .desc{
	display: none;
	padding: 1.5rem 5rem 3rem;
}

.col-abc {
	margin: 0 10px;
}




/** FOOTER */
footer {
	background: #242424 no-repeat 20% 35% / cover;
	padding: 2.5rem 0; 
	position: relative;
}

footer h4 {
	font-size: 1.5rem;
	margin-bottom: .25rem;
}

footer .logo{
	max-width: 180px;
}
footer .logo *{
	fill: #fff!important;
}
footer .subfooter{
	padding-top: 1rem;
	border-top: solid 1px rgba(255,255,255,.4);
}


/** CONTENT */
main{ overflow: hidden; }
section:not(.main_container) {
	padding-top:4rem;
	padding-bottom:4rem;
}
section.min:not(.main_container) {
	padding-top:2rem;
	padding-bottom:2rem;
}

#banner{
	height: 100vh;
	max-height: 750px;
	overflow: hidden;
	position: relative;
	background: #242424 no-repeat center / cover;
	transition: all ease .6s;
}

#banner.relato.active {
	max-height: 70vh;
}

#banner .carousel-item .image{
	background: #242424 no-repeat center / cover;
}

#banner .content{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#banner:after,.selector-artista:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 90px;
	z-index: 2;
	background-color: #fff;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%);
}

#banner .content .h1 {
	transition: all ease .3s;
	transform-origin: center left;
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

#banner .content .h1:not(.active){
	-ms-transform: scale(1);
	transform: scale(1);
}

#banner figure.publicacion{
	transform-origin: 10% 35%;
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.mas-info-img {
	max-width: 500px;
	margin: 0 auto;
}

.artist_little_info .image_right{
	transition: all ease .5s;
	-ms-transform: translateX(120%);
	transform: translateX(120%);
	transform-origin: center left;
}
.artist_little_info .text{
	opacity: 0;
	transition: opacity ease .5s;
}
.artist_little_info.animated .text{
	opacity: 1;
	transition-delay: 1s;
}

.artist_little_info .image_left.obra,
#Antonio-Saura.artist_little_info .image_right.obra {
	opacity: 0;
}
.artist_little_info.animated .image_right.obra{
	animation: right-obra .75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay: .2s;
	opacity: 1;
}
.artist_little_info.animated .image_right.artist,
#Antonio-Saura.artist_little_info.animated .image_right.obra{
	animation: right-artista .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	opacity: 1;
}
.artist_little_info.animated .image_left.obra{
	animation: left-obra .75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay: .2s;
	opacity: 1;
}

@keyframes left-artista {
	0% {-webkit-transform: translateX(-1000px);transform: translateX(-1000px);opacity: 0;}
	100% {-webkit-transform: translateX(75px);transform: translateX(75px);opacity: 1;}
}
@keyframes right-obra {
	0% {-webkit-transform: translateX(1000px);transform: translateX(1000px);opacity: 0;}
	100% {-webkit-transform: translate(-45px, 60px);transform: translate(-45px, 60px);opacity: 1;}
}
@keyframes right-artista {
	0% {-webkit-transform: translateX(1000px);transform: translateX(1000px);opacity: 0;}
	100% {-webkit-transform: translateX(-75px);transform: translateX(-75px);opacity: 1;}
}
@keyframes left-obra {
	0% {-webkit-transform: translateX(-1000px);transform: translateX(-1000px);opacity: 0;}
	100% {-webkit-transform: translateX(-15px);transform: translateX(-15px);opacity: 1;}
}

.image_left.artist {
	bottom: -115px;
}
.image_right.artist.tapies {
	bottom: -100px;
	left: -80px;
}

.image_right.artist {
	bottom: 0;
	left: -25px;
}

.image_right.artist.img-main {
	left: 150px;
}


.artistas_intro {
    position: relative;
    background: #fff;
    left: 115px;
    z-index: 6;
    padding: 1.5rem;
    bottom: -55px;
}

.artistas_intro.por_izq {
    position: relative;
    background: #fff;
    left: -140px;
    z-index: 4;
    padding: 1.5rem;
    bottom: -35px;
}

.btn_artista_destacado_right {
    position: absolute;
    top: 15%;
    right: 30%;
    text-shadow: 4px 4px 2px rgba(0,0,0,.6);
}

.btn_artista_destacado_left {
    position: absolute;
    bottom: 5%;
    left: 20%;
}

.btn_filter.active {
	font-weight: 500;
	opacity: 1;
}

.section_manifiesto .bg-white{
	padding: 1rem 3rem;
/*	-ms-transform: translateY(50%);
	transform: translateY(50%);*/
	position: relative;
	z-index: 2;
}

.section_manifiesto .bg-white .h1{
	line-height: .65em!important;
}

.texto_manifesto {
	position: absolute;
	top: 0;
	max-width: 50%;
}

.section_manifiesto .image{
	background: #242424 no-repeat 50% 60% / cover;
	padding-top: 50%;
	min-height: 750px;
	max-height: 850px;
	position: relative;
	transition: all ease .6s;
}
.section_manifiesto .image.active { padding-top: 75%; }
.section_manifiesto .image:before,
.section_manifiesto .image:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 120px;
	background-color: #fff;
}
.section_manifiesto .image:before,
.obras-relacionadas:after{
	top: -.5%;
	-webkit-clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
}

.section_manifiesto .image:after{
	background-color: #fff;
	bottom: -.5%;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%);
}

.obras-relacionadas:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #fff;
}

.biblioteca{
	overflow: hidden;
	background: #242424 no-repeat center / cover;
	padding: 11rem 0 !important;
}

.biblioteca figure { max-width: 650px; }
.section_suscribete{
	padding-top: 4rem!important;
	padding-bottom: 0!important;
	background: #242424;
}
.section_suscribete.index {
	padding-top: 0 !important;
}
.suscribete{
	padding-top: 4rem;
	/*padding-bottom: 15rem;*/
	/*background: #242424 no-repeat center / cover;*/
	background: #242424 no-repeat;
	position: relative;
    background-position: 250px center;
}

.section_suscribete.ajuste:before,
.suscribete.ajuste:before,
.section_suscribete.ajuste .seguir:before {
	background-color: #fff;
}

.section_suscribete.ajuste {
	background-color: #fff;
}

.seguir:before {
	top: -1.5%;
    -webkit-clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 95px;
    background-color: #fff;
}

.biblioteca:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #fff;
	top: -1.5%;
	-webkit-clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
}

.lupa {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 80px !important;
	cursor: pointer;
	pointer-events: none;
}

.leyenda_mas ul {
	list-style-type: none;
}

.leyenda_mas h5 {
	font-size: 1rem;
}

.leyenda_mas h5:hover {
	font-weight: 500;
}

.section_suscribete.index .suscribete .bg-white {
	top: -50px;
}

.suscribete .bg-white{
	width: 60%;
	max-width: 750px;
	padding: 6rem 4rem 3rem;
	top: 0;
	clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 100%);
}

.suscribete .bg-white p{
	max-width: 95%;
}
.pointer {
	cursor: pointer;
}

.obra-relacionada {
    height: 400px;
    background: #fff no-repeat top / cover;
    width: 100%;
}

#form_contacto,
.estaticos,.desc_artist div {
	/*max-width: 75%;*/
	max-width: 100%;
	margin: 0 auto;
}

.texto_relato {
	max-width: 100%;
}

.relato figure.left{
    position: relative;
    left: -200%;
    margin: 2rem 0;
    transition: all ease .6s;
    max-width: 60%;
}

.relato figure.left.animated {
	left: -10%;
}

.relato figure.left.pequeno {
	max-width: 50%;
}
.relato figure.right{
    position: relative;
    right: -150%;
    margin: 2rem 0;
    max-width: 50%;
    transition: all ease .6s;
}

.relato figure.right.animated {
	right: -10%;
}

.pie_de_foto {
    position: absolute;
    bottom: 10%;
    right: -50%;
    width: 40%;
    line-height: 1;
}

#filterGroup #numObras,
.filterGroup_mobile #numObras-mobile{
	font-size: 1.5rem;
}

#filterGroup button,
.filterGroup_mobile button{
	padding: 0;
	margin: 0 auto;
	display: block;
}

#filterGroup button figure,
.filterGroup_mobile button figure{
	width: 25px;
}

.button_filtro_mobile{
	position: sticky;
	top:15px;
}

.button_filtro_mobile:after {
	right: -5%;
}

.obras_grid .obra_img{
	margin-bottom: 30px;
	transition: all ease .6s;
}

.obra_img:hover {
	transform: scale(1.015);
}

.obra_img figcaption {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    transition: all ease .6s;
    cursor: pointer;
}

.obra_img figcaption p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all ease .6s;
    width: 80%;
}

.obra_img:hover figcaption,
.obra_img:hover figcaption p {
	opacity: 1;
}

.obra_img:hover figcaption p {
	-webkit-animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
        animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.obras_grid .boton_prev{
	position: relative;
}
.obras_grid .boton_prev:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	width: 20px;
	height: 20px;
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	background: url(../img/icons/arrow_next_black.svg) no-repeat center / contain;
}

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.title_obra_hover {
	font-weight: 500;
}

.ano_artista {
	opacity: .6;
}

.button_lupa {
	position: absolute;
	top: 10%;
	right: 10%;
	max-width: 40px;
}

.button_next,
.button_prev {
	max-width: 20px !important;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.button_next {right: -5%;}
.button_prev {left: -5%;}

.fecha_artista{
	position: relative;
	z-index: 2;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fecha_artista .bg-white{
	padding: 2.5rem 2rem 0 0;
}

.grid_publicaciones .publicacion figure{
	max-width: 230px;
	margin-bottom: 1rem;
}

.btn_mas_info_manifiesto {
    max-width: 30px;
    cursor: pointer;
    transition: all ease .6s;
    margin-top: 2.5rem;
}

.btn_mas_info_manifiesto.cerrar {
	transform: rotate(180deg);
	max-width: 30px;
    cursor: pointer;
}

.btn_mas_info_manifiesto.active {
	opacity: 0;
}

#banner.publicacion_individual .row {
	height: 100%;
}

/* MODAL */
.modal{
	max-width: 100%!important;
	z-index: 999;
	/*background: rgba(24,24,24,.75);*/
}
.modal.show .modal-dialog {
	max-width: 100%;
    display: flex;
    min-height: 100%;
    margin: 0;
}

.modal-body .obra_img {
	transition: all ease .6s;
}

.modal-header {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 7;
    background: #fff;
    padding-right: 0;
    padding-left: 0;
}

.modal-header .button_close {
	cursor: pointer;
}

.medium-zoom-overlay {
	z-index: 1049;
}

.medium-zoom-image {
	z-index: 1050;
}

.modal-body {
	margin-top: 2rem;
	padding-top: 6rem;/*
	height: calc(100% - 70px);*/
	padding: 0;
}
.modal-backdrop { z-index: 998; }
.modal-content{
	border-radius: 0;
	border: none;
}
.modal .modal-header{
	border-bottom: 0;
}
.modal .modal-header .logo{
	width: 180px;
}
.modal .modal-header .button{width: 11px;}
.modal .modal-header .button_close{width: 25px;}

.modal.viewObra ul{
	list-style: none;
	padding: 0;
	margin: 2rem 0;
}

.modal.viewObra ul li{
	padding: .4rem 0;
}
.modal.viewObra .btn{
	font-size: 1.8rem;
}

.select2-container--default .select2-selection--single{
	background-color: transparent;
	border:none;/*
	border-bottom: 1px solid #000;*/
}
.text-white .select2-container--default .select2-selection--single .select2-selection__rendered,
.text-white .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #fff!important;}
.text-white .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #fff transparent transparent transparent;}
.text-black .select2-container--default .select2-selection--single .select2-selection__rendered,
.text-black .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #000!important;}
.text-black .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #000 transparent transparent transparent;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #b5b5b5; }
.select2-container--open .select2-dropdown--below {
	border:none;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 300px;
}

.biblioteca_grid .desc {
	height: 110px;
	max-height: 110px;
}

.select-css {
	display: block;
	line-height: 1.2;
	width: 100%;
	max-width: 100%; 
	box-sizing: border-box;
	border: none;
	box-shadow: none;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22ad1dede5-d7e3-43f0-bf7e-3ddcd93bbe3d%22%20data-name%3D%22Capa%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032.34%2016.64%22%3E%3Ctitle%3Earrow_down%3C%2Ftitle%3E%3Cpolygon%20points%3D%2216.17%2016.64%200%201.3%201.24%200%2016.17%2014.16%2031.1%200%2032.34%201.3%2016.17%2016.64%22%20style%3D%22fill%3A%23464646%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .95em auto, 100%;
}
.select-css::-ms-expand {display: none;}
.select-css:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
}

.select-css option {
	font-weight:normal;
}

#Millares.artist_little_info {
	padding-bottom: 2rem;
	padding-top: 0;
}

#Antoni-Tapies.artist_little_info {
	margin-top: 4rem;
}

#Antonio-Saura.artist_little_info {
	margin-bottom: 5rem;
	margin-top: 2rem;
}

.aviso-legal {
	font-weight: 500;
	font-size: .85rem;
}

.margen-btn-descargar {
	margin-top: 4.5rem;
}

/*#Antonio-Saura .image_left {
	transform: scale(1.5);
    transform-origin: center center;
}*/

.ajuste_tamano { font-size: 2.6rem !important}


.social a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.social a:not(:last-child) {
	margin-right: .5rem;
}

.social a img,
.social a svg {
	display: block;
	width: 24px;
	height: 24px;
}

.estaticos {
	text-align: left;
	padding: 4rem 0;
}

.estaticos h1:not(:first-child),
.estaticos h2:not(:first-child) {
	margin-top: 4rem;
}

.estaticos p,
.estaticos li {
	text-align: justify;
	font-size: 1rem;
}

.estaticos p,
.estaticas ul,
.estaticos ol {
	margin-bottom: 2rem;
}

.estaticos img,
.estaticos svg,
.estaticos video {
	max-width: 100%;
}

/** COOKIES */
.show_cookies {
	position: fixed;
	top: auto;
	bottom: -300px;
	left: auto;
	right: 0;
	width: 100vw;
	z-index: 9999;
	font-weight: 300;
	font-size: .8rem;
	text-align: left;
	text-transform: none;
	background: rgba(0,0,0,.9);
	color: #fff;
	border: none;
	padding: 1rem 2.5rem;
	-webkit-transition: bottom .75s cubic-bezier(.2,.45,.42,1.28);
	transition: bottom .75s cubic-bezier(.2,.45,.42,1.28);
}

.show_cookies.mostrar {
	bottom: 0;
}

.show_cookies.ocultar {
	display: none;
}

.show_cookies figure#close_cookies{
	max-width: 20px;
	margin: 0 0 0 1.5rem;
}
.show_cookies .btn{
	margin: 0 1.5rem;
}

#crt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: #fff;
    display: none;
}

.video-abstrart:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.video-abstrart {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-abs:before {
    position: absolute;
	content: '';
    left: 0;
    width: 100%;
    height: 120px;
	background-color: #fff;
    top: 70px;
    -webkit-clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 15%, 0 100%, 0 0);
}

.video-abs:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 120px;
	background-color: #fff;
    bottom: 70px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%);
}

.page-blog img {

}

.page-blog a.btn:last-of-type {
    margin-top: 5rem;
}

.page-blog .imgMainNoticia {
	width: 100vw;
	height: 60vh;
	object-fit: cover;
	clip-path: polygon(100% 0, 100% 79%, 0 87%, 0 5%);
}

.page-blog h1 {
	font-size: 2.25rem;
	margin-bottom: 44px;
}

.page-blog h2 {
	font-size: 1rem;
	font-weight: 600;
}

.page-blog section {
	text-align: left;
}

.page-blog h6 {
	font-size: 0.75rem;
}

.page-blog a {
	font-weight: 500;
	text-decoration: underline;
}


/** RECAPTCHA */
.grecaptcha-badge {
	z-index: 999;
	right: -386px !important;
}

.grecaptcha-badge.show {
	right: -186px !important;
}

.reflexiones-blog .card-img-top {
	height: 300px;
	object-fit: cover;
	border-radius: 0;
}

.reflexiones-blog .card {
	border: none;
	border-radius: 0;
	background-color: transparent;
}

.reflexiones-blog .stretched-link svg {
	width: 15px;
}

.reflexiones-blog .card-body figure {
	margin-left: 5%;
}

.reflexiones-blog .card-body {
	padding-left: 0;
}

.reflexiones-blog .card-text,
.cardActualidad .card-text {
	line-height: 1.1;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	min-height: calc(1.1em * 3);
}

.reflexiones-blog .card-title,
.cardActualidad .card-title{
	font-weight: 500;
	line-height: 1.1;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	min-height: calc(1.1em * 2);
}

.reflexiones-blog .slickActualidad .slick-dots{
	top: -7%;
	bottom: auto;
}

.reflexiones-blog .slickActualidad{
	text-align: start;
	clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
}

.reflexiones-blog .verTodas{
	margin-left: 1rem;
}

.imgActualidad {
	height: 300px;
	object-fit: cover;
}

.cardActualidad figure {
	position: relative;
}

.cardActualidad figure:after {
	content: "";
	position: absolute;
	top: -5%;
	left: 0;
	width: 100%;
	height: 35px;
	clip-path: polygon(100% 0, 100% 50%, 0 100%, 0 0);
	z-index: 2;
	background-color: #fff;
}

.cardActualidad  .card-body{
	padding-left: 0;
}

.cardActualidad .card-body figure {
	margin-left: 5%;
}

.cardActualidad .card-body {
	text-align: start;
}

.cardActualidad .card {
	border: none;
	border-radius: 0;
	background-color: transparent;
}

#cc_div #cm,
#cs_inner {
	text-align: left;
}

#cc_div h4#cm_title {
	font-family: 'Canvas';
	color: #000;
}

#cc_div p#cm_text,
#cc_div #cm a.cc-link, #cc_div #cs a.cc-link {
	color: #000;
}

div#cc_div #cs_buttons button:first-child,
div#cc_div #cm button:first-child,
div#cc_div #cm button:first-child, 
div#cc_div #cs_buttons button:first-child,
div#cc_div .c_b_toggle input:checked~.sc_toggle,
div#cc_div #cm button:first-child:hover,
div#cc_div #cs_buttons button:first-child:hover {
	background: #000;
}

#cc_div h5 {
	font-size: 1rem;
	margin-bottom: 0;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 */
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.modal-dialog{max-width:650px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.modal-dialog {max-width:850px;}
	.biblioteca_grid .desc h5 { font-size: 1.25rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.modal-lg, .modal-xl {max-width: 950px;}
	.contadores .contadores-espacio {margin-right: 7rem;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.modal-xl {max-width: 1140px;}
	#banner.Millares { background-position: center 75%; }
	#form_contacto,.estaticos,.desc_artist div { max-width: 75%; }
	
}
@media (max-width: 1500px) {
	.h1 {font-size: 5rem;}
	.xl{font-size: 7rem!important;}
	.xxl{font-size: 8rem!important;}
	.xxxl{font-size: 13.5rem!important;}
}

@media (max-width: 1200px) {
	.h1 {font-size: 4.5rem;}
	.xxl{font-size: 8.5rem!important;}
	.no-gutters {margin-right: 31%;}
	#Antonio-Saura.artist_little_info { margin-bottom: 0; padding-bottom: 5rem; }
	#Antonio-Saura.artist_little_info, #Millares.artist_little_info, #Antoni-Tapies.artist_little_info { padding-top: 0; margin: 0; }
	#Millares.artist_little_info { margin-top: 0; padding-bottom: 2rem; padding-top: 0;}
	#Millares.artist_little_info, #Antoni-Tapies.artist_little_info { margin-top: 0; }
	.texto_manifesto { max-width: 65%; position: static; }
	.btn_artista_destacado_right { right: 10%; }
	#Antonio-Saura .artist img { transform: scale(1.5); }
	.scrollable {	width: 140%;}
	.artistas_intro {left: 125px;}
	.artistas_intro.por_izq { left: -60px; }
	.suscribete {background-position: -100px center; }
	#banner { max-height: 550px; }
	.relato { padding-top: 2rem !important; }
	#banner.relato.active { max-height: 80vh; }
	.abecedario {padding: 0 !important; margin: 1.5rem 0;}
/*	.artistsMenu ul li{padding: .5rem 0;}*/
	.obra_img figcaption { display: none; }
}
@media (max-width: 992px) {
	.h1 {font-size: 4rem;}
	h2 {font-size: 3.7rem;}
	.xl{font-size: 6rem!important;}
	.biblio_tit{font-size: 5.5rem!important;}
	.xxl{font-size: 7rem!important;}
	.xxxl{font-size: 10rem!important;}
	.artistsMenu .desc{padding:1.5rem .5rem 3rem;}
	.image_left.artist {
		bottom: 0%;
	}
	.millares_text {    
		padding: 0%;
	    margin-left: -7%;
	    margin-right: 19%;
	}
	.image_right.artist.tapies {
		left: 0;
	}
	.artistas_intro.por_izq {
	    left: 4px;
	}
	.contenedor_artista {
		margin-bottom: 15%;
	}
	#Antonio-Saura .artist img {
	    height: auto;
	    width: 75%;
	    margin-left: 19%;
	    margin-top: 24%;
	}
	.section_manifiesto {
		margin-top: -10%;	
	}
	@keyframes left-artista {0% {-webkit-transform: translateX(-1000px);transform: translateX(-1000px);opacity: 0;}100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}}
	@keyframes right-obra {0% {-webkit-transform: translateX(1000px) translateY(-50px);transform: translateX(1000px) translateY(-50px);opacity: 0;}100% {-webkit-transform: translateX(0) translateY(-50px);transform: translateX(0) translateY(-50px);opacity: 1;}}
	@keyframes right-artista {0% {-webkit-transform: translateX(1000px);transform: translateX(1000px);opacity: 0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
	@keyframes left-obra {0% {-webkit-transform: translateX(-1000px) translateY(50px);transform: translateX(-1000px) translateY(50px);opacity: 0;}100% {-webkit-transform: translateX(0) translateY(50px);transform: translateX(0) translateY(50px);opacity: 1;}}
	.grid_publicaciones .publicacion figure{margin-bottom:0;}

}
@media (max-width: 768px) {
	@keyframes right-obra {0% {-webkit-transform: translateX(1000px) translateY(-20px);transform: translateX(1000px) translateY(-20px);opacity: 0;}100% {-webkit-transform: translateX(0) translateY(-20px);transform: translateX(0) translateY(-20px);opacity: 1;}}
	@keyframes left-obra {0% {-webkit-transform: translateX(-1000px) translateY(20px);transform: translateX(-1000px) translateY(20px);opacity: 0;}100% {-webkit-transform: translateX(0) translateY(20px);transform: translateX(0) translateY(20px);opacity: 1;}}
	.suscribete .bg-white{width: 90%;padding: 3rem 1rem 3rem;}
	footer:before,#banner:after{height:50px;}
	.suscribete:before, .suscribete:after,.section_manifiesto .image:before, .section_manifiesto .image:after{height:70px;}
	header:after{height: 15px;}
	.xxl{font-size: 5.2rem!important;}
	.xl{font-size: 4.5rem!important;}
	.no-gutters {margin-right: 50%;}
	.big {font-size: 3rem;}
	.biblio_tit{font-size: 4rem!important;}
	#banner.banner_publicaciones .h1{font-size: 3rem;}
	h2{font-size: 3rem;}
	#banner .content .h1{-ms-transform: scale(1.05);transform: scale(1.05);}
	.select2-dropdown {min-width: 200px;}
	.grid_publicaciones .publicacion figure{max-width: 180px;}
	.artist_little_info .image_left.artist{left: -65%;max-width: 300px;}
	#banner{max-height:500px;}
	.publicacion_destacada { position: relative; top: -100px; }
	.texto_manifesto { position: static; max-width: 80%; margin: 0 auto; }
	.btn_mas_info_manifiesto { bottom: 1%; }
	.lista_artistas li > span {font-size: 2.5rem;}
	.scrollable { width: 180%; }
	.scrollable h4 { font-size: 1.25rem; }
	.artistas_intro,.artistas_intro.por_izq { left: 0; bottom: 0; }
	.artistas_intro.por_izq { bottom: -209px; margin-left: 10%;}
	#Millares.artist_little_info { margin-top: 4rem; padding-bottom: 0; }
	#Antonio-Saura .image_left {left: -82%;top: -2%;bottom: 0;}
	#Antonio-Saura .artistas_intro {bottom: -30px;}
	.modal-open .modal {overflow-y: auto; }
	.artistas_intro { z-index: 1; }
	.obra_img_modal figure { max-width: 450px; }
	.modal-body { padding-top: 1rem; }
	.seguir:before { height: 60px; }
	.volver_arriba { right: 4%; }
	.artist_little_info.animated .image_left.obra { transform: scale(1.5);transform-origin: center 52rem;max-height: 300px;animation: none;right: 5%; transition: all ease .6s;}
	#Antonio-Saura.artist_little_info { margin-top: -4rem; }
	.abecedario {padding: 0 !important; margin: 1rem 0;}
	.image_right.artist.tapies { max-width: 400px;left: 0;bottom: -200px;	}
	.image_right.artist { left: 150px; bottom: -200px; }
	.btn_artista_destacado_left {bottom: 65%;left: 58%; }
    #Antoni-Tapies.artist_little_info { margin-bottom: 15rem; margin-top: 9rem;}
    .button_prev { left: 2.5%; z-index: 999;}
    .button_next { right: 2.5%; z-index: 999;}
    .selector-artista { padding: 5rem 0 !important; }
    .relato figure.left.animated { left: 0; margin: 2rem 1rem 2rem 0;}
    .relato figure.right.animated { right: 0; margin: 2rem 0 2rem 1rem;}
    #banner figure.publicacion { transform: none; }
    .mas-info-img { max-width: 350px; }
    .image_right.artist.img-main { left: 40px;right: 2%;}
	.millares_text {    
	    padding-top: 5%;
	}
	.contenedor_artista {
		margin-bottom: 15%;
	}
	.titulo_biblioteca {
	    font-size: 4.5rem;
	    text-align: center;
	}
	.parrafo_biblioteca {
		margin-left: 5%;
    	margin-right: 5%;
	}
	.enlace_biblioteca {
	    font-size: 2rem;
	    margin-left: 5%;
	    margin-right: 5%;	
	}
}



@media (max-width: 576px) {
	.xxxl{font-size: 4.2rem!important;}
	.xxl{font-size: 3.5rem!important;}
	.xl{font-size: 2.45rem!important;}
	.no-gutters {margin-right: 63%;}
	.big {font-size: 2rem;}
	.artista_tit{font-size: 2rem!important;}
	.no-gutters {margin-right: 65%;}
	.obras_tit{font-size: 2.3rem!important;}
	#dinamicList .h1 { font-size: 2.3rem !important; }
	#banner.banner_publicaciones .h1 { font-size: 2.6rem !important; }
	.contadores span.canvas { font-size: 6rem !important; }
	.biblioteca_grid .desc h5 {font-size: 1rem;}
	.biblioteca_grid .desc h6 {font-size: .8rem;}
	.font_ajuste_tamano { font-size: 1.5rem !important; }
	.ajuste_tamano { font-size: 1.4rem !important}
	.h1{font-size: 1.9rem;}
	h2{font-size: 2rem}
	h3{font-size: 1.75rem;}
	h4{font-size: 1.15rem;}
	.btn:after { right: -5%; }
	.btn { padding: 0 1.6rem 0 0; }
	.button_next { right: 2%; z-index: 5;}
	.button_prev { left: 2%; z-index: 5;}
	section:not(.main_container){padding-top:2rem;padding-bottom: 2rem;}
	header .logo{max-width: 145px;}
	header .menuButton, header .artistsButton,
	.modal .modal-header .button_close{max-width: 20px;}
	#Millares .btn_artista_destacado_right { top: 3%; }
	#Antonio-Saura .btn_artista_destacado_right { right: 25%; }
	#Antonio-Saura .image_left { top: 98%;transform: scale(1.15);left: 60%;}
	#Antonio-Saura .artist img {margin-left: -83%;margin-top: 0%;}
	.btn_mas_info_manifiesto { bottom: 1.5%; margin-top: 1.5rem; max-width: 30px; }
	.btn_mas_info_manifiesto.cerrar { max-width: 30px; }
	.btn{font-size: 1.2rem;}
	.lista_artistas li > span { font-size: 1.65rem; }
	.suscribete { padding-top: 5rem !important; }
	.suscribete .bg-white{width: 100%; padding-top: 4rem;}
	.section_suscribete .suscribete .bg-white { top: -50px; }
	.section_suscribete.index .suscribete .bg-white{ top: -40px; }
	.section_suscribete { padding-top: 2rem !important; }
	.section_manifiesto .image{min-height:500px; background:#242424 no-repeat 30% 60% / cover;}
	.section_manifiesto .bg-white{padding: 1rem 15px;}
	.relato figure.left,.relato figure.right{width: 100%;}
	.fecha_artista .bg-white{padding: 1.5rem 15px 0;}
	#obras_grid{margin-left:-7px;margin-right:-7px;}
	#obras_grid .obra_img{padding-left:7px;padding-right:7px;margin-bottom: 14px;}
	#banner.publicacion_individual {height: 80vh;max-height: 750px;}
	footer:before,#banner:after{height:35px;}
	.suscribete:before, .suscribete:after,.section_manifiesto .image:before, .section_manifiesto .image:after{height:55px;}
	header:after{height: 10px;}
	.obra_img_modal figure { max-width: 250px; }
	.grid_publicaciones .publicacion figure{max-width:130px;}
	.grid_publicaciones .publicacion h3{font-size: 1.3rem;}
	.grid_publicaciones .publicacion h3+h3{font-size: 1.75rem;}
	.artist_little_info .image_left.artist,
	.artist_little_info .image_right.artist{max-width:150px;left: 12%;}
	.artist_little_info .image_left.artist { top: 41%;transform: scale(1.2);}
	.publicacion h5 { font-size: 1.2rem; }
	.artistsMenu ul { padding: 0; }
	.suscribete { background: #242424 no-repeat center 0px / cover; padding-top: 3rem; }
	.section_suscribete.index  .suscribete {background: #242424 no-repeat center 50px / cover}
	#banner{max-height:400px;}
	#banner figure.publicacion { transform: none; max-width: 300px; }
	.publicacion_destacada { position: static; }
	.categoria_header_button h3 { font-size: 1.7rem; }
	.selector-artista { padding: 2rem 0 !important; }
	#filterGroup button { margin: 1rem auto; }
	.filterGroup_mobile{display: none;padding: 1rem 0;}
	.select2 { margin: 1rem 0; width: 100% !important; }
	.artistas_intro,
	.artistas_intro.por_izq { left: 0; bottom: 0; }
	.scrollable { width: 290%;}
	#Antonio-Saura.artist_little_info { padding-bottom: 0; }
	#Millares.artist_little_info { margin-top: 3rem; padding-bottom: 0; }
	#Millares.artist_little_info .text { padding-top: 11rem;margin-right: -6%;margin-left: -46%;padding-right: 10%; }
	.social a img, .social a svg { width: 24px; height: 24px; }
	.btn_artista_destacado_right {right: 17%;top: 29%;}
	.btn_artista_destacado_left { top: auto;bottom: 0.5rem;font-size: 1.55rem !important;left: 12%; }
	.artistsMenu .desc { padding: .5rem; }
	.relato figure.left.animated { left: 0; margin-right: 1rem;}
	.relato figure.right.animated { right: 0; margin-left: 1rem;}
	.leyenda_mas h5 { font-size: .8rem; }
	.texto_relato,#form_contacto,.estaticos,.desc_artist div { max-width: 100%; }
	.pie_de_foto { position: static; width: 100%; }
	.volver_arriba { margin: 0 auto; right: 5%; }
	.modal.viewObra .btn { text-align: left; }
	.artist_little_info.animated .image_left.obra {transform: scale(1.3);transform-origin: center 52rem; max-height: 300px; animation: none; right: 20%;}
	.artist_little_info.animated .image_right.obra { transform: scale(1.3);max-height: 300px; animation: none !important; transform-origin: center; left: 20%; }
	.texto_manifesto { position: relative;    max-width: 80%;width: 80%;margin: 0;top: 6rem; margin-top: -6rem;}
	.texto_manifesto .h1 { font-size: 4rem !important; }
	.mas_info_manifiesto { padding: 0 .5rem; }
	.modal-header { padding-left: 0; padding-right: 0; }
	.artist_little_info .image_left.obra { transition: all ease .7s; }
	.seguir:before { top: -0.5%;   height: 30px; }
	#Antonio-Saura .artistas_intro { padding-bottom: 2.5rem; padding-top: 5.5rem;padding-left: 27%; }
	.artistas_intro.por_izq { padding-top: 12rem;margin-left: -3%; }
	.la_coleccion:after { height: 35px; }
	.image_left .btn:after { right: 35%; }
	.image_right .btn:after { right: 17%; }
	.biblioteca:after { height: 120px; }
	.biblioteca { padding: 6rem 0 0 0 !important; }
	.artist_little_info .image_right.artist.tapies { max-width: 250px;opacity: 0;z-index: 6;margin-right: 18%; }
	.image_right.artist.img-main {right: -25%;max-width: 126%;left: auto;z-index: -1; }
	.modal.show .modal-dialog { margin: .025rem; }
	.relato figure.left,.relato figure.right  { max-width: 100%; }
	.slick-slide {margin: 0 .45rem;}
	.mas-info-img { max-width: 250px; }
	#Antoni-Tapies.artist_little_info { margin: 0 0 4rem 0; }
	.button_next, .button_prev { top: 50%; }
	.button_next { right: 5% }
	.button_prev { left: 5% }
	#Millares .btn_artista_destacado_right { right: 27%; }
	.button_ajuste_movil { display: none; }
	.biblioteca { background-position: 7% top; background-size: 158%;}
	.show_cookies .btn { margin: 0; }
	.millares_text { 
	    font-size: 20px;
	}
	.contenedor_num_artista {
		margin-top: 12%;
	}
	.contenedor_artista { margin-bottom: 15%; }
	.subtitulo_seguimiento { font-size: 3.3rem; }
	.titulo_biblioteca { font-size: 2.5rem; }
	.contenedor_obras, .contenedor_artistas { text-align: center; }
	.contenedor_artistas { padding-top: 10%; }
	@keyframes left-artista {
		0% {-webkit-transform: translateX(-1000px);transform: translateX(-1000px);opacity: 0;}
		100% {-webkit-transform: translateX(-15px);transform: translateX(-15px);opacity: 1;}
	}
	@keyframes right-artista {
		0% {-webkit-transform: translateX(1000px);transform: translateX(1000px);opacity: 0;}
		100% {-webkit-transform: translateX(15px);transform: translateX(15px);opacity: 1;}
	}
	.video-abs:before {height:55px; top:40px;}
	.video-abs:after {height:55px;bottom: 40px;}
	.page-blog h1 {font-size: 1.75rem;}
	.page-blog img {margin: 0 auto;}
	/* .page-blog .container img{padding: 2rem;} */
	.page-blog .container img {width: 100%;}
	.reflexiones-blog .verTodas{margin-left: 0rem;}

}