/*===================
COLORS:
TURQUESA: #0ed5d2
TURQUESA MIG: #0aa2bc
BLAU FORT: #056ca6
TEXT BLAU: #323657
GRIS FONS: #f9f9f9

FONTS:
Poppins
Signika Negative

TEXT:
Reclam inici: 50px
Títol: 35px
Títol sobre banner pàgina: 40px
Menú: 18px
Text normal: 18px
Footer: 15px
Nom testimoni i títol tractament inici: 22px
Espai superior i inferior dels textos: 96px
===================*/



/*===================
TAULA DE CONTINGUTS

01. Característiques generals
02. Menú
03. Header
04. Currículum
05. Tratamientos pàgina d'inici
06. Tratamientos
07. Testimonios
08. Footer
09. Contacto
10. Banner llei de cookies
11. Aviso legal
12. Página de error 404
===================*/



/*===================
01. Característiques generals
===================*/

@import url(http://fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700&display=swap);

html,
body {
	height: 100%;
	font-family: 'Signika Negative', sans-serif;
	margin: 0px;
	padding: 0px;
}

/* Selecció de text */

::-moz-selection {
	background: #323657;
	color: #ffffff;
	text-shadow: none;
}

::selection {
	background: #323657;
	color: #ffffff;
	text-shadow: none;
}

/* Placeholder */

::placeholder {
	color: #323657;
	opacity: 1;
}

a:focus {
	outline: 0px solid;
}

img {
	width: auto;
	height: auto;
}

p {
	margin: 0;
	font-size: 18px;
	line-height: 28px;
	color: #323657;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px;
}

a {
	font-size: 18px;
	color: #0ed5d2;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	text-decoration: none;
}

a:hover {
	color: #0aa2bc;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0 none;
}


.link1 {
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
}
.link1:hover,
.link1:visited,
.link1:link {
	color: #0aa2bc;
	text-decoration: none;
}



ul {
	list-style: outside none none;
	margin: 0;
	padding: 0
}

.container {
	max-width: 1300px;
}

.default-margin-mt {
	margin-top: 30px
}

/* Scroll Up */

#scrollUp {
	bottom: 10px;
	color: #323657;
	right: 10px;
	text-align: center;
	font-size: 45px;
}

#scrollUp:hover {
	color: #0ed5d2;
	right: 10px;
	text-align: center;
	-webkit-transition: 1s;
	transition: 1s;
	font-size: 45px;
}

/* Preloader */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99999999999999;
	height: 100%;
}

#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	padding: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 99999999999999;
}

#status img {
	height: 150px;
	width: 150px;
}

/* Títol amb subratllat degradat */

.section-heading-1 h3 {
	font-weight: 700;
	color: #323657;
	margin-bottom: 35px;
	position: relative;
	font-size: 35px;
	display: inline-block;
}

.section-heading-1 h3:before {
	position: absolute;
	content: '';
	right: 0;
	bottom: -15px;
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	height: 5px;
	width: 70px;
}

.section-heading-1 p {
	color: #323657;
}

/* Títol amb subratllat blau esquerra */

.section-heading-2 {
	padding-bottom: 45px;
}

.section-heading-2-p {
	padding-bottom: 0 !important
}

.section-heading-2 h3 {
	font-weight: 700;
	color: #323657;
	margin-bottom: 35px;
	position: relative;
	font-size: 35px;
	display: inline-block;
}

.section-heading-2 h3:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -15px;
	background-color: #323657;
	height: 5px;
	width: 70px;
}

.section-heading-2 p {
	color: #323657;
}

/* Títol centrat */

.section-heading-3 {
	padding-bottom: 45px;
	text-align: center;
}

.section-heading-3 h4 {
	font-size: 23px;
}

.section-heading-3 h3 {
	font-weight: 700;
	color: #323657;
	margin-bottom: 35px;
	position: relative;
	font-size: 35px;
	display: inline-block
}

.section-heading-3 h3:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -15px;
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	height: 5px;
	width: 70px;
	transform: translateX(-50%)
}

/* Títol amb subratllat blau dreta */

.section-heading-4 {
	padding-bottom: 45px;
}

.section-heading-4-p {
	padding-bottom: 0 !important
}

.section-heading-4 h3 {
	font-weight: 700;
	color: #323657;
	margin-bottom: 35px;
	position: relative;
	font-size: 35px;
	display: inline-block;
}

