/* roboto-slab-300 - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""),
    url("../fonts/RobotoSlab/roboto-slab-v12-latin-300.woff2") format("woff2"),
    url("../fonts/RobotoSlab/roboto-slab-v12-latin-300.woff") format("woff"),
    url("../fonts/RobotoSlab/roboto-slab-v12-latin-300.ttf") format("truetype");
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""),
    url("../fonts/RobotoSlab/roboto-slab-v12-latin-700.woff2") format("woff2"),
    url("../fonts/RobotoSlab/roboto-slab-v12-latin-700.woff") format("woff"),
    url("../fonts/RobotoSlab/roboto-slab-v12-latin-700.ttf") format("truetype");
}

/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Regular"),
    url("../fonts/Lato/lato-v17-latin-regular.woff2") format("woff2"),
    url("../fonts/Lato/lato-v17-latin-regular.woff") format("woff"),
    url("../fonts/Lato/lato-v17-latin-regular.ttf") format("truetype");
}

/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Italic"),
    "../fonts/Lato/lato-v17-latin-italic.woff2" format("woff2"),
    url("../fonts/Lato/lato-v17-latin-italic.woff") format("woff"),
    url("../fonts/Lato/lato-v17-latin-italic.ttf") format("truetype");
}

/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Lato Bold"),
    url("../fonts/Lato/lato-v17-latin-700.woff2") format("woff2"),
    url("../fonts/Lato/lato-v17-latin-700.woff") format("woff"),
    url("../fonts/Lato/lato-v17-latin-700.ttf") format("truetype");
}

/* lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Lato Bold Italic"),
    url("../fonts/Lato/lato-v17-latin-700italic.woff2") format("woff2"),
    url("../fonts/Lato/lato-v17-latin-700italic.woff") format("woff"),
    url("../fonts/Lato/lato-v17-latin-700italic.ttf") format("truetype");
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
  font-size: 1em;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  font-family: "Lato", sans-serif;
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

[type="button"],
button {
  all: revert;
}

header {
  position: fixed;
  top: 0px;
  z-index: 10;
  width: 100vw;
  height: 94px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header .m-navbar {
  display: none;
}

header .navbar {
  padding-left: 38px;
  padding-right: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

header .navbar .logo {
  margin-top: 16px;
}

header .navbar .logo img {
  width: 100%;
  height: auto;
}

header .navbar .logo:hover {
  opacity: 80%;
}

header .navbar nav {
  margin-top: 35px;
}

header .navbar nav .link {
  text-decoration: none;
  color: #09342d;
  font-size: 20px;
  font-weight: 700;
  margin-left: 25px;
}

header .navbar nav .link:hover {
  border-bottom: 2px solid #f0b338;
  padding-bottom: 4px;
}

header .navbar nav .active {
  border-bottom: 2px solid #f0b338;
  padding-bottom: 4px;
}

header .navbar nav .idioma {
  border-left: 2px solid #09342d;
  padding: 0px 24px;
}

header .navbar nav .idioma:hover {
  border-bottom: 0px solid #f0b338;
  padding-bottom: 0px;
  color: #f0b338;
}

header .navbar nav img {
  display: inherit;
  margin: 0px auto;
}

@media only screen and (max-width: 1006px) {
  header .navbar {
    display: none;
  }
  header .m-navbar {
    display: block;
    padding: 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
  }
  header .m-navbar .active {
    color: #f0b338 !important;
  }
  header .m-navbar .m-navbar-collapsed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  header .m-navbar .m-navbar-collapsed img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  header .m-navbar nav {
    display: none;
    border-bottom: 2px solid #09342d;
  }
  header .m-navbar nav .link {
    display: block;
    text-decoration: none;
    color: #09342d;
    font-size: 20px;
    text-align: center;
    margin: 20px 0px;
  }
  header .m-navbar nav .idioma {
    border-top: 2px solid #09342d;
    padding-top: 24px;
  }
  header .m-navbar nav img {
    display: inherit;
    margin: 0px auto;
  }
}

header .button {
  text-decoration: none;
  color: #09342d;
  background-color: #f0b338;
  font-size: 20px;
  font-weight: 700 !important;
  font-weight: 500;
  padding: 8px 16px;
}

header .button:hover {
  background-color: #f0b338;
}

header .button:active {
  position: relative;
  top: 2px;
}

@media only screen and (max-width: 1006px) {
  header {
    display: block;
    height: 81px;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" on;
  font-feature-settings: "liga" on;
  -moz-font-feature-settings: "liga" on;
  min-height: 100vh;
  scroll-behavior: smooth;
}

body .hero {
  background-image: url("../img/Home-Hero.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  padding: 241px 60px 151px 60px;
}

body .hero h1 {
  font-family: "Roboto Slab";
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  max-width: 1140px;
  margin-bottom: 40px;
}

body .hero h2, #txt-mdf {
  font-family: "Lato";
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0em;
  text-align: left;
  max-width: 644px;
  color: #fff;
  margin-bottom: 53px;
}

body .hero img {
  padding-left: 8px;
}

@media only screen and (max-width: 768px) {
  body .hero {
    padding: 151px 60px 151px 60px;
  }
  body .hero h1 {
    font-size: 84px;
  }
  body .hero h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 414px) {
  body .hero {
    padding: 151px 12px 151px 12px;
  }
  body .hero h1 {
    font-size: 48px;
  }
  body .hero h2 {
    font-size: 23px;
  }
}

body #Indivisos {
  background-color: #deedcf;
}

body #Indivisos .container {
  color: #09342d;
  padding: 60px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1334px;
  margin: 0px auto;
}

body #Indivisos .container h1, body #Indivisos .container h2 {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: bold;
  font-size: 84px;
  line-height: 100%;
}
/*
body #Indivisos .container */#indv-txt {
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 120.5%;
  max-width: 642px;
  margin-top: 8px;
  margin-left: 24px;
}


