*{
 margin: 0;
 padding: 0;
}

body, html {
 margin:0;
 padding:0;
 top:0;
 bottom:0;
 font-size:0;
 line-height:0; 
 background:#fff;
}

img {
 height: auto;
 max-width: 100%;
 padding: 7px;
 box-sizing: border-box;
}

a{
 color:#59dfa8;
 text-decoration: none; 
 font-weight:normal;
}
 
a:hover{
 color:#303030;
 text-decoration: none; 
}
 
.texto a{
 color:#59dfa8;
 text-decoration: none; 
 font-weight:600;
 border-bottom:1px solid #303030;
 }
.texto a:hover{
 color:#303030;
 text-decoration: none; 
 border-bottom:1px solid #303030;
 }

i{
 font-style: italic;
}

b{
 font-weight:600;
}

h1{
 margin: 5px 0 5px 0;
 padding:0;
 color:#71e1b0;
 font-family: 'Zilla Slab', 'Work Sans', cursive;
 font-weight: 900;
 font-size: 55px;
 text-decoration: none;
 text-transform:uppercase;
 line-height: 1;
 letter-spacing: 1px;
 text-align: center; 
}
h2{
 margin: 5px 0 5px 0;
 display:block;
 padding:3px;
 color: #ffc000;
 font-family: 'Zilla Slab','Work Sans', sans-serif;
 font-weight: 300;
 font-size: 30px;
 text-align:center;
 line-height: 1.5;
 letter-spacing: 2px;
 vertical-align: baseline;
}

h3{
 margin:10px;
 padding:0;
 font-family: 'Work Sans', serif;
 font-style: normal;
 font-weight: 300;
 font-size: 22px;
 text-align:center;
 text-transform:uppercase;
 letter-spacing: 2px;
 color:#303030;
 border-bottom:1px solid #71e1b0;
}

h4{
 display:block;
 max-width: 800px;
 margin:0 auto;
 padding:10px;
 color:#303030;
 font-family: 'Zilla Slab', serif;
 font-weight:600;
 font-style:italic;
 font-size:30px;
 text-align:center;
 text-transform:none;
 line-height: 1.5;
}

blockquote {
  max-width:1200px;
  margin: 0 auto;
  padding-left: 15px;
  border-left: 7px solid #71e1b0;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #71e1b0;
  font-family:'work sans',sans-serif;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #71e1b0;
  font-family:'work sans',sans-serif;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}


/*Menu*/

.menu{ 
	width: 100%; 
	position:fixed; 
	top:0;
	margin:0 auto; 
	padding: 0;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
	background-color: transparent;
	-webkit-transition: background-color .5s;
	z-index:1000;
}

.menu nav {
	display: table;
	max-width:1200px;
	max-width:100%;
	margin:0 auto;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	z-index:1000;
	-webkit-transition: margin-left .5s;
}
 
.menu_bar {
	display:none;
}
 
.menu nav ul {
 width:100%;
 overflow:hidden;
 margin: 0;
 padding: 0;
 display: inline;
 list-style:none;
 text-align: center;
}
 
.menu nav ul li {
 display: inline;
 width:100%;
 margin: 0;
 padding: 0;
 padding-left: 30px;
 text-align: center;
 background: url(design/list.png) left no-repeat;
}

.menu nav ul li.first {
 background:none;
}
 
.menu nav ul li a {
 display: inline-block;
 margin:15px 15px 0 15px;
 padding:15px 0;
 color:#303030;
 font-family: 'Dosis';
 font-style: normal;
 font-weight: 400;
 text-transform: uppercase;
 text-decoration:none;
 letter-spacing:1px;
}
 
.menu nav ul li a:hover {
 color:#ffc000;
 text-decoration: none;
 transition: all .5s linear;
 -o-transition: all .5s linear;
 -moz-transition: all .5s linear;
 -webkit-transition: all .5s linear;
}

.menu nav ul li a:active {
  color:#71e1b0;
}
 
section {
 padding:20px;
}
 
img#logo{
	float:left;
	display: block;
	margin:0;
	padding:0;
	-webkit-transition: width .5s;
}


/*Cuerpos*/

