@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;
}



body {
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	background-color: rgba(225,0,14, 1.00);
}
a:active,a:focus {
outline: none;
}
body.kiosk, 
body.kiosk a, 
body.kiosk img,
body.kiosk .swiper-button-next,
body.kiosk .swiper-button-prev{
	 cursor:none !important;
}
 
a, 
.swiper-button-next,
.swiper-button-prev{
	cursor:pointer;
}
   
    .slide.first .centrat, .slide.first .centrat a {
        color:rgba(0,0,0,1.00);
    
}

.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:20px!important;
	vertical-align: middle!important;
	opacity: 0.7!important;
}
.pluginShareButtonLink:hover,.pinterest:hover{
	opacity: 1;
	
}

.pluginShareButtonLink {
	background-image:url(fb-btn-w.png);
}
.socials a:nth-child(2) {
	background-image:url(pt-btn-w.png)!important;
}
.twitter {
	background-image:url(tw-btn.png);
}
	
body.home-web {
	overflow-x: visible;
	overflow-y: visible;
}
.modal {
	position:absolute;
	width:100%;
	height:100%;
}
.llibre .modal {
	background-color:#000;
}
button.btn.btn-default.participation {
	background: rgba(255, 255, 255, 0.7);
	height: 35px;
	margin-left: 10px;
	width: auto;
}
.guerra button.btn.btn-default.participation {
	background: rgba(50,50,50,1);
	height: 35px;
	margin-left: 10px;
	width: auto;
	border:1px solid rgba(100,100,100,1);
}
.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: 13vh;
	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(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;
	width: 7.4vw; 
height: 13vh;
	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(forward-black.png);
	background-position: center center;
	cursor:pointer;
}

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

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


.swiper-button-prev:hover {
	 opacity: 1;
}
	
.participation {
	display:none;
	border-radius:0;
	border:1px solid rgba(0,0,0,0.7);
}
.guerra .participation {
	border:1px solid rgba(255,255,255,0.7);
}
.no-kiosk .participation {
	display:inline-block;
}
.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;
}
.slide.first .centrat {
 text-shadow:none;
}
.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: 1.3vw;
line-height: 140%;
margin:0;
}
.home-web .credits dl{
	padding-right: 10vw;
padding-left: calc(45vw - 400px);
box-sizing: border-box;
font-size: 1.2vw;
line-height: 140%;
margin:0;
overflow:hidden;
padding-bottom:120px;
	  font-family: 'AkzidenzGroteskBE-Light', sans-serif;
}
.home-web .intro h3, .home-web .credits h3{
	padding-top:20vh;
	font-size:2.3vw;
	margin-bottom:1vh;
	padding-bottom:0;
	padding-left:0px;
	margin-left: 45vw;
}
.home-web .credits h3{
	padding-top:10vh;
}
.home-web .subtitle-credits {
	margin-left: 45vw;
	font-size: 1.4vw;
	line-height:140%;
	padding-bottom:40px;
}
.home-web .intro , .home-web .credits{
	min-height:100%;
}
.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:1.5vw;
}
.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-image: url(mur2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover ;
	color:rgba(0,0,0,1.00);
	height:100%;
}

.slide.first p {
	margin-top:0;
}
#slides-wrapper .slide{
	display:none;
	height:100vh;
	
}

.no-kiosk #slides-wrapper {
	height:100%;
}
.no-kiosk #slides-wrapper .slide{
	height:100%;
	margin-top:0px;
	
}
.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(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);
}

/*** Masonry ***/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* inherit height from window */

html,
body {
  height: 100%;
  font-family: 'AkzidenzGroteskBE-Light', sans-serif!important;
  
}

body {
  
  color:rgba(0,0,0,1.00);
}
body.guerra {
  
  color:rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}
/* ---- grid ---- */
#masonry-wrapper{
	overflow:auto;
	margin-left:0px;
	outline:0 solid #000;
	width:100%;
	height:100vh!important;
	background-color:rgba(0,0,0,1);
}
.no-kiosk #masonry-wrapper{
	height:calc(100% )!important;
	overflow-y:hidden;
}
.guerra #masonry-wrapper{
	background-color: rgba(0,0,0,1.00);
}


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

    .slide.second .centrat .intro p {
        margin-right:0px;
		font-size:1.4vw;
    }