@media only screen and (max-width: 1340px) {
  body #Indivisos .container h1 {
    font-size: 75px;
  }
  body #Indivisos .container h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1006px) {
  body #Indivisos .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body #Indivisos .container h1 {
    margin-bottom: 16px;
  }
  body #Indivisos .container h2 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 613px) {
  body #Indivisos .container {
    padding: 25px 12px;
  }
  body #Indivisos .container h2 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 375px) {
  body #Indivisos .container h1 {
    font-size: 60px;
  }
  body #Indivisos .container h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 320px) {
  body #Indivisos .container h1 {
    font-size: 50px;
  }
}

body #Indivisos .grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "Divorcis Herencies";
}

@media only screen and (max-width: 768px) {
  body #Indivisos .grid-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "Divorcis" "Herencies";
  }
}

body #Indivisos .grid-container .Divorcis {
  background-image: url("../img/divorcis.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Divorcis;
}

body #Indivisos .grid-container .Herencies {
  background-image: url("../img/herencies.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: Herencies;
}

body #Indivisos .grid-container .card {
  height: 640px;
}

@media only screen and (max-width: 768px) {
  body #Indivisos .grid-container .card {
    height: 440px;
  }
}

@media only screen and (max-width: 500px) {
  body #Indivisos .grid-container .card {
    height: 340px;
  }
}

body #Indivisos .grid-container .card .container {
  background: rgba(0, 0, 0, 0.6);
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body #Indivisos .grid-container .card .container h3 {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  font-size: 52px;
  line-height: 135.94%;
  text-align: center;
  color: #fff;
}

body #Indivisos .grid-container .card .container .button {
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #f0b338;
}

@media only screen and (max-width: 375px) {
  body #Indivisos .grid-container .card .container .button {
    display: none;
  }
}

body #Indivisos .grid-container .card .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  visibility: hidden;
  opacity: 0;
}

body #Indivisos .grid-container .card .overlay:target {
  visibility: visible;
  opacity: 1;
}

body #Indivisos .grid-container .card .popup {
  margin: 200px auto;
  padding: 56px;
  background: #09342d;
  max-width: 700px;
  position: relative;
  -webkit-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

body #Indivisos .grid-container .card .popup h3 {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: bold;
  font-size: 52px;
  line-height: 135.94%;
  color: #fff;
  margin-bottom: 30px;
}

body #Indivisos .grid-container .card .popup p {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 120%;
  color: #fff;
  margin-bottom: 14px;
}

