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

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

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

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

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

img { max-width: 100%;}
.expo img { width:100%;}
body, html {text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;  scroll-behavior: smooth; }
html { padding: 0; border: 0;}
body { margin: 0; font-family: 'gothambook'; font-size: 13px; }
img.logo { z-index:99999999; margin:13px auto; height:23px;}
#inicio img.logo { display: none;}
a { cursor:pointer;} 
div#exhibitions { /*margin:25px;*/}
 
.logo-up, .logo-down { position: absolute; z-index: 5;}
.logo-up { top:1px; right:0; }
.logo-down { bottom: 0; left:0;} 
.logo-up img, .logo-down img {width: 220px;}

[id=past] > body { margin:50px;}

button, input, select, textarea {  margin-top: 10px !important;  padding: 10px;   background: transparent; border: 1px solid #999;}
.contacto_news input { width:70%;}	
.contacto_news button { width:30%; margin-left:-5px !important;}
.filete_ok { width:100%; height:1px; margin-top:80px; left:25px; /*background:#ccc;*/} 

.texto_home p { margin:0 !important;} 
p { margin:0 0 30px !important;}
a {text-decoration:none; color:#000;}
.header { height:80px; position:fixed; width:100%; left:0; top:0; padding:15px; background:#fff; z-index:9999999; text-align: right;}
#inicio .header { background: transparent;}
.headerslide .header { width:calc(100% - 50px); height:30px;}
.menu { float:right; text-align:right;}
.menu li { text-transform:uppercase; padding:20px 0; transition:0.3s;}
ul.menu  { margin:0; padding:0; transition:0.3s;}
.menu li.selected, .menu li:hover  { padding-top:0; transition:0.3s;}
.header .menu li:hover > .header > li.selected { padding-top:20px !important; transition:0.3s;}
.left {float:left;} 
.menu_responsive { display:none;}
.bocadillo, .cerrar { position:absolute;top:25px;left:25px; height:18px; background-size:cover; cursor:pointer;}
.bocadillo { background-image: url("../img/bocadillo-fino.svg"); width:40px;}
.cerrar { background-image: url(../img/close.svg); width:20px; }
.menu_responsive { height:100vh; width:300px; top:0;left:0;position:fixed; background:#fff; text-align:left;}
.menu_responsive.relative { height:100%; }
.menu_responsive a {color:#000; font-family: 'gothambook'; font-size:12px; line-height: 40px; letter-spacing: 1.3px;}
.menu_responsive ul a { text-transform:uppercase;}
.menu_responsive a:hover { color:#ccc;}
.menu_movil { margin-top:70px;}
.footer_menu { position:absolute; bottom:0;padding: 40px;}
.footer_menu a { font-size:12px;line-height:22px;}
.header_socials img {margin:0 5px;}
.idiomas a { width: auto; }
.idiomas { margin-top: 120px;}

.menu a { color:#000; font-family: 'gothammedium'; font-size:16px; float:left; margin-left:20px;}
ul, li { list-style:none;}
ol li:first-child { margin-right:2px;}
/* #home1, #home2 { display:none;}*/

.bold { font-family: 'gothammedium' !important;}
.imagen_home1 {  position:fixed; top:83px; left:25px; width:calc(66% - 30px); height:calc(100% - 128px);  background-size:cover; background-position:center; line-height: 23px;}
.imagen_home2 {  position:fixed; top:83px; right:25px; width:calc(70% - 30px); height:calc(100% - 128px); background-size:cover; background-position:center; line-height: 23px;}

.derecha { position:fixed; top:83px; right:25px; width:calc(34% - 45px); height:calc(100% - 128px);  background:#978c83; padding:25px;}
.izquierda { position:fixed; top:83px; left:25px; width:calc(30% - 45px); height:calc(100% - 128px);  background:#EA753E; padding:25px;}
.izquierda_arco { position:fixed; top:83px; left:25px; width:calc(30% - 45px); height:calc(100% - 128px);  background: #000; padding:25px; color:#fff;}
.titulo img { max-width:280px; width:100%;}
.titulo {font-family: 'GTAmerica-Bold'; /*font-size:86px; text-transform:uppercase; line-height:74px; letter-spacing:-2px;*/}
#home1 .titulo, #home2 .titulo, #upcoming .titulo, .home .titulo {font-size:27px;line-height:44px;text-transform:uppercase;/*margin-bottom: 15px;*/}
.fecha { font-size:20px; line-height:50px;}
.autor .fecha { font-size:20px; line-height:20px; text-transform:none;font-family: 'gothambook';}
#home .autor {font-family: 'gothambook';}

.autor { font-size:19px; text-transform:uppercase;bottom:30px; position:absolute;font-family: 'gothammedium'; }
.galeria img { position:absolute; margin-left:20px; bottom:20px; width:calc(50% - 20px); max-width:calc(50% - 20px);}
.botones span { height:8px; width:8px; border-radius:10px; background:#f0f0f0; position:absolute; /*margin:0 30px;*/cursor:pointer;}
.botones span#homearco { background:#000;}
#home1a { margin-left:-20px;}
#home2a { margin-left:0;}
#homearco {margin-left:-40px;}
.botones { position:fixed; width:calc(100% - 50px); text-align:center; bottom:30px; z-index:9999999}
.pie { text-transform:uppercase; position:fixed; left:25px; bottom:0; font-size:11px; width:calc(100% - 50px); background:#fff; z-index:1; padding:15px 0;}
#footer_relative .pie { position:inherit; float:left; width:100%;}
.right { float:right;}
.pie .right a, .pie_exhibition .right a, .pie_artista .right a { margin-left:10px;}
.pie .right img, .pie_exhibition .right img { max-height:15px;}
.pie a, .pie_exhibition a { color:#000; margin-left:20px;}
.pie_exhibition, #footer { position:fixed; left:0; bottom:0; font-size:11px; width: calc(100% - 100px); background:#F6F6F6; z-index:9; padding:50px; height: 100px; color: #444; line-height: 17px; text-transform: uppercase;} 
#footer.general { width: 100%; height: 200px;}
#footer.general.relative { position: relative; float: left; margin-top: 50px;}
#home .pie_exhibition { width:100%; }
.footer_left { float: left; margin-left: 40px;}
.footer_right { float: right; min-width: 40%;}
.footer_right img { max-height:15px; margin:0 9px !important;}

@media only screen and (max-width: 800px){
	.idiomas { margin-top: 60px;}
	.menu_responsive a { line-height: 38px;}
	.expo { margin: 10px auto 0; padding: 0 30px;}
	.menu-artistas { margin-top: 80px !important; text-align: center !important; line-height: 24px;}
	.menu-artistas .izq { width: 100%; text-align: center; margin: 0;}
	.artista-thumb { width: 98% !important;}
	.footer_left { float: none; margin-left: 0 !important; margin-bottom: 30px;}
	.footer_right { float: none!important;}
	#footer.general { position: relative; height: auto; padding: 30px;}
}


/* NEW STYLES */

.expo-scroll { max-width: 1200px; margin: 90px auto 0; width: 94%; letter-spacing: 1.1px; font-size: 14px; }
.expo-scroll img { margin-bottom: 40px;}
.expo-scroll .titulo { font-size: 22px; line-height: 40px; text-transform: uppercase;}
.expo-scroll a { border: 1px solid #000; padding: 8px 80px;}
.expo-scroll .texto { margin-bottom: 30px;}
.expo-scroll div.fileton { border-bottom: 2px solid #000; padding-bottom:60px; margin-bottom: 80px;}
.expo-scroll div:last-child { border-bottom: none !important;}

/* SLIDER HOME */ 

#home .carousel-inner>.item { height:100vh;position:fixed;top:0;overflow:hidden;}
#home #home1, #home #home2 { display:block;}
#home .carousel-indicators { position:fixed;bottom:0;z-index:99999;}
#home section.awSlider .carousel { z-index:inherit;} 
.subtitulo_home {  text-transform:uppercase;font-family: 'gothammedium'; }
.texto_home { font-size:19px;/*bottom:25px; position:absolute; max-width:calc(100% - 50px);*/}

.texto_slide { position: fixed; top:140px; left: 80px; font-family: 'gothambook'; letter-spacing: 1.1px;}
.texto_slide.posicion_1 { top:180px; left: 80px;}
.texto_slide.posicion_3 { top:180px; right: 80px; text-align: right; left: inherit;}
.texto_slide.posicion_5 { bottom:150px; right: 80px; top:inherit; text-align: right; left: inherit;}
.texto_slide.posicion_7 { bottom:150px; left: 80px; top:inherit;}



/* ARTISTAS */

#artist { padding:0 25px; margin:50px auto; max-width: 1040px; width: 98%;} 
.hero_image { width:100%; height:60vh; background-position:center; background-size:cover; background-color: #333;}
.artistas { text-align:center; color:#000; font-family: 'gothambook'; font-size:21px; width:auto; text-transform:uppercase; margin:50px auto;}
.artista {height:30px;}
.nombre, .apellido { position:absolute;}
.nombre { right:50%;}
.apellido { left:50%; padding-left:8px;}
.artista a { color:#000; }
.artistas:hover > .artista a {color:#999;}
.artista a:hover { color:#000 !important;}
.filete { width:100%; height:1px;  /*position:absolute;*/ margin-top:80px; left:25px; background:#fff;} 
.imagen_artista { display:none;}
.nombre_exi { font-size:50px;font-family: 'gothambook'; text-transform:uppercase; line-height:54px;}
.menu-artistas { width: 100%; text-align: right; text-transform: uppercase; margin-top: 160px; font-family: 'gothambook'; letter-spacing: 1px;}
.menu-artistas .izq  { float:left;} 
.menu-artistas a, .menu-artistas span { margin: 0 20px;}
/*.menu-artistas span { color:#E30003;}*/
.artista-thumb { display: inline-grid; width: 22.5%; margin: 1%; text-transform:uppercase;}
.imagen_artista-thumb { background-size: cover; width: 100%; height: 200px; margin-bottom: 20px; background-position: center; margin-top: 40px;}
#artist .contenido p { text-align: justify; line-height: 26px;}

.nombre_artista { width:100%; text-align:left;font-family: 'gothammedium'; font-size:26px; text-transform:uppercase; margin:0 0 30px;}

.contenido {margin-top:30px;}
.izqda {font-size: 20px; line-height:30px; float:left; width:50%; padding-left:8%; text-align:left; margin-top:30px;}
.dcha { width:20%; float:left; font-size: 18px; line-height:22px; margin-left:26%; text-align:left; margin-top:30px;}
.bio { font-size: 18px; text-transform:uppercase; line-height:32px;font-family: 'gothammedium';}
.new_bio { font-size: 18px; text-transform:uppercase; margin:25px;font-family: 'gothammedium'; text-align:left; position:absolute;}
.statements .new_bio { margin-top:0 !important;}
.statements .dcha::-webkit-scrollbar { display: none;}
.statements .dcha p { margin-bottom:40px;}
.pie_artista { text-transform:uppercase; font-size:11px; width:100%; background:#F6F6F6; padding:15px 25px;}
a.underline { text-decoration:underline;}

@media only screen and (max-width: 800px){
.izqda, .dcha { width:90%;}
.dcha { margin-left:8%; margin-bottom:50px;}
.hero_image { height: 35vh;}
}


/* EXHIBITIONS */
 
.year_titulo { width: 100%; float: left; text-align: left; font-size: 16px; font-weight: 700; margin-left: 1.2%;}

.expo { /*max-width:1000px;*/ margin: 0 auto; text-align: justify; line-height: 21px; width: 100%;}
.expo img {max-width:100%; margin: 0 auto 40px;}
.expo p { margin: 0 !important;}
.expo p, .expo div { max-width:800px; margin: 15px auto !important; font-size:15px;}

.current { position:absolute; top:100px; font-family: 'gothammedium'; font-size:16px; text-transform:uppercase;cursor:pointer; display:none;}
#exhibitions .current span { margin:0 0 0 6px;}
#exhibitions .current a { color:#999;}
#exhibitions .current a:hover { color:#000;}
#exhibitions .autor { float:left; position:inherit;}
.exi_izquierda { float:left; margin-top:50px; width:calc(32.33% - 15px); height:calc(100vh - 180px);  background:#EA753E; padding:25px; }
#upcoming { /*margin-top:calc(100vh - 140px);*/ float:left; width:100%;}
.exi_derecha { float:left; margin-top:50px; width:32.33%; height:calc(100vh - 210px);  background:#978c83; padding:25px; margin-left:25px;} 
.exi_derecha .autor { position:inherit;}
.imagen_exi2 { float:left;  margin-top:50px; width:calc(67.66% - 25px); height:calc(100vh - 210px); background-size:cover; background-position:center; line-height: 23px;}
.imagen_exi { float:left; margin-top:50px; margin-left:25px; width:calc(67.66% - 25px); height:calc(100vh - 180px); background-size:cover; background-position:center; line-height: 23px;}
.exi_varios { /*float:left;*/ margin-top:50px; width: 100%;/* margin:25px;*/}
.exibicion { width:32.33%; margin-right:1.5%; float:left; overflow:hidden; height:600px; background:#f0f0f0; margin-top:50px; background-position: center 300px; background-repeat: no-repeat; background-size: auto 300px; }
.exibicion .imagen { margin-top:300px; width: calc(32.33% - 16px); height:300px; background-size:cover; position:absolute; }
/* #exhibitions { overflow-y:scroll;}*/
.exi_nav { position:fixed; top:80px;font-family: 'gothammedium'; font-size:15px; text-transform:uppercase;cursor:pointer; text-align:left; width:calc(100% - 50px); background:#fff; z-index:99999; padding:16px 0; border-top:1px solid #ccc; margin:0 25px;}
.exi_nav span a{ margin:0 5px; color:#999;}
.exi_nav span.current_button a { color:#000;}
div#past { min-height: 98vh; margin-bottom: 80px;}

 #year_2021, #year_2020, #year_2019, #year_2018, #year_2017, #year_2016, #year_2015 { display:none;}
.exi_autor, .exi_fecha, .exi_titulo { }
.exi_autor {font-size: 32px; text-transform:uppercase; line-height:32px;font-family: 'gothammedium';padding:25px; max-height:70px;}
.exi_autores {font-size: 18px; text-transform:uppercase; line-height:20px;font-family: 'gothammedium'; overflow: hidden; max-height: 238px;}
.exi_artistas { padding:0 25px; 	margin:-20px 0 0;}
.exi_fecha { font-size:20px; text-transform:none; font-family: 'gothambook';}
.exi_titulo {font-size: 19px; text-transform:uppercase;font-family: 'gothammedium';padding:25px; margin-top:100px; position:absolute; width: 29%; height: 200px;}
.content_bottom { position:absolute; bottom:25px; line-height: 24px; max-width: calc(100% - 65px);overflow-x: hidden;}
#exhibitions a { color:#000;}
.mini_nombre { width:100%;font-family: 'gothammedium'; font-size:19px; text-transform:uppercase; margin:-25px 0 30px;}
.years { position: relative; width: 84%; text-align: right; margin-top:20px; font-size: 16px; float: right; z-index: 99999;}
.years span { margin:0 10px; cursor:pointer; float: inherit;}
/*.statements.exi { max-height:calc(100vh - 240px);}*/
/*.statements.exi .dcha { height:calc(100vh - 240px);}*/
.autor_centrado {
    max-width: 70%; 
    margin: auto;}
@media only screen and (max-width: 1500px){
#year_2022 a:nth-child(3) div, #year_2022 a:nth-child(6) div, #year_2021 a:nth-child(3) div, #year_2021 a:nth-child(6) div, #year_2020 a:nth-child(3) div, #year_2020 a:nth-child(6) div, #year_2019 a:nth-child(3) div, #year_2019 a:nth-child(6) div, #year_2018 a:nth-child(3) div, #year_2018 a:nth-child(6) div, #year_2017 a:nth-child(3) div, #year_2017 a:nth-child(6) div, #year_2016 a:nth-child(3) div, #year_2016 a:nth-child(6) div, #year_2015 a:nth-child(3) div, #year_2015 a:nth-child(6) div  { margin-right:-1px;}
} 

@media only screen and (max-height: 800px){
 
.izquierda_arco .autor, .izquierda_arco .autor .fecha { font-size:16px; line-height:16px;}
	
}
@media only screen and (min-width: 1500px){
	
#year_2022 a:nth-child(4) div, #year_2022 a:nth-child(8) div, #year_2021 a:nth-child(4) div, #year_2021 a:nth-child(8) div, #year_2020 a:nth-child(4) div, #year_2020 a:nth-child(8) div, #year_2019 a:nth-child(4) div, #year_2019 a:nth-child(8) div, #year_2018 a:nth-child(4) div, #year_2018 a:nth-child(8) div, #year_2017 a:nth-child(4) div, #year_2017 a:nth-child(8) div, #year_2016 a:nth-child(4) div, #year_2016 a:nth-child(6) div, #year_2015 a:nth-child(3) div, #year_2015 a:nth-child(6) div  { margin-right:-1px;}
	
.exibicion { width:31.8%; margin-right:1.5%; } 
.exibicion .imagen { width: calc(31.875% - 13px); }
/*#year_2019 a:nth-child(3) div, #year_2019 a:nth-child(6) div,#year_2018 a:nth-child(3) div, #year_2018 a:nth-child(6) div, #year_2017 a:nth-child(3) div, #year_2017 a:nth-child(6) div, #year_2016 a:nth-child(3) div, #year_2016 a:nth-child(6) div, #year_2015 a:nth-child(3) div, #year_2015 a:nth-child(6) div  { margin-right:1.5%;}*/
.exi_autores {font-size: 18px; line-height:19px; max-height:245px;overflow-y:scroll;}
.exi_titulo { width:23%;}
}

 
/* VIEWINGROOMS */ 

.view_izquierda { float:left; width:calc(22.33% - 10px); height:calc(100vh - 120px);  background:#fff; padding:25px; position:fixed; display: grid; align-content: center; line-height: 24px; letter-spacing: 1.1px;}
.imagen_view { float:right; margin-left:25px; width:calc(77.66% - 10px); height:calc(100vh - 120px); background-size:cover; background-position:center; line-height: 23px; margin-bottom:50px; scroll-snap-align: start; transition: opacity 1s .2s; display: grid; align-content: center; text-align: center;}
.viewingrooms {scroll-snap-type: y mandatory; height: calc(100vh - 127px);  overflow-y: scroll; overflow-x: hidden;}
.view_titulos { font-size:36px; line-height:50px; font-family: 'gothammedium';}

.view_imagen {  background:#333; display: grid; align-content: center; text-align: center; background-size:cover; background-position:center;}   
.section {/*scroll-snap-align: start;*/ height: calc(100vh - 127px); scroll-behavior: smooth; }
.view_dcha, .view_izqda { width: 44%; padding:25px; /*height:100%;*/ float:left; } 
.view_dcha { margin-left:3%;}  
.view_izqda { margin-right:3%; margin-left:3%;} 
.view_dcha img, .view_izqda img { max-height:calc(100vh - 420px); max-width:600px;}
.transition {/* position:fixed; top:0; left:0;*/ height:95vh; width:100%; /*z-index:-5;  */background-size:cover;background-position:center;margin-bottom:5vh; float:left;} 
.views { background:#fff;}
.view_text { padding-top:15px; } 
.masinfo { padding: 2px 12px 4px; border:1px solid #000; border-radius: 2px;}
.masinfo:hover { background: #000; color:#fff;}  
.texto_view { background: #fff; padding: 50px; font-size: 22px; padding-bottom: 140px;}
.sold { font-weight: 700; color: brown;}
.white { position:fixed; top:0; left:0; height:98vh; width:100%; z-index:-5; background:#fff; margin-bottom:2vh;} 
/*.transition.one.index1 { z-index: -4;}
.transition.two.index2 { z-index: -3;}*/ 
.white.index3 { z-index:-2;}
/*.transition.three.index3 { z-index: -1;}*/
.transition.three { height: 66vh; /*min-height:500px;*/}
.popup {position: fixed; 
    z-index: 99999900;
    top: -110vh;
    left: 1px;
    width: 100vw; 
    height: 101vh;
    opacity: 0;
    background: rgba(255, 255, 255, .95); 
    -webkit-transition: opacity .5s, top .8s;
    -moz-transition: opacity .5s, top .8s;
    -o-transition: opacity .5s, top .8s;
    transition: opacity .5s, top .8s;  display: grid; align-content: center; text-align: center;} 
.popup form img { float: left; margin-left: 15%; height: 70px;}

.popup_text { float: left; margin-left: 20px; font-size: 12px; text-align: left; min-height: 70px; width: 40%;}
.close_popup { position:fixed; top:20px; right:20px; cursor:pointer;} 

#overview {position: fixed; 
    z-index: 99999999; 
    top: 0;
    left: 1px;
    width: 100vw;
    height: 101vh;
    background: rgba(255, 255, 255, .95); 
    -webkit-transition: opacity .5s, top .8s;
    -moz-transition: opacity .5s, top .8s;
    -o-transition: opacity .5s, top .8s;
    transition: opacity .5s, top .8s;  display: grid; align-content: center; text-align: center;} 
.close_view { position:fixed; top:20px; right:20px; cursor:pointer;} 
#mc_embed_signup { margin-bottom: 15px;}
.formulario { padding:220px 50px 110px; background:#fff; }
input, textarea { width:70%;}
button { width:20%;}
.height { height:100%;} 

.info_view { text-align:center; padding-top:30px; font-size: 11px; float: left;
    width: 100%;} 
.info_view img { max-height:60px; padding: 10px;}
@media only screen and (max-width: 1200px){
	.texto_view { font-size: 28px;}
}
 
@media only screen and (max-width: 1050px){
	.texto_view { font-size: 22px;}
}
@media only screen and (max-height: 750px){
	.texto_view { font-size: 20px;}
	.view_dcha img, .view_izqda img {  max-width: 300px; }
	.info_view { padding-top: 56vh;}
}

@media only screen and (max-width: 800px){
	.height { display:none;} 
	.view_izquierda { float:left; width:100%; background:#fff; height:54vh; align-content: center; position: relative;}
.imagen_view { float:left; margin-left:0; width:100%; background-size:cover; background-position:center; line-height: 23px; scroll-snap-align: none; margin-bottom:50px; display: grid; align-content: center; text-align: center; height: 65vh;}
	.view_titulos { font-size:30px; line-height:40px; font-family: 'gothammedium';}
.view_izqda { height:auto;}

.section { scroll-snap-align: none;	min-height: 100vh; height: auto;}
.viewingrooms { scroll-snap-type: none; height: 100vh;}
	.view_dcha, .view_izqda { width: 94%; background: #fff;}
	.view_dcha img, .view_izqda img { width: 100%;}
	.view_dcha { margin-right: 0; margin-left: 0;}
	
	
.popup form img {  height: auto; max-width: 100px;}
	
}
/* SERVICIOS */

#servicios { margin:15px auto; width:calc(100% - 30px); max-width: 1100px;}
.hero_servicios { width:calc(100% - 30px); height:50vh; background-position:center; background-size:cover; background-color: #ccc; margin-left:15px;}
.hero_servicios_interior { width:calc(100% - 30px); height:60vh; min-height: 500px; background-position:center; background-size:cover; background-color: #ccc; margin-left:15px; float: left; margin-bottom: 50px;}
#services .izquierdo, #services .derecho {width:calc(50% - 30px);}
#services .izquierdo { margin-right: 60px;}

@media only screen and (max-width: 800px){
	#services .izquierdo, #services .derecho {width: 100%;}
	#services .izquierdo { margin-right: 0;}
	.textos_about { line-height: 24px;}
	.hero_servicios_interior { width: 100%; min-height: 200px; margin-left: 0;}
}

/* ABOUT */

#about { }
.about_right { float:right; width:48%; font-size:18px; line-height:26px; height:calc(100vh - 82px); overflow-y:scroll; padding:40px 0;}
.about { width:50%; margin:auto; font-size:18px; line-height:26px; height:calc(100vh - 82px); /*overflow-y:scroll;*/ padding:25px 0 40px;}
.about_right::-webkit-scrollbar, .about::-webkit-scrollbar {  display: none;}
.about_titulo { font-size:18px; line-height:26px; text-transform:uppercase;font-family: 'gothammedium'; margin-bottom:30px;}

.about_left {float:left; margin-top:40px;}
.about_left section.awSlider { max-width:48vw; margin:auto; height:auto;}
.about_left .carousel-indicators { position:absolute; top:100%;}

.hero_about { width:calc(100% - 30px); height:60vh; background-position:center; background-size:cover; background-color: #ccc; margin-left:15px;}
#about {/* margin:15px; float:left; width:calc(100% - 30px);*/ }
#about img { margin: 25px auto 0; width: 100%;}
.about_intro { margin:15px; width:calc(100% - 30px); padding:50px; background:#f3f3f3; float:left;}
.titulo_about {font-family: 'gothammedium'; font-size:54px; text-transform:uppercase; line-height:74px; float:left;}
.intro_about { float:right; font-size:20px; line-height:30px;}
.izquierdo { float:left; margin-right: 20px;}
.izquierdo img, .derecho img { width:100%;}
.derecho {float:right;}
.intro_about, .izquierdo, .derecho {width:calc(50% - 10px);}
.textos_about {margin:10px 0 25px; line-height:32px; font-size:16px;}

@media only screen and (max-width: 800px){
.intro_about, .izquierdo, .derecho {width:100%;}
.titulo_about {font-size:36px; }
.about_intro { padding:20px;}
}

/* CONTACTO*

.contacto_mapa { position:fixed; top:60px; left:0; width:100%; height:calc(100% - 380px); background:#ccc; }
.contacto_izquierda {position:fixed; top:83px; left:25px; width:calc(30% - 45px); height:55%;  background:
#F4523E; padding:25px; font-size:16px; line-height:23px;}
.contacto_news { position:fixed; bottom:45px; left:25px; width:calc(30% - 45px); height:calc(45% - 150px);  background:#f0f0f0; padding:25px; font-size:16px; line-height:18px;}
.contacto_bottom { position:fixed; bottom:200px; width:100%; height:120PX;  background:#f0f0f0; padding:25px 80PX; font-size:12px; color:#444;}
.contacto_bottom .columna { width:14%; float:left;padding:0 1%; min-height:100px;}
.contacto_bottom .columna .name { text-transform:uppercase;font-family: 'gothammedium';}
.redes { position:absolute; bottom:25px;}
.redes a {margin-right:10px;}*/

.contacto_mapa { position:fixed; top:83px; right:25px; width:calc(70% - 30px); height:55%; background:#ccc; }
.contacto_izquierda {position:fixed; top:83px; left:25px; width:calc(30% - 45px); height:55%;  background:
#000; color:#fff; padding:25px; font-size:16px; line-height:23px;}
.contacto_news { position:fixed; bottom:45px; left:25px; width:calc(30% - 45px); height:calc(45% - 150px);  background:#f0f0f0; padding:25px; font-size:16px; line-height:18px;}
.contacto_bottom { position:fixed; bottom:45px; right:25px; width:calc(70% - 30px); height:calc(45% - 150px);  background:#f0f0f0; padding:25px; font-size:16px;}
.contacto_bottom .columna { width:25%; float:left;padding:0 1%; min-height:100px;}
.contacto_bottom .columna .name { text-transform:uppercase;font-family: 'GTAmerica-Bold';}
.redes { position:absolute; bottom:25px;}
.redes a {margin-right:10px;}
 

/* NEWS */ 

#news { padding:0 25px; margin:50px auto; max-width: 1200px;min-height: calc(100vh - 410px);} 
.news { width:30.9%; margin:0 1.2%; float:left; min-height:440px; margin-top:25px;}
.imagen { width: 100%; height: 250px; background-size: cover; background-position: center; margin-bottom: 20px; }
.categoria_news, .fecha_news, .categoria_new, .fecha_new { font-size:14px; margin:10px 0;}
.titulo_news { font-family: 'gothammedium'; font-size:16px; line-height:22px; text-transform:uppercase;}
.fecha_news, .fecha_new { color:#B2B2B2;}
.cantidad, .paginacion {font-family: 'gothammedium'; font-size:16px; text-transform:uppercase;}
.gris { color:#CBCBCB;}
.paginacion { margin:15px 0 90px 25px;border-top:1px solid #ccc; padding-top:20px; width:calc(100% - 50px); float:left;}

.new_izquierda { position:fixed; width:50%;height:100vh; background-size: cover; background-position: center; overflow:hidden; }
.new_derecha { padding:50px; overflow-y:scroll;margin-left:50%; font-size:20px; line-height:30px;}
.new_derecha img { width:100%;}
.titulo_new { font-family: 'gothammedium'; font-size:22px; line-height:32px; text-transform:uppercase;}
span.categoria_new { color: #000; margin-right: 10px;}
.share img { max-width:20px; max-height:20px; margin-right:10px; filter: opacity(60%);}
.share { font-size:14px; color:#888;}
.share_enlaces img { max-height:30px; width: auto; margin-right:30px; filter: opacity(60%);}

@media only screen and (max-width: 800px){
.news { width:100%; margin-right:0; float:left; min-height:420px; margin-top:25px;}
.new_izquierda { position: relative; width: 100%;  height: 30vh;}
.new_derecha { padding:25px; margin-left:0; font-size:20px; line-height:30px;}
}


@media only screen and (max-width: 1500px){
.titulo { font-size:66px; line-height:54px;}
.years {text-align:right;}
.home .titulo {font-size:40px;line-height:38px;}
}

@media only screen and (max-width: 1262px){
body { font-size:12px;}
.titulo { font-size:51px; line-height:44px;}
.exi_autor { font-size: 22px;}
.new_bio {  text-align:center; position:relative;}
.contenido { margin-top:0;}
.statements .izqda { float:none; text-align:center; padding-left:0; width:100%;}
.statements .dcha { float:none; width:100%; margin:0;}
.exi_autores {font-size: 16px; line-height: 20px;}
.autor_centrado { max-width: 100%;}
#home1 .titulo, #home2 .titulo {font-size: 34px; line-height: 38px;}
.home .titulo {font-size:32px;line-height:30px;}
}

@media only screen and (max-width: 800px){
/*body { font-size:16px;}*/
.imagen_home1 { top:83px; left:25px; width:calc(100% - 50px); height:calc(55vh - 83px); line-height: 23px;}
.imagen_home2 { top:83px; right:25px; width:calc(100% - 50px); height:calc(55vh - 83px);  line-height: 23px;}

.derecha { top:calc(55vh + 25px); right:25px; width:calc(100% - 50px); height:calc(45vh - 75px);  padding:25px;}
.izquierda, .izquierda_arco { top:calc(55vh + 25px); left:25px; width:calc(100% - 50px); height:calc(45vh - 75px); padding:25px;}

ul.menu {display:none;}
.bocadillo {display:block;}
#home1 .titulo {
    font-size: 46px;
    line-height: 44px;
}

.titulo img { max-width:120px;  }
.texto_home {  font-size: 16px; line-height: 18px; width: calc(100% - 50px);  max-height: 20vh; overflow-y: scroll;}

section.awSlider { height:auto !important;}

/* ARTISTAS */
.artistas, .nombre_artista { font-size:32px;}
.artista { height:36px;}
.statements { height:auto; margin-top:5px;}
.statements .izqda { width:100%;}
.statements .dcha { height:auto; width:100%; margin-top:0; margin-right:0; line-height:26px; overflow-y:inherit; padding:10px 0 0;}


/* EXHIBITIONS */
.nombre_exi { font-size:5.8vw; line-height:4vh;}
.statements.exi {  max-height: none; height:auto;}
.exi_izquierda { width:100%; height:40vh; margin-top:50px; overflow:hidden;}
.exi_derecha { width:100%; height:40vh; margin-top:15px; margin-left: 0;}
.exi_izquierda .autor { position:inherit; font-size:15px; line-height:14px;}
.imagen_exi { width:100%; height:calc(60vh - 190px); margin-top:15px; margin-left: 0;}
.imagen_exi2 { width:100%;  top: calc(40vh + 165px);height:calc(60vh - 190px);}
.exi_varios { /*margin-top: calc(200vh - 150px);*/}
.exibicion, .exibicion .imagen { width: 49%;}
.exibition { margin-top: 60px; margin-right:2%;}
.exi_varios div:nth-child(5), .exi_varios div:nth-child(7) { margin-right:0;}
.exi_varios div:nth-child(6) {  margin-right:2%;}
.about { width: 100%;}
#home1 .titulo, #upcoming .titulo { font-size: 30px;line-height: 34px;}
.years { text-align: center; /*margin-left: -10px;*/ z-index: 1; width:100%;}



/* ABOUT */
.about_left section.awSlider { max-width:100%;}
.about_right { width:100%; margin-top:60px;}

/* CONTACTO */

.contacto_news, .contacto_izquierda, .contacto_mapa { position:absolute;}
.contacto_mapa { width: calc(100% - 50px); height:60%;}
.contacto_news, .contacto_izquierda {top: calc(60% + 105px); height:50%; margin-bottom:15px;}
.contacto_izquierda { width: calc(35% - 25px);}
.contacto_news { left: calc(35% + 25px); width: calc(65% - 50px);}
.contacto_bottom {
    position: absolute;
    width: calc(100% - 50px);
    top: calc(110% + 130px);
    height: fit-content;
    margin-bottom: 25px;
	bottom:inherit;
}
.contacto_bottom .columna { width:50%;}
}
@media only screen and (max-width: 600px){
	.artistas, .nombre_artista { font-size:24px;}
.artista { height:30px;}
.exibicion { margin-top: 10px; margin-bottom:10px;}
.exibicion { width: 100%;}
.exibicion .imagen { width:  calc(100% - 50px);}
.imagen_home1 { top:83px; left:25px; width:calc(100% - 50px); height:calc(40vh - 83px); line-height: 23px;}
.imagen_home2 { top:83px; right:25px; width:calc(100% - 50px); height:calc(40vh - 83px);  line-height: 23px;}
.derecha { top:calc(40vh + 15px); right:25px; width:calc(100% - 50px); height:auto; min-height:calc(60vh - 90px); padding:25px; overflow-y:scroll;}
.izquierda, .izquierda_arco { top:calc(40vh + 15px); left:25px; width:calc(100% - 50px); height:80px; min-height:calc(60vh - 90px); padding:25px; overflow-y:scroll;}
.izquierda_arco .titulo { font-size:52px;line-height:54px;}
.izquierda_arco .autor, .izquierda_arco .autor .fecha { font-size:13px; line-height:13px;}
.izquierda_arco .autor { margin-left:130px;}
.titulo { font-size:18px;line-height:18px; letter-spacing:0;}
.exi_titulo { width:calc(100% - 50px);font-size: 18px;}
.exi_fecha { font-size:18px;}
.exi_autores { font-size: 18px; line-height: 20px;}
.years { margin-top:10px;}
.years span { /*float: right; width: 100%;*/}
/*.botones { display:none;}*/
.no_mobil, #footer_relative, #bio {display:none;}
.filete { background:#ccc; display:none;}
.max { max-width: calc(100% - 50px);}  
.current { width:100%; text-align:center; font-size:16px; display:none;}

.exi_nav { display:block; position:fixed; text-align:center;}
#current { margin-bottom:90px;}

/* CONTACTO */

.contacto_news, .contacto_izquierda, .contacto_mapa, .redes, .contacto_bottom { position:relative; top:0; bottom:0;left:15px;right:0; width:calc(100% - 30px);}
.contacto_mapa { height:70vh;}
.contacto_news, .contacto_izquierda {/*top: calc(60% + 105px);*/ height:auto; margin-top:15px;}
.contacto_izquierda { /*width: calc(35% - 25px);*/}
.redes { margin-top:20px;}
.contacto_bottom .columna { width:100%;} 
.contacto_bottom { float:left;}
}
@media only screen and (max-height: 400px){
.imagen_home1 { top:83px; left:25px; width:calc(50% - 25px); height:calc(100vh - 100px); line-height: 23px;}
.imagen_home2 { top:83px; right:25px; width:calc(50% - 25px); height:calc(100vh - 100px);  line-height: 23px;}
#home_arco .imagen_home2 { top:83px; right:25px; width:calc(40% - 25px); height:calc(100vh - 100px);  line-height: 23px;}
.derecha { top:83px; right:25px; width:calc(50% - 50px); height:auto; min-height:calc(100vh - 100px); padding:25px; overflow-y:scroll;}
.izquierda { top:83px; left:25px; width:calc(50% - 50px); min-height:calc(100vh - 100px); padding:25px; overflow-y:scroll;}
.izquierda_arco { top:83px; left:25px; width:calc(60% - 50px); min-height:calc(100vh - 100px); padding:25px; overflow-y:scroll;}
.izquierda_arco .autor { margin-left:100px;}
.titulo img {
    max-width: 80px;
}
.titulo {
    font-size: 16px;
    line-height: 16px;    letter-spacing: 0px;
}
.autor { font-size:12px;}
.izquierda_arco .autor, .izquierda_arco .autor .fecha { font-size:12px; line-height: 11px;}
.botones { display:none;}
}
@media only screen and (max-width: 520px){

.nombre, .apellido { position:relative; right:0; left:0;}
.imagen_artista {/* display:block;*/ margin:12px 0 20px; text-align:center;}
.imagen_artista img { max-width:100%;}
.artistas { font-size:20px; padding-top:50px;}

.fecha { line-height: 18px; font-size: 14px;}
.autor .fecha { line-height: 18px; font-size: 16px;}
#home1 .autor { bottom:25px; position:absolute; height:auto; font-size: 14px;}
#home2 .autor { margin-top:40px; position:relative; height:auto; font-size: 14px;}
#home1 .titulo, #upcoming .titulo, #home2 .titulo, .home .titulo {
 /*   font-size: 26px;
    line-height: 23px; overflow-y: scroll; 
    overflow-x: hidden;
    max-height: 35vh;*/
}
}
/* ESTILOS NUEVO SLIDE */
.imagen_home1_slide {  position:fixed; top:0; margin-left:0; width:100%; height:100%;  background-size:cover; background-position:center; line-height: 23px;}
.imagen_home2_slide {  position:fixed; top:0; margin-left:0; width:100%; height:100%; background-size:cover; background-position:center; line-height: 23px;}

.derecha_slide { position:fixed; top:83px; margin-left:66%; width:calc(34% - 75px); height:calc(100% - 178px);  background:#978c83; padding:25px;}
.izquierda_slide { position:fixed; top:83px; margin-left:25px; width:calc(30% - 45px); height:calc(100% - 178px);  background:#EA753E; padding:25px;}
.swiper-pagination { margin:-35px 45% 0; width:10%;}
.swiper-pagination-bullet { margin: 0 4px; outline: none;}
.swiper-container-fade .swiper-slide { background:#fff;}

@media only screen and (max-width: 800px){
.imagen_home1_slide { top:83px; margin-left:0; width:100%;/* height:45vh;*/ line-height: 23px;}
.imagen_home2_slide { top:83px; margin-left:0; width:100%; /*height:45vh;*/  line-height: 23px;}
.logo-up {top: 15px;}
.logo-down { /*top: 360px;*/}
.swiper-container { height:92vh !important;}
.texto_slide, .texto_slide.posicion_1, .texto_slide.posicion_3, .texto_slide.posicion_7  { position: fixed; top:60vh; left: 20px; font-family: 'gothambook'; letter-spacing: 1.2px; text-align: left; color:#000 !important;}

.derecha_slide { top:calc(45vh + 15px); margin-left:20px; width:calc(100% - 90px); height:calc(55vh - 110px);  padding:25px;}
.izquierda_slide{ top:calc(45vh + 15px); margin-left:20px; width:calc(100% - 90px); height:calc(55vh - 110px); padding:25px;}
}

/* COOKIES */

	#overbox3 {
		    position: fixed;
		    bottom: 0px;
		    left: 0px;
		    width: 100%;
		    z-index: 999999;
		    display: block;
		}
		#infobox3 {
		    margin: auto;
		    position: relative;
		    top: 0px;
		    height: 58px;
		    width: 100%;
		    text-align:center;
		    background-color: rgba(0,0,0,0.8);
			color:#fff;
		}
		#infobox3 span {
		    line-height:58px;
		    font-size:12px;
		    text-align:center;
			color:#fff;
		}
		#infobox3 span a {
		    margin:0 5px;
			background: #fff;
			padding: 3px 9px;
			border-radius: 4px;
		}

@media only screen and (max-width: 800px){
#infobox3 span {  line-height:27px; }
#infobox3 { height:auto; padding: 20px 0;}
}