@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@300&display=swap');
:root {
    --window-height:calc(var(--vh, 1vh) * 100);
    --window-height-static:calc(var(--vh_static, 1vh) * 100);
    --marges:1.5rem;
    --max_w:1200px;
    
}

/* HACK LANGUAGE 

#brand.v2015 nav.lang ul li:last-child {
    display: none!important;



}

*/

 html, body {
height:inherit;
      background-color: #212a23;
	font-family:sans-serif;
}

button.close {
	background:transparent;
	border:0px;

}
* {
	box-sizing: border-box;
}
a,a:active,a:focus {
outline: none;
}
body.kiosk,
body.kiosk *,
body.kiosk .smooth-menu,
body.kiosk .swiper-slide .close, 
body.kiosk .swiper-slide  .open,
body.kiosk a,
body.kiosk img,
body.kiosk .grid-item img,
body.kiosk .swiper-button-next,
body.kiosk .swiper-button-prev,
body.kiosk .home-web .slide.first .expo-title,
body.kiosk .home-web .slide.first h1,
body.kiosk .egipte-i-india .smooth-menu,
body.kiosk .i-torna-al-born .smooth-menu{
 cursor:none !important;
}
a,
.swiper-button-next,
.swiper-button-prev{
	/* cursor:pointer; */
}


.lang.panel li{
	display:block!important;
}
.lang.panel li:last-child{
	/* display:none!important; */
}
.data {
    text-align: center;
	font-size:0.7rem;
}
.h1, .h2, .h3, h1, h2, h3 {
        margin-top:20px;
        margin-bottom:10px;

}
.socials {
	display:inline-block;
}
.pluginShareButtonLink, .socials a:nth-child(2){
	width:35px!important;
	height:35px!important;
	color:transparent!important;
	overflow:hidden!important;
	text-indent:-1000%!important;
	background-position:center center!important;
	background-size:100%!important;
	display:inline-block!important;
	margin-left:10px!important;
	margin-right:10px!important;
	vertical-align: middle!important;
	opacity: 0.7!important;
}
.pluginShareButtonLink:hover,.pinterest:hover{
	opacity: 1;

}
.ndd-uberzoom-container {
    overflow:visible;
}
.pluginShareButtonLink {
	background-image:url(/arxiufotografic/virtuals/img/fb-btn-w.png);
}
.socials a:nth-child(2) {
	background-image:url(/arxiufotografic/virtuals/img/pt-btn-w.png)!important;
}
.twitter {
	background-image:url(/arxiufotografic/virtuals/img/tw-btn.png);
}

body.home-web {
	overflow-x: visible;
	overflow-y: visible;
}


	.home-web .credits p.MsoNormal {
    color: #fff!important;
}


.modal {
	position:absolute;
	width:100%;
	height:100vh;
	display:none;
	background-color:rgba(255,255,255,1);
	top:0px;
}
.modal.in {
	display:block;

}

.llibre .modal {
	background-color:#000;
}
button.btn.btn-default.participation {
	background: rgba(255, 255, 255, 0.7);
	height: 35px;
	margin-left: 10px;
	width: auto;
}


.centrat {
	position:inherit;
	left:inherit;
	top:inherit;
    bottom:inherit;
	-webkit-transform: translateY(0%);
	-moz-transform:    translateY(0%);
	-ms-transform:     translateY(0%);
	-o-transform:      translateY(0%);
	transform:         translateY(0%);

}
.slide.first .centrat {
text-shadow:2px 2px 2px rgba(0,0,0,0.6);
    font-weight:700;
    font-size:2.8vw;
    font-size: clamp(0.5rem, 2.8vw, 0.9rem);
   	padding-left: 0vw;
    padding-right: 0vw;
  /*  height: 100vh; */
	width:70vw;
	margin:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index:1;
}

.slide.second .centrat {
       position: static;
    display: flex;
    flex-direction: column;
    transform: none;
    width: 70vw;
	height:100%;
    margin: auto;
    font-size: 2.8vw;
    font-size: clamp(0.5rem, 2.8vw, 0.9rem);
    font-weight: 300;
    justify-content: center;
    padding: 0;
}

.slide.second .centrat .main-title {
    font-size: 0.6em;
    position: inherit;
	overflow:hidden;
	text-indent:-1000vw;
    bottom: auto;
    bottom:53vh;
	z-index:3;
       width: 70vw;
    height: 30vh;
        text-shadow: 2px 2px 2px rgba(0,0,0,0);
}

.home-web .slide.first h1{
    font-size:0rem;
	overflow:hidden;
	text-indent:-1000vw;
	background-position:center top;
	background-repeat: no-repeat;
	background-size:cover;
	margin:0;
	margin-bottom:2rem;
	margin-top:2rem;
	width:100%;
	padding:0;
	padding-top:50%;
	background-image:url('images/luceron.png');
	position:absolute;
	top:100vw;
}
.home-web .slide.first .expo-title {
    font-size: 3.4em;
    letter-spacing: -0.05em;
    margin-bottom:0!important;
    padding-bottom:0.75em;
}