/* ---- .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(loader-big.gif);
}

.guerra .grid-item {
	background-image: url(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;
	background-color: rgba(225,0,14, 1.00);
}
.grid-item.grid-spacer h4 {
	font-size: 4.9vw;
letter-spacing: -0.3vw;
width: 17vw;
padding-left: 8.5vw;
padding-right: 4vw;
padding-top: 1.8vh;
line-height: 76%;
font-family: 'AkzidenzGroteskBE-Bold', sans-serif !important;
font-weight: normal;
text-align: left;
vertical-align: middle;
color:rgba(0,0,0,1);
}
.smooth-menuitem {
	display:none;
}
.kiosk .grid-spacer h4 {
padding-top: 6vh;
}
.grid-item.grid-spacer p {
	font-family: 'AkzidenzGroteskBE-Bold', sans-serif !important;
	display: table-cell;
	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%);
}

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

.modal-content, .modal-body{
	height:100%;
	background-color:transparent;
	padding:0;
	border:0;
	overflow:hidden;
	box-shadow:none;
}.llibre .modal{
	background-color: rgba(225,0,14, 1.00);
}
.llibre #modal-caption {
	color:rgba(255,255,255,0);
}
.llibre .modalswiper-container {
height: calc(100% - 70px) !important;
margin-top: 70px;
width: 100%;

}
.modal-content {
	
	background-color: rgba(0,0,0, 1.00);
	
}
.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;
    display: block;
    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;
}
.guerra .swiper-slide .close, .guerra .swiper-slide  .open{
      background-color: #fff;
}
.guerra .modal {
	background-color:rgba(0,0,0,1.00);
}
.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(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;
	
}
.guerra .afb-imagecenter {
	background-image: url(loader-big-b.gif);
}
.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;
	display:block;
}
#modal-caption h1{
	margin:0;
	font-size:22px;
	float:left;
	padding-right:20px;
	line-height:normal;
	margin-top:-2px;
}
.smooth-back {
	display:none;
}
.modalswiper-container {
    height: calc(100% - 50px) !important;
margin-top: 50px;
width: 100%;

}
.llibre .swiper-wrapper, .llibre .modalswiper-container .swiper-slide {
background-color: rgba(0,0,0, 1.00);
}
.afb-imagewrapper{
	text-align:center;
	height:90%;
	z-index:2;
	position:relative;
}

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

}
.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: 70%;
	margin-bottom:0px;
}
  .slide.second{
	background-color: rgba(225,0,14, 1.00);
	margin-bottom:0px;
	background-size:cover;
	background-position:center;
	color:rgba(0,0,0,1.00)
}


 .ambit2 .slide.third, .llibre .slide.third{
	background-color: rgba(0,0,0, 1.00);
	margin-bottom:0px;
	color:rgba(255,255,255,1.00);
}
.data{
	display:none;
}

.ambit2  .slide.first, .llibre  .slide.first {
	background-image: url(terror.jpg);
	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(llibre/portada-puig.jpg);
}
.ambit1  .slide.first {
	background-image: url(rojos.jpg);
	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;
	font-family:'AkzidenzGroteskBE-Light', sans-serif!important;
}
.main-title a {
	color:rgba(0,0,0,1.00);
}
.slide h1, .slide .expo-title, .slide .ambit-title, .slide .main-title {
        font-size: 7.7vw;
        letter-spacing: -0.2vw;
        clear: both;
        float: left;
}
.second .expo-title {
    background-image: url("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("linia-bottom-w.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 11px !important;
    padding-bottom: 25px;
}


h1, .ambit-title, .main-title {
	font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
	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;
	z-index:100;
	right:20px;
	font-weight:200;
}
button.close:focus, button.close:hover{
    opacity: 1;
}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover {
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: center center;
	border:none;
	background-size:60%;
	box-shadow: none;
    height: 40px;
    width: 50px;
    opacity: 0.7;
	color:rgba(0,0,0,0);
	text-shadow:none;
	
}
.form-participation .btn-default, .btn-default:hover, .form-participation .btn-default:focus, .form-participation .btn-default:active, .form-participation .btn-default:active:hover {
	background-size:50%;
	
}
.btn-default:hover, .btn-default:focus , .btn-default:active {
    opacity: 1;
}
.btn-default.zoom-in{
	background-image: url(in.png);
}
.btn-default.zoom-out{
	background-image: url(out.png);
}
.btn-default.reset {
	background-image: url(reset.png);
}
.btn-default.participation, .btn-default.participation:hover, .btn-default.participation:focus, .btn-default.participation:active, .btn-default.participation:active:hover {
	background-image:none;
	color:#000000;
	width:130px;
	font-family: "AkzidenzGroteskBE-Bold",sans-serif;
	font-size:17px;
}
#foo {
	display:none;
}


/*** PanZoom ***/