.contenido{
 margin:0 auto; 
 padding:0; 
 width:100%;
 clear:both;
 overflow:hidden; 
 box-sizing:border-box;
 background: #fff url(/design/noise-beixe.png) repeat;
}

.portada{
 clear:both;
 overflow: hidden;
 width: 100%;
 height: auto;
 max-width: 100%;
 margin:0;
 padding:80px 120px;
 box-sizing: border-box;
 font-family: 'Zilla Slab', serif;
 font-weight:300;
 font-style:italic;
 font-size: 25px;
 text-transform: none;
 text-decoration: none;
 letter-spacing: 0;
 word-spacing: 0.066em;
 line-height: 1.80;
 text-align: justify;
}

.texto{
 clear:both;
 overflow: hidden;
 max-width:1100px;
 margin:0 auto;
 padding: 80px 20px;
 box-sizing:border-box;
 color:#303030;
 font-family: 'Work Sans', sans-serif;
 font-style: normal;
 font-weight: 300;
 font-size: 19px;
 text-transform: none;
 text-decoration: none;
 letter-spacing: 0;
 word-spacing: 0.066em;
 line-height: 1.90;
 text-align: justify;
}

.cuerpo{
 clear:both;
 overflow: hidden;
 width: 100%;
 margin:30px 0 30px 0;
 padding:0;
 box-sizing: border-box;
}

.cuerpo-dos{
 width: 100%;
 clear:both;
 overflow: hidden;
 box-sizing: border-box;
 margin:0;
 padding:10px 0 10px 0;
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
}

.cuerpo-izq{
 width:49%;
 left:0;
 float:left;
 box-sizing: border-box;
 margin:0;
 padding:0;
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;

}
.cuerpo-der{
 width:49%;
 right: 0;
 float:right;
 box-sizing: border-box;
 margin: 0;
 padding:0;
}

.divimagen{
 width: 100%;
 max-width: 100%;
 height: auto;
 clear:both;
 overflow: hidden;
 box-sizing: border-box;
 padding: 0;
 margin: 0;
 text-align:center;
}
.divimagen img {
 max-width:100%;
 height:auto;
 margin:0;
 padding:0;
}

.franja{
 clear:both;
 overflow: hidden;
 width: 100%;
 height: auto;
 max-width: 100%;
 margin:0;
 padding:80px 120px;
 box-sizing: border-box;
 font-family: 'Work Sans', sans-serif;
 font-style: normal;
 font-weight: 300;
 font-size: 19px;
 text-transform: none;
 text-decoration: none;
 letter-spacing: 0;
 word-spacing: 0.066em;
 line-height: 1.90;
 text-align: justify;
}

.team{
 display:block;
 clear:both;
 max-width: 800px;
 margin:0 auto;
 padding:20px;
 box-sizing: border-box;
 font-family: 'Work Sans', serif;
 font-size:15px;
 background: transparent;
}

.team h3{
 margin:0;
 margin-bottom:4px;
 padding:2px;
 color:#fff;
 font-family: 'work sans', serif;
 font-weight:600;
 letter-spacing: 2px;
 text-transform:uppercase;
 font-size:99%;
 background:#71e1b0;
 border-bottom:none;
 	-moz-border-radius: 0; /* Firefox */
	-webkit-border-radius: 0; /* Google Chrome y Safari */
	border-radius: 0; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores)*/
}
.team h4{
 margin:0;
 padding:0;
 font-family: 'work sans', serif;
 font-weight:900;
 font-style:normal;
 letter-spacing: 2px;
 font-size:28px;
 line-height:1.5;
 text-transform:uppercase;
}

.team img{
 display:block;
 float:left;
 width:80%;
 max-width:300px;
 margin:15px;
 padding:0;
 text-align:center;
 border:20px solid #71e1b0;
	-moz-border-radius: 100%; /* Firefox */
	-webkit-border-radius: 100%; /* Google Chrome y Safari */
	border-radius: 100%; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores)*/
}

.testimonial {
	float:left;
	max-width: 700px;
	width:100%;
	margin:15px;
	padding:40px;
	box-sizing:border-box;
	overflow:hidden;
	position: relative;
	text-align:center;
	background:#eee;
}