.second .centrat h2 {
    font-size: 2.5em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding-bottom: 0.5em;
    z-index: 1;
    margin: 0;
    border-bottom: 1px solid;
    line-height: 1.1;
    color:#fff;
    text-shadow: none;
    background-color: #212a23;
    position: sticky;
    top: 0;
    height: 37vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
	display:none;
	

}
.second .intro >p {

}
.cincdies {
   
    padding-top: 5vw;
    padding-bottom: 2vw;
}
.cincdies p {
   
}
.cincdies span {
    font-size: 1.1em;
    margin-bottom: 0.5rem;
    display: block;
    padding-top: 1rem;
}
.slide.second .centrat .main-title a {
    font-size: 2.2em;
	font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: none;
}

.slide.second .expo-title {
        font-size: 1.36em;
    letter-spacing: -0.05em;
    margin-bottom: 0!important;
    padding-bottom: 0.75em;
    color:#fff;
      text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    background-image: none;
}
.slide.second .intro {
   
    font-family: 'Antonio', sans-serif!important;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
}

.slide.second .centrat .intro p {
    font-size: 1.4em;
    letter-spacing: 0.02em;
    margin-right: 0;
    padding-top: 0em;
    color: #fff;
    text-shadow: none;
    line-height: 1.5;
    margin-bottom: 2em;
	text-align: justify;
}
.home.slide.first {
	background-position: top center!important;
	background-size: contain!important;
	
}
.slide.first .ambit-title {
    font-size:4.2vw;
    font-size: clamp(1rem, 4.2vw, 1.8rem);
    padding:0;
}
.slide.first .centrat .ambit-title a {
    font-family: 'Antonio', sans-serif;
	 letter-spacing: 0.02em;
	font-weight:300;
    text-transform: uppercase;
    font-size: 1.15em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    width: auto;
    text-shadow: 0 0 0.4em #000;
    padding-right:2em;
    position:relative;
    border-top:1px solid;
	margin:0;
	display:none;
}
.slide.first .centrat .ambit-title a:last-child {
    border-bottom:1px solid;
	display:block;
	border:0;
	height:50vw;
	width:100%;
	text-indent:-1000vw;
	
}
.slide.first .centrat a:after {
	display:none;
	
}


.swiper-button-prev{
	background-repeat: no-repeat;
	margin-top: 0;
	border-left: none;
    top: 50vh;
	left: 0vw;
	-webkit-transform: translate(0%,-50%);
	-moz-transform:    translate(0%,-50%);
	-ms-transform:     translate(0%,-50%);
	-o-transform:      translate(0%,-50%);
	transform:         translate(0%,-50%);
	background-image: url("images/before.png");
	background-position: center center;
    background-size: 4vw;
	width:15vw;
	height:15vw;
	border:0px solid;
	border-radius:100%;
	/* background-color:#aecaba; */


}

.slide.first .centrat a {
    display: block;
    float:none;
   
}
.slide.first .centrat {
	padding-top:100vw;
}
.slide.first .centrat, .slide.first .centrat a {
	color:rgba(255,255,255,1.00);
}

.llibre .swiper-button-prev {
	z-index:10000;
}
.swiper-button-next{
   
   width: 15vw;
    height:15vw;
    background-repeat: no-repeat;
    margin-top: 0;
    background-size: contain;
    border: 0px;
    border-right: none;
    display: block;
    content: "";
    right: 0vw;
    
    border-radius: 100%;
  
    top:50%;
    position: fixed;
	
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    background-image: url("images/next.png");
    background-position: center center;
    cursor: pointer;
    background-size: 4vw;
	border:0px solid;
	border-radius:100%;
	/* background-color:#aecaba; */
}

.swiper-button-next, .swiper-button-prev {
  
}
.ambit2 .swiper-button-prev, .llibre .swiper-button-prev {
	background-image: url(/arxiufotografic/virtuals/img/back-white.png);
}

.ambit2 .swiper-button-prev, .llibre .swiper-button-prev {
	background-image: url(/arxiufotografic/virtuals/img/back-black.png);
}


.swiper-button-prev:hover {
	 opacity: 1;
}
.smooth-menu  {
  
}
.participation {
	display:none;
	border-radius:0;
	border:1px solid rgba(0,0,0,0.7);
}

.no-kiosk .participation {
	display:inline-block;
}
.home-web .up {
	position:fixed;
	bottom:10px;
	right:30px;
	z-index: 999999
}
.home-web .up a {
	display:block;
	width:30px;
	height:30px;
	padding:4px;
	border-radius:3px;
	box-sizing:border-box;
	opacity:0.5;
	background-color:rgba(0,0,0,1.00);
	z-index:10000;
    
    position: absolute;
    bottom: 0rem;
    right: -1em;
}
.home-web .up a:hover {
	opacity:1;
}
.home-web .up img {
	width:100%;
	height:auto;
}
.home-web .notas {
	position:inherit;
}
.home-web .intro p, .home-web .credits dl, .home-web .intro h3{
	padding-right: 10vw;
padding-left: 45vw;
box-sizing: border-box;
font-size: 16px;
line-height: 1.2;
	text-align: justify;
margin:0;
}
.home-web .intro p {
	margin-bottom:20px;
}
.home-web .intro p.ambit-reportatge{
	font-family: Helvetica, Arial, "sans-serif";
font-weight:700; 
	font-size:24px;
	padding-top:30px;
}
.home-web .intro p.ambit-reportatge{
	font-family: Helvetica, Arial, "sans-serif";
font-weight:700; 
	font-size:24px;
	padding-top:30px;
}
.home-web .intro p.ambit-title a{

	color:rgba(0,0,0,1.00);
	font-size:20px;
	display:inline-block;
	display:none;
}
.ambit-reportatge {
	display:none;
}
.home-web .credits dl{
	padding: 0;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 140%;
	margin:0;
	overflow:hidden;
		text-align: left;
}
	dt {
		font-weight:600;
	}
