: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;


AA
}

*/

 html, body {
  height: var(--window-height);
  color:rgba(0,0,0,1.00);
  background-color: rgba(160,218,179, 0.00);
	font-family:sans-serif;
}

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

}
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; */
}
.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;
}
.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:absolute;
	left:0px;
	top:auto;
    bottom:3em;
	-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);
    transform: translateY(0%);
    z-index:1;
}

.slide.second .centrat {
    position: static;
    transform: none;
     padding-left: 10vw;
    padding-right: 10vw;
        font-size: 2.8vw;
        font-size: clamp(0.5rem, 2.8vw, 0.9rem);
    font-weight: 700;
}

.slide.second .centrat .main-title {
    font-size: 0.6em;
    position: absolute;
    bottom: auto;
    top:4em;
    width:30em;
        text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}

.home-web .slide.first h1{
    font-size:2.5em;
	 letter-spacing: -0.05em;
}
.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: 3.5em;
    letter-spacing: -0.05em;
    position: absolute;
    top: 50vh;
    transform: translateY(-50%);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    z-index: 1;
    margin: 0;
    width: calc(100% - 20vw);
    border-bottom: 1px solid;
    line-height: 100%;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
.slide.second .centrat .main-title a {
    font-size: 2.5em;
}

.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 {
        position: absolute;
    top: 57vh;
    left: 0;
    padding-left: 10vw;
    padding-right: 10vw;
    width: 100%;
    height: calc(var(--window-height) * 0.35);
    box-sizing: border-box;
    z-index: 1;
    overflow-y: scroll;
}

.slide.second .centrat .intro p {
        font-size: 1.5em;
    font-weight: normal;
    margin-right: 0;
    margin-top: 1em;
    padding-top: 0em;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
.slide.first .ambit-title {
    font-size:4.2vw;
    font-size: clamp(1rem, 4.2vw, 1.8rem);
    padding:1em;
    padding-left: 10vw;
    padding-right:10vw;
}
.slide.first .centrat .ambit-title a {
    font-family: Helvetica, Arial, "sans-serif";
    font-size: 1.3em;
    letter-spacing: -0.05em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    text-shadow:2px 2px 2px rgba(0,0,0,0.6);
    width: auto;
    text-shadow: none;
    padding-right:2em;
    position:relative;
    border-bottom:1px solid;
}
.slide.first .centrat .ambit-title a:last-child {
    border-bottom:none;
}
.slide.first .centrat a:after {
	content:" ";
	width:0.7em;
	height:0.7em;
	display:inline-block;
	margin-left:0.2em;
	margin-bottom:-0.3vw;
	background-image: url(/arxiufotografic/virtuals/img/forward-white.png);
	background-size:contain;
	background-position:center center;
	background-repeat: no-repeat;
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}

.guerra .second .intro:after {

	background-color:rgba(255,255,255,1.00);
	color:rgba(0,0,0,1.00);
}
.swiper-button-prev{
	background-repeat: no-repeat;
	margin-top: 0;
	background-size:contain;
	width: 6vw;
	height: 10vw;
	border: 0px;
	border-left: none;
    top: 47vh;
	left: -4px;
	-webkit-transform: translateY(0%);
	-moz-transform:    translateY(0%);
	-ms-transform:     translateY(0%);
	-o-transform:      translateY(0%);
	transform:         translateY(0%);
	background-image: url(/arxiufotografic/virtuals/img/back-black.png);
	background-position: center center;
    background-size: 6vw;
	/* cursor:pointer; */

}

.slide.first .centrat a {
    display: block;
    float:none;
   
}

.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: 100%;
    height: 10vh;
    background-size: 5vw;
    background-repeat: no-repeat;
    margin-top: 0;
    background-size: contain;
    border: 0px;
    border-right: none;
    display: block;
    content: "";
    left: auto;
    right: 0;
    top: 47vh;
    position: absolute;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(-0%);
    background-image: url(/arxiufotografic/virtuals/img/forward-white.png);
    background-position: top right 4vw;
    cursor: pointer;
    background-size: 6vw;
}

