/*section {
	 padding: 100px 0;
}
 html, body {
	 overflow-x: hidden;
}
 body {
	 font-family: 'Roboto';
	 font-size: 17px;
	 font-weight: 400;
	 background-color: #eee;
}
 h1 {
	 font-size: 200%;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 font-weight: 400;
}
 header {
	 background: #3f51b5;
	 color: #fff;
	 padding: 150px 0;
}
 header p {
	 font-family: 'Allura';
	 color: rgba(255, 255, 255, .2);
	 margin-bottom: 0;
	 font-size: 60px;
	 margin-top: -30px;
}
*/
.box .contenido{justify-content: space-around;width: 100%; display: inline-flex;}
.text-center{text-align: center;}
.imagen{display: none;}
.timeline {
	 position: relative;
}
 .timeline::before {
	 content: '';
	 background: rgb(255,255,255);
background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(197,202,233,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(197,202,233,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(197,202,233,1) 50%, rgba(255,255,255,1) 100%);
	 width: 5px;
	 height: 95%;
	 position: absolute;
	 left: 50%;
	 transform: translateX(-50%);
}
 .timeline-item {
	 width: 100%;
	 margin-bottom: 70px;
}
 .timeline-item:nth-child(even) .timeline-content {
	 float: right;
	 padding: 40px 30px 10px 30px;
}
 .timeline-item:nth-child(even) .timeline-content .date {
	 right: auto;
	 left: 0;
}
 .timeline-item:nth-child(even) .timeline-content::after {
	 content: '';
	 position: absolute;
	 border-style: solid;
	 width: 0;
	 height: 0;
	 top: 27px;
	 left: -15px;
	 border-width: 10px 15px 10px 0;
	 border-color: transparent #009fe3 transparent transparent;
}
 .timeline-item::after {
	 content: '';
	 display: block;
	 clear: both;
}
 .timeline-content {
	 position: relative;
	 width: 45%;
	 padding: 10px 30px;
	 border-radius: 4px;
	 background: #f5f5f5;
	 box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3);
	 display: inline-block;
}
 .timeline-content::after {
	 content: '';
	 position: absolute;
	 border-style: solid;
	 width: 0;
	 height: 0;
	 top: 27px;
	 right: -15px;
	 border-width: 10px 0 10px 15px;
	 border-color: transparent transparent transparent #009fe3;
}
 .timeline-img {
	 width: 30px;
	 height: 30px;
	 background: #009fe3;
	 border-radius: 50%;
	 position: absolute;
	 left: 50%;
	 margin-top: 25px;
	 margin-left: -15px;
}
 
 .timeline-card {
	 padding: 0 !important;
}
 .timeline-card p {
	 margin: 0 20px 20px;
	 line-height: normal;
}
 .timeline-card a {
	 margin-left: 20px;
}
 
 .timeline-img-header {
	 height: 200px;
	 position: relative;
	 margin-bottom: 20px;
}
 .timeline-card h3 {
	 color: #009fe3;
	 position: relative;
	 margin: 0 20px 20px;
	 font-weight: 700;
}