dd {
	font-weight:300;
}
dl span {
	display:block;
}
.home-web .intro h3, .home-web .credits h3{
	padding-top:20vh;
	font-size:2.3vw;
	padding-bottom:5vh;
	padding-left:25%;
}
.home-web .credits h3{
	padding-top:10vh;
	margin-bottom:1vh;
	padding-bottom:0;

}
.home-web .subtitle-credits {
	margin-left: 45vw;
	font-size: 1.4vw;
	line-height:140%;
	padding-bottom:40px;
}
.home-web .intro , .home-web .credits{
	padding-top: 5vw;
    padding-bottom: 2vw;
	min-height: 100%;
	box-sizing: border-box;
	font-family: Helvetica, Arial, "sans-serif";
}
.home-web .intro {
	background-color: #aecaba;
    color: #212a23;
	padding-top:10vh;
	padding-bottom:10vh;
}
.home-web .intro .ambit-reportatge, .home-web .intro .ambit-title {
	display:none;
}
    .home-web .down {
        bottom: 0;
          padding-left: 10vw;
        letter-spacing: normal;
        overflow-x: hidden;
        overflow-y: hidden;
        position: fixed;
        width:100%;
        box-sizing: border-box;
        z-index: 10001;
		box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);
        background-color: #000;
        font-size:2.8vw;
        font-size: clamp(0.7rem, 2.8vw, 1rem);
        line-height:4.2em;
    }
.home-web .credits , .home-web .intro p, .centrat h1, .home-web .slide.first .expo-title{
    padding-left: 0vw;
    padding-right:0vw;
	max-width:70vw;
	margin:auto;
}

.home-web .intro p.MsoNormal {
	text-aling:left!important;
	text-justify:none!important;
	
}

.home-web .credits {
	padding-top:3rem;
	color:#fff;
}
.home-web .credits p.MsoNormal{
	color:#fff;
}
.home-web .down ul {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:auto;
    display:flex;
}
.home-web .down a {
	display:block;
	color:rgba(255,255,255,1.00);

		
    font-family: 'Antonio', sans-serif!important;
color:#aecaba;
	text-decoration:none;
	font-size:1em;
}
.home-web .credits {
	background-color:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
	padding-bottom:4rem;
	margin:0;
	width:100vw;
	max-width:100%;
	padding-left:15vw;
	
	padding-right:15vw;
}
h2, h3 {
font-family: 'Antonio', sans-serif!important;
font-weight:700;
}
.modal-content {
	border-radius:0;
}
#modal-caption p {
	padding-top:2px;
}
#brand.v2015 h2{
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif!important;
	text-transform:none;
	font-weight:normal;
}
#brand, .fondo-negro {
	width:100%;
	position:absolute;
	z-index:3;
}
#brand {
	top:0;
	left:0;
}
.fondo-negro {
	bottom:0;
	left:0;
}
.swiper-container {
    width: 100%;
    height: 400px;
}
.slide.first {
	background-repeat: no-repeat;
	background-position: center;
		background-color:#212a23;
	color:rgba(0,0,0,1.00);
	    height: var(--window-height);
}
/*.slide.first:after {
    height:30vh;
    position:Absolute;
    bottom:0;
    left:0;
    width:100%;
    content:"";
    display:block;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
    z-index:0;
}*/
/*.slide.second:after, .slide.second:before{
     height: 30vh;
    position: Absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    display: block;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    z-index: 0;
}

.slide.second:after{
     height: 50vh;
    position: Absolute;
    top:auto;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    display: block;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    z-index: 0;
}
*/

.slide.second .centrat .main-title a{
	    display: block;
    width: 100%;
    height: 0;
    padding-top: 60%;
    position: inherit;
    top: 0;
    left: 0;
    background-image: url(images/luceron-bn.png);
    background-position: center top;
    background-size: contain;
	background-repeat: no-repeat;
}

.slide.second .centrat .main-title:after, .slide.second .centrat .main-title:before {
    
   
    display: none;
}

.kiosk .slide.second .centrat .main-title:before {
	display:none;
}
.slide.first p {
	margin-top:0;
}
#slides-wrapper .slide{
	display:none;
	/* height:inherit; */

}

.no-kiosk #slides-wrapper {
	height:inherit;
	position:relative;
	z-index:4;
}

.ambit2 #slides-wrapper .slide.third{
		color: rgba(225,0,14, 1.00);;
}