.swiper-wrapper {
	z-index:4;
	
}
.swiper-pagination {
	z-index:1;
	display:none;
}
.panzoombuttons{
	display:none !important;
	text-align:center;
	margin-top:0px;
	position:absolute;
	bottom:19px;
	left:50%;
	width:100%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	z-index:4;
}
.swiper-slide-active .panzoombuttons{
	display:block !important;
}
	
	.slide h1, .slide .expo-title, .slide .ambit-title, .slide .main-title{
		font-size: 7.7vw;
		letter-spacing: -0.2vw;
		clear:both;
		float:left;
		
	}
	.ambit1 .slide.first h1 {
		
		color: #000;
		
	}
	.slide h1 {
		margin-left:5vw;
		font-size: 15vh;
	}
	.home-web .slide h1 {
		margin-left:0vw;
		font-size: 7vw;
	}
	.second .main-title {
		margin-left:21vw;
	}
	.home-web .ambit-title a{
		font-size: 2.2vw;
		letter-spacing: -0.04vh;
	}
	.home-web .centrat .ambit-title a{
		font-size: 2.2vw;
    letter-spacing: -0.01vw;
    text-decoration: underline;
    margin-right: 2.4vw;
    width: 30%;
    display: inline;
    clear: none;
    color: #fff!important;
	
	}
	.home-web .centrat .ambit-title a:nth-child(3){
		display:none;
		
	}

	.centrat p.expo-title, .slide .main-title, .centrat h1, .centrat h2, .ambit-reportatge, .ambit-title {
		width: 17vw;
		margin-right:auto;
	}
	

    .slide h1, .slide .expo-title, .slide .ambit-title, .slide.second .centrat .main-title {
        font-size: 7.7vw;
        letter-spacing: -0.2vw;
        clear:both;
        float:left;
    }