.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  {
    display:none!important;
}
.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: 18px;
line-height: 140%;
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-right: 10vw;
box-sizing: border-box;
font-size: 18px;
line-height: 140%;
margin:0;
overflow:hidden;
padding-bottom:120px
}
.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:3rem;
	min-height: 100%;
	box-sizing: border-box;
}
.home-web .intro {
	background-color: rgba(160,218,179, 1.00);
}
    .home-web .down {
        bottom: 0;
          padding-left: 10vw;
        letter-spacing: normal;
        overflow-x: hidden;
        overflow-y: hidden;
        position: fixed;
        background-color:#fff;
        width:100%;
        box-sizing: border-box;
        z-index: 10001;
		box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);
        background-color: rgba(160,218,179, 1.00);
        font-size:2.8vw;
        font-size: clamp(0.7rem, 2.8vw, 1rem);
        line-height:3em;
    }
.slide.first .centrat {
    padding-left: 0vw;
    padding-right:0vw;
    
}
.home-web .credits , .home-web .intro p, .centrat h1, .home-web .slide.first .expo-title{
    padding-left: 10vw;
    padding-right:13vw;
}

.home-web .credits {
	padding-top:3rem;
	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(0,0,0,1.00);
font-family: Helvetica, Arial, "sans-serif"!important;
font-weight:700;
	text-decoration:none;
	font-size:1em;
}
.home-web .credits {
	background-color:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
}
h2, h3 {
font-family: Helvetica, Arial, "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-size: cover ;
	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:before {
    content: " ";
    background-size: contain;
    width: 1.5em;
    height: 3em;
    display: block;
    background-image: url(/arxiufotografic/virtuals/img/back-black.png);
    position: relative;
    margin-left: calc(-3.5em + 2px);
    top: calc(5px + 2px);
    background-repeat: no-repeat;
    background-position: center center;
}

.slide.second .centrat .main-title:after {
    content: " ";
    background-size: contain;
    width: 1.5em;
    height: 3em;
    display: block;
    background-image: url(/arxiufotografic/virtuals/img/back-white.png);
    position: relative;
    margin-left: -3.5em;
   top: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
}

.kiosk .slide.second .centrat .main-title:before {
	display:none;
}
.slide.first p {
	margin-top:0;
}
#slides-wrapper .slide{
	display:none;
	height:var( --window-height);

}