.section-heading-4 h3:before {
	position: absolute;
	content: '';
	right: 0;
	bottom: -15px;
	background-color: #323657;
	height: 5px;
	width: 70px;
}

.section-heading-2 p {
	color: #323657;
}

/* Botons */

.section-button a {
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	box-shadow: 0px 2px 15px rgba(164, 164, 164, 0.25);
	border-radius: 68px;
	color: #ffffff;
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	margin-top: 25px;
	display: inline-block;
}

.section-button a:hover {
	background: linear-gradient(253.52deg, #0ed5d2 8.92%, #067fae 96.59%);
}

.section-button-2 a {
	background-color: #323657;
	box-shadow: 0px 2px 15px rgba(164, 164, 164, 0.25);
	border-radius: 68px;
	color: #ffffff;
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	margin-top: 25px;
	display: inline-block;
}

.section-button-2 a:hover {
	background-color: #ffffff;
	color: #323657;
}

/* Animació Pattern */

.e-pattern {
	position: absolute;
	right: 0px;
	top: -70px;
	z-index: -1
}

.e-pattern img {
	-webkit-animation: ep 3s linear infinite;
	animation: ep 3s linear infinite;
}

@keyframes ep {
	from {
		transform: translate(0, 0px);
	}

	65% {
		transform: translate(0, 30px);
	}

	to {
		transform: translate(0, -0px);
	}
}



/*===================
02. Menú
===================*/

.main-navigation {
	width: 100%;
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.logo-area img {
	padding: 20px 0;
}

/* Menú CSS */

.main-menu {
	margin: 0px;
}

.main-menu ul li {
	display: inline-block;
	margin-left: 25px;
	position: relative;
}

.main-menu ul li a {
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	position: relative;
	font-weight: 700;
	padding: 40px 0;
	-webkit-transition: 1s;
	transition: 1s;
}

.main-menu ul li a:hover {
	color: #0ed5d2;
}

.main-menu ul li a:before {
	content: '';
	position: absolute;
	width: 0px;
	height: 3px;
	background-color: #323657;
	left: 0;
	top: 67%;
	-webkit-transition: 1s;
	transition: 1s;
	mix-blend-mode: multiply
}

.main-menu ul li a:after {
	content: '';
	position: absolute;
	width: 0px;
	height: 3px;
	background-color: #323657;
	right: 0;
	top: 67%;
	-webkit-transition: 1s;
	transition: 1s;
	mix-blend-mode: multiply;
	z-index: 999
}

.main-menu ul li a.current:before {
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background-color: #323657;
	left: 0;
	top: 67%;
	-webkit-transition: 1s;
	transition: 1s;
	mix-blend-mode: multiply;

}

.main-menu ul li a.current:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background-color: #323657;
	right: 0;
	top: 67%;
	-webkit-transition: 1s;
	transition: 1s;
	mix-blend-mode: multiply;
	z-index: 9
}

.main-menu ul li a.current {
	color: #323657;
}

.main-menu ul li a:hover:before {
	width: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.main-menu ul li a:hover:after {
	width: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(-100%)
}

.f-right {
	float: right;
}

/* Menú per a mòbils */

.mean-container .mean-nav {
	margin-top: 0;
	background: #323657;
}

.main-menu ul li i {
	margin-left: 5px
}

#mobile-menu {
	display: block;
}

/* Menú desplegable */

.main-menu ul li ul.dropdown {
	position: absolute;
	right: 0;
	top: 130%;
	width: 280px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 20px rgba(20, 20, 20, 0.1);
	box-shadow: 0px 0px 20px rgba(20, 20, 20, 0.1);
	border: solid 3px transparent;
	border-image: linear-gradient(238.45deg, #49e513 3.32%, #42D2FF 98.6%);
	border-image-slice: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 1s;
	transition: 1s;
	padding: 15px
}

ul.dropdown li a:before {
	position: absolute;
	content: '';
	background-color: transparent;
	height: 0;
	left: 0;
	top: 0;
	opacity: 0
}

ul.dropdown li a:after {
	position: absolute;
	content: '';
	background-color: transparent;
	height: 0;
	right: 0;
	top: 0;opacity: 0
}

.main-menu ul li:hover ul.dropdown {
	top: 106%;
	opacity: 1;
	visibility: visible
}

.main-menu ul li ul.dropdown li a:hover {
	background: linear-gradient(238.45deg, #42D2FF 3.32%, #49e513 98.6%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text
}

.main-menu ul li ul.dropdown li {
	display: block;
	margin-left: 15px
}

.main-menu ul li ul.dropdown li a {
	padding: 12px 0px;
	-webkit-transition: 1s;
	transition: 1s;
	position: relative;
	color: #646572;
	font-weight: 600
}

/* Menú fix (Sticky) */

.main-navigation.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	background: linear-gradient(270deg, #067fae 0%, #0ed5d2 100%);
	-webkit-box-shadow: 0px 0px 4px #888b8a;
	box-shadow: 0px 0px 20px #888b8a;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-webkit-animation: sticky 1s;
	animation: sticky 1s;
}

@-webkit-keyframes sticky {
	0% {
		top: -120px;
	}

	100% {
		top: 0;
	}
}

@keyframes sticky {
	0% {
		top: -120px;
	}

	100% {
		top: 0;
	}
}
.main-navigation-1{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	background: linear-gradient(270deg, #067fae 0%, #0ed5d2 100%);
	-webkit-box-shadow: 0px 0px 4px #888b8a;
	box-shadow: 0px 0px 20px #888b8a;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-webkit-animation: sticky 1s;
	animation: sticky 1s;
}

/* Recerca a pàgina completa */

#search {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #00b09b;
	background: -webkit-gradient(linear, left top, right top, from(rgba(150, 201, 61, 0.9)), to(rgba(0, 176, 155, 0.9)));
	background: linear-gradient(to right, rgba(150, 201, 61, 0.9), rgba(0, 176, 155, 0.9));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	will-change: transform, opacity;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	visibility: hidden
}

.search-icon-area {
	position: absolute;
	right: 20px;
	top: 29px;
}

.search-icon-area i {
	background-color: #ffffff;
	color: #75DDED;
	font-size: 20px;
	padding: 13px;
	border-radius: 50%
}

.close-btn:hover {
	color: #363636
}

#search:target {
	height: 100vh !important;
	opacity: 1;
	-webkit-transition: 1s;
	transition: 1s;
	visibility: visible
}

#search:target .close-btn {
	display: block;
}

#searchbox {
	background: transparent;
	border: solid #ffffff;
	border-width: 0 0 1px 0;
	color: #ffffff;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	font-size: 25px;
	max-width: 66%;
	outline: 0;
	padding: 10px 3px;
}