.slide.second .centrat .main-title:before {
	
	display: none;
}

	 .llibre .slide.second  .centrat h2 {
		 width:35vw;
	 }
	 .slide.second  .centrat h2 {
		font-size: 2.5vw;
		margin-left: 43vw;
		margin-top: 12vh;
		width: auto;
	 }
	
	.ambit-reportatge {
		font-size:25px;
		padding-bottom: 22px;
    	padding-top: 35px;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		font-family:'AkzidenzGroteskBE-Bold', sans-serif!important;
		line-height: 1em;
	}
	.home-web  .intro .ambit-reportatge {
		
		font-size:18px;
		margin-top:20px;
		margin-bottom:20px;
	}
	.home-web  .intro .ambit-title {
		width: auto;
		margin-bottom:60px;
		padding:0;
		padding-left:45vw;
		
	}
	.home-web .intro .ambit-title > a:before {
		height: 16px;
	}
	.home-web .credits img {
		height: 40px;
	}
	.home-web  .subtitle-credits strong {
		display: block;
		font-family: "AkzidenzGroteskBE-Bold",sans-serif;
		font-weight:normal;
	}
	.home-web dl {
		margin-bottom:0;
		padding-bottom:60px;
	}
	.home-web dt {
		float:left;
		clear:both;
		font-family: "AkzidenzGroteskBE-Bold",sans-serif;
		padding-bottom: 10px;
		padding-right: 15px;
		width:400px;
		text-align:right;
		padding-top:0px;
	}
	.home-web dt:last-of-type {
		padding-top:70px;
	}
	.home-web dd {
		
		display:block;
		margin-left:10px;
		padding-bottom: 10px;
		padding-left:400px;
		
	}
	.slide.second .ambit-reportatge {
		font-size:16px;
		padding:0;
	}
	.centrat > h2 {
		margin-top: 0;
	}
	.second .intro {
		font-size: 1.4vw;
		padding-top:1vh;
		margin-left: 43vw;
		margin-right: auto;
		width: 42vw;

	}
	.home.slide.first{
		cursor:default;
		background-image: url(phone.jpg);
		background-size:auto 100%!important;
		background-position:left center!important;
		overflow:hidden;
		position:relative;
	}
	
	.slide.first .ambit-title {
		line-height:6vh;
	}
	 .home-web .ambit-title a{
		letter-spacing: 0px;
		 display:inline-block;
		 margin-right:20px;
		 text-decoration:none;
		 color:rgba(0,0,0,1.00);
	}
	 .home-web .intro p, .home-web .intro .ambit-title a{
		
		 margin-bottom:5vh; 
	}
	 .home-web .slide.first .ambit-title a{
		
		 color:rgba(0,0,0,1.00)!important;
	}
	 .home.slide.first .ambit-title , .slide.first .ambit-title {
		width:100%;
		padding-top:50px;
		text-align:left;
		float:right;
		clear:none;
		
		padding-left: 0;
		left:0;
		font-size: 3.7vh;
		letter-spacing: 0px;
		/* position:absolute;
		 top: 52vh;
		-webkit-transform: translateY(-50%);
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-o-transform:      translateY(-50%);
		transform:         translateY(-50%);
		 */
	 }
	 .slide.first .ambit-title {
	
		display:none;
	 }
	 .home-web .slide.first .ambit-title {
		display:block;
		top: 62vh;
	 }
	.centrat {
		width: 100%;
		padding-top: 35.7vh;
		height: 100vh;
		box-sizing: border-box;
	}
	.home-web .centrat {
		width:55vw;
		position:absolute;
		left:0px;
		top:0;
		-webkit-transform: translateY(0%);
		-moz-transform:    translateY(0%);
		-ms-transform:     translateY(0%);
		-o-transform:      translateY(0%);
		transform:         translateY(0%);
		
	}
	
	.ambit2 .second .centrat {
		background-color: rgba(255, 255, 255, 0);
		
	}
	
	.first .centrat {
        background-color: rgba(225,0,14, 1.00);
        padding-top: 34.4vh;
        margin-left: 70vw;
	}
	.llibre .first .centrat { 
		background:transparent;
	}
	.home-web .first .centrat {
        margin-left:39vw;
		padding-left:6vw;
		padding-top: 44.6vh;
	}
	.home .masq {
		width:100%;
		height:100%;
	}
	 
	
	.afb-image {
		max-height: 70vh;
    	max-width: 57vw;
		
		}
	.llibre .afb-image {
		max-height: 100%;
	max-width: 90%;
	border:1px solid rgba(255,255,255,0.4);
		
		}
		
		.form-participation .zoom-controls {
    margin-top: 0px;
}
.logo-docs {
	width: 200px;
	height: 57px;
	background-image: url(docks.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.logo-docs {
width: 200px;
height: 57px;
background-image: url(docks.png);
background-repeat: no-repeat;
background-position: left top;
float:left;
margin-top:70px;
}
@media screen and (max-width: 1024px){
	
   
    .second .intro {	
        font-size: 1.8vw;
    }
    .swiper-button-next {
        right:0px;
		margin-top:-10px;
      
    }
    .grid-spacer h4 {
        padding-bottom: 1.8vh;
		padding-top:0px;
    }
.home-web .intro p.ambit-title a:last-child {
display: none;
}

}

/* Landscape  IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
	  
	   .home-web .slide h1 {
        font-size: 10vh;
    }
    .home-web .first .centrat {
        padding-left:2vw;
    }
	 .slide.second  .centrat h2 {
		
		margin-top: 10vh;
	 }
	  .second .intro {
        font-size: 2.2vw;
    }
    .second .main-title {
        margin-left: 15vw;
    }
    .slide.second .centrat h2 {
        margin-left: 35vw;
}
    .second .intro {
        font-size: 2.1vw;
        margin-left: 35vw;
        width: 52vw;
    }
    .swiper-button-next {
		margin-top:-20px;
      
    }

}

.slide.first .centrat a:after {
	content:none;
}

@media screen and (max-width: 1023px) {
.centrat h2, .slide.first .centrat h1 {
    font-size: 7vw;
}
    .home.slide.first {
    
        background-size: 100% auto!important;
    }

.grid-item {
    width: 44vw;
}
	.grid-item.grid-spacer {
   
    width: 12vw;
   
}
	 .home.slide.first .ambit-title , .slide.first .ambit-title {
	
		padding-top:20px;
	}
	.slide.second .centrat .intro p {
    font-size: 2.4vw;
}
  .centrat {
	  padding-top:0;
	  height:auto;
  }
	.home-web .first .centrat {
		right: 0px;
		left: 0;
		height: 20vh;
		bottom:50px;
		top:auto;
		width:100%;
		margin:0!important;
		padding-top:4vh;
		    padding-bottom: 90px;
		}
.home.slide.first .ambit-title {
	top:12vh;
	clear:both;
	float: none;
    margin-top: 20px;
	position:static;
	padding-left:0;
}
.home-web .centrat .ambit-title a{
	font-size: 3vw;
	}
	
.home-web .slide.first .expo-title, .home-web .slide.first h1 {
    float: none;
}

.home-web .down, .home-web .intro p, .home-web .credits dl, .home-web .intro h3, .home-web .intro .ambit-title, .home-web .credits h3, .home-web .subtitle-credits {
	padding-left: 10px;
	margin-left:0;
}

.home-web .intro p, .home-web .credits dl, .home-web .intro h3,.home-web .credits h3, .second .intro {
	font-size:1.4vh;
  }
.home-web .down a, .home-web .subtitle-credits{
	font-size: 1.4vh;
}
.home-web dt {
	text-align:left;
	float:none;
}
.home-web dd {
	padding-left:6vh;
	text-align: left;
}
.slide.second .centrat h2 {
	margin-top:0;
  }
  .slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title {
 
    margin-top: 17vh;
  margin-left:6vw;
  }
  .slide.second .centrat h2 {
    font-size: 3vw;
    margin-left: 30vw;
    margin-top: 0vh;
    width: auto;
}
.second .intro {
    font-size: 3vw;
    padding-top: 1vh;
    margin-left: 30vw;
    width: 54vw;
}
.swiper-button-next {
    right: 12px;
    margin-top: 1vh;
}
.swiper-button-prev {
    left:12px;
	margin-top: 1vh;
}
.grid-spacer h4 {
	    padding-left: 11.5vw;
}
}
@media screen and (max-width: 767px){

	.grid-item.grid-spacer {
		width:12vw;
	}
.slide.second {
    overflow: scroll;
}
.home-web .down a, .home-web .subtitle-credits {
    font-size: 16px;
}	
.home.slide.first .ambit-title {
	
    margin-top: 0px;padding-top:0px;
}
.centrat {
    position: static;
    left: 0px;
    top: 0%;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.slide.second .centrat h2 {
    font-size: 5vw;
    margin-left: 20vw;
    margin-top: 21vh;
    width: auto;
}
.slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title {
    margin-top: -3vh;
    margin-left: 0vw;
}
.second .intro {
   
    padding-bottom: 20vw;
	margin-left:20vw;
}
	
		
.home-web .intro p, .home-web .credits dl, .home-web .intro h3,.home-web .credits h3, .second .intro {
	font-size:16px;
  }
	
}
@media screen and (max-width: 416px){
	
.slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title {
    margin-top: 10vh;
    margin-left: 0vw;
	float:none;
	width:auto;
}
.slide.second .centrat .intro p {
    font-size: 4.4vw;
}
	.slide h1, .slide .expo-title, .slide .ambit-title, .slide.second .centrat .main-title {
    float: none;
}
.second .intro {
    margin-left: 0px;
    margin-right: 70px;
    width: auto;
    padding-top: 0;
	font-size: 5vw;
   
}
	.slide.second .centrat .main-title {
    font-size: 10vw;
		padding-top:12vh;
}
.slide.second .centrat h2 {
    font-size: 6vw;
    margin-left: 0vw;
    margin-top: 1vh;
	margin-bottom:1vh;
    width: auto;
}
.grid-item {
    width: 59vw;
}
.grid-item.grid-spacer {
	width: 14vw;
	
}
	.home-web .centrat .ambit-title a {
    font-size: 5vw;
}

.home-web .centrat .ambit-title a {
    width: 40%;
}
.grid-spacer h4 {
	display:none;
}
.home-web .intro p, .home-web .credits dl, .home-web .intro h3, .home-web .credits h3, .second .intro {
   
	padding-top: 1vh;
	text-align:left;
}
.slide h1, .slide .expo-title, .slide .ambit-title, .slide .main-title {
    font-size: 12.7vw;
    letter-spacing: -0.2vw;
    clear: both;
    float: left;
}
.home-web .slide h1 {
    margin-left: 0vw;
    font-size: 7vh;
}
.home-web .down li {
    margin-right: 19px;
}
.home-web .down a, .home-web .subtitle-credits {
    font-size: 1.9vh;
}
.home-web .ambit-title a {
    font-size: 4vw;
    letter-spacing: -0.04vh;
}
}