.testimonial .testimonio {
	margin:0;
	padding:10px;
	box-sizing:border-box;
	position:relative;
	color:#b1b6b2;
	font-family:'Zilla Slab',serif;
	font-size:17px;
	font-style:italic;
	text-align:justify;
	background: transparent;
	quotes: "\201C""\201D""\2018""\2019";
}

.testimonial img{
	float:left;
	max-width:130px;
	margin:0 20px 0 0;
	width:98%;
	height: auto;
}

.testimonial h5{
	color:#303030;
	font-family:'Zilla Slab',serif;
	font-size:22px;
	font-weight:600;
	text-align:left;

}

.testimonial h6, .testimonial h6 a, .testimonial h6 a:hover{
	margin:0;
	padding:0;
	color:#71e1b0;
	font-family:'work sans', sans-serif;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:none;
}


/*Pie de pagina*/

.footer{
 width: 100%;
 overflow:hidden;
 bottom:0;
 margin:0 auto;
 padding: 25px 0 25px 0;
 box-sizing: border-box;
 color:#ccc;
 font-family: 'Dosis', sans-serif;
 font-size: 12px;
 text-align: center;
 line-height:2.00;
 border-top:none;
 background: #303030;
}

.footer a{
 padding: 0;
 color:#fff;
 font-style:normal;
 font-weight:300;
 text-decoration:underline;
 text-transform:uppercase;
 border-bottom:none;
}

.footer a:hover{
 color:#ccc;
 border-bottom:none;
}

.footer a.contact{
 padding-right:20px;
 color:#71e1b0;
 font-family:'Zilla Slab',serif;
 font-weight:600;
 font-weight:600;
 font-size:110%;
 letter-spacing:0.5;
 text-decoration:none;	
}
.footer3 .icon-mail{
 margin-right:3px;
 font-weight:normal;
 font-style:normal;
 font-size:95%;
}

.footer a:hover.contact{
 color:#ffc000;
}

.footer-contingut{
 max-width:1200px;
 margin:0 auto;
}

.footer1{
 width:40%;
 float:left;
 margin-right: 2px;
 padding: 0 10px 0 10px;
 box-sizing: border-box;
 background: none;
 text-align:left;
}

.footer2 {
 width:20%;
 float:left;
 margin-right: 2px;
 padding: 0 10px 0 10px;
 box-sizing: border-box;
 background: none;
 text-align:center;
}

.footer3 {
 width:35%;
 float:right;
 margin-right: 2px;
 padding: 0 10px 0 10px;
 box-sizing: border-box;
 background: none;
 text-align:right;
}

/*Botones*/