body #Indivisos .grid-container .card .popup .close {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  font-size: 25px;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  text-decoration: underline;
  color: #f0b338;
}

body #Indivisos .grid-container .card .popup .close:hover {
  text-decoration: none;
}

body #Indivisos .grid-container .card .popup .content {
  max-height: 30%;
  overflow: auto;
}

@media only screen and (max-width: 700px) {
  body #Indivisos .grid-container .card .popup {
    margin: 81px auto;
    padding: 27px 16px;
  }
  body #Indivisos .grid-container .card .popup h3 {
    margin-bottom: 15px;
    font-size: 45px;
  }
  body #Indivisos .grid-container .card .popup p {
    font-size: 18px;
  }
  body #Indivisos .grid-container .card .popup .close {
    color: #f0b338;
  }
}

body #Avantatges {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "avantatges imatge";
}

@media only screen and (max-width: 1006px) {
  body #Avantatges {
    grid-template-areas: "avantatges avantatges";
  }
}

body #Avantatges .avantatges {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: avantatges;
  padding: 48px 56px;
}

body #Avantatges .avantatges h2 {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 110%;
  color: #115f53;
  margin-bottom: 17px;
  max-width: 450px;
}

body #Avantatges .avantatges p {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  margin-bottom: 17px;
}

body #Avantatges .avantatges ul li {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  margin-bottom: 26px;
}

body #Avantatges .avantatges ul li:before {
  content: "+";
  color: #f0b338;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media only screen and (max-width: 500px) {
  body #Avantatges .avantatges {
    padding: 24px 12px;
  }
  body #Avantatges .avantatges ul {
    margin-left: 27px;
  }
}

body #Avantatges .imatge {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: imatge;
  background-image: url("../img/avantatges.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}

body #Nosaltres {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "title cards";
  background-color: #09342d;
}

@media only screen and (max-width: 1006px) {
  body #Nosaltres {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "title" "cards";
  }
}

body #Nosaltres .title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
  padding: 40px 20px 40px 56px;
}

body #Nosaltres .title h1 {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: bold;
  font-size: 84px;
  line-height: 100%;
  color: #fff;
  margin-bottom: 36px;
}

body #Nosaltres .title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 120.5%;
  color: #fff;
}

@media only screen and (max-width: 820px) {
  body #Nosaltres .title {
    padding: 40px 20px;
  }
  body #Nosaltres .title h1 {
    font-size: 75px;
  }
  body #Nosaltres .title h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 375px) {
  body #Nosaltres .title {
    padding: 25px 12px;
  }
  body #Nosaltres .title h1 {
    font-size: 60px;
  }
  body #Nosaltres .title h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 320px) {
  body #Nosaltres .title h1 {
    font-size: 50px;
  }
}

body #Nosaltres .cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 18px 18px;
  grid-template-areas: "privacitat personalitzat" "compromis experiencia";
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: cards;
  padding: 40px 28px;
}

@media only screen and (max-width: 550px) {
  body #Nosaltres .cards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas: "privacitat" "personalitzat" "compromis" "experiencia";
  }
}

@media only screen and (max-width: 414px) {
  body #Nosaltres .cards {
    padding: 25px 12px;
  }
}

body #Nosaltres .cards .personalitzat {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: personalitzat;
}

body #Nosaltres .cards .privacitat {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: privacitat;
}

body #Nosaltres .cards .compromis {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: compromis;
}

body #Nosaltres .cards .experiencia {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: experiencia;
}

body #Nosaltres .cards .personalitzat,
body #Nosaltres .cards .privacitat,
body #Nosaltres .cards .compromis,
body #Nosaltres .cards .experiencia {
  background-color: #fff;
  border-radius: 8px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body #Nosaltres .cards .personalitzat .text h2,
body #Nosaltres .cards .privacitat .text h2,
body #Nosaltres .cards .compromis .text h2,
body #Nosaltres .cards .experiencia .text h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 8px;
  color: #115f53;
  max-width: 270px;
}

body #Nosaltres .cards .personalitzat .text p,
body #Nosaltres .cards .privacitat .text p,
body #Nosaltres .cards .compromis .text p,
body #Nosaltres .cards .experiencia .text p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 135.94%;
  max-width: 270px;
}

