/* 
Theme Name: Die Spielplatzbauer
Theme URI: https://www.diespielplatzbauer.at/
Author: MonkeyTree Creative Ltd
Author URI: https://www.monkeytreecreative.co.uk
Version: 1.0
*/
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  background: #fff;
}

/* START FADE HOVER EFFECTS */
.fade {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.fade:hover {
  opacity: 0.8;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.details__summary::-webkit-details-marker {
  display: none;
}

/* CLOSE FADE HOVER EFFECTS */
/* START CUSTOM LINKS */
a:link {
  color: #4264ad;
  text-decoration: none;
  cursor: pointer;
}

a:visited {
  color: #4264ad;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #4264ad;
  text-decoration: underline;
  cursor: pointer;
}

a:focus, button:focus, input:focus, :focus {
  outline: none;
}

.normal__wrapper a:link, .narrow__wrapper a:link {
  color: #849acf;
  text-decoration: none;
  border-bottom: 2px dotted #849acf;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.normal__wrapper a:visited, .narrow__wrapper a:visited {
  color: #849acf;
  text-decoration: none;
  border-bottom: 2px dotted #849acf;
  cursor: pointer;
}
.normal__wrapper a:hover, .narrow__wrapper a:hover {
  color: #4264ad;
  text-decoration: none;
  border-bottom: 2px dotted #4264ad;
  cursor: pointer;
}

.linkbox a:link {
  border-bottom: none;
}
.linkbox a:visited {
  border-bottom: none;
}
.linkbox a:hover {
  border-bottom: none;
}

/* CLOSE CUSTOM LINKS */
/* START GENERAL STYLING SECTION */
.overlay-container {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main__container {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  position: relative;
}

.normal__wrapper {
  clear: both;
  margin: 0 auto;
  padding: 0 40px;
  display: block;
  width: 100%;
  max-width: 1400px;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 990px) {
  .normal__wrapper {
    margin: 0 0;
    padding: 0 30px;
    max-width: none;
  }
}
@media (max-width: 600px) {
  .normal__wrapper {
    padding: 0 20px;
  }
}

.narrow__wrapper {
  clear: both;
  margin: 0 auto;
  padding: 0 40px;
  display: block;
  width: 100%;
  max-width: 920px;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 990px) {
  .narrow__wrapper {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 720px;
  }
}
@media (max-width: 600px) {
  .narrow__wrapper {
    margin: 0 0;
    padding: 0 20px;
    max-width: none;
  }
}

/* CLOSE GENERAL STYLING SECTION */
/* START CUSTOM QUICKLINK BOXES */
.linkbox {
  clear: both;
  margin: 30px 0 0 0;
  display: block;
  width: 100%;
}
@media (max-width: 600px) {
  .linkbox {
    margin: 20px 0 0 0;
  }
}
.linkbox .quicklink {
  clear: both;
  margin: 0 0;
  padding: 6px 20px 10px 20px;
  display: inline-block;
  border: 1px solid #ffffff;
  top: 0;
  left: 0;
  position: relative;
  font-family: "BarlowCondensed";
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #f39583;
  box-shadow: 6px 6px 0 #ffffff;
  transition: all 0.15s;
}
@media (max-width: 600px) {
  .linkbox .quicklink {
    padding: 6px 15px 10px 15px;
    font-size: 15px;
    box-shadow: 3px 3px 0 #ffffff;
  }
}
.linkbox .quicklink:hover {
  top: 6px;
  left: 6px;
  box-shadow: 0 0 0 #ffffff;
}
@media (max-width: 600px) {
  .linkbox .quicklink:hover {
    top: 3px;
    left: 3px;
  }
}

/* CLOSE CUSTOM QUICKLINK BOXES */
/* START HEADER SECTION */ /* START HEADER SECTION */ /* START HEADER SECTION */ /* START HEADER SECTION */
.hero .hero__container {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  height: 100vh;
  position: relative;
  background: #4264ad;
}
@media (max-width: 1440px) {
  .hero .hero__container {
    z-index: 2222;
  }
}
@media (max-width: 600px) {
  .hero .hero__container {
    height: auto;
  }
}
.hero .hero__container::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  background-image: url(./images/background-squares.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.hero .hero__container .header__container {
  clear: both;
  margin: 30px 0 0 40px;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 80px);
  height: 50px;
  position: absolute;
  z-index: 30;
}
@media (max-width: 990px) {
  .hero .hero__container .header__container {
    margin: 30px 0 0 30px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 600px) {
  .hero .hero__container .header__container {
    margin: 20px 0 0 20px;
    width: calc(100% - 40px);
    height: 35px;
  }
}
.hero .hero__container .header__container__left {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  height: 50px;
  position: relative;
}
@media (max-width: 600px) {
  .hero .hero__container .header__container__left {
    width: 100%;
    height: 35px;
  }
}
.hero .hero__container .header__container__left .logo {
  clear: both;
  margin: 0 0;
  display: block;
  width: 310px;
  height: 50px;
  top: 30px;
  left: 40px;
  position: fixed;
}
@media (max-width: 990px) {
  .hero .hero__container .header__container__left .logo {
    left: 30px;
  }
}
@media (max-width: 600px) {
  .hero .hero__container .header__container__left .logo {
    width: 217px;
    height: 35px;
    top: 20px;
    left: 20px;
  }
}
.hero .hero__container .header__container__left .logo .st0 {
  fill: #ffffff;
  transition: all 0.15s;
}
.hero .hero__container .header__container__left .logo .st1 {
  fill: #ffffff;
  transition: all 0.15s;
}
.hero .hero__container .header__container__right {
  clear: none;
  margin: 0 0;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  height: 50px;
  position: relative;
}
@media (max-width: 600px) {
  .hero .hero__container .header__container__right {
    width: 100%;
    height: 35px;
  }
}

.privacy .hero__container .header__container__right, .error .hero__container .header__container__right {
  display: none;
}

/* CLOSE HERO SECTION */ /* CLOSE HERO SECTION */ /* CLOSE HERO SECTION */ /* CLOSE HERO SECTION */
/* START BODY SECTION */ /* START BODY SECTION */ /* START BODY SECTION */ /* START BODY SECTION */
body.color-black .logo .st0 {
  fill: #0d0d0f !important;
}

body.color-black .logo .st1 {
  fill: #dd3532 !important;
}

body.color-black .navigation .nav-menu li a {
  color: #4264ad;
}

body.color-black .navigation .nav-menu li:last-child a {
  color: #ffffff !important;
}

/* CLOSE BODY SECTION */ /* CLOSE BODY SECTION */ /* CLOSE BODY SECTION */ /* CLOSE BODY SECTION */
/* START PRELOADER SECTION */ /* START PRELOADER SECTION */ /* START PRELOADER SECTION */ /* START PRELOADER SECTION */
#mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f39583;
  z-index: 9999;
}
#mask .loader-container {
  bottom: 50%;
  left: 50%;
  position: absolute;
}
#mask .loader-container .loader {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 24px;
  position: absolute;
  -webkit-animation: bounce 0.6s linear infinite, load 3.6s linear infinite 0.24s;
          animation: bounce 0.6s linear infinite, load 3.6s linear infinite 0.24s;
}
#mask .loader-container .loader-shadow {
  width: 6px;
  height: 0;
  margin-left: 3px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1.2px 1px rgba(0, 0, 0, 0.08);
  border-radius: 12px 12px;
  position: absolute;
  -webkit-animation: load 3.6s linear infinite 0.24s;
          animation: load 3.6s linear infinite 0.24s;
}

@-webkit-keyframes bounce {
  0% {
    bottom: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    bottom: 40px;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    bottom: 0;
  }
}