.bt1{
display: block;
width:auto;
max-width:250px;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:20px;
color: #ffffff;
font-family:'Dosis', sans serif;
font-size: 15px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
border: 2px solid #ffc000;
background: #ffc000;
/*cantonades arrodonides per a cada navegador */
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.bt1:hover{ 
color:#fff;
border: 2px solid #303030;
background: #303030; 
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease;
}

.bt-flecha{
display: block;
width:auto;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:20px;
padding-right:45px;
color: #ffffff;
font-family:'Dosis', sans serif;
font-size: 15px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
border: 2px solid #71e1b0;
background: #71e1b0;
background-image:url(design/i-flecha-blanca.png);
background-repeat: no-repeat;
background-position: 90% 50%;
/*cantonades arrodonides per a cada navegador */
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.bt-flecha:hover{ 
padding-right:50px;
color:#ffffff;
border: 2px solid #303030;
background: #303030; 
background-image:url(design/i-flecha-blanca.png);
background-repeat: no-repeat;
background-position: 92% 50%;
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease;
}

.paypal_btn{
display: block;
width:auto;
max-width:350px;
margin:0 auto;
margin-top:10px;
padding: 20px;
color: #202020;
font-family:  'Dosis', sans serif;
font-size: 18px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
cursor:pointer;
border: 4px solid #202020;
background: none;
/*cantonades arrodonides per a cada navegador */
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.paypal_btn:hover{
color: #ffc000;
border: 4px solid #202020;
background: #202020; 
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease;
}
@media screen and (max-width:800px){
 .paypal_btn {
	 font-size: 18px;
 }
 .btn {
	 font-size: 21px;
 }
}

/*Slider Pantalla Completa*/

#slides {
  position: relative;
}
#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height:100%;
  max-height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  display:none;
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
  border: 3px solid #303030;
  border-radius: 15px;
  width: 9px;
  height: 9px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: transparent;
  margin: 30px 5px 30px 5px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  border: 3px solid #fff;
}

.descripcion{
	top:40%;
	position:absolute;
	min-width:90%;
	margin:0 auto;
	padding:20px;	
	text-align:center;
	color:#000;
	background:rgba(0,0,0,0.0);
}

.descripcion h1{
 display:block;
 margin: 5px 0 5px 0;
 padding:10px;
 color:#fff;
 font-family: 'Work Sans', cursive;
 font-weight: 600;
 font-size: 50px;
 text-decoration: none;
 text-shadow: 3px 3px 0 #303030, 5px 4px 0 #71e1b0;
 line-height: 1;
 letter-spacing: 1px;
 text-align: center; 
 text-transform:uppercase;
 background: rgba(0,0,0,0.0);

}
.descripcion h2{
 margin: 5px 0 5px 0;
 display:inline-block;
 padding:5px 15px;
 color: #303030;
 font-family: 'Zilla Slab', cursive;
 font-weight: 300;
 font-size: 30px;
 text-align:center;
 text-shadow: 1px 1px 0 #fff;
 line-height: 1.5;
 letter-spacing: 2px;
 background: rgba(255,255,255,0.8);
 	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
 vertical-align: baseline;
}

/*slider testimonios*/
.testimonios {
	max-width: 700px;
	width:100%;
	margin:0 auto;
	padding:50px;
	box-sizing:border-box;
	overflow:hidden;
	position: relative;
	text-align:center;
	background:#eee;
}

.testimonio {
	margin:0;
	padding:10px;
	box-sizing:border-box;
	position:relative;
	color:#b1b6b2;
	font-family:'Zilla Slab',serif;
	font-size:14px;
	font-style:italic;
	text-align:justify;
	background: transparent;
	quotes: "\201C""\201D""\2018""\2019";
}

.testimonio:before {
  color: #303030;
  font-family:'work sans', sans-serif;
  font-style:normal;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.testimonio:after {
  color: #303030;
  font-family:'work sans', sans-serif;
  font-style:normal;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}

.testimonios img{
	float:left;
	max-width:130px;
	margin:0 20px 0 0;
	width:98%;
	height: auto;
}

.testimonios h5{
	color:#303030;
	font-family:'Zilla Slab',serif;
	font-size:22px;
	font-weight:600;
	text-align:left;

}

.testimonios h6, .testimonios h6 a, .testimonios h6 a:hover{
	margin:0;
	padding:0;
	color:#71e1b0;
	font-family:'work sans', sans-serif;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:none;
}

.slide{
  position:absolute;
  transform: translateX(-100%);
  opacity:0;
  top: 0;
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease;
}

#uno:checked ~ div.uno,
#dos:checked ~ div.dos,
#tres:checked ~ div.tres,
#cuatro:checked ~ div.cuatro,
#cinco:checked ~ div.cinco {
	position: relative;
	opacity:1;
	transform: translateX(0);
}

.testimonios input[type="radio"] {
	position: absolute;
	padding: 0;
	border: 0;
	left: -100%;
}

.testimonios label {

	bottom:5;
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 auto;
	text-align:center;
	border: 4px solid #ccc;
	background:#fff;
	cursor: pointer;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	o-transition:all 1s ease;
   transition:all 1s ease;
}



#uno:checked ~ label.uno,
#dos:checked ~ label.dos,
#tres:checked ~ label.tres,
#cuatro:checked ~ label.cuatro,
#cinco:checked ~ label.cinco {
  border: 4px solid #71e1b0;
}