.close-btn {
	display: none;
	color: #ffffff;
	font-size: 2rem;
	position: absolute;
	top: 0.5rem;
	right: 2rem;
}



/*===================
03. Header
===================*/

.header-content-area {
	height: 100vh;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url('imatges/header.png');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* Header Pattern */

.header-pattern-1 {
	position: absolute;
	left: 50%;
	top: 13%
}

.header-pattern-2 {
	position: absolute;
	left: 12%;
	top: 30%
}

.header-pattern-2 img {
	-webkit-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* Animació */

.header-animation-area {
	position: relative
}

.header-1-artwork {
	position: absolute;
	right: 60px;
	bottom: 80px;
}

.layer {
	position: relative;
	z-index: -1
}

.layer-1 {
	position: absolute;
	right: 0px;
	top: -100px;
	z-index: -1;
}

.layer-1 img{
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	padding: 10px;
}

.layer-2 {
	position: absolute;
	right: 255px;
	top: 150px;
	z-index: -1;
}

.intro-text {
	text-align: left;
	padding-top: 60px;
}

.intro-text-2 {
	text-align: right;
	padding-top: 150px;
}

.intro-text h1 {
	font-size: 50px;
	line-height: 65px;
	color: #323657;
	margin-bottom: 10px;
	font-weight: 700;
}

/* Botó més informació */

.learnmore {
	margin-top: 25px;
	position: relative;
	display: inline-block;
}

.learnmore2 {
	position: absolute;
	right: -55px;
	top: 7px;
	z-index: 9 display: inline-block;
}

.learnmore .skill-btn {
	background-color: #323657;
	box-shadow: 0px 2px 15px rgba(164, 164, 164, 0.25);
	border-radius: 68px;
	color: #ffffff;
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
}

.learnmore .skill-btn:hover {
	background-color: #ffffff;
	color: #323657;
	-webkit-transition: 1s;
	transition: 1s;
}

/* Botó vídeo YouTube */

.skill-btn-youtube i {
	color: #323657;
	font-size: 40px;
	-webkit-transition: 1s;
	transition: 1s;
}

.skill-btn-youtube i:hover {
	color: #ffffff;
}



/*===================
04. Currículum
===================*/

.home-about-area {
	padding: 96px 0 60px 0;
	background-color: #ffffff;
}

.home-about-image {
	text-align: right;
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	text-align: center;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.home-about-image img {
	width: 100%;
	border-radius: 10px;
}

.home-about-text {
	text-align: right;
	padding-right: 70px;
	position: relative;
	z-index: 1
}

.blog-body {
	background-color: #fff
}

.blog-area {
	padding: 120px 0;
}

.left-side {
	padding: 60px 20px 20px 0px
}

.right-side {
	padding: 60px 0px 20px 20px
}

.left-side-2 {
	padding: 60px 20px 20px 0px
}

.right-side-2 {
	padding: 60px 0px 20px 20px
}

.curriculum-body-content {
	padding: 0;
	margin-top: 29px;
	margin-bottom: 68px;
}

.curriculum-body-content p {
	font-size: 18px;
	text-align: justify;
	line-height: 28px !important
}

.curriculum-inner {
	margin: 30px 0;
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	text-align: center;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.curriculum-inner img {
	width: 100%;
	border-radius: 10px;
}

.author-content {
	margin-top: 35px;
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	padding: 10px;
}

.author-profile img {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 10px;
}

.author-profile h4 {
	font-size: 22px;
	font-weight: 700;
	color: #323657;
	margin-bottom: 10px;
	text-align: center;
}

/* Categories */

.main-category {
	margin-top: 40px
}

.main-category h3 {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0;
	padding-bottom: 10px;
	color: #363636;
	padding-left: 20px;
}

.category-list {
	background-color: #F9F9F9;
	padding: 20px
}

.category-list ul li {
	padding: 11px 0;
	border-bottom: 1px solid #ebebeb;
	color: #212121;
	font-size: 15px
}

.category-list ul li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.category-list ul li:first-child {
	padding-top: 0
}

.category-list ul li a {
	color: #363636;
	font-size: 15px;
	text-transform: capitalize;
}

.category-list ul li a:hover {
	background: linear-gradient(238.45deg, #42D2FF 3.32%, #49e513 98.6%);
	background-clip: border-box;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-transition: 1s;
	transition: 1s;
}

/* Banner encapçalament */

.header-banner-curriculum {
	background-image: url(imatges/header_imatge_curriculum.jpg);
	width: 100%;
	height: 40vh;
	background-position: center;
	background-size: cover;
	position: relative;
}

.header-banner-curriculum-text {
	position: absolute;
	left: 0;
	top: 65%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-banner-curriculum h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 40px;
}



/*===================
05. Tratamientos pàgina d'inici
===================*/

.tratamientos-area {
	padding: 120px 0;
	background: linear-gradient(270deg, #067fae 0%, #0ed5d2 100%);
	position: relative;
}

/* Corba SVG*/

#curve {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(180deg);
}

#curve path {
	fill: #ffffff;
}

.tratamiento-recuadro {
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	text-align: center;
	padding: 10px;
	position: relative;
	z-index: 1
}

.tratamiento-texto h3 {
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	background-clip: border-box;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-size: 22px;
	font-weight: 700;
}

.tratamiento-icono img {
	width: 270px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.tratamiento-mt-30 {
	margin-top: 30px
}

/* Pattern */

.servive-p-1 {
	position: absolute;
	top: -80px;
	left: -50px;
}

.servive-p-2 {
	position: absolute;
	bottom: -23px;
	left: -128px;
}

/* Single Service Animació */

.servive-p-1 img {
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
}

.servive-p-2 img {
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
}

@keyframes sp {
	from {
		transform: translate(0, 0px);
	}

	65% {
		transform: translate(0, 30px);
	}

	to {
		transform: translate(0, -0px);
	}
}



/*===================
06. Tratamientos
===================*/

.tratamientos-body {
	background-color: #ffffff;
}

.tratamientos-left-side {
	padding: 10px 20px 20px 0px;
}

.tratamientos-right-side {
	padding: 54px 0px 20px 20px;
}

.tratamientos-left-side-2 {
	padding: 60px 20px 20px 0px;
}

.tratamientos-right-side-2 {
	padding: 60px 0px 20px 20px;
}

.tratamientos-heading h1 {
	font-size: 35px;
	color: #323657;
	margin-top: 0;
	padding-bottom: 10px;
	font-weight: 700;
}

.tratamientos-heading span {
	font-weight: 700;
	text-transform: capitalize;
}

.tratamientos-body-content {
	padding: 0;
}

.tratamientos-body-content p {
	font-size: 18px;
	text-align: justify;
	line-height: 28px !important
}

.tratamientos-inner {
	margin: 30px 0;
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	text-align: center;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.tratamientos-inner img {
	width: 100%;
	border-radius: 10px;
}

/* Compartir a xarxes */

.tratamientos-share {
	margin-top: 36px;
	margin-bottom: 76px;
}

.tratamientos-share h4 {
	font-size: 22px;
	font-weight: 700;
	color: #323657;
	margin-bottom: 15px;
}

.tratamientos-share ul {
	margin-top: 20px;
	margin-bottom: 32px;
}

.tratamientos-share ul li {
	display: inline-block;
	margin-right: 8px;
}

.tratamientos-share ul li a {
	display: inline-block;
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	box-shadow: 0px 2px 15px rgba(164, 164, 164, 0.25);
	color: #ffffff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	font-size: 15px
}

.tratamientos-share ul li a:hover {
	background: linear-gradient(253.52deg, #0ed5d2 8.92%, #067fae 96.59%);
}


/* Moviment lent Jump to */

html {
scroll-behavior: smooth;
}

.section {
 margin-top: 100px;
}

.section:first-child  {
 margin-top: 20px;
}


/* Categories */

html {
scroll-behavior: smooth;
}


.main-category {
	margin-top: 39px
}

.main-category h3 {
	font-size: 22px;
	font-weight: 700;
	color: #323657;
	margin: 0;
	padding-bottom: 10px;
	padding-left: 20px;
}

.category-list {
	margin: 21px 0;
	background: #ffffff;
	box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	z-index: 1;
	padding: 20px;
}

.category-list ul li {
	padding: 11px 0;
	border-bottom: 1px solid #323657;
	font-size: 15px;
}

.category-list ul li:first-child {
	margin-top: -9px;
}

.category-list ul li:last-child {
	border-bottom: none;
	margin-bottom: -9px;
}

.category-list ul li a {
	color: #323657;
	font-size: 15px;
	text-transform: none;
}

.category-list ul li a:hover {
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

/* Banner encapçalament */

.header-banner-tratamientos {
	background-image: url(imatges/header_imatge_tratamientos.jpg);
	width: 100%;
	height: 40vh;
	background-position: center;
	background-size: cover;
	position: relative;
}

.header-banner-tratamientos-text {
	position: absolute;
	left: 0;
	top: 65%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-banner-tratamientos h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 40px;
}



/*===================
07. Testimonios
===================*/

.testimonial-area {
	padding: 96px 0;
}

/* Left Content */

.left-content {
	float: left;
	width: 100%;
	position: relative;
}

.testi-slider-text {
	margin-top: 10px;
	padding: 0 0 0 15px;
}

.right-quote {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;;
}

.quotation {
	padding-left: 15px;
}

.testi-slider-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: #323657;
	margin-top: 10px;
}

.testi-slider-text h5 {
	font-size: 18px;
	color: #323657;
}

/* Right Content */

.right-content {
	overflow: hidden;
	width: 30%;
}

.testimonial-img {
	text-align: right;
}

.testimonial-img img {
	width: 80%;
	display: inline;
	border-radius: 68% 68% 2% 68% / 35% 50% 0 38%;
	animation: morph 2s ease-in-out infinite both alternate;
}

@keyframes morph {
	0% {
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	}

	100% {
		border-radius: 2% 68% 68% 68% / 35% 50% 0 35%
	}
}

@keyframes spin {
	to {
		transform: rotate(1turn);
	}
}

/* Fletxes */

.left-arrow-2 {
	position: absolute;
	right: 60px;
	top: 10px;
	bottom: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	border: 2px solid #323657;
	color: #323657;
	cursor: pointer;
	-webkit-transition: 1s;
	transition: 1s;
	z-index: 9;
}

.right-arrow-2 {
	position: absolute;
	right: 0px;
	top: 10px;
	bottom: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	border: 2px solid #323657;
	color: #323657;
	cursor: pointer;
	-webkit-transition: 1s;
	transition: 1s;
}

.right-arrow-2:hover {
	color: #0ed5d2;
	border: 2px solid #0ed5d2;
}

.left-arrow-2:hover {
	color: #0ed5d2;
	border: 2px solid #0ed5d2;
}



/*===================
08. Footer
===================*/

footer {
	background: linear-gradient(270deg, #067fae 0%, #0ed5d2 100%);
	-webkit-box-shadow: 0px 0px 4px #888b8a;
	box-shadow: 0px 0px 20px #888b8a;
	text-align: center;
	padding: 20px 0;
	width: 100%;
}

footer p {
	margin: 0;
	color: #ffffff;
	font-size: 15px
}

footer a {
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
}

footer a:hover {
	color: #323657;
	text-decoration: none;
}



/*===================
09. Contacto
===================*/

.contacto-body {
	background-color: #ffffff;
	padding-top: 96px;
	padding-bottom: 96px;
}

contacto-body-content p {
	font-size: 18px;
	text-align: justify;
	line-height: 28px !important
}

/* Banner encapçalament */

.header-banner-contacto {
	background-image: url(imatges/header_imatge_contacto.jpg);
	width: 100%;
	height: 40vh;
	background-position: center;
	background-size: cover;
	position: relative;
}

.header-banner-contacto-text {
	position: absolute;
	left: 0;
	top: 65%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-banner-contacto h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 40px;
}

/* Formulari */

#contactForm {
	margin-top: 10px;
	width: 100%;
}

.casellatext {
	width: 100%;
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	border: 0px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.casellacaptcha {
	width: 50px;
	height: 29px;
	border: #0ed5d2 1px solid;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #323657;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.casellacaptcha:hover, .casellacaptcha:focus  {
	border: #067fae 1px solid;
}

#contactForm textarea {
	width: 100%;
	height: 80px;
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	border: 0px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

textarea:focus, input:focus {
	outline: none;
	border: none;
}

#contactForm codi {
	position: relative;
	top: -2px;
}

#contactForm input.submit {
	cursor: pointer;
	text-align: center;
	width: 110px;
	height: 30px;
	background: linear-gradient(253.52deg, #067fae 8.92%, #0ed5d2 96.59%);
	border: 0px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
}

#contactForm input.submit:hover {
	background: linear-gradient(253.52deg, #0ed5d2 8.92%, #067fae 96.59%);
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	transition:background 0.3s ease;
}

#contactForm .error {
	padding-top: 50px;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #323657;
	text-decoration: none;
	text-align: center;
}



/*===================
10. Banner llei de cookies
===================*/

div.cookiebanner span {
	color: #ffffff;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	text-decoration: none;
}

.cookiebanner a {
	color: #323657;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	text-decoration: none;
}

.cookiebanner a:hover {
	color: #f9f9f9;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	text-decoration: none;
}

.cookiebanner-close {
	color: #323657;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	text-decoration: none;
	background: #ffffff;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cookiebanner-close:hover {
	color: #ffffff;
	font-family: 'Signika Negative', sans-serif;
	font-size: 18px;
	text-decoration: none;
	background: #323657;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	text-decoration: none;
}



/*===================
11. Aviso legal
===================*/

.aviso-legal-body {
	background-color: #ffffff;
	padding-top: 16px;
	padding-bottom: 96px;
}

.aviso-legal-body-content p {
	font-size: 18px;
	text-align: justify;
	line-height: 28px !important
}

.aviso-legal-heading h1 {
	padding-top: 80px;
	font-size: 35px;
	color: #323657;
	margin-top: 0;
	padding-bottom: 10px;
	font-weight: 700;
}

/* Banner encapçalament */

.header-banner-aviso-legal {
	background-image: url(imatges/header_imatge_aviso_legal.jpg);
	width: 100%;
	height: 40vh;
	background-position: center;
	background-size: cover;
	position: relative;
}

.header-banner-aviso-legal-text {
	position: absolute;
	left: 0;
	top: 65%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-banner-aviso-legal h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 40px;
}



/*===================
12. Página de error 404
===================*/

.error-page-area {
	height: 100vh;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 120px 0;
}

.error-text {
	text-align: center
}

.error-text h2 {
	font-weight: 700;
	margin-top: 40px;
	font-size:28px;
	color: #323657;
}

.error-text .btn-inici {
	background-color: #323657;
	box-shadow: 0px 2px 15px rgba(164, 164, 164, 0.25);
	border-radius: 68px;
	color: #ffffff;
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
}

.error-text .btn-inici:hover {
	background-color: #0ed5d2;
	color: #323657;
	-webkit-transition: 1s;
	transition: 1s;
}