.no-webp .timeline-item .timeline-img-header.tarragona{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-tarragona.jpg') top center no-repeat; background-size: cover;}
.no-webp .timeline-item .timeline-img-header.world-trade-center{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-wtc.jpg') top center no-repeat; background-size: cover;}
.no-webp .timeline-item .timeline-img-header.national-gallery-Washington{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-NGW.jpg') top center no-repeat; background-size: cover;}
.no-webp .timeline-item .timeline-img-header.fundacio{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-fundacion.jpg') top center no-repeat; background-size: cover;}
.no-webp .timeline-item .timeline-img-header.fundacio-caixa{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-fundacion-laCaixa.jpg') top center no-repeat; background-size: cover;}


.webp .timeline-item .timeline-img-header.tarragona{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-tarragona.webp') top center no-repeat; background-size: cover;}
.webp .timeline-item .timeline-img-header.world-trade-center{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-wtc.webp') top center no-repeat; background-size: cover;}
.webp .timeline-item .timeline-img-header.national-gallery-Washington{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-NGW.webp') top center no-repeat; background-size: cover;}
.webp .timeline-item .timeline-img-header.fundacio{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-fundacion.webp') top center no-repeat; background-size: cover;}
.webp .timeline-item .timeline-img-header.fundacio-caixa{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('../../images/tapiz-fundacion-laCaixa.webp') top center no-repeat; background-size: cover;}


 blockquote {
	 margin-top: 30px;
	 color: #757575;
	 border-left-color: #3f51b5;
	 padding: 0 20px;
}
 .date {
	 background: #009fe3;
	 display: inline-block;
	 color: #fff;
	 padding: 10px;
	 position: absolute;
	 top: 0;
	 right: 0;
}
 @media screen and (max-width: 768px) {
	 .imagen{display: block;}
	 .imagen img{width:100%; height: auto;}
	 .video-wrapper, video{display:none!important;}
	 .timeline::before {
		 left: 50px;
	}
	 .timeline .timeline-img {
		 left: 50px;
	}
	 .timeline .timeline-content {
		 max-width: 100%;
		 width: auto;
		 margin-left: 70px;
	}
	 .timeline .timeline-item:nth-child(even) .timeline-content {
		 float: none;
	}
	 .timeline .timeline-item:nth-child(odd) .timeline-content::after,
	 .timeline-item:nth-child(even) .timeline-content::after{
		 display: none;
		 /*content: '';
		 position: absolute;
		 border-style: solid;
		 width: 0;
		 height: 0;
		 top: 30px;
		 left: -15px;
		 border-width: 10px 15px 10px 0;
		 border-color: transparent #f5f5f5 transparent transparent;
		 */
	}
	 .date{left:0; right: auto;}
}
 

video {
  position: absolute;
  top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-wrapper {
  width: auto;
  height: 100vh;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-text{position: absolute; z-index: 100; background: rgba(0,0,0,.0) !important; padding: 50px 100px; margin: 0 auto; top: 33%; left: 0; max-width: 75%; color:#fff;}
.btn-flotante {
	display:none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	border-radius: 0;
	letter-spacing: 2px;
	background-color: #e40613;
	padding: 18px 30px;
	position: fixed;
	bottom: 40px;
	left: 100px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 100000;
	text-decoration: none;
}
.btn-flotante:hover {
	background-color:#3B3B3B;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color:#fff;
}

.text-white{color:#fff;}
.text-black{color:#000;}

.image.right picture, .image.right picture img, .image.left picture, .image.left picture img {width: 100%;max-width: 20rem;}
.image.left, .image.right{width: 100%;max-width: 20rem;}
.image.fit img{max-width:80%; margin: 0 auto; text-align:ce}
.image.fit small{text-align: center; margin: 0 auto; display: table;}
.alt tr td img{width:60px; margin: 0 auto; text-align: center; display: block;}
.fila {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.columna {
  	flex-basis: 100%;
	margin: 15px;
}

.columna:first-child{margin: 15px 15px 15px 0;}

.columna:last-child{margin:15px 0 15px 15px;}

@media screen and (min-width: 980px) { 
  .columna {
    flex: 1;
  }
}

.columna img{width:40%; border-radius: 4px; margin: 0 auto; text-align: center; display: block;}

.wrapper.style1 > .inner{
	padding-top: 3rem;
}
.banner.style3{
	padding-top: 0;
	padding-bottom: 0;
}
#wrapper.divided > *:first-child{background:transparent}
.text-white, .text-white strong{color:#fff !important;}
#wrapper.divided > *{box-shadow:none;}
video {
  position: absolute;
  top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.m-b-25{margin-bottom: 25px;}
.contenedor-servicios{display:block; margin-bottom: 50px; width:100%; float: left;}

.video-text{position: absolute; z-index: 100; background: rgba(255,255,255,.75); padding: 50px 100px; margin: 0 auto; top: 33%; left: 0; width: 75%;}

.button{
	background-color: #e40613;
    box-shadow: none;
    color: #ffffff !important;
	border-radius: 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
}
.button:hover {
    color: #fff !important;
	background-color: #3B3B3B;
    box-shadow: 0px 15px 20px rgb(0 0 0 / 30%);
    text-decoration: none;
}
.button:active {
	background-color: rgba(255,102,0,0.2);
}
.button.large {    
    border-radius: 0;
}
a, a strong, a:hover {color: #ff6600;}

.image.fit {
    width: 100%;
    margin: 0 auto;
}
.image.semifit {
	width: 100%;
    margin: 0 auto;
	text-align: center;
}
.image.semifit img{margin: 0 auto;text-align: center; width: 80%;}
@media screen and (max-width: 1680px){
	.contenedor-banner img {width: 60%;}
	.container-videos .item{width: 415px;}
}
@media screen and (max-width: 1280px){
	.contenedor-banner img {width: 75%;}
	.container-videos .item{width: 48%;}
	/*.video-wrapper{height: 70vh;}*/
}
@media screen and (max-width: 1280px){
	.container-videos .item{width: 48%;}
	
}
@media screen and (max-width: 1024px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 980px){
	.image.left img, .image.right img{max-width: 100%; width:100%; margin: 0 auto 15px auto;}
	.flex .item{width: 100%; margin-bottom: 1rem;}
	.flex .item:last-child{margin-bottom:0;}
	.banner.style2.fullscreen{min-height:50vh!important;}
	.banner.style3.fullscreen {min-height: 55vh;}
	ul.actions{align-content: center; margin: 0 auto; text-align: center;}
}
@media screen and (max-width: 780px){
	.image.left, .image.right {width: 100%; max-width: 100%; margin: 0 auto 15px auto;}
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit, .image.semifit img{width: 100%;}
}
@media screen and (max-width: 480px){
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit, .image.semifit img{width: 100%;}
}
@media screen and (max-width: 360px){

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