@charset "UTF-8";
/* CSS Document */

h1 { 
	text-align:center;
	margin-top:-251px;
	font-family: 'Barlow Condensed', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	font-size:15.75em;
	letter-spacing:3px;
	font-display:swap;
	color: black;
	text-shadow:0px 2px 5px   black;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
	margin-bottom:37px;
}

/*Color del fons*/	
body { 
	margin:0;
	padding:0;
	height:auto;
	background-color: white; 
}

.contenidor{
	width: 100vw;
	height: 80vh;
}
/*Frame INICI*/	

.content{ 
	width:100%;
	height:auto;
	padding:0;
	margin-top:-10px;
	background-color:white;
	position:absolute;
	z-index:1;
}

.content img{ 
	width:100%;
}

/*MENU*/

#header{
	margin-top:-65px;
	margin-bottom:3px;
	margin-left:-40px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

#header ul{ 
	text-align:center;
}

.nav{ 
	text-align:center;
}
	
.nav li {
	margin:0 14.5px;
    display: inline;
	color:white;
}

.nav li a{
	font-family: 'Spartan', sans-serif;
	font-weight:400;
	font-size:14px;
	text-decoration:none;
	color:black;
}

.nav li a:hover{ 
	color: rgb(133, 133, 133);
	transition: all .0.1s;
}

/*ACABA MENU*/

/*MENU MOVIL*/
#headerPhone{ 
	visibility:hidden;
}
/*ACABA MENU MOVIL*/


/*SLIDER*/
.slider {
	margin:Auto;
	width: 500px;
	height:499px;
	overflow:hidden;
	background-color:white;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); 
	/*	border: #FC3F 7px solid;*/
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

.slider ul {
	display: flex;
	margin-top:-1px;
	padding: 0;
	width: 2000%;
	/*Varia depenen numero imatges que tinguis*/
	animation: cambio 27s infinite linear;
	animation-iteration-count:infinite;
	/*animation: cambio duració infinite alternate linear;*/
	animation-delay: 1s;
}

.slider li {
	padding:0;
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
	object-fit: cover;
}