#slides-wrapper .slide.third{
	display:block;
	position:absolute;
	 top: -150vh;
	 width:100%;
	 overflow:hidden;
	
}
.swiper-button-prev{
	display:none;
}
.fondo-negro {
	display:none;
	background-color:rgba(0,0,100,1.00);
	color:rgba(255,255,255,1.00);
	overflow:hidden;
	padding:15px;
	font-size:11px;
}
.fondo-negro .external-links {
	float:left;
	width:50%;
	box-sizing:border-box;
	text-align:right;
	padding-right:20px;
}
.fondo-negro .cc {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-right: 20%;
	background-image: url(/arxiufotografic/virtuals/img/cc.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:48px;
	display:none;
}
.fondo-negro a {
	color:rgba(255,255,255,1.00);
}




/* ---- grid ---- */
#masonry-wrapper{
	overflow:auto;
	margin-left:0px;
	outline:0 solid #000;
	width:100%;
	height:var(--window-height)!important;
}
/*.no-kiosk #masonry-wrapper{
	height:calc(100% - 30px)!important;
	overflow-y:hidden;
}
*/

#masonry-wrapper::-webkit-scrollbar{
	height: 0;
    width: 0;
}

.grid {
 overflow: visible !important;

  height: 100%;
  /* inherit height from body */
}
/* clear fix */

.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */

.grid-item {
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	padding: 0px;
	width:27vw;
	height:32%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/arxiufotografic/virtuals/img/loader-big.gif);
}
.guerra .grid-item {
	background-image: url(/arxiufotografic/virtuals/img/loader-big-b.gif);
}
.grid-item.grid-spacer{
	background-color: transparent;
    background-image: none;
    height: 100%;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display:table;
	font-size:25px;
	line-height:94%;
	letter-spacing:-1.5px;
	box-sizing:border-box;
	width:23vw;
}
.grid-spacer h4 {
	font-size: 3vw;
letter-spacing: -0.3vw;
width: 17vw;
padding-left: 8.5vw;
padding-right: 4vw;
padding-top: 1.8vh;
line-height: 76%;

font-weight: normal;
text-align: left;
display: table-cell;
vertical-align: middle;
color:rgba(0,0,0,1);
}
.kiosk .grid-spacer h4 {
padding-top: 6vh;
}
.grid-item.grid-spacer p {

	vertical-align:middle;
	padding-left:2vw;
	display:none;
padding-bottom: 4vh;
font-size: 3vh;
letter-spacing: 0vh;
}
.kiosk .grid-item.grid-spacer p {
	padding-bottom:0vh;
}

.grid-item-extra {
  width: 156px;
  height: 200px;
}


.grid-item img{
	max-width:88%;
	max-height:95%;
	/*cursor:pointer; */
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform:    translate(-50%,-50%);
	-ms-transform:     translate(-50%,-50%);
	-o-transform:      translate(-50%,-50%);
	transform:         translate(-50%,-50%);
}



/*.no-kiosk #masonry-wrapper{
	height:calc(100% - 30px)!important;
	overflow-y:hidden;
}
*/

#masonry-wrapper::-webkit-scrollbar{
	height: 0;
    width: 0;
}

.grid {
 overflow: visible !important;
  height: 100%;
	background-color: #212a23;
  /* inherit height from body */
}


.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */

.grid-item {
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	padding: 0px;
	width:27vw;
	height:32%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/arxiufotografic/virtuals/img/loader-big.gif);
}
.guerra .grid-item {
	background-image: url(/arxiufotografic/virtuals/img/loader-big-b.gif);
}
.grid-item.grid-spacer{
	color:#fff;
    background-image: none;
    height: 100%;
    margin-right: 1rem;
    margin-left:0;
    padding-left: 0vw;
    
    display:table;
	font-size:25px;
	box-sizing:border-box;
	width:55vw;
    margin-top:0;
}
.grid-spacer h4 {
	font-size: 2vw;
	letter-spacing:0;
width: 17vw;
padding-left: 8.5vw;
padding-right: 4vw;
padding-top: 0vh;
line-height: 76%;
font-weight: normal;
text-align: left;
display: table-cell;
vertical-align: middle;
color:rgba(0,0,0,1);
}
.kiosk .grid-spacer h4 {
padding-top: 6vh;
}
.grid-item.grid-spacer p {

	vertical-align:middle;
	padding-left:2vw;
	display:none;
padding-bottom: 4vh;
font-size: 3vh;
letter-spacing: 0vh;
}
.kiosk .grid-item.grid-spacer p {
	padding-bottom:0vh;
}

.grid-item-extra {
  width: 156px;
  height: 200px;
}


.grid-item img{
	max-width:88%;
	max-height:95%;
	/* cursor:pointer; */
	position:absolute;
	left:50%;
	top:50%;

	height:auto;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform:    translate(-50%,-50%);
	-ms-transform:     translate(-50%,-50%);
	-o-transform:      translate(-50%,-50%);
	transform:         translate(-50%,-50%);
}

/*** Bootstrap Modal ***/
.modal-dialog{
	margin:0;
	width:100%;
	height:100%;
}

.modal-content, .modal-body{
	height:100%;

	padding:0;
	border:0;
	overflow:hidden;
	box-shadow:none;
}.llibre .modal{

}
.llibre #modal-caption {
	color:rgba(255,255,255,0);
}
.llibre .modalswiper-container {
height: calc(100% - 70px) !important;
margin-top: 70px;
width: 100%;

}
.modal-content {


}
.llibre .modal-content {
	margin-left:8vw;

}
.swiper-slide .close, .swiper-slide  .open{
      background-color: #000;
    border-radius: 100px;
    box-sizing: border-box;
    color: transparent;
	text-shadow:none;
    font-size: 17px;
    height: 34px;
    line-height: 60px;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    width: 34px;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
    font-weight:normal;
	/* cursor:inherit; */
	z-index:1;
	display:none;
}
.swiper-slide .close{
    right: -90px;
    padding-left: 5px;
}
.swiper-slide .open{
    left: -124px;
}
.modal-backdrop.in {
    opacity: 1;
	background-color: rgba(255,255,255,1.00);
}