@keyframes bounce {
  0% {
    bottom: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    bottom: 40px;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes load {
  0% {
    transform: translateX(-36px);
  }
  16.666% {
    transform: translateX(-11.9988px);
  }
  33.3333% {
    transform: translateX(11.9988px);
  }
  50% {
    transform: translateX(36px);
  }
  66.6666% {
    transform: translateX(11.9988px);
  }
  83.333% {
    transform: translateX(-11.9988px);
  }
  100% {
    transform: translateX(-36px);
  }
}
@keyframes load {
  0% {
    transform: translateX(-36px);
  }
  16.666% {
    transform: translateX(-11.9988px);
  }
  33.3333% {
    transform: translateX(11.9988px);
  }
  50% {
    transform: translateX(36px);
  }
  66.6666% {
    transform: translateX(11.9988px);
  }
  83.333% {
    transform: translateX(-11.9988px);
  }
  100% {
    transform: translateX(-36px);
  }
}
/* CLOSE PRELOADER SECTION */ /* CLOSE PRELOADER SECTION */ /* CLOSE PRELOADER SECTION */ /* CLOSE PRELOADER SECTION */
/* CLOSE HEADER SECTION */ /* CLOSE HEADER SECTION */ /* CLOSE HEADER SECTION */ /* CLOSE HEADER SECTION */
/* START FOOTER SECTION */ /* START FOOTER SECTION */ /* START FOOTER SECTION */ /* START FOOTER SECTION */
.footer .footer__container {
  clear: both;
  margin: 0 0;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #4264ad;
}
@media (max-width: 990px) {
  .footer .footer__container {
    padding: 20px 30px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container {
    padding: 30px 20px;
    flex-direction: column;
  }
}
.footer .footer__container__left {
  margin: 0 50px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: calc(50% - 50px);
}
@media (max-width: 990px) {
  .footer .footer__container__left {
    margin: 0 25px 0 0;
    width: calc(50% - 25px);
  }
}
@media (max-width: 600px) {
  .footer .footer__container__left {
    margin: 20px 0 0 0;
    width: 100%;
    order: 2;
    justify-content: center;
  }
}
.footer .footer__container__left p {
  font-family: "BarlowCondensed";
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0.8;
  position: relative;
  top: -2px;
}
@media (max-width: 990px) {
  .footer .footer__container__left p {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container__left p {
    font-size: 20px;
    line-height: 30px;
  }
}
.footer .footer__container__logo {
  margin: 0 0;
  display: flex;
  align-items: center;
  height: 50px;
}
@media (max-width: 990px) {
  .footer .footer__container__logo {
    height: 30px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container__logo {
    height: 50px;
    display: block;
    text-align: center;
    order: 1;
  }
}
.footer .footer__container__logo img {
  width: auto;
  height: 50px;
}
@media (max-width: 990px) {
  .footer .footer__container__logo img {
    height: 30px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container__logo img {
    height: 50px;
  }
}
.footer .footer__container .navigation {
  margin: 0 0 0 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(50% - 50px);
  position: relative;
}
@media (max-width: 990px) {
  .footer .footer__container .navigation {
    margin: 0 0 0 25px;
    width: calc(50% - 25px);
    height: 30px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container .navigation {
    margin: 40px 0 0 0;
    width: 100%;
    justify-content: center;
    right: 0;
    order: 3;
  }
}
@media (max-width: 990px) {
  .footer .footer__container .navigation .nav-menu li {
    padding: 0 0;
    display: inline-block;
  }
}
@media (max-width: 600px) {
  .footer .footer__container .navigation .nav-menu li {
    padding: 0 20px;
    display: block;
    text-align: center;
  }
}
.footer .footer__container .navigation .nav-menu li a {
  color: #ffffff;
}
@media (max-width: 990px) {
  .footer .footer__container .navigation .nav-menu li a {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container .navigation .nav-menu li a {
    font-size: 20px;
    line-height: 30px;
  }
}
.footer .footer__container .navigation .nav-menu li:last-child {
  margin: 0 0;
  padding: 0 0 0 25px;
  border: none;
  top: 0;
  left: 0;
  background-color: transparent;
  box-shadow: none;
  transition: none;
}
@media (max-width: 990px) {
  .footer .footer__container .navigation .nav-menu li:last-child {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 600px) {
  .footer .footer__container .navigation .nav-menu li:last-child {
    padding: 0 20px;
  }
}
.footer .footer__container .navigation .nav-menu li:last-child a {
  top: -2px;
  opacity: 0.8;
}
.footer .footer__container .navigation .nav-menu li:last-child a:hover {
  opacity: 1;
}

/* CLOSE FOOTER SECTION */ /* CLOSE FOOTER SECTION */ /* CLOSE FOOTER SECTION */ /* CLOSE FOOTER SECTION */
@font-face {
  font-family: "BarlowCondensed";
  src: url("./fonts/BarlowCondensed-Regular.woff2") format("woff2"), url("./fonts/BarlowCondensed-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BarlowCondensed";
  src: url("./fonts/BarlowCondensed-SemiBold.woff2") format("woff2"), url("./fonts/BarlowCondensed-SemiBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VisueltPro";
  src: url("./fonts/VisueltPro-Regular.woff2") format("woff2"), url("./fonts/VisueltPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VisueltPro";
  src: url("./fonts/VisueltPro-Bold.woff2") format("woff2"), url("./fonts/VisueltPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
h1 {
  font-family: "BarlowCondensed";
  font-size: 80px;
  line-height: 70px;
  font-weight: 700;
  color: #4264ad;
  display: block;
  text-transform: uppercase;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}
@media (max-width: 990px) {
  h1 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 600px) {
  h1 {
    font-size: 40px;
    line-height: 40px;
  }
}

h2 {
  font-family: "BarlowCondensed";
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  color: #4264ad;
  display: block;
  text-transform: uppercase;
  padding: 0 0 10px 0;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}
@media (max-width: 990px) {
  h2 {
    font-size: 45px;
    line-height: 45px;
  }
}
@media (max-width: 600px) {
  h2 {
    font-size: 35px;
    line-height: 35px;
  }
}

h3 {
  font-family: "BarlowCondensed";
  font-size: 45px;
  line-height: 45px;
  font-weight: 700;
  color: #4264ad;
  display: block;
  text-transform: uppercase;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}
@media (max-width: 990px) {
  h3 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 600px) {
  h3 {
    font-size: 30px;
    line-height: 30px;
  }
}

h4 {
  font-family: "VisueltPro";
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  color: #849acf;
  display: block;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}
@media (max-width: 990px) {
  h4 {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (max-width: 600px) {
  h4 {
    font-size: 20px;
    line-height: 30px;
  }
}

p {
  font-family: "VisueltPro";
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
  color: #849acf;
  display: block;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}
@media (max-width: 990px) {
  p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 600px) {
  p {
    font-size: 15px;
    line-height: 25px;
  }
}

/* IMPORTANT! START GENERAL NAVIGATION MENU */ /* IMPORTANT! START GENERAL NAVIGATION MENU */ /* IMPORTANT! START GENERAL NAVIGATION MENU */
.navigation {
  position: fixed;
  top: 0;
  margin: 30px 0 0 0;
  z-index: 999;
  width: 550px;
  height: 50px;
  transition: top 0.2s ease-in-out;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 990px) {
  .navigation {
    width: 100px;
  }
}
@media (max-width: 600px) {
  .navigation {
    margin: 20px 0 0;
    right: 20px;
    height: 35px;
    width: auto;
  }
}
.navigation .nav-menu {
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  line-height: normal;
}
.navigation .nav-menu li {
  padding: 0 25px;
  display: inline-block;
}
@media (max-width: 990px) {
  .navigation .nav-menu li {
    display: none;
  }
}
.navigation .nav-menu li a {
  font-family: "BarlowCondensed";
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.8;
  position: relative;
  top: -2px;
  transition: all 0.3s;
}
@media (max-width: 990px) {
  .navigation .nav-menu li a {
    font-size: 15px;
  }
}
.navigation .nav-menu li a:hover {
  opacity: 1;
}
.navigation .nav-menu li:last-child {
  clear: both;
  margin: 0 0 0 2px;
  padding: 8px 20px 10px 20px;
  display: inline-block;
  border: 1px solid #ffffff;
  top: -3px;
  left: -6px;
  position: relative;
  background-color: #f39583;
  box-shadow: 6px 6px 0 #ffffff;
  transition: all 0.15s linear 0s;
}
@media (max-width: 990px) {
  .navigation .nav-menu li:last-child {
    display: block;
  }
}
@media (max-width: 600px) {
  .navigation .nav-menu li:last-child {
    padding: 8px 15px 10px 15px;
    top: -1px;
    left: -2px;
    box-shadow: 3px 3px 0 #ffffff;
  }
}
.navigation .nav-menu li:last-child a {
  top: 0;
  opacity: 1;
}
@media (max-width: 990px) {
  .navigation .nav-menu li:last-child a {
    font-size: 20px;
  }
}

/* IMPORTANT! CLOSE GENERAL NAVIGATION MENU */ /* IMPORTANT! CLOSE GENERAL NAVIGATION MENU */ /* IMPORTANT! CLOSE GENERAL NAVIGATION MENU */
/* START HERO SECTION */ /* START HERO SECTION */ /* START HERO SECTION */ /* START HERO SECTION */
.hero .hero__container .hero__wrapper {
  clear: both;
  margin: 0 auto;
  padding: 80px 40px 0 40px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-width: 1500px;
  box-sizing: border-box;
  z-index: 1;
}
@media (max-width: 990px) {
  .hero .hero__container .hero__wrapper {
    margin: 0 0;
    padding: 80px 30px 0 30px;
    max-width: none;
  }
}
@media (max-width: 600px) {
  .hero .hero__container .hero__wrapper {
    padding: 125px 20px 0 20px;
    display: block;
  }
}
.hero .hero__container .hero__wrapper__left {
  margin: 0 0 65px 0;
  display: flex;
  width: 45%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 990px) {
  .hero .hero__container .hero__wrapper__left {
    margin: 0 10px 65px 0;
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .hero .hero__container .hero__wrapper__left {
    margin: 0 0 50px 0;
    width: 100%;
  }
}
.hero .hero__container .hero__wrapper__left h1 {
  padding: 0 0 20px 0;
  width: 90%;
  color: #ffffff;
}
.hero .hero__container .hero__wrapper__left h4 {
  color: #ffffff;
}
.hero .hero__container .hero__wrapper__right {
  margin: 0 0 65px 0;
  display: flex;
  width: 45%;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 990px) {
  .hero .hero__container .hero__wrapper__right {
    margin: 0 0 65px 10px;
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .hero .hero__container .hero__wrapper__right {
    margin: 0 0 125px -75px;
    display: block;
    width: calc(100% + 150px);
  }
}
.hero .hero__container .hero__wrapper__right .grid-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper > * {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .green {
  fill: #8CCBB7;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .pink {
  fill: #F39684;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .yellow {
  fill: #FFDE7F;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .dark {
  fill: #272646;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .blue {
  fill: #75BECC;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .navy {
  fill: #698DC9;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .tree {
  fill: #479E7D;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .sky {
  fill: #B5D7F3;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .cloud {
  fill: #FEF3EF;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .brown {
  fill: #C79983;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .back {
  fill: #4264ad;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .outline {
  fill: none;
  stroke: #262646;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper div {
  padding: 10px 10px;
  position: relative;
  width: 100%;
  height: 100%;
  /* IMPORTANT !!! SAFARI 11+ ONLY */
  /* IMPORTANT !!! SAFARI 11+ ONLY */
}
@media (max-width: 990px) {
  .hero .hero__container .hero__wrapper__right .grid-wrapper div {
    padding: 5px 5px;
  }
}
.hero .hero__container .hero__wrapper__right .grid-wrapper div img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper div .absolute {
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .hero .hero__container .hero__wrapper__right .grid-wrapper div .absolute {
      padding: 10px 10px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    @media (max-width: 990px) {
      .hero .hero__container .hero__wrapper__right .grid-wrapper div .absolute {
        padding: 5px 5px;
      }
    }
  }
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .big {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: 1/1;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .big .one {
  -webkit-animation: BigOne 3.5s ease-in-out infinite alternate;
          animation: BigOne 3.5s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .big .two {
  -webkit-animation: BigTwo 3.5s ease-in-out infinite alternate;
          animation: BigTwo 3.5s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .big .three {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-animation: BigThree 2s ease-in-out infinite alternate;
          animation: BigThree 2s ease-in-out infinite alternate;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .big .four {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-animation: BigFour 2s ease-in-out infinite alternate;
          animation: BigFour 2s ease-in-out infinite alternate;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .small {
  aspect-ratio: 1/1;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .small .smallone, .hero .hero__container .hero__wrapper__right .grid-wrapper .small .smalltwo, .hero .hero__container .hero__wrapper__right .grid-wrapper .small .smallthree {
  visibility: visible;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .small .smallone.hide, .hero .hero__container .hero__wrapper__right .grid-wrapper .small .smalltwo.hide, .hero .hero__container .hero__wrapper__right .grid-wrapper .small .smallthree.hide {
  visibility: hidden;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .small .rotate {
  transform-origin: 50% 50%;
  -webkit-animation: moveIt 4s ease-in-out infinite;
          animation: moveIt 4s ease-in-out infinite;
  transform-box: fill-box;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .tall {
  grid-row: span 2;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .tall .rotate {
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .tall .move {
  -webkit-animation: moveCircle 3s ease-in-out infinite alternate;
          animation: moveCircle 3s ease-in-out infinite alternate;
  transform-box: fill-box;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .wide {
  grid-column: span 2;
  aspect-ratio: 2/1;
}
.hero .hero__container .hero__wrapper__right .grid-wrapper .wide .grow {
  -webkit-animation: grow 2s ease-in-out infinite alternate;
          animation: grow 2s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes moveCircle {
  0%, 25% {
    transform: translateX(0%);
    right: 0%;
  }
  75%, 100% {
    transform: translateX(100%);
    right: -100%;
  }
}
@keyframes moveCircle {
  0%, 25% {
    transform: translateX(0%);
    right: 0%;
  }
  75%, 100% {
    transform: translateX(100%);
    right: -100%;
  }
}
@-webkit-keyframes moveIt {
  0%, 100% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
}
@keyframes moveIt {
  0%, 100% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
}
@-webkit-keyframes BigOne {
  from {
    transform: translateX(-100%);
    left: 100%;
  }
  to {
    transform: translateX(0);
    left: 0%;
  }
}
@keyframes BigOne {
  from {
    transform: translateX(-100%);
    left: 100%;
  }
  to {
    transform: translateX(0);
    left: 0%;
  }
}
@-webkit-keyframes BigTwo {
  from {
    transform: translateX(75%);
    left: -75%;
  }
  to {
    transform: translateX(-50%);
    left: 50%;
  }
}
@keyframes BigTwo {
  from {
    transform: translateX(75%);
    left: -75%;
  }
  to {
    transform: translateX(-50%);
    left: 50%;
  }
}
@-webkit-keyframes BigThree {
  from {
    transform: rotate(-20deg);
  }
  to {
    transform: rotate(20deg);
  }
}
@keyframes BigThree {
  from {
    transform: rotate(-20deg);
  }
  to {
    transform: rotate(20deg);
  }
}
@-webkit-keyframes BigFour {
  from {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(-20deg);
  }
}
@keyframes BigFour {
  from {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(-20deg);
  }
}
@-webkit-keyframes grow {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
@keyframes grow {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.hero .hero__container .hero__footer {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  height: 65px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 15px solid #1b9e8c;
  background-image: url(./images/hero-footer.svg);
  background-size: 250px 50px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
}
@media (max-width: 600px) {
  .hero .hero__container .hero__footer {
    height: 55px;
    position: relative;
    border-bottom: 5px solid #1b9e8c;
  }
}
.hero .hero__container .hero__footer::before {
  content: "";
  display: block;
  width: calc(50% - 125px);
  height: 50px;
  top: 0;
  left: 0;
  position: absolute;
  background: #1b9e8c;
}
.hero .hero__container .hero__footer::after {
  content: "";
  display: block;
  width: calc(50% - 125px);
  height: 50px;
  top: 0;
  right: 0;
  position: absolute;
  background: #1b9e8c;
}
.hero .hero__container .hero__footer__button {
  clear: both;
  margin: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 100%;
  top: -30px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.hero .hero__container .hero__footer__button .fa, .hero .hero__container .hero__footer__button .far, .hero .hero__container .hero__footer__button .fas {
  font-size: 30px;
  color: #4264ad;
  top: 2.5px;
  position: relative;
  -webkit-animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
          animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@keyframes bounce {
  50% {
    transform: translateY(-5px);
  }
}
.hero .circular-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 115px;
  position: fixed;
  top: calc(50vh - 60px);
  left: 50px;
  background: #ffde7d;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1111;
  transition: all 0.15s;
}
@media (max-width: 990px) {
  .hero .circular-text {
    display: none;
  }
}
.hero .circular-text .text {
  font-family: "BarlowCondensed";
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  color: #4264ad;
}
.hero .circular-text .text span:nth-child(n+12) {
  font-weight: 700;
  color: #262645;
}
.hero .circular-text .arrow {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
}
.hero .circular-text:hover {
  background: #ffcb7d;
}

/* CLOSE HERO SECTION */ /* CLOSE HERO SECTION */ /* CLOSE HERO SECTION */ /* CLOSE HERO SECTION */
/* START CLIENTS SECTION */ /* START CLIENTS SECTION */ /* START CLIENTS SECTION */ /* START CLIENTS SECTION */
.clients .main__container {
  padding: 50px 0 85px 0;
  background: #1b9e8c;
}
@media (max-width: 1440px) {
  .clients .main__container {
    z-index: 2222;
  }
}
@media (max-width: 990px) {
  .clients .main__container {
    padding: 30px 0 70px 0;
  }
}
@media (max-width: 600px) {
  .clients .main__container {
    padding: 20px 0 70px 0;
  }
}
.clients .main__container .narrow__wrapper {
  text-align: center;
}
.clients .main__container .narrow__wrapper h3 {
  color: #ffffff;
}
.clients .main__container .narrow__wrapper ul.narrow__wrapper__logos {
  clear: both;
  margin: 35px 0 0 0;
  padding: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
@media (max-width: 990px) {
  .clients .main__container .narrow__wrapper ul.narrow__wrapper__logos {
    margin: 20px 0 0 0;
  }
}
.clients .main__container .narrow__wrapper ul.narrow__wrapper__logos li {
  padding: 40px 40px;
  width: 33.3333%;
}
@media (max-width: 990px) {
  .clients .main__container .narrow__wrapper ul.narrow__wrapper__logos li {
    padding: 30px 30px;
  }
}
@media (max-width: 600px) {
  .clients .main__container .narrow__wrapper ul.narrow__wrapper__logos li {
    width: 100%;
  }
}
.clients .main__container .narrow__wrapper ul.narrow__wrapper__logos li a {
  border-bottom: none;
}
.clients .main__container .narrow__wrapper ul.narrow__wrapper__logos li img {
  max-width: 250px;
}

/* CLOSE CLIENTS SECTION */ /* CLOSE CLIENTS SECTION */ /* CLOSE CLIENTS SECTION */ /* CLOSE CLIENTS SECTION */
/* START INTRODUCTION SECTION */ /* START INTRODUCTION SECTION */ /* START INTRODUCTION SECTION */ /* START INTRODUCTION SECTION */
.introduction .main__container {
  background: #ffffff;
}
.introduction .main__container .narrow__wrapper {
  padding: 150px 40px 150px 40px;
  text-align: center;
}
@media (max-width: 990px) {
  .introduction .main__container .narrow__wrapper {
    padding: 100px 30px 100px 30px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .narrow__wrapper {
    padding: 75px 20px 75px 20px;
  }
}
.introduction .main__container .normal__wrapper {
  padding: 0 40px 150px 40px;
  display: flex;
}
@media (max-width: 990px) {
  .introduction .main__container .normal__wrapper {
    padding: 0 30px 100px 30px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .normal__wrapper {
    padding: 0 20px 0 20px;
    display: block;
  }
}
.introduction .main__container .normal__wrapper__left {
  clear: both;
  margin: 0 50px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 50px);
}
@media (max-width: 990px) {
  .introduction .main__container .normal__wrapper__left {
    margin: 0 25px 0 0;
    width: calc(50% - 25px);
  }
}
@media (max-width: 600px) {
  .introduction .main__container .normal__wrapper__left {
    margin: 0 0;
    width: 100%;
  }
}
.introduction .main__container .normal__wrapper__right {
  clear: both;
  margin: 0 0 0 50px;
  display: block;
  width: calc(50% - 50px);
}
@media (max-width: 990px) {
  .introduction .main__container .normal__wrapper__right {
    margin: 0 0 0 25px;
    width: calc(50% - 25px);
  }
}
@media (max-width: 600px) {
  .introduction .main__container .normal__wrapper__right {
    margin: 0 0;
    width: 100%;
  }
}
.introduction .main__container .normal__wrapper .content {
  clear: both;
  margin: 0 0 75px 0;
  display: block;
  width: 100%;
}
.introduction .main__container .normal__wrapper .content__image {
  clear: both;
  margin: 0 0 10px 0;
  display: block;
  width: 100%;
  position: relative;
}
.introduction .main__container .normal__wrapper .content__image img.main {
  border-radius: 10px;
  opacity: 0.7;
}
@media (max-width: 600px) {
  .introduction .main__container .normal__wrapper .content__image img.main {
    border-radius: 5px;
  }
}
.introduction .main__container .normal__wrapper .content__image img.circle {
  width: 200px;
  height: 200px;
  position: absolute;
  right: -40px;
  bottom: -40px;
  opacity: 0.2;
}
@media (max-width: 990px) {
  .introduction .main__container .normal__wrapper .content__image img.circle {
    width: 100px;
    height: 100px;
    right: -20px;
    bottom: -20px;
  }
}
.introduction .main__container .normal__wrapper .content__image img.square {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.2;
}
@media (max-width: 990px) {
  .introduction .main__container .normal__wrapper .content__image img.square {
    width: 100px;
    height: 100px;
    left: -50px;
    top: 50%;
  }
}
.introduction .main__container .normal__wrapper .content__image img.triangle {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -55px;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.2;
}
@media (max-width: 990px) {
  .introduction .main__container .normal__wrapper .content__image img.triangle {
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: -50px;
    transform: translate(-50%, 0);
    transform: rotate(90deg);
  }
}
@media (max-width: 600px) {
  .introduction .main__container .normal__wrapper .content__image img.triangle {
    top: -30px;
  }
}
.introduction .main__container .normal__wrapper .content:last-child {
  margin: 0 0;
}
@media (max-width: 600px) {
  .introduction .main__container .normal__wrapper .content:last-child {
    margin: 0 0 75px 0;
  }
}
.introduction .main__container .cityscape__wrapper {
  clear: both;
  margin: 0 0;
  padding: 50px 0 0 0;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper {
    padding: 30px 0 0 0;
  }
}
.introduction .main__container .cityscape__wrapper .cloud-one {
  width: 100%;
  height: 232px;
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  z-index: 15;
}
@media (max-width: 990px) {
  .introduction .main__container .cityscape__wrapper .cloud-one {
    height: 155px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper .cloud-one {
    height: 128px;
  }
}
.introduction .main__container .cityscape__wrapper .cloud-two {
  width: 100%;
  height: 142px;
  position: absolute;
  top: 50px;
  left: 0;
  display: block;
  z-index: 5;
}
@media (max-width: 990px) {
  .introduction .main__container .cityscape__wrapper .cloud-two {
    height: 95px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper .cloud-two {
    height: 78px;
    top: 30px;
  }
}
.introduction .main__container .cityscape__wrapper .background-one, .introduction .main__container .cityscape__wrapper .background-two {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.introduction .main__container .cityscape__wrapper .background-one:before, .introduction .main__container .cityscape__wrapper .background-one:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(./images/background-cityscape-clouds-one.png);
  background-size: 900px 232px;
  background-repeat: no-repeat;
  -webkit-animation: move 20s infinite linear;
          animation: move 20s infinite linear;
}
@media (max-width: 990px) {
  .introduction .main__container .cityscape__wrapper .background-one:before, .introduction .main__container .cityscape__wrapper .background-one:after {
    background-size: 600px 155px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper .background-one:before, .introduction .main__container .cityscape__wrapper .background-one:after {
    background-size: 495px 128px;
  }
}
.introduction .main__container .cityscape__wrapper .background-two:before, .introduction .main__container .cityscape__wrapper .background-two:after {
  content: "";
  left: -511px;
  position: absolute;
  width: calc(100% + 511px);
  height: 100%;
  background-image: url(./images/background-cityscape-clouds-two.png);
  background-size: 511px 142px;
  background-repeat: no-repeat;
  -webkit-animation: move 25s infinite linear;
          animation: move 25s infinite linear;
}
@media (max-width: 990px) {
  .introduction .main__container .cityscape__wrapper .background-two:before, .introduction .main__container .cityscape__wrapper .background-two:after {
    background-size: 341px 95px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper .background-two:before, .introduction .main__container .cityscape__wrapper .background-two:after {
    background-size: 281px 78px;
  }
}
.introduction .main__container .cityscape__wrapper .background-one:before, .introduction .main__container .cityscape__wrapper .background-two:before {
  right: 100%;
}
@-webkit-keyframes move {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes move {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
.introduction .main__container .cityscape__wrapper .animate {
  clear: both;
  margin: 0 0;
  display: block;
  width: auto;
  position: absolute;
  left: 0;
}
.introduction .main__container .cityscape__wrapper .plane {
  height: 85px;
  top: 0;
  -webkit-animation: scrollPlane 20s linear infinite;
          animation: scrollPlane 20s linear infinite;
  z-index: 20;
}
@media (max-width: 990px) {
  .introduction .main__container .cityscape__wrapper .plane {
    height: 59px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper .plane {
    height: 49px;
  }
}
@-webkit-keyframes scrollPlane {
  0% {
    transform: translate3d(-20vw, 0, 0);
  }
  100% {
    transform: translate3d(100vw, 0, 0);
  }
}
@keyframes scrollPlane {
  0% {
    transform: translate3d(-20vw, 0, 0);
  }
  100% {
    transform: translate3d(100vw, 0, 0);
  }
}
.introduction .main__container .cityscape__wrapper__base {
  clear: both;
  margin: 0 0;
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 10;
}
.introduction .main__container .cityscape__wrapper__base img {
  display: block;
  width: 1800px;
  height: auto;
  position: relative;
}
@media (max-width: 990px) {
  .introduction .main__container .cityscape__wrapper__base img {
    width: 1200px;
  }
}
@media (max-width: 600px) {
  .introduction .main__container .cityscape__wrapper__base img {
    width: 990px;
  }
}

/* CLOSE INTRODUCTION SECTION */ /* CLOSE INTRODUCTION SECTION */ /* CLOSE INTRODUCTION SECTION */ /* CLOSE INTRODUCTION SECTION */
/* START SERVICES SECTION */ /* START SERVICES SECTION */ /* START SERVICES SECTION */ /* START SERVICES SECTION */
.services .main__container {
  padding: 150px 0 150px 0;
  background: #f7f4eb;
}
@media (max-width: 990px) {
  .services .main__container {
    padding: 100px 0 100px 0;
  }
}
@media (max-width: 600px) {
  .services .main__container {
    padding: 75px 0 75px 0;
  }
}
.services .main__container .normal__wrapper .wrapper .details-group .details {
  position: relative;
  overflow: hidden;
  transition: height 300ms ease-in-out;
}
.services .main__container .normal__wrapper .wrapper .details-group .details::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #849acf;
  position: absolute;
  bottom: 0;
}
.services .main__container .normal__wrapper .wrapper .details-group .details::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #262645;
  position: absolute;
  bottom: 0;
  transition: 1s all ease-in;
}
.services .main__container .normal__wrapper .wrapper .details-group .details__summary {
  padding: 30px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "BarlowCondensed";
  font-size: 60px;
  font-weight: 700;
  color: #4264ad;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: color 300ms ease-in-out;
}
@media (max-width: 990px) {
  .services .main__container .normal__wrapper .wrapper .details-group .details__summary {
    padding: 20px 0;
    font-size: 45px;
    line-height: 45px;
  }
}
@media (max-width: 600px) {
  .services .main__container .normal__wrapper .wrapper .details-group .details__summary {
    font-size: 35px;
    line-height: 35px;
  }
}
.services .main__container .normal__wrapper .wrapper .details-group .details__summary img {
  margin: 0 30px 0 0;
  width: 60px;
  height: 60px;
}
@media (max-width: 990px) {
  .services .main__container .normal__wrapper .wrapper .details-group .details__summary img {
    margin: 0 20px 0 0;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 600px) {
  .services .main__container .normal__wrapper .wrapper .details-group .details__summary img {
    width: 30px;
    height: 30px;
  }
}
.services .main__container .normal__wrapper .wrapper .details-group .details__summary::before {
  content: "";
  margin: -1px 0 0 0;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 20px;
  background: #849acf;
}
.services .main__container .normal__wrapper .wrapper .details-group .details__summary::after {
  content: "";
  margin: -8px 0 0 -1px;
  width: 2px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 27px;
  background: #849acf;
  transition: all 300ms ease-in-out;
}
.services .main__container .normal__wrapper .wrapper .details-group .details__content {
  padding: 0 0 30px 90px;
}
@media (max-width: 990px) {
  .services .main__container .normal__wrapper .wrapper .details-group .details__content {
    padding: 0 0 20px 60px;
  }
}
@media (max-width: 600px) {
  .services .main__container .normal__wrapper .wrapper .details-group .details__content {
    padding: 0 0 20px 0;
  }
}
.services .main__container .normal__wrapper .wrapper .details-group .details:hover::after {
  width: 100%;
}

/* CLOSE SERVICES SECTION */ /* CLOSE SERVICES SECTION */ /* CLOSE SERVICES SECTION */ /* CLOSE SERVICES SECTION */
/* START GALLERY SECTION */ /* START GALLERY SECTION */ /* START GALLERY SECTION */ /* START GALLERY SECTION */
/* START CUSTOM PREV + NEXT BUTTONS */
.gallery__title {
  clear: both;
  margin: 0 0;
  padding: 150px 0 150px 0;
  display: block;
  width: 100%;
  position: relative;
}
@media (max-width: 990px) {
  .gallery__title {
    padding: 100px 0 100px 0;
  }
}
@media (max-width: 600px) {
  .gallery__title {
    padding: 75px 0 100px 0;
  }
}
.gallery__title h1 {
  width: 75%;
}
@media (max-width: 600px) {
  .gallery__title h1 {
    width: 90%;
  }
}
.gallery__title .swiper-button {
  clear: none;
  margin: 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #4264ad;
  cursor: pointer;
  position: absolute;
  bottom: 45px;
}
@media (max-width: 990px) {
  .gallery__title .swiper-button {
    width: 50px;
    height: 50px;
    bottom: 25px;
  }
}
.gallery__title .swiper-button .fa, .gallery__title .swiper-button .far, .gallery__title .swiper-button .fas {
  font-size: 30px;
  color: #4264ad;
}
@media (max-width: 990px) {
  .gallery__title .swiper-button .fa, .gallery__title .swiper-button .far, .gallery__title .swiper-button .fas {
    font-size: 20px;
  }
}
.gallery__title .swiper-button.prev {
  right: 70px;
}
@media (max-width: 990px) {
  .gallery__title .swiper-button.prev {
    right: 60px;
  }
}
.gallery__title .swiper-button.prev .fa, .gallery__title .swiper-button.prev .far, .gallery__title .swiper-button.prev .fas {
  font-size: 30px;
  color: #4264ad;
}
@media (max-width: 990px) {
  .gallery__title .swiper-button.prev .fa, .gallery__title .swiper-button.prev .far, .gallery__title .swiper-button.prev .fas {
    font-size: 20px;
  }
}
.gallery__title .swiper-button.next {
  right: 0;
}
.gallery__title .swiper-button.next .fa, .gallery__title .swiper-button.next .far, .gallery__title .swiper-button.next .fas {
  font-size: 30px;
  color: #4264ad;
}
@media (max-width: 990px) {
  .gallery__title .swiper-button.next .fa, .gallery__title .swiper-button.next .far, .gallery__title .swiper-button.next .fas {
    font-size: 20px;
  }
}

/* CLOSE CUSTOM PREV + NEXT BUTTONS */
/* START GENERAL SLIDER CSS */
.gallery__wrapper {
  clear: both;
  margin: 0 0;
  display: block;
  width: 120%;
  position: relative;
  left: -10%;
}
@media (max-width: 600px) {
  .gallery__wrapper {
    left: 10px;
  }
}
.gallery__wrapper .slick-slide {
  margin: 10px 10px;
}
.gallery__wrapper .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.7;
}
.gallery__wrapper .gallery-item {
  cursor: pointer;
}
.gallery__wrapper .gallery-item .gallery-img-holder {
  padding: 0 0 100% 0;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 600px) {
  .gallery__wrapper .gallery-item .gallery-img-holder {
    border-radius: 5px;
  }
}

/* CLOSE GENERAL SLIDER CSS */
/* START GENERAL LIGHTBOX CSS */
.slick-lightbox-slick-item::before {
  margin: 0 0 !important;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
  margin: -20px 0 0 0;
  position: relative;
}
@media (max-width: 990px) {
  .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
    max-width: 80%;
    max-height: 80%;
  }
}
@media (max-width: 600px) {
  .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
    margin: 0 0;
    width: 100%;
  }
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner::before {
  content: "";
  display: block;
  position: absolute;
  background: #ffffff;
  top: 40px;
  bottom: 60px;
  left: -40px;
  right: -40px;
  border-radius: 10px;
}
@media (max-width: 990px) {
  .slick-lightbox-slick-item .slick-lightbox-slick-item-inner::before {
    top: 30px;
    bottom: 50px;
    left: -30px;
    right: -30px;
  }
}
@media (max-width: 600px) {
  .slick-lightbox-slick-item .slick-lightbox-slick-item-inner::before {
    top: 20px;
    bottom: 40px;
    left: -10px;
    right: -10px;
    border-radius: 5px;
  }
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
  max-width: 1200px !important;
  border-radius: 10px !important;
  opacity: 1 !important;
  position: relative !important;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media (max-width: 990px) {
  .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
    max-width: 800px !important;
  }
}
@media (max-width: 600px) {
  .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
    margin: 0 0 0 5px;
    width: calc(100% - 10px);
    max-width: none !important;
    border-radius: 5px;
  }
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption {
  clear: both;
  margin: 10px 0 0 0;
  display: flex;
  width: 100%;
  font-family: "VisueltPro";
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #849acf !important;
  text-transform: uppercase;
}

.slick-prev, .slick-next {
  clear: none !important;
  margin: 0 0 !important;
  padding: 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  border: 2px solid #4264ad !important;
  cursor: pointer !important;
  position: absolute !important;
  z-index: 10 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
@media (max-width: 990px) {
  .slick-prev, .slick-next {
    width: 50px !important;
    height: 50px !important;
  }
}

.slick-prev:before, .slick-next:before {
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal;
  font-weight: 900;
  font-size: 30px !important;
  opacity: 1 !important;
  color: #4264ad !important;
}
@media (max-width: 990px) {
  .slick-prev:before, .slick-next:before {
    font-size: 20px !important;
  }
}

.slick-prev {
  left: 20px !important;
}
@media (max-width: 990px) {
  .slick-prev {
    left: 30px !important;
  }
}
@media (max-width: 600px) {
  .slick-prev {
    left: 20px !important;
  }
}

.slick-next {
  right: 20px !important;
}
@media (max-width: 990px) {
  .slick-next {
    right: 30px !important;
  }
}
@media (max-width: 600px) {
  .slick-next {
    right: 20px !important;
  }
}

.slick-next:before {
  content: "\f054" !important;
}

.slick-prev:before {
  content: "\f053" !important;
}

.slick-lightbox-close {
  clear: none !important;
  margin: 0 0 !important;
  padding: 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  border: 2px solid #4264ad !important;
  cursor: pointer !important;
  position: absolute !important;
  z-index: 10 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
@media (max-width: 990px) {
  .slick-lightbox-close {
    width: 50px !important;
    height: 50px !important;
    top: 30px !important;
    right: 30px !important;
  }
}
@media (max-width: 600px) {
  .slick-lightbox-close {
    top: 20px !important;
    right: 20px !important;
  }
}
.slick-lightbox-close::before {
  content: "\f00d" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal;
  font-weight: 900;
  font-size: 30px !important;
  opacity: 1 !important;
  color: #4264ad !important;
}
@media (max-width: 990px) {
  .slick-lightbox-close::before {
    font-size: 20px !important;
  }
}

/* CLOSE GENERAL LIGHTBOX CSS */
/* CLOSE GALLERY SECTION */ /* CLOSE GALLERY SECTION */ /* CLOSE GALLERY SECTION */ /* CLOSE GALLERY SECTION */
/* START ABOUT SECTION */ /* START ABOUT SECTION */ /* START ABOUT SECTION */ /* START ABOUT SECTION */
.about .main__container {
  background: #edeff8;
}
.about .main__container .normal__wrapper {
  padding: 150px 40px 100px 40px;
  display: flex;
}
@media (max-width: 990px) {
  .about .main__container .normal__wrapper {
    padding: 100px 30px 75px 30px;
  }
}
@media (max-width: 600px) {
  .about .main__container .normal__wrapper {
    padding: 75px 25px 0 25px;
    display: block;
  }
}
.about .main__container .normal__wrapper__left {
  clear: both;
  margin: 0 50px 0 0;
  display: flex;
  flex-direction: column;
  width: calc(55% - 50px);
}
@media (max-width: 990px) {
  .about .main__container .normal__wrapper__left {
    margin: 0 25px 0 0;
    display: flex;
    flex-direction: column;
    width: calc(55% - 25px);
  }
}
@media (max-width: 600px) {
  .about .main__container .normal__wrapper__left {
    margin: 0 0 50px;
    width: 100%;
  }
}
.about .main__container .normal__wrapper__right {
  clear: both;
  margin: 0 0 -100px 50px;
  display: block;
  width: calc(45% - 50px);
}
@media (max-width: 990px) {
  .about .main__container .normal__wrapper__right {
    margin: 0 0 -75px 25px;
    width: calc(45% - 25px);
  }
}
@media (max-width: 600px) {
  .about .main__container .normal__wrapper__right {
    margin: 0 0 -5px 0;
    width: 100%;
  }
}
.about .main__container .normal__wrapper__right div {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 600px) {
  .about .main__container .normal__wrapper__right div {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.about .main__container .normal__wrapper__right div img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  opacity: 0.7;
}
@media (max-width: 600px) {
  .about .main__container .normal__wrapper__right div img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.about .main__container .normal__wrapper__right div img.circle {
  width: 200px;
  height: 200px;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.2;
}
@media (max-width: 990px) {
  .about .main__container .normal__wrapper__right div img.circle {
    width: 100px;
    height: 100px;
    right: -20px;
  }
}

/* CLOSE ABOUT SECTION */ /* CLOSE ABOUT SECTION */ /* CLOSE ABOUT SECTION */ /* CLOSE ABOUT SECTION */
/* START CONTACT SECTION */ /* START CONTACT SECTION */ /* START CONTACT SECTION */ /* START CONTACT SECTION */
.contact .main__container {
  background: #f39583;
}
.contact .main__container .narrow__wrapper {
  padding: 150px 40px 150px 40px;
  text-align: center;
}
@media (max-width: 990px) {
  .contact .main__container .narrow__wrapper {
    padding: 100px 30px 100px 30px;
  }
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper {
    padding: 75px 20px 75px 20px;
  }
}
.contact .main__container .narrow__wrapper h2, .contact .main__container .narrow__wrapper h4, .contact .main__container .narrow__wrapper p {
  color: #ffffff;
}
.contact .main__container .narrow__wrapper__form {
  clear: both;
  margin: 75px 0 0 0;
  display: block;
  width: 100%;
}
@media (max-width: 990px) {
  .contact .main__container .narrow__wrapper__form {
    margin: 50px 0 0 0;
  }
}
.contact .main__container .narrow__wrapper__form .wpcf7-form-control-wrap {
  position: inherit !important;
}
.contact .main__container .narrow__wrapper__form input, .contact .main__container .narrow__wrapper__form textarea {
  margin: 0 0 10px 0;
  padding: 15px 15px;
  display: block;
  width: 100%;
  background: #f2a291;
  border: 1px solid rgba(255, 255, 255, 0.5);
  outline: none;
  font-family: "VisueltPro";
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  box-sizing: border-box;
}
.contact .main__container .narrow__wrapper__form input.left {
  float: left;
  margin: 0 5px 10px 0;
  width: calc(50% - 5px);
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper__form input.left {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.contact .main__container .narrow__wrapper__form input.right {
  float: left;
  margin: 0 0 15px 5px;
  width: calc(50% - 5px);
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper__form input.right {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.contact .main__container .narrow__wrapper__form input.one {
  float: left;
  margin: 0 10px 10px 0;
  width: calc(33.3333% - 6.6666px);
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper__form input.one {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.contact .main__container .narrow__wrapper__form input.two {
  float: left;
  margin: 0 0 15px 0;
  width: calc(33.3333% - 6.6666px);
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper__form input.two {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.contact .main__container .narrow__wrapper__form input.three {
  float: left;
  margin: 0 0 10px 10px;
  width: calc(33.3333% - 6.6666px);
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper__form input.three {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.contact .main__container .narrow__wrapper__form textarea {
  margin: 0 0 20px 0;
  line-height: 30px;
}
.contact .main__container .narrow__wrapper__form input:hover, .contact .main__container .narrow__wrapper__form textarea:hover {
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.contact .main__container .narrow__wrapper__form input:focus, .contact .main__container .narrow__wrapper__form textarea:focus {
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
}
.contact .main__container .narrow__wrapper__form input::-webkit-outer-spin-button, .contact .main__container .narrow__wrapper__form input::-webkit-inner-spin-button,
.contact .main__container .narrow__wrapper__form textarea::-webkit-inner-spin-button, .contact .main__container .narrow__wrapper__form textarea::-webkit-inner-spin-button,
.contact .main__container .narrow__wrapper__form select::-webkit-inner-spin-button, .contact .main__container .narrow__wrapper__form select::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.contact .main__container .narrow__wrapper__form input[type=text], .contact .main__container .narrow__wrapper__form textarea[type=text] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.contact .main__container .narrow__wrapper__form input::-webkit-input-placeholder, .contact .main__container .narrow__wrapper__form textarea::-webkit-input-placeholder, .contact .main__container .narrow__wrapper__form select::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.contact .main__container .narrow__wrapper__form input::-moz-placeholder, .contact .main__container .narrow__wrapper__form textarea::-moz-placeholder, .contact .main__container .narrow__wrapper__form select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.contact .main__container .narrow__wrapper__form input:-ms-input-placeholder, .contact .main__container .narrow__wrapper__form textarea:-ms-input-placeholder, .contact .main__container .narrow__wrapper__form select:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.contact .main__container .narrow__wrapper__form input:-moz-placeholder, .contact .main__container .narrow__wrapper__form textarea:-moz-placeholder, .contact .main__container .narrow__wrapper__form select:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.contact .main__container .narrow__wrapper__form input.disabled {
  pointer-events: none;
  border: 1px solid #ffffff;
}
.contact .main__container .narrow__wrapper__form input.disabled:hover {
  border: 1px solid #ffffff;
}
.contact .main__container .narrow__wrapper__form input.disabled::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: 700;
}
.contact .main__container .narrow__wrapper__form input.disabled::-moz-placeholder {
  color: #ffffff;
  font-weight: 700;
}
.contact .main__container .narrow__wrapper__form input.disabled:-ms-input-placeholder {
  color: #ffffff;
  font-weight: 700;
}
.contact .main__container .narrow__wrapper__form input.disabled:-moz-placeholder {
  color: #ffffff;
  font-weight: 700;
}
.contact .main__container .narrow__wrapper__form input[type=checkbox] {
  margin: 0 15px 0 0;
  padding: 0 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 0;
  cursor: pointer;
}
.contact .main__container .narrow__wrapper__form input[type=checkbox]:before {
  content: "";
  margin: 0 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #f2a291;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.contact .main__container .narrow__wrapper__form input[type=checkbox]:checked:before {
  background: #4264ad;
  border: 1px solid #4264ad;
}
.contact .main__container .narrow__wrapper__form input[type=checkbox]:disabled {
  color: #dd3532;
}
.contact .main__container .narrow__wrapper__form input[type=checkbox]:disabled:before {
  background: #dd3532;
}
.contact .main__container .narrow__wrapper__form input[type=checkbox]:checked:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  background: #ffffff;
  width: 2px;
  height: 2px;
  box-shadow: 1px 0 0 white, 3px 0 0 white, 3px -1px 0 white, 3px -3px 0 white, 3px -5px 0 white, 3px -7px 0 white;
  transform: rotate(45deg);
}
.contact .main__container .narrow__wrapper__form .wpcf7-list-item-label {
  margin: 0 0 20px 0;
  width: auto;
  display: inline-block;
  font-family: "VisueltPro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  color: #ffffff;
  position: relative;
  top: -5px;
  opacity: 0.5;
}
.contact .main__container .narrow__wrapper__form .wpcf7-list-item-label a:link {
  color: #ffffff;
  border-bottom: 2px dotted #ffffff;
  cursor: pointer;
}
.contact .main__container .narrow__wrapper__form .wpcf7-list-item-label a:visited {
  color: #ffffff;
  border-bottom: 2px dotted #ffffff;
  cursor: pointer;
}
.contact .main__container .narrow__wrapper__form .wpcf7-list-item-label a:hover {
  color: #ffffff;
  border-bottom: 2px dotted #ffffff;
  cursor: pointer;
}
@media (max-width: 600px) {
  .contact .main__container .narrow__wrapper__form .wpcf7-list-item-label {
    margin: 10px 0 20px 0;
  }
}
.contact .main__container .narrow__wrapper__form input[type=submit] {
  clear: both;
  margin: 0 auto;
  padding: 11px 20px 15px 20px;
  display: block;
  border: 1px solid #4264ad;
  width: auto;
  top: 0;
  left: 0;
  position: relative;
  font-family: "BarlowCondensed";
  font-size: 25px;
  font-weight: 700;
  color: #4264ad;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #ffffff;
  box-shadow: 6px 6px 0 #4264ad;
  transition: all 0.15s;
}
.contact .main__container .narrow__wrapper__form input[type=submit]:hover {
  top: 6px;
  left: 6px;
  box-shadow: 0 0 0 #4264ad;
}

/* CLOSE CONTACT SECTION */ /* CLOSE CONTACT SECTION */ /* CLOSE CONTACT SECTION */ /* CLOSE CONTACT SECTION */
/* START CONTACT FORM VALIDATION ERRORS CSS SECTION */
.wpcf7-not-valid-tip {
  display: none !important;
}

span .wpcf7-not-valid {
  border: 1px solid #dd3532 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
  display: none !important;
}

.wpcf7-spinner {
  background-color: #ffffff !important;
  margin: 20px 0 0 0 !important;
}
.wpcf7-spinner::before {
  background-color: #f39583 !important;
}

/* CLOSE CONTACT FORM VALIDATION ERRORS CSS SECTION */
/* START 404 ERROR SECTION */ /* START 404 ERROR SECTION */ /* START 404 ERROR SECTION */ /* START 404 ERROR SECTION */
.error .hero__container {
  height: 100vh;
}
.error .hero__container .hero__wrapper {
  margin: 0 auto;
  max-width: 800px;
}
@media (max-width: 600px) {
  .error .hero__container .hero__wrapper {
    padding: 0 20px 0 20px;
    max-width: none;
    display: flex;
  }
}
.error .hero__container .hero__wrapper__full {
  margin: 0 0 30px 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 600px) {
  .error .hero__container .hero__wrapper__full {
    margin: 0 0;
    width: 100%;
  }
}
.error .hero__container .hero__wrapper__full img {
  padding: 0 40px 20px 40px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.error .hero__container .hero__wrapper__full img.small {
    margin: 0 calc(50% - 150px);
    width: 300px;
}
@media (max-width: 600px) {
  .error .hero__container .hero__wrapper__full img {
    padding: 0 0 20px 0;
  }
}
.error .hero__container .hero__wrapper__full h2 {
  padding: 0 0 10px 0;
  color: #ffffff;
}
.error .hero__container .error__footer {
  clear: both;
  margin: 0 0;
  display: block;
  width: 100%;
  height: 30px;
  background: #1b9e8c;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

/* CLOSE ERROR 404 SECTION */ /* CLOSE ERROR 404 SECTION */ /* CLOSE ERROR 404 SECTION */ /* CLOSE ERROR 404 SECTION */
/* START PRIVACY SECTION */ /* START PRIVACY SECTION */ /* START PRIVACY SECTION */ /* START PRIVACY SECTION */
.privacy .hero__container {
  height: auto;
}
.privacy .hero__container .hero__wrapper {
  padding: 150px 40px 200px 40px;
  max-width: 920px;
}
@media (max-width: 990px) {
  .privacy .hero__container .hero__wrapper {
    margin: 0 auto;
    padding: 125px 30px 150px 30px;
    max-width: 720px;
  }
}
@media (max-width: 600px) {
  .privacy .hero__container .hero__wrapper {
    padding: 100px 20px 80px 20px;
  }
}
.privacy .hero__container .hero__wrapper__full {
  margin: 0 0;
  display: block;
  width: 90%;
}
@media (max-width: 600px) {
  .privacy .hero__container .hero__wrapper__full {
    margin: 0 0;
    width: 100%;
  }
}
.privacy .hero__container .hero__wrapper__full h1 {
  padding: 0 0 20px 0;
  color: #ffffff;
}
.privacy .hero__container .hero__wrapper__full p {
  color: #ffffff;
}
.privacy .hero__container .hero__footer {
  border-bottom: 15px solid #ffffff;
  background-image: url(./images/privacy-footer.svg);
}
@media (max-width: 600px) {
  .privacy .hero__container .hero__footer {
    border-bottom: 5px solid #ffffff;
  }
}
.privacy .hero__container .hero__footer::before {
  background: #ffffff;
}
.privacy .hero__container .hero__footer::after {
  background: #ffffff;
}
.privacy .main__container {
  padding: 75px 0 150px 0;
}
@media (max-width: 990px) {
  .privacy .main__container {
    padding: 50px 0 100px 0;
  }
}
@media (max-width: 600px) {
  .privacy .main__container {
    padding: 30px 0 75px 0;
  }
}
.privacy .main__container .narrow__wrapper p {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 990px) {
  .privacy .main__container .narrow__wrapper p {
    font-size: 18px;
    line-height: 28px;
  }
}
.privacy .main__container .narrow__wrapper ul {
  margin: 20px 0 20px 20px;
  padding: 0 0;
  list-style-type: square;
  list-style-position: outside;
}
.privacy .main__container .narrow__wrapper ul li {
  padding: 0 0 5px 5px;
  font-family: "VisueltPro";
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #849acf;
}
@media (max-width: 990px) {
  .privacy .main__container .narrow__wrapper ul li {
    padding: 0 0 3px 5px;
    font-size: 18px;
    line-height: 28px;
  }
}
.privacy .main__container .narrow__wrapper hr {
  margin: 40px 0;
  border: 1px solid #849acf;
  opacity: 0.5;
}
.privacy .main__container .narrow__wrapper a:link {
  color: #849acf;
  text-decoration: none;
  border-bottom: 2px dotted #849acf;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.privacy .main__container .narrow__wrapper a:visited {
  color: #849acf;
  text-decoration: none;
  border-bottom: 2px dotted #849acf;
  cursor: pointer;
}
.privacy .main__container .narrow__wrapper a:hover {
  color: #4264ad;
  text-decoration: none;
  border-bottom: 2px dotted #4264ad;
  cursor: pointer;
}

/* CLOSE PRIVACY SECTION */ /* CLOSE PRIVACY SECTION */ /* CLOSE PRIVACY SECTION */ /* CLOSE PRIVACY SECTION *//*# sourceMappingURL=style.css.map */