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

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






 html, body {
  height: 100vh;
  color:rgba(0,0,0,1.00);
  background-color: rgba(255,255,255, 1.00);
	font-family:sans-serif;
	 letter-spacing: -0.01vh;
}

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.9vw;
}
.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;
}
.home-web .slide.first .expo-title, .home-web .slide.first h1{
	/* width:auto; 
	cursor:default; */
}
.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: 7.4vw; 
	height: 9vh;
	border: 0px;
	border-left: none;
    top: 50%;
	left: -4px;
	-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;
	/* cursor:pointer; */

}
.llibre .swiper-button-prev {
	z-index:10000;
}
.swiper-button-next{
	background-repeat: no-repeat;
	margin-top: 0;
	background-size:contain;
	border: 0px;
	border-right: none;
	display: block;
	content: "";
	left: auto;
	right: -4px;
	top: 50%;
	position: absolute;
	-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/forward-black.png);
	background-position: center center;
	/* cursor:pointer; */
}

.swiper-button-next, .swiper-button-prev {
    width: 5vw;
    height: 5vw;
}
.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;
}
	
.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;
}
.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: 'AkzidenzGroteskBE-Bold';
	font-size:24px;
	padding-top:30px;
}
.home-web .intro p.ambit-reportatge{
	font-family: 'AkzidenzGroteskBE-Bold';
	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:60px;
	min-height: 100%;
	box-sizing: border-box;
}
.home-web .intro {
	background-color:rgba(255,255,255,1);
}
    .home-web .down {
        bottom: 0;
        letter-spacing: normal;
        overflow-x: hidden;
        overflow-y: hidden;
        position: fixed;
        padding-left: 45vw;
        background-color:#fff;
        width:100%;
        box-sizing: border-box;
        z-index: 10001;
        line-height: 60px;
		box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1)
    }
.home-web .down ul {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:auto;
}
.home-web .down li {
    float: left;
    margin-right: 30px;
}
.home-web .down a {
	display:block;
	color:rgba(0,0,0,1.00);
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
	text-decoration:none;
	font-size:16px;
}
.home-web .credits {
	background-color:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
}
h2, h3 {
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
    font-weight: 300;
}
.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:100%;
}
.slide.first .centrat, .slide.first .centrat a {	
	color:rgba(255,255,255,1.00);
} 
.slide.first .centrat a {	
	margin-right:30px;
	display:inline-block;
}


/*
.slide.first .centrat, .slide.second .centrat {
padding-left:20%;
font-size:3vh;
}
*/
.slide.first .centrat {
text-shadow:2px 2px 2px rgba(0,0,0,0.6);
}
.slide.second .centrat p{
font-size:3vw;
}

.slide.second .centrat .main-title:before {
	content: " ";
    background-size: contain;
    width: 1.6vw;
    height: 1.6vw;
    display: block;
    /* font-size: 3vw; */
    margin-right: 5px;
    background-image: url(/arxiufotografic/virtuals/img/back-black.png);
    position: relative;
    margin-left: -2.2vw;
    margin-bottom: -2.2vw;
    background-repeat: no-repeat;
    background-position: center center;
}

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

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