.afb-imagewrapper > div{
	/* position:relative;
	display:inline-block;*/
}

.afb-image{
	display:inline-block;
	vertical-align: middle;
	margin:auto;
}
.afb-imagecenter {
	overflow: visible!important;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/arxiufotografic/virtuals/img/loader-big.gif);
	height:100%;
	 display:table-cell;
    vertical-align: middle;
}
.panzoomwrapper{
	overflow:visible!important;
	position:relative;

	display: table;
	width:100%;

	height:100%;
}
.afb-imageparent {
	overflow:visible!important;

}
.afb-imagecaption{
	display:block!important;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	opacity:1;
	color:#FFF;
	padding:10px 10px;
}
.afb-imagecaption h1{
	opacity:1;
	color:#FFF;
}

.afb-imagecaption h1{
	font-size:20px;
}

#modal-caption{
	line-height:94%;
	width:66%;
	position:absolute;
	left:50%;
	box-sizing: border-box;
	padding-right: 0%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	font-size:21px;
	padding-top:30px;
	color:#fff;
}
#modal-caption h1{
	margin:0;
	font-size:22px;
	float:left;
	padding-right:20px;
	line-height:normal;
	margin-top:-2px;
}
.modalswiper-container {
width: 100%;
	height:100%!important;

}
.llibre .swiper-wrapper, .llibre .modalswiper-container .swiper-slide {

}
.afb-imagewrapper{
	text-align:center;
	height:90%;
	z-index:2;
	position:relative;
}


    .modalswiper-container .swiper-slide {
        width: 80%;
        height: 100%;
        box-sizing: border-box;
  		padding:5%;
        opacity: 0.4;
		  display: block;
		float:left;
		position:relative;
    }

	.zoom-wrapper {
		max-height:100%;
		max-width:100%;
		position:absolute;
		top:50%;
		left:50%;

	-webkit-transform: translate(-50%,-50%);
	-moz-transform:    translate(-50%,-50%);
	-ms-transform:     translate(-50%,-50%);
	-o-transform:      translate(-50%,-50%);
	transform:         translate(-50%,-50%);
	display: block;
	vertical-align: middle
	}
.ndd-uberzoom-container {
     overflow:visible!important;
	z-index:1;
     margin:auto;
}


.llibre .modalswiper-container .swiper-slide{
	width: 80%;
	height: 100%;
	opacity:0.4;

}
.modalswiper-container .swiper-slide-active {
	opacity:1;
	z-index:10;
}
.llibre .modalswiper-container .swiper-slide-active {
	opacity:1;
	z-index:10;
}
.modalswiper-container  .swiper-slide-prev img, .modalswiper-container  .swiper-slide-next img{
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0)!important;
	-moz-transform:    matrix(1, 0, 0, 1, 0, 0)!important;
	-ms-transform:     matrix(1, 0, 0, 1, 0, 0)!important;
	-o-transform:      matrix(1, 0, 0, 1, 0, 0)!important;
	transform:         matrix(1, 0, 0, 1, 0, 0)!important;
}
.slide.first, .slide.first h1, .slide.first .expo-title, .slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title{
    line-height: 110%;
	margin-bottom:0px;
}
  .slide.second{
	margin-bottom:0px;
	background-size:cover;
	background-position:center;
    background-color:#212a23;

}
.inauguracio-del-poble-espanyol .slide.second{
    background-image: url("images/inaguracio.jpg");
}
.la-construccio-del-poble-espanyol .slide.second{
    background-image: url("images/construccio2.jpg");
}

  







.ambit2 .slide.third, .llibre .slide.third{

	margin-bottom:0px;

}


.ambit2  .slide.first, .llibre  .slide.first {

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover ;
	color:rgba(0,0,0,1.00);
	height:100%;
	background-color:rgba(255,255,255,1.00);
}
.llibre  .slide.first {
	background-image: url();
}
.ambit1  .slide.first {

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover ;
	color:rgba(0,0,0,1.00);
	height:100%;
	background-color:rgba(255,255,255,1.00);
}


span.expo-title {
	display:block;
}
.main-title a {
	color:rgba(255,255,255,1.00);
}
.second .expo-title {
    background-image: url("/arxiufotografic/virtuals/img/linia-bottom-n.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 11px !important;
    padding-bottom: 25px;
}
.first .expo-title {
    background-image: none /* url("/arxiufotografic/virtuals/img/linia-bottom-w.png")*/;
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 11px !important;
    padding-bottom: 25px;
}


h1, .ambit-title, .main-title {
	margin:0;
}
#brand h1 {
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif!important;
}
button.close {
        color: #212a23!important;
    font-size: 45px;
    opacity: 1;
    position: absolute;
    z-index: 3;
	top:17px;
	margin:0!important;

	right:20px;
	font-weight:200;
}