/* Tablets en horizonal y escritorios pequeños*/
@media screen and (max-width:1100px){
	
	img#logo{
	 max-width:300px;
	 margin-left: 10px;
	}
	
	.menu{ 
	 width: 100%; 
	 padding-top:10px;
	 padding:0;
	 font-size:15px;
	 float:right;
	}
	
	.menu nav ul li a {
	 margin:10px 15px 0 15px;
	}
	
	.menu nav {
	 width:100%;
     max-width:100%;
	 margin:0 auto;
	 text-align: center;
	 z-index:1000;
	}
	
	.contenido{
	 padding: 0;
	 margin:0;
	}
	
	.texto{
	 margin:0;
	 padding: 80px;
	 font-size:16px;
	}
	
	.divimagen{
	 margin:0;
	}	

	.cuerpo img {
	 max-width: 100%;
	 height: auto;
	}
	.cuerpo-dos img, .cuerpo-der img, .cuerpo-izq img{
	 max-width:100%;
	 width:100%;
	 padding:0;
	 margin:0;
	}
	
	.franja{
	 padding: 25px 0;	
	}
	
	.team {
	 width:49.5%;
	 float:left;
	 clear:none;
	}
	
	.team img{
	 float:none;
	 margin:0 auto;
	}
	
	.footer{
	 margin:0;
	 padding:7px;
	}
		
	.footer-contingut{
		margin-top:15px;
	}

}

/* Tablets en vertical*/
@media screen and (max-width:800px){
	

	
	img#logo{
	 display:none;
	}
	
	.menu nav {
	 max-width:250px;
	 height:100%;
	 right:-100%;
	 margin:0;
	 position: fixed;
	 background: #fff;
	}
	

	.menu nav ul li {
	 display:block;
	 float:none;
	 padding:0;
	 background:none;
	}
	
	.menu nav ul li a {
	 display:block;
	 padding:20px 20px 20px 0;
	 margin:0;
	 color:#303030;
	 font-family: 'Dosis', sans-serif;
	 font-size: 15px;
	 font-weight:400;
	 text-align: right;
	 text-transform: uppercase;
	 background: none;
	 border-right:4px solid #71e1b0;
	}
	
	.menu nav ul li a:hover {
	 color:#71e1b0;
	 text-decoration: none;
	 border-bottom:none;
	}
 
	.menu_bar {
	 display:block;
	 max-width:100%;
	 padding:15px;
	 background:#fff;
	}

	.menu_bar .bt-menu {
	 display:block;
	 padding:20px;
	 color:#33e873;
	 text-decoration:none;
	 text-align:right;
	 font-weight:bold;
	 font-size:27px;

	}
	
	img#logo-mobile{
	 float:left;
	 max-width:200px;
	 margin: 7px 0 0 10px;
	 padding:0;
	}
	
	.contenido, .footer{
	 width:100%;
	}
	
	.contenido{
	 margin-top:100px;
	}
	
	.portada, .texto{
	 padding: 25px;
	 font-size:16px;
	}
	
	.cuerpo-izq{
	 width:100%;
	}
	.cuerpo-der{
	 width:100%;
	 margin-top: 2px;
	}
	
	.descripcion{
	 max-width:100%;
	 text-align:center;
	}
	
}

/* Móviles Smart Phones*/
 @media screen and (max-width:600px){
	
	h1 {font-size:50px;}
	h2{font-size:25px;}
	h3{font-size:17px;}
	h4{font-size:20px;}
	
	.descripcion{
	top:45%;
	position:absolute;
	min-width:100%;
	margin:0 auto;
	padding:0;	
	text-align:center;
	}
	
	.descripcion h1 {
	 font-size:30px;
	}
	.descripcion h2 {
	 font-size:16px;
	}
	
	.texto {
	 font-size: 14px; 
	}
	
	.footer{
	 padding: 2px 5px 0 5px;
	}
	
	.cuerpo-izq, .cuerpo-dos{
	 width:100%;
	 -webkit-column-count: 1; /* Chrome, Safari, Opera */
	 -moz-column-count: 1; /* Firefox */
	 column-count: 1;
	}
	
	.team {
	 width:100%;
	}
	
	.footer1, .footer2, .footer3 {
	 width:100%;
	 padding: 0 5px 5px 5px;
	 text-align:center;
	}	
	
	.testimonios {
		padding:10px;
	}
	
	.testimonios img{
		margin:0 10px 0 0;
	}

 }