.no-kiosk #slides-wrapper {
	height:100%;
	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: -150%;
	 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%;
  /* 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{
	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:40vw;
    margin-top:0;
}
.grid-spacer h4 {
	font-size: 2vw;
letter-spacing: -0.05em;
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:2%;
        opacity: 0.4;
		  display: block;
		float:left;
		position:relative;
    }

	.zoom-wrapper {
		height:auto;
		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-image: url("images/viatge.jpg");

}
.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: rgba(255,255,255,1.00)!important;
    font-size: 45px;
    opacity: 0.6;
    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 {
    left: 1vw;
}
.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:0.7em;
}
.grid-item.grid-spacer {
    border:none;
}
.grid-item.grid-spacer .smooth-back {
    display:none;
}
.grid-item {
	width: 60vw;
    border:1px solid #0000;
    background-color:#fff;
    margin-right: 1rem;
    margin-top:1rem;
     height: calc(((var(--window-height) - 2rem) / 3) - 1rem);
 
    
}
button.close {
    font-size: 65px;
    top: 0px;
}
.grid-spacer h4 {
	line-height:90%;
}
.exposicio-oleguer-junyent-fotograf .grid-item {
    width: 20vw;
    height: 33%;
}
.exposicio-oleguer-junyent-fotograf  .grid-item.grid-spacer {
	height: 100%;
}
.credits dt {
	padding-top:20px;
	font-family: Helvetica, Arial, "sans-serif"

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

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

}


.grid-item.grid-spacer h4 {
	    padding: 0px;
    font-weight: 700;
    width: 35vw;
    display: block;
    position: absolute;
    top: 43vh;
    left:5vw;

}
.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 {
    margin-left: 8vw;
    width: calc(100% - 8vw);

}







/*
    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 {
	padding:0px;
	margin:0px;
	list-style: none;
	white-space:nowrap;
}

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

.smooth-menu li {
	float:left;
	margin-right:20px;
	font-size:19px;
	padding-top:5px;
	border-bottom:1px solid rgba(0,0,0,0.5);
	background-color:rgba(0,0,0,0.0);
	color:rgba(0,0,0,1);
	padding-left:0px;
	padding-right:0px;

}
.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: 1024px) {
    
    .modalswiper-container .swiper-slide {
    width: 60%;
    }
    
    
.grid-item {
 width: 25vw;
}

    
    
.grid-item.grid-spacer.smooth-menu  {
    display:block!important;
    font-size: 1rem;
    margin-left: 5vw;
        white-space: normal;
        width: 15vw!important;
}
    .smooth-menu ul {
    white-space:normal;
    }
    .smooth-menu li {
    font-size: 0.8em;
    line-height: 1.4em;
    padding-top: 0;
    background-color: #fff;
    padding-right: 1em;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    }
    .grid-item.grid-spacer {
   margin-top:0;
            width: 22vw;
}
    #masonry-wrapper {
    margin-left: 5vw;
    width: calc(100% - 5vw);
}
    
 .grid-item.grid-spacer h4 {
    display: block;
     color:#000;
     position:absolute;
         top: calc(50vh);
     left:0;
    transform: translateY(-50%);
     width:20vw;
     margin:0;
}
    .smooth-back {
        display:none;
    }
    .slide.first .centrat {
    font-size: 1.5vw;
    }
    .slide.first .ambit-title {
    font-size: 2.2vw;
    padding-left: 24vw;
    padding-right: 24vw;
    }
    .home-web .down {
        font-size:1.5vw;
    line-height: 3em;
    }
        
    .home-web .credits, .home-web .intro p, .centrat h1, .home-web .slide.first .expo-title, .home-web .down {
    padding-left: 24vw;
    padding-right: 24vw;
        padding-bottom: 0.5em;
    }
    .centrat h1, .home-web .down {
        padding-bottom: 0em;
    }
    .slide.second .centrat .intro p {
    font-size: 1.3em;
        padding-top:0em;
    }
    .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 .expo-title {
    font-size: 1.46em;
        margin-top:0.2em;
        
    }
    .second .centrat h2{
        width: calc(100% - 48vw);
        top:54vh;
        z-index:2;
    }
    .slide.second .centrat .main-title{
    margin-right: 42vw;
        top: 8em;
        width:auto;
        font-size: 0.5em;
    }
    .slide.second .centrat .main-title:before {
    top: calc(-1rem + 2px);
    }
    .slide.second .centrat .main-title:after {
    top:-1rem;
    }
    .second .centrat h2 {
    font-size: 3.7em;
    }
    .swiper-button-next {
    width: 100vw;
    height: 18vh;
    background-repeat: no-repeat;
    margin-top: 0;
    background-size: contain;
    border: 0px;
    border-right: none;
    display: block;
    content: "";
    left: auto;
    top: 50vh;
        right:20vw;
    position: absolute;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(-0%);
    background-image:url("images/forward-white.png");
    background-position: top right 2vw;
    background-size: 3vw;
    cursor: pointer;
}
   .swiper-button-prev {
    background-repeat: no-repeat;
    margin-top: 0;
    width:  3vw;
    height:  5vw;
    border: 0px;
    border-left: none;
    top: 50vh;
    left: 0.5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/arxiufotografic/virtuals/img/back-black.png);
    background-position: center center;
    background-size: 3vw;
    /* 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;
    }
}