.swiper-pagination {
	display:none;
}
/* OGN Zoom hack */



#brand {
	display:none;
}
.home-web #brand {
	display:none;
}

/* OLAGUER */




body, .modal, .home-web .credits {
	font-family: 'Arial'!important; 
}
body {
	padding:0;
	margin:0;
}


.pluginShareButtonLink {
	background-image:url(/arxiufotografic/virtuals/img/fb-btn.png);
}
.socials a:nth-child(2) {
	background-image:url(/arxiufotografic/virtuals/img/pt-btn.png)!important;
}
.twitter {
	background-image:url(/arxiufotografic/virtuals/img/tw-btn.png);
}

.socials {
    display: block;
    text-align: center;
}
.swiper-button-prev {
}
.modal {
	z-index:10;
}
.grid-spacer h4 {
        padding-left: 8vw;
        padding-right: 1vw;
}
.intro .ambit-title a {
	display:block;
	line-height:150%;
	margin-bottom:10px;
}

.slide.second .centrat p {
	margin-top:0px;
}
.main-title a, .grid-spacer h4 {
	text-decoration: none;
    font-weight:700;
    font-size:1.35em;
}
.grid-item.grid-spacer {
    border:none;
	
	
}
.grid-item.grid-spacer .smooth-back {
    display:none;
}
.grid-item {
	width: 81.5vw;
	
    background-color:#0002;
    margin-right: 1rem;
    margin-top:1rem;
    height: calc(((var(--window-height) - 3rem) / 3) - 0.33rem);
 
    
}
button.close {
    font-size: 65px;
    top: 0px;
}
.grid-spacer h4 {
	line-height:1.3;
}
.exposicio-oleguer-junyent-fotograf .grid-item {
    width: 20vw;
    height: 33%;
}
.exposicio-oleguer-junyent-fotograf  .grid-item.grid-spacer {
	height: 100%;
}

.credits h4 {
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2;
    padding-top: 60px!important;
    padding-bottom: 10px!important;
	margin-top:0!important;
}
.credits p {
	text-align:center;
	font-size:1em!important;
    padding-bottom: 30px!important;
}
.credits dt {
	padding-top:0px;
	    font-family: 'Antonio', sans-serif!important;
	grid-column-start: 1;
	text-align: end;
	padding-right:1vw;
	color:#aecaba;

}
.credits dt span {
	font-size:0.8em;
}
.credits dd {
	grid-column-start: 2;
	    font-family: 'Antonio', sans-serif!important;
	font-weight:300;
	margin-left:1vw;
}

.credits dl div {
	padding-bottom:20px;
	display:grid;
	grid-template-columns: 1fr 1fr;
}


.grid-item img{
	max-width:100%;
	max-height:100%;

	height:auto;
}
#modal-caption {
	display:none;
}
button.close {
    color: #212a23!important;
    font-size: 50px;
}
.swiper-pagination-bullet-active {
    opacity:1;
    background:#553514;

}


.grid-item.grid-spacer h4 {
	padding: 0px;
    padding-left: 1em;
    font-weight: 300;
    color: #aecaba;
    width: 100%;
    position: inherit;
    display: flex;
    height: calc(((var(--window-height) - 0rem) / 3) - 0.33rem);

    box-sizing: border-box;
    margin: 0;
    flex-direction: column;
   font-family: 'Antonio', sans-serif!important;
    justify-content: flex-end;
    text-transform: uppercase;
    text-align: right;
	;

}
.inauguracio-del-poble-espanyol .grid-item.grid-spacer, .el-viatge .grid-item.grid-spacer {
    width:6vw;
}

.inauguracio-del-poble-espanyol .grid-item.grid-spacer h4, .el-viatge .grid-item.grid-spacer h4, .inauguracio-del-poble-espanyol .grid-item.grid-spacer.smooth-menu, .el-viatge .grid-item.grid-spacer.smooth-menu{
    display:none!important;
}
 #masonry-wrapper {
  
    width: 100%;

}







/*
    Navegació entre subàmbits amagada per l'expo en curs
*/
.smooth-menu {

	position: fixed!important;
	top:20px!important;
	left:0px;
	margin-left: 8vw;
	font-size: 2vw;
	height:auto!important;
	width:0px!important;
	overflow: visible!important;
	/* cursor:pointer; */
	z-index:9;
}
.smooth-menu ul {
	display:none;
	padding:0px;
	margin:0px;
	list-style: none;
	white-space:nowrap;
}

.grid-item.grid-spacer.smooth-menu ul {
	visibility: hidden;
}

.smooth-menu li {
	float:none;
	margin-right:20px;
	font-family: 'Antonio', sans-serif!important;
	font-size:1rem;;
	padding-top:5px;
	border-bottom:none;
	background-color:rgba(0,0,0,0.0);
	color:#fff;
	padding-left:0px;
	padding-right:0px;
	letter-spacing: 0;
	white-space: normal;
	width:30vw;
	text-aign:right;

}
.egipte-i-india .smooth-menu,
.i-torna-al-born .smooth-menu{
    display:none;

}



.kiosk.egipte-i-india .smooth-menu,
.kiosk.i-torna-al-born .smooth-menu {

	width:auto !important;
	height:auto !important;
	overflow:visible !important;

}