/*
.no-kiosk #slides-wrapper .slide{
	height:100%;
	margin-top:40px;
	
}
*/
.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:100vh!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 */
}
/* 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: 2vw;
letter-spacing: -0.1vw;
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;
}
.centrat {
	position:absolute;
	left:0px;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
	
}

#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: 66%;
        height: 100%;
        box-sizing: border-box;
  		padding:6%;
        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;
	
}


 .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(0,0,0,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: 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 {
	}
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: 'AkzidenzGroteskBE-Bold'!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;
}


.slide.second .centrat .intro p {
    margin-top: 0px;
    margin-right: 30%;
	letter-spacing: -0.05vh;
	line-height:130%;
}


.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;
	color:rgba(0,0,0,1);
	
}
.grid-item {
	width: 40vw;
	height: 33%;
}
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%;
}
.home-web .credits {
	padding-top:40px;
	color:#000;
}
.credits dt {
	padding-top:20px;
	 font-family: 'AkzidenzGroteskBE-Bold';
	
}
.grid-item img{
	max-width:88%;
	max-height:95%;
	
	height:auto;
}
#modal-caption {
	display:none;
}
button.close {
    color:#553514!important;
    font-size: 80px;
}
.swiper-pagination-bullet-active {
    opacity:1;
    background:#553514;
    
}
.exposicio-oleguer-junyent-fotograf .grid-item.grid-spacer {
	display:none;
}
.grid-item.grid-spacer h4 {
	padding:0px;
	font-family: 'AkzidenzGroteskBE-Bold';

}

 #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;
}
.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;
	
}



@media screen and (max-width: 1023px)  {
	
 #masonry-wrapper {
    margin-left: 13vw;
    width: calc(100% - 13vw);
    
}
	.swiper-button-next, .swiper-button-prev {
        width: 10vw;
        height: 10vw;
		 background-size: 4vw;
    }

	.grid-item {
		width: 40vw;
		height: 15%;
	}
	.modal-open {
		overflow-y:hidden;
	}
	
	.slide.first .ambit-title {
		font-size:4vw;
		padding-top:20px;
	}
	.centrat h2, .slide.first .centrat h1 {
		font-size:4vw;
		margin-bottom:10px;
		margin-right:11vw;
	}
	.slide.first .expo-title {
		margin-top: 0px;
		font-size: 4vw;
	}
	.slide.first .centrat a {
		float:left;
		display:block;
		clear:both;
	}
	.slide.second .centrat .intro p {

	}
	.slide.second .centrat .intro p {
    font-size: 2vw;
}
	
	.pluginShareButtonLink, .socials a:nth-child(2) {
    width: 30px!important;
    height: 30px!important;
    margin-left: 5px!important;
	margin-right:5px;
}
	.data p {
		margin-bottom:5px;
	}

}
@media screen and (max-width: 767px)  {
    	

.egipte-i-india .smooth-menu,
.i-torna-al-born .smooth-menu,
.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;
}
	
	
	.centrat, .intro .ambit-reportatge, .intro .ambit-title {
        padding-left:15%;
    }
	
	.slide.first .centrat a {
		float:none;
		display:inline-block;
		font-size: 2.2vw;
		margin-right: 0px;
	}
	.home-web .intro p.ambit-title a {
		clear:both;
		display:block;
		float:Left;
	}
	.home-web .intro p.ambit-title a:last-child {
		float:none;
		display:inline-block;
		clear:both;
	} 
    .slide.second .expo-title {
        font-size: 4vw;
        margin-top:5px;
		color:rgba(0,0,0,1);
		text-shadow:none;
    }
    .slide.second .centrat .main-title {
        font-size:3.5vw;
    }
    .centrat h2, .slide.first .centrat h1 {
        font-size:4.4vw;
    }
	
	.modalswiper-container .swiper-slide {
		width: 80%;
		height: 100%;
		padding: 2%;	
	}
    .swiper-button-next, .swiper-button-prev {
        width: 10vw;
        height: 10vw;
		background-size: 3.5vw;
    }
    .home-web .slide.first .expo-title{
        font-size: 3.5vw;
    }
	
	.slide.second .centrat .intro p {
		font-size: 2vw;
	}

    .grid-item {
        width: 50vw;
        height: 22%;
    }

    .exposicio-oleguer-junyent-fotograf .grid-item {
        width: 30vw;
        height: 40%;
    }
	button.close {
    	font-size: 40px;
		width:50px;
		padding:0px;
	}
	
	.home-web .credits dl, .home-web .intro p, .home-web .down {
    	padding-left: 15%;
	}
	.grid-item {
		width: 40vw;
		height: 33%;
	}
	.home-web .intro h3, .home-web .credits h3 {
		padding-left: 15%;
		font-size: 3.2vw;
	}
}
@media screen and (max-width: 414px)  {
	
	.pluginShareButtonLink, .socials a:nth-child(2) {
    width: 25px!important;
    height: 25px!important;
}
	

 #masonry-wrapper {
    margin-left: 19vw;
    width: calc(100% - 19vw);
    
}
	.data {
    font-size:12px;
}
	.slide.first .centrat a {
		font-size: 2.2vh;
	}
	.home-web .intro h3, .home-web .credits h3 {
		font-size: 3.2vh;
	}
	
	.swiper-button-next, .swiper-button-prev {
        width: 15vw;
        height: 15vw;
		background-size: 5vw;
    }
	.home-web .down li {
		margin-right: 10px;
	}
	.slide.first .centrat a {
		float:left;
		display:block;
		clear:both;
	}
	.home-web .down a {
		font-size: 12px;
	}
    .slide.second .expo-title {
        font-size: 3vh;
        margin-top:5px;
    }
	
    .home-web .slide.first .expo-title{
        font-size: 3.2vh;
    }
	.slide.second .centrat .intro p {
		font-size:2.6vh;
	}

    .slide.second .centrat .main-title {
        font-size:2.5vh;
    }

    .centrat h2, .slide.first .centrat h1 {
        font-size:4.4vh;
    }
	
    .grid-item {
        width: 70vw;
        height: 24%;
		box-sizing: border-box;
		margin:1px;
    }

    .exposicio-oleguer-junyent-fotograf .grid-item {
        width: 40vw;
        height: 25%;
    }

}









.slide.first .centrat a {
    font-size: 2vw;
    margin-top: 0px;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 15px;
    line-height: 120%;
    font-family: 'AkzidenzGroteskBE-Bold';
    width: 70%;
}
.slide.first .centrat a:after {
	content:" ";
	width:2vw;
	height:2vw;
	display:inline-block;
	margin-left:0.3vw;
	margin-bottom:-0.3vw;
	background-image: url(/arxiufotografic/virtuals/img/forward-white.png);
	background-size:contain;
	background-position:center center;
	background-repeat: no-repeat;
	
	
}