body #Nosaltres .cards .personalitzat .icona,
body #Nosaltres .cards .privacitat .icona,
body #Nosaltres .cards .compromis .icona,
body #Nosaltres .cards .experiencia .icona {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body #Nosaltres .cards .personalitzat .icona img,
body #Nosaltres .cards .privacitat .icona img,
body #Nosaltres .cards .compromis .icona img,
body #Nosaltres .cards .experiencia .icona img {
  width: 126px;
  height: auto;
}

body .sHero {
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  padding: 170px 131px 123px 131px;
  color: #fff;
}

body .sHero h1 {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: bold;
  font-size: 90px;
  line-height: 110%;
}

body .sHero h2 {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: normal;
  font-size: 90px;
  line-height: 110%;
}

@media only screen and (max-width: 710px) {
  body .sHero {
    padding: 170px 40px 100px 40px;
  }
  body .sHero h1,
  body .sHero h2 {
    font-size: 65px;
  }
}

@media only screen and (max-width: 375px) {
  body .sHero {
    padding: 150px 20px 100px 20px;
  }
  body .sHero h1,
  body .sHero h2 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 320px) {
  body .sHero h1,
  body .sHero h2 {
    font-size: 50px;
  }
}

body .dubtes {
  background-image: url("../img/dubtes.jpg");
}

body .legal {
  background-image: url("../img/legal.jpg");
}

body .HeroPrivacitat {
  background-image: url("../img/privacitat.jpg");
}

body .Herocontacte {
  background-image: url("../img/contacte.jpg");
}

body .faqs {
  padding: 70px 12px 70px 12px;
}

body .faqs .faq {
  max-width: 750px;
  border-bottom: 2px solid #09342d;
  padding: 0px 12px;
  margin: 0px auto 26px auto;
}

body .faqs .faq h3 {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 142.2%;
  color: #09342d;
}

body .faqs .faq p {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 142.2%;
  margin-bottom: 26px;
}

@media only screen and (max-width: 414px) {
  body .faqs .faq h3,
  body .faqs .faq p {
    font-size: 21px;
  }
}

body .Text {
  padding: 70px 12px 70px 12px;
  max-width: 750px;
  margin: 0px auto;
}

body .Text p {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 142.2%;
  margin-bottom: 24px;
}

@media only screen and (max-width: 414px) {
  body .Text {
    padding: 50px 12px 50px 12px;
  }
  body .Text p {
    font-size: 22px;
  }
}

body .contactForm .alert.alert-success {
  background-color: #deedcf;
  padding: 12px;
  border: 2px solid #115f53;
  color: #115f53;
  margin-right: 10px;
  margin-left: 10px;
}

body .contactForm .alert.alert-success b {
  font-weight: 700;
}

body .contactForm .alert .alert-danger {
  background-color: #7e1b1b;
  padding: 12px;
  border: 2px solid #d22c2c;
  color: #d22c2c;
}

body .contactForm form {
  max-width: 500px;
  margin: 30px auto 150px auto;
}

body .contactForm form .inputField {
  margin: 0px auto;
  padding: 10px;
}

body .contactForm form .userInput {
  margin-top: 8px;
}

body .contactForm form label {
  font-size: 18px;
  padding-left: 2px;
  color: #115f53;
}

body .contactForm form input {
  width: 100%;
  max-width: 500px;
  min-height: 32px;
  background-color: #ececec;
  border: 0px solid #ececec;
  padding: 12px;
}

body .contactForm form #name,
body .contactForm form #email,
body .contactForm form #phone,
body .contactForm form #message,
body .contactForm form #location,
body .contactForm form #human {
  font-size: 20px;
}

body .contactForm form textarea {
  max-width: 500px;
  width: 100%;
  background-color: #ececec;
  border: 0px solid #ececec;
  padding: 12px;
  font-size: 18px;
}

body .contactForm form .text-danger {
  color: #d22c2c;
  font-size: 14px;
  margin-top: 5px;
  line-height: 110%;
}

body .contactForm form .sendButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 10px;
}