.egipte-i-india .smooth-back,
.i-torna-al-born .smooth-back,
.exposicio-oleguer-junyent-fotograf .smooth-back,
.exposicio-oleguer-junyent-fotograf .smooth-menu
{
	display:none !important;

}





#top_layer_visible_wrapper {
	position:absolute;
	color: white;
	background-color: rgba(0,60,136,.5);
	top:36px;
	left:48px;
	padding:3px 5px;
	z-index:10;
}

.geotopic.kiosk #slides-wrapper .slide.second {
	display:none;
}


@media screen and (min-width: 768px) {
	
	.home.slide.first {
    height: auto;
	}
	
	.slide.first .centrat .ambit-title a:last-child {
    	height: 45vw;
	}
	.home-web .credits dl {
		font-size:18px;
		
	}
	.home-web .intro p, .home-web .credits dl, .home-web .intro h3 {
		line-height:1.6;
	}
	.slide.second .centrat .main-title {
		height: 27vh;
	}
}
@media screen and (min-width: 1024px) {
    
    .modalswiper-container .swiper-slide {
    width: 60%;
    }
    
    
.grid-item {
 width: 25vw;
	margin-right:1rem;
	margin-left:0;
}

	.home.slide.first {
       background-position: right center!important;
    background-size: contain!important;
    padding-top: 0!important;
}
    
    
.grid-item.grid-spacer.smooth-menu  {
    display:block!important;
	background-color:transparent!important;
    font-size: 1rem;
	position:absolute;
	bottom:0;
	top:auto!important;
	left:0;
	margin:0!important;
	box-sizing: border-box;
	text-align:right;
	padding-right:0;
        white-space: normal;
        width: 30vw!important;
	padding-right:1vw;
	
    padding-bottom: 0.8rem;

}
    .smooth-menu ul {
    white-space:normal;
		margin:0;
		display:block;
    }
    .smooth-menu li {
        font-size: 1.2vw;
    line-height: 1.2em;
		color:#fff;
		background-color:#aecaba11;
    padding-right: 1vw;
    letter-spacing: 0.02em;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
		font-family: 'Antonio', sans-serif!important;
		font-weight:300;
		text-transform: uppercase;
		border-bottom:0px;
		margin-right:0!important;
		box-sizing:border-box;
		width:100%;
		cursor: pointer;
		
    }
    .grid-item.grid-spacer {
   margin-top:0;
		margin-right:1rem;
            width: 30vw;
		    padding-left: 0vw;
		box-sizing: border-box;
}
   
    
 .grid-item.grid-spacer h4 {
	       width: calc(29vw - 1vw);
	 padding-left: 5vw;
	 font-size: 3vw;
   
}
    .smooth-back {
        display:none;
    }
    .slide.first .centrat, .slide.second .centrat , .intro p, .credits p,  .credits dl{
    font-size: 1.5rem;
		width:55vw;
		    padding-right: 0!important;
		padding-left:0!important;
		margin:auto!important;
		padding-top:0!important;
    }
	.home-web .slide.first h1 {
		    font-size: 0rem;
    overflow: hidden;
    text-indent: -1000vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 66%;
    margin: 0;
    margin-bottom: 0rem;
    margin-top: 0rem;
    padding: 0;
    padding-top: 33.333%;
    background-image: url(images/luceron.png);
		
		position: inherit;
    top: 45vh;
    left: 50%;
    width: calc(100vw - 100vh);
		height:  100%;
    transform: translate(0,0);
    background-color: #212a23;
	}
	.home-web .slide.first .centrat {
		margin-left:0!important;
		height:100%;
	}
	
	.home-web .down ul {
		width:auto;
		padding-left:33.333vw!important;
	}
	
	
	
	.slide.first .centrat .ambit-title a:last-child {
    height: 100%;
		padding:0;
}
	.slide.first .ambit-title {
		height: 33.333vh;
		margin-top:0em;
		position:absolute;
		top:33.333vh;
		width:100vw;
		left:0%;
    transform: translate(0%,0);
		
	}
	
	
	.home-web .intro {
		min-height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
	}
	.down ul{
		width:33.333%;
		    padding-right: 0!important;
		padding-left:0!important;
		margin:auto!important;
    }
    .slide.first .ambit-title {
    font-size: 2.2vw;
   
    }
	
	.slide.first .masq {
		height:100vh;
	}
    .home-web .down {
        font-size:1.5vw;
    line-height: 3em;
		padding-left:0!important;
    }
        
    .home-web .credits, .home-web .intro p, .centrat h1, .home-web .slide.first .expo-title, .home-web .down {
   
        padding-bottom: 0.5em;
    }
	.home-web .credits {
		padding-left:0;
		padding-right:0;
		padding-bottom:5rem;
		font-size: 1.4vw;
		line-height:2;
        padding-top:0em;
		margin-bottom:1em!important;
		
    font-family: 'Antonio', sans-serif!important;
	}
	.home-web .intro p {
		    font-size: 1.3vw;
		margin-bottom:1.5em!important;
		margin-top:0!important;
		padding-bottom:0!important;
		font-size: 1.4vw;
		line-height:2;
        padding-top:0em;
		margin-bottom:1em!important;
		
    font-family: 'Antonio', sans-serif!important;
		   
	}
	.credits p, .credits h4 {
		   
		margin-bottom:0.5em!important;
	}
    .centrat h1, .home-web .down {
        padding-bottom: 0em;
    }
    .slide.second .centrat .intro p {
        font-size: 1.4vw;
		line-height:2;
        padding-top:0em;
		margin-bottom:0em!important;
		
    font-family: 'Antonio', sans-serif!important;
		    color: #aecaba;
    }
/*    .slide.second .centrat, .slide.second .intro{
    padding-left: 24vw;
    padding-right: 24vw;
        font-size: 1vw;
        top: 61vh;
            height: 36vh;
}
    .slide.second .intro{
  
        margin-left:24vw;
        margin-right:24vw;
        padding:1em;
        width:52vw;
        z-index:1;
    }
	
	*/
	
	
	
	.slide.second .centrat {
		display:flex;
		flex-direction: row;
		width:85vw;
		height:100%;
		align-items: center;
		
	}
    .slide.second .expo-title {
    font-size: 1.46em;
        margin-top:0.2em;
        
    }
 
    .slide.second .centrat .main-title{
   	    
	width: auto;
		flex-basis:33.333%;
    height: 21vh;
    top: auto;
		bottom:auto;
		position:relative;
		left:auto;
    }
	.slide.second .intro {
		padding:0;
		width:auto;
		flex-basis:66.666%;
		padding-right:5vw;
	}
	.slide.second .centrat .main-title a {
		width: 23vw;
		height: 0;
		padding-top: 20vh;
		top: 50%;
    	transform: translateY(-50%);
		background-position: center center;
		background-size:90%;
	}
    .slide.second .centrat .main-title:before {
    top: calc(-1rem + 2px);
    }
    .slide.second .centrat .main-title:after {
    top:-1rem;
    }
    .second .centrat h2 {
    font-size: 3.7rem;
	font-size:clamp(0.5rem, 3.1vw, 3.9rem);
	
    }
    .swiper-button-next {
     width: 6vw;
    height: 6vw;
		background-size:1.5vw;
    right: 1vw;
    cursor: pointer;
}
   .swiper-button-prev {
        width: 6vw;
    height: 6vw;
		background-size:1.5vw;
    cursor: pointer;
}
    
}
@media screen and (min-width: 1280px) {
    
    .slide.first .centrat {
    font-size: 1vw;
    }
    .slide.first .ambit-title {
    font-size: 1.5vw;
    }
    
    .home-web .down {
        font-size:1vw;
    line-height: 3em;
    }
    .home-web .slide.first .expo-title {
    font-size: 5em;
    }
}