/*Footer*/
.redes{ 
	margin-top:23px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

.redes a{ 
	text-decoration:none;
}

.redes ul{
		margin-left:-39px;
}

.redesGrupo{ 
	text-align:center;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

.redesGrupo li {
    display: inline;
	padding:9.7px;
}
  	 
/*Text copyright-footer*/	 
.copy{ 
	position: relative;
	display: block;
	top: 0;	
	color:black; 
	font-size:70%; 
	text-align:center; 
	font-family:Verdana, Geneva, sans-serif;
}

.articles{
	display:none;
}

.wowslider-container0{display: none;}
.wowslider-container1{display: none;}
.ws_images{display: none;}
.ws_thumbs{display: none;}
hr{display: none;}
.boton-personalizado{display: none;}
.youtube-video{display: none;}
.articles{display: none;}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

.swiper-slide img {
	display: block;
	width: 100%;
	object-fit: cover;
  }

  .swiper-button-next{
	  width: 5px;
	  height: auto;
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.swiper-button-prev{
	width: 5px;
	height: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

	.swiper-button-next::after{
	color: black;
   -moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none; 
	}
	
	.swiper-button-prev::after{
	color: black;
	-moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none; 
   -webkit-tap-highlight-color: rgba(0,0,0,0);
	}

	.swiper-pagination-bullet-active::before{
	color:black;
	color-adjust: black;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
	}

.flexbox-container {display:none;}

.text-cookies{
	color: white;
	font-family: 'Spartan', sans-serif;
	font-size: 0.7rem;
	font-weight: 100;

}

.btn{border-radius: 5px;
	border-color:black;
	padding: 5px;
	font-size: 0.7rem;
}



.link-cookies{
	text-decoration: none;
	color:grey;

}

h4{
	font-family: 'Spartan', sans-serif;
	font-size: 2rem;
	margin: 4% auto 4% auto;
	text-align: center;
	border: 1px solid black;
	border-radius: 30px;
	width: 20vw;
	padding-top: 8px;
	padding-bottom: 4px;
	text-decoration: none;


}

h4 a{
	text-decoration: none;
	color: #000;

}

h4:hover{
	background-color: #000;
	color:white;
}

h4 a:hover{
	color: white;
}

.copy a{text-decoration: none;
	color: black;
	}

@media (max-width: 1024px) {

body{ position:relative;
overflow-x:hidden;
}

.body:-webkit-scrollbar { 
	display:none;
	width: 300px;
}

h1{
	font-size:50vw;
	margin-top:55px;
	margin-left:-5px;
	margin-bottom:420px;
	height:180px;
	display:block;
	text-align:center;
	z-index:100;
}

h4{width: 30vw;}

.slider {
	margin:Auto;
	width: 500px;
	height:499px;
	overflow:hidden;
	background-color:white;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); 
/*	border: #FC3F 7px solid;*/
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

/* START PHONE MENU*/
nav{ 
	width:100%;
	margin-left:-20px;
	max-height:0px;
	overflow:hidden;
	transition: 1s all;
	margin-bottom:-50px;
	background-color: white;
}

nav ul{ 
	list-style:none;
}

nav ul li a{
	text-decoration:none;
	display:block;
	line-height:90px;
	border-bottom:1px solid #222;
	color: #000;
	font-size:2em;
	padding:7px;
	background-color: white;
	font-family: 'Spartan', sans-serif;
	font-weight:400;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

nav ul li a:hover{
	background-color:#222;
	color:#fff;
	
}

nav li ul{ 
	display:none;
	top:180px;
	left:30px;
	line-height:20px;
}

nav li:hover ul{
	display:block;
}

.mostrar{ 
	max-height:500px;
}

.menu{
	color:#fff;
	cursor:pointer;
	width:100%;
	height: 5%;	
	z-index:200;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.menu img{width: 80px;
height: auto;
object-fit: cover;}
/* FINISH PHONE MENU*/

.nav{
	visibility:hidden;
}

#headerPhone{ 
  visibility: visible; 
  margin-top:20px; 
  margin-left:17px; 
  margin-bottom:50px;

}

#headerPhone img{ 
	width:20px; 
	min-width:22px;
}

.slider{ 
  width:100%;
  height:100%;
  background-color:white;
  box-shadow:none;
  margin-top:-30px;
}
.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	margin:0 10px;
	margin-top: 1%;
	background-color: white; 
	align-items: center;
	justify-content: center
}

.flexbox-container > div {
	width: 40%;
	padding: 10px;
	background-color: white; 
}

.flexbox-container img{ 
	width: 100%;
	object-fit: cover;
	margin-bottom: 25%;
}

.flexbox-container > div:first-child {
	margin-right: 10px;
}

.flexbox-container a{ 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.redes{
	overflow-x: hidden;
	background-color: white;
}
.redesGrupo{ 
	display: none;
}


.swiper {
    width: 100%;
    height: 100%;
	margin: 0;
	padding: 0;
    }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		margin: 0;
		padding: 0;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        object-fit: cover;
		margin: 0;
		padding: 0;
      }

	  .animado{
		opacity:0;
		transition: all 0.5s;
	 }
	 
	 .mostrarArriba{
		animation: mostrarArrriba 1.2s;
	 }
	 
	 @keyframes mostrarArrriba{
		0%{
		   transform: translateY(60px);
		}
	 
		100%{
		   transform: translateY(0);
		}
	 
	 }

.videos{
	width: 100vw;
	display: block;
	margin-top: 5%;
}

.youtube-video{
	margin-top: 17%;
	width: 100%;
	height: 300px;
	text-decoration: none;
	cursor: pointer;
	text-decoration: none;
	display: block;

}

.boton-personalizado{
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.vinculo{
	width: 100%;
	height: auto;
}


.ver-mas{ 
	margin:auto;
	text-align: center;
	vertical-align: center;
	font-family: 'Spartan', sans-serif;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    background-color: black;
    border-radius: 10px;
	width: 25%;
	box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	margin-top: 7%;

	

}

.articles{
	margin-top:0;
	width: 100vw;
	background-color: #222;
	border: 1px solid #222;
	display: block;
	padding-bottom: 20%;
}

.ws_images{display: block;}
.ws_thumbs{display: inline-block;}
.boton-personalizado{display: block;}
	.articles-box{
		width: 85vw;
		height: 440px;
		overflow: hidden;
		background-color: white;
		margin:auto;
		margin-top: 0px;
		margin-bottom: 12%;
		box-shadow: 0 0 10px 0.8px rgb(36, 36, 36);
		border: 2px solid red inset;
		background-color: #222;

	}

	#article-img{
		width: 100%;
		height: auto;
		margin-top: 0;
		margin-bottom: 121px;
	}

	.article-text{
		width: 85%;
		height: 70px;
		margin: 40px auto 0 auto;
		font-family: 'Spartan', sans-serif;
		font-weight:400;
		font-size: 0.9rem;
		position: absolute;
		display: block;
		bottom: 33px;
		overflow: scroll;

	}

	.article-text p{
		vertical-align: top;
		text-align: justify; 
		text-align-last: center;
		margin-top: 0;

	}

#text-noticies{
	text-decoration: none;
	color: rgb(121, 121, 121);
	display:inline-block;
	font-size: 0.8rem;

}


#ocultarScript{ 
	display:none;
	visibility:hidden;
}

h3{
position:relative ;
text-align: center;
color: white;
font-family: 'Spartan', sans-serif;
font-weight:200;
font-size: 1.5rem;
margin-top: 17%;
margin-left: 10px;
margin-right: 10px;
z-index: 9999;
}

hr{
	width: 5%;
	align-items: center;
	margin-bottom: 15%;
	margin-top: 15%;
	border:solid black;
	border-style: solid;
	display: block;
}

.hr-edit1{
	display: inline-block; 
	width: 31vw;
	border-color: rgb(92, 92, 92);
}

.hr-edit2{
	display: inline-block; 
	width: 37.5vw;
	border-color: rgb(92, 92, 92);
}

.copy{
	margin-top: 10%;
	padding-bottom: 2%;
}
.copy p{ margin-bottom: 15px;

}

.copy a{text-decoration: none;
color: black;
}

.grey a{color: grey;
text-decoration: none;}
@media (max-width: 935px) {

h1{
	margin-bottom:350px
}



/* START PHONE MENU*/
nav{ 
	width:100%;
	margin-left:-20px;
	max-height:0px;
	overflow:hidden;
	transition: 1s all;
	margin-bottom:-50px;
}

.mostrar{ 
	max-height:500px;
}

nav ul{ 
	list-style:none;
}

nav ul li a{
	text-decoration:none;
	display:block;
	line-height:30px;
	border-bottom:1px solid #222;
	color: #000;
	font-size:1em;
	padding:7px;
	font-family: 'Spartan', sans-serif;
	font-weight:400;
}

nav ul li a:hover{
	background-color:#222;
	color:#fff;
}

nav li ul{ 
	display:none;
	top:180px;
	left:30px;
	line-height:20px;
}

nav li:hover ul{
	display:block;
}


.menu{
	color:#fff;
	cursor:pointer;
	width:100%;
	height: 5%;	
}
/* FINISH PHONE MENU*/

.nav{
	visibility:hidden;
}
.redesGrupo li{
	display:flex;
	flex-direction: column;
	margin:auto; 
	width:100%;
	height:80px;
}

#headerPhone{ 
  visibility: visible; 
  margin-top:20px; 
  margin-bottom:30px;
}


@media (max-width: 780px) {
h1{
	margin-bottom:300px;
}
@media (max-width: 700px) {
h1{
	margin-bottom:250px;
}

@media (max-width: 635px) {
h1{
	margin-bottom:220px;
}
@media (max-width: 590px) {
h1{
	margin-bottom:200px;
}

@media (max-width: 535px) {
h1{
	margin-bottom:160px;

}
h4{width: 50vw;}


@media (max-width: 530px) {
h1{
	margin-bottom:140px;
}

@media (max-width: 500px) {
h1{
	margin-bottom:120px;
}

@media (max-width: 480px) {
h1{
	margin-bottom:120px;
}

@media (max-width: 465px) {
h1{
	margin-bottom:100px;
}

@media (max-width: 415px) {
h1{
	margin-bottom:80px;
}

@media (max-width: 375px) {
h1{
	margin-bottom:60px;
}

@media (max-width: 350px) {
	
h1{
	margin-bottom:40px;
}

@media (max-width: 320px) {
	
h1 { 
	margin-bottom:30px;
}

h4{width: 80vw;}

@media (max-width: 280px) {	
h1 { 
	margin-bottom:5px;
}