body .contactForm form .sendButton #submit {
  max-width: 120px;
  background: #f0b338;
  border: 1px solid #f0b338;
  display: inline-block;
  cursor: pointer;
  color: #115f53;
  font-size: 22px;
  font-weight: 700px;
  padding: 8px 16px;
  text-decoration: none;
}

body .contactForm form .sendButton #submit:hover {
  background: #fc7e01;
}

body .contactForm form .sendButton #submit:active {
  position: relative;
  top: 1px;
}

body footer {
  width: 100%;
  -webkit-box-shadow: -3.68054px -99.9322px 80px rgba(0, 0, 0, 0.07),
    -2.38554px -64.7709px 46.8519px rgba(0, 0, 0, 0.0531481),
    -1.41769px -38.4924px 25.4815px rgba(0, 0, 0, 0.0425185),
    -0.73611px -19.9864px 13px rgba(0, 0, 0, 0.035),
    -0.2999px -8.14263px 6.51852px rgba(0, 0, 0, 0.0274815),
    -0.06816px -1.8506px 3.14815px rgba(0, 0, 0, 0.0168519);
  box-shadow: -3.68054px -99.9322px 80px rgba(0, 0, 0, 0.07),
    -2.38554px -64.7709px 46.8519px rgba(0, 0, 0, 0.0531481),
    -1.41769px -38.4924px 25.4815px rgba(0, 0, 0, 0.0425185),
    -0.73611px -19.9864px 13px rgba(0, 0, 0, 0.035),
    -0.2999px -8.14263px 6.51852px rgba(0, 0, 0, 0.0274815),
    -0.06816px -1.8506px 3.14815px rgba(0, 0, 0, 0.0168519);
}

body footer .contacte {
  background-image: url("../img/footer.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  padding: 38px 12px 55px 12px;
}

body footer .contacte .contacte-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
}

body footer .contacte .contacte-container h2 {
  font-family: "Roboto Slab";
  font-size: 84px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0em;
  text-align: left;
  color: #115f53;
  max-width: 500px;
}

body footer .contacte .contacte-container .dades {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body footer .contacte .contacte-container .dades p {
  font-family: "Lato";
  font-size: 29px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0em;
  text-align: left;
  color: #09342d;
  max-width: 593px;
  margin-bottom: 24px;
}

body footer .contacte .contacte-container .dades .links li {
  margin-bottom: 17px;
}

body footer .contacte .contacte-container .dades .links li a {
  font-family: "Lato";
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 0em;
  color: #09342d;
  border-bottom: 3px solid #f0b338;
  max-width: inherit;
}

body footer .contacte .contacte-container .dades .links li a:hover {
  border-bottom: 0px solid #f0b338;
}

@media only screen and (max-width: 1055px) {
  body footer .contacte .contacte-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 50px;
  }
  body footer .contacte .contacte-container h2 {
    max-width: 900px;
    margin-bottom: 24px;
    font-size: 74px;
  }
  body footer .contacte .contacte-container .dades p {
    max-width: 500px;
  }
}

@media only screen and (max-width: 450px) {
  body footer .contacte .contacte-container {
    padding-left: 12px;
  }
  body footer .contacte .contacte-container h2 {
    font-size: 64px;
  }
}

@media only screen and (max-width: 320px) {
  body footer .contacte .contacte-container h2 {
    font-size: 50px;
  }
  body footer .contacte .contacte-container .dades .links li a {
    font-size: 35px;
  }
}

body footer .info {
  background-color: #09342d;
}

body footer .info nav {
  color: #fff;
  padding: 39px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body footer .info nav a {
  font-weight: 700;
}

body footer .info nav a:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid #f0b338;
}

body footer .info nav a:hover {
  opacity: 80%;
}

@media only screen and (max-width: 590px) {
  body footer .info nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body footer .info nav a {
    width: 214px;
    text-align: center;
  }
  body footer .info nav a:not(:last-child) {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-right: 0px solid #f0b338;
    border-bottom: 2px solid #f0b338;
  }
}

body footer .legal-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* background: #f0b338; */
  background: #ffffff;
  color: #09342d;
  font-family: "Lato";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  padding: 7px 12px;
}
/*# sourceMappingURL=main.css.map */