@media screen and (min-width: 1600px) {

	.home-web .intro p {
		    font-size: 1vw;
		margin-bottom:1.5em!important;
   
		   
	}
    .slide.second .centrat .intro p {
        font-size: 1.3vw;
        padding-top:0em;
		margin-bottom:0em!important;
    }
}


/* .quiosc #slides-wrapper .slide {
	background-image: url(https://ajuntament.barcelona.cat/arxiufotografic/virtuals/images/sub_topics/medium_size/406/84837519143b0817d6506d8d1afca0b9.jpeg);
	background-size:cover;
	background-position:center center;
	
} */

.quiosc #slides-wrapper .slide {
	background-image: url(https://ajuntament.barcelona.cat/arxiufotografic/virtuals/css/expositions/51/images/C1_0036_050_19.jpg);
    background-size: contain;
    background-position: top right;
}

.quiosc #slides-wrapper .slide.second {
	background-image:none;
	background-color:#212a23;
	overflow:hidden;
}
.quiosc .slide.first .centrat {
	width:calc(100vw - 100vh);
	padding-top:0;
	margin-left:0!important;
	height:100%;
}
.quiosc .slide.first .centrat {
	padding-top:0;
}
.quiosc .slide.first .ambit-title,
.quiosc .second .centrat h2 {
	display:none!important;
}

.quiosc .slide.second .intro {
	color:#fff;
	position:relative;
	top:50vh;
	transform:translate(0,-50%);
	padding-top:0;
}
.quiosc .slide.second .centrat {
	width:60vw;
}
.quiosc .second .intro >p {
	display:block;
	width:100%;
}
.quiosc .swiper-button-prev {
}
.quiosc .slide.second .centrat .intro p {
	    font-size: 2rem;
    margin-bottom: 1em!important;
	color:#aecaba;
	font-family: 'Antonio', sans-serif!important;
}
.quiosc .slide.first h1 {
		    font-size: 0rem;
    overflow: hidden;
    text-indent: -1000vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    margin: 0;
    margin-bottom: 0rem;
    margin-top: 0rem;
    padding: 0;
    padding-top: 33.333%;
    background-image: url(images/luceron.png);
		
		position: inherit;
    top: 45vh;
    left: 50%;
    width: 25vw;
		height:  100%;
    transform: translate(0,0);
    background-color: #212a23;
	}
.quiosc .slide.second .centrat {
	display:block;
}

.quiosc .grid-item {
    width: 26.5vw;
	background-color:#0002;
}
.quiosc .slide.second .centrat .main-title {
	display:none;
}
.quiosc .grid-item.grid-spacer {
	
	width:0;
	margin-left:6vw;
}
.quiosc .grid-item.grid-spacer.smooth-menu {
	display:none!important;
}