/*******************/
/* GENERAL */
/*******************/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
/* font-family: 'Source Sans Pro', sans-serif; */

html {
   /* 10px / 16px = 0.625 = 62.5% */
   font-size: 62.5%;
}

:root {
   --color-primary: #3887b6;
   --color-secondary: #e15b1f;
   --color-gray: #f0f0f0;
   --color-white: #ffffff;
   --color-text: #494a4a;
   --font-primary: 'Source Sans Pro', sans-serif;
}

body {
   font-family: var(--font-primary) !important;
   background-color: #e5e3e0;
   color: var(--color-text);
   font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
   font-family: var(--font-primary) !important;
   line-height: 1.2;
}

h1 {
   font-size: 30px;
   margin-bottom: 24px !important;
   font-weight: 500;
}

h2 {
   font-size: 24px;
   margin-bottom: 16px !important;
   font-weight: 500;
   line-height: 0.7;
}

a {
   color: var(--color-secondary);
}

a:hover,
a:focus,
a:active {
   color: var(--color-primary);
}

p {
   font-size: 16px;
   line-height: 1.6;
}

#sp-main-body {
   padding: 100px 0 !important;
   width: 50%;
   float: right;
   height: 100vh;
}

#sp-main-body,
.sp-module-content-bottom {
   padding-left: 3% !important;
}

section#sp-main-body main#sp-component {
   max-width: 750px !important;
}

/*******************/
/* HEADER */
/*******************/
#sp-header {
   background-color: transparent !important;
   background: transparent;
   position: absolute;
   height: 84px;
   box-shadow: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
   color: var(--color-text);
   font-size: 16px;
   line-height: 1.4;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
   color: var(--color-primary);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
   color: var(--color-primary);
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
   color: var(--color-text);
   display: inline-block;
   padding: 0 0 0 24px;
   line-height: 3;
   font-size: 16px;
   margin: 0;
}

.sp-megamenu-parent > li:first-child > a {
   padding: 0 10px 0 5px;
}

.sp-megamenu-parent > li:last-child > a {
   padding: 0 0 0 24px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
   display: block;
   position: relative;
   border-bottom: 2px #e1e1e1 solid;
   padding: 0 16px 0 16px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
   background: var(--color-gray);
   box-shadow: 0px 0px 5px 1px #dfdfdf;
   margin-top: 2px;
   padding: 0;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
   left: 0;
   width: 260px !important;
}

#sp-logo .align-items-center {
   justify-content: end;
}

#sp-logo .logo {
   position: absolute;
   top: 0;
   margin-top: 188px;
}

#sp-logo .logo-image {
   height: 80px;
}

#sp-menu {
   background-color: #e5e3e0;
   border-bottom: 2px var(--color-gray) solid;
   width: 30%;
   margin-left: auto;
   padding-top: 34px;
}

#sp-menu .align-items-center {
   justify-content: start !important;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
   display: none;
}

#sp-language {
   background-color: #e5e3e0;
   border-bottom: 2px var(--color-gray) solid;
   padding-top: 26px;
}

#sp-language .align-items-center {
   justify-content: center;
}

#sp-language .dropdown-menu {
   background: var(--color-gray);
   max-width: 90px;
   box-shadow: 0px 3px 6px 0px #dfdfdf;
   border: none;
   margin: 4px 0 0 -25px !important;
   transform: translate(0px, 38px) !important;
}

#sp-language div.mod-languages img {
   display: none;
   border: none;
}

#sp-language div.mod-languages ul.lang-block li {
   display: block;
   padding: 0;
   text-align: center;
   float: left;
}

#sp-language .dropdown-toggle::after {
   display: none;
}

#sp-language a {
   font-size: 16px;
   color: var(--color-primary);
}

#sp-language .mod-languages {
   margin-top: 14px;
}

#sp-language .sp-module ul > li > a {
   color: var(--color-text);
}

#sp-language .sp-module ul > li > a:hover {
   color: var(--color-primary);
}

#sp-language .dropdown-menu li a {
   margin: 0 0 0 3px;
}

#sp-language div.mod-languages ul.lang-block li:last-child::before {
   content: '';
   border-left: 2px #919191 solid;
   padding: 2px !important;
}

/*******************/
/* SLIDESHOW */
/*******************/
#sp-slideshow-desktop {
   background: #e5e3e0;
   color: #ffffff;
   position: fixed;
   font-size: 0;
   line-height: 1.6;
   width: 50%;
   height: 100vh;
}

.sp-page-builder .page-content #slideshow-desktop {
   width: 99% !important;
}

.slideshow-shadow {
   box-shadow: 0 0 12px 10px #868e96;
   width: 99%;
}

.dj-image {
   width: 100% !important;
   height: 100% !important;
}

/* #slideshow-image {
   height: 100vh;
} */

/*******************/
/* CONTENT */
/*******************/
#content-section {
   padding-top: 96px;
   padding-bottom: 64px;
}

.sppb-media-heading {
   margin: 0;
}

.profile-link {
   color: var(--color-secondary);
}

div#sppb-addon-wrapper-1638772298606 {
   border: 2px solid #c1c1c1;
   font-size: 0;
}

.text-block-addon-width {
   width: 80%;
}

/*******************/
/* COOKIE */
/*******************/
#redim-cookiehint-modal {
   top: inherit !important;
}

#redim-cookiehint-modal {
   background-color: #e5e3e0;
   padding: 20px 33px 28px 33px;
}

#redim-cookiehint {
   font-size: 16px;
   line-height: 26px;
   background: #e5e3e0;
   padding: 0px;
   border-radius: 0px;
   max-width: 1000px;
   font-weight: 500;
}

#redim-cookiehint .cookiehead .headline {
   padding: 3px 0px 3px 0px;
}

#redim-cookiehint .cookiehead .headline::before {
   display: none;
}

#redim-cookiehint .cookiebuttons .btn,
#redim-cookiehint .cookiebuttons button {
   font-size: 16px;
   line-height: 24px;
   cursor: pointer;
   display: block;
   margin-bottom: 0px;
   padding: 10px 8px !important;
   text-align: center;
   width: 100%;
   max-width: 120px;
   box-sizing: border-box;
   float: left;
   margin-right: 28px;
}

.cookiebuttons {
   display: flex;
}

#cookiehintsubmit,
#cookiehintsubmitno {
   transition: background 0.3s ease;
   border-radius: 0px !important;
}

#cookiehintsubmit,
#cookiehintsubmit:hover,
#cookiehintsubmit:active {
   background: #0088ba !important;
   background-image: none;
   color: #fff !important;
   border: 2px #0088ba solid;
}

#cookiehintsubmitno,
#cookiehintsubmitno:hover,
#cookiehintsubmitno:active {
   background: #e5e3e0 !important;
   background-image: none;
   color: #0088ba !important;
   border: 2px #0088ba solid;
}

#cookiehintinfo,
#cookiehintinfo a {
   color: #0088ba;
}

@media (max-width: 991.98px) {
   #redim-cookiehint-modal {
      padding: 20px 33px 28px 33px;
   }
   #redim-cookiehint .cookiebuttons .btn,
   #redim-cookiehint .cookiebuttons button {
      width: 100%;
      margin-right: 22px;
   }
}

@media (max-width: 632px) {
   .cookiebuttons {
      display: inherit;
   }
   #redim-cookiehint .cookiebuttons .btn,
   #redim-cookiehint .cookiebuttons button {
      max-width: inherit !important;
      width: 100%;
      float: inherit;
      margin-right: 28px;
      margin-bottom: 12px;
   }
}

/*******************/
/* FOOTER */
/*******************/
#footer-text {
   border-top: 2px solid var(--color-gray);
   padding-bottom: 24px;
   width: 1000%;
}

.footer-link {
   color: var(--color-secondary);
   margin-top: 20px;
}

.hidden {
   visibility: hidden;
   opacity: 0;
}
/*******************/
/* RESPONSIVE */
/*******************/
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
   #content-section {
      padding-top: 64px;
      padding-bottom: 64px;
   }

   #sp-logo .logo-image {
      height: 80px;
   }

   #sp-logo .logo {
      margin-top: 156px;
      margin-right: -2px;
   }

   #sp-language .dropdown-menu {
      margin: 4px 0 0 -25px !important;
   }
}

/* SLIDER */
@media (min-width: 992px) {
   .djslider-loader-default {
      height: 100vh !important;
   }

   .djslider-default .slider-container {
      height: 100vh !important;
   }

   .djslider-default ul.djslider-in > li {
      height: 100vh !important;
   }
}

/********* LOGO *********/
@media (max-width: 1701px) {
   #sp-logo .logo {
      margin-right: -1px;
   }
}

@media (max-width: 1499px) {
   #sp-logo .logo {
      margin-right: -2px;
   }
}

@media (max-width: 1399px) {
   #sp-logo .logo {
      margin-right: -3px;
   }
}

@media (max-width: 1303px) {
   #sp-logo .logo {
      margin-right: -3px;
   }
}

@media (max-width: 1201px) {
   #sp-logo .logo {
      margin-right: -4px;
   }
}

@media (max-width: 1199.98px) {
   #sp-logo .logo {
      margin-right: -4px;
   }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
   /* ORDER */
   #sp-menu {
      order: 1;
   }

   #sp-language {
      order: 2;
   }

   #sp-logo {
      order: 3;
   }

   #sp-main-body {
      padding: 100px 0 !important;
      width: 100%;
      float: none;
      height: inherit;
   }

   #sp-slideshow-desktop {
      display: none;
   }

   .dj-image {
      width: 100% !important;
      height: 101% !important;
   }

   .slideshow-shadow {
      box-shadow: 0px 14px 20px 0px #868e96;
      width: 100%;
   }

   /* #sp-tablet-and-mobile-banner {*/
   /*   box-shadow: 0px 6px 6px 0px #dfdfdf;*/
   /*}*/

   #sp-main-body,
   .sp-module-content-bottom {
      padding-left: 0% !important;
   }

   #sp-header .sp-module {
      margin-left: 0;
   }

   #sp-header {
      height: 70px;
      position: inherit;
      background-color: #e5e3e0;
      padding: 0px 0 0 24px;
   }

   .offcanvas-menu .offcanvas-inner {
      background-color: #e5e3e0;
      padding: 0;
      margin-top: 44px;
      border-top: 1.5px #c6c6c6 solid;
   }

   .offcanvas-overlay {
      background-color: rgb(208, 206, 201, 0.5);
      margin-top: 70px;
   }

   /*#sp-header .row {*/
   /*   border-bottom: 2px var(--color-gray) solid;*/
   /*}*/

   #sp-header {
      border-bottom: 2px var(--color-gray) solid;
   }

   #sp-header.header-sticky {
      background-color: var(--color-white) !important;
   }

   #sp-logo .align-items-center {
      justify-content: end;
   }

   #sp-logo .logo {
      position: inherit;
      top: 0;
      height: auto;
      margin-top: 0%;
   }

   .logo-image-phone {
      height: 70px !important;
      width: 100%;
      float: right;
   }

   #offcanvas-toggler {
      height: 70px;
      line-height: 70px;
   }

   #sp-menu {
      background-color: transparent;
      border-bottom: 0px solid;
      width: inherit;
      margin-right: auto;
      padding-top: 0px;
   }

   #sp-menu .align-items-center {
      justify-content: inherit !important;
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after,
   .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {
      font-family: 'Font Awesome 5 Free';
      content: '_';
      font-weight: 900;
      color: transparent;

      background: none repeat scroll 0 0;
      background-image: url(../images/arrow2.svg);
      background-color: transparent;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after,
   .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
      font-family: 'Font Awesome 5 Free';
      content: '__';
      font-weight: 900;
      color: transparent;

      background: none repeat scroll 0 0;
      background-image: url(../images/arrow2.1.svg);
      background-color: transparent;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }

   .burger-icon {
      width: 36px;
      cursor: pointer;
   }

   #sp-language {
      background-color: transparent;
      border-bottom: 0px solid;
      padding-top: 0px;
   }

   #sp-language a {
      font-size: 18px;
   }

   #sp-language .mod-languages {
      margin-top: 0px;
      margin-left: 0px;
   }

   #sp-language .mod-languages {
      padding: 15px 0px;
      margin-right: 16px;
   }

   #sp-language .dropdown-menu {
      max-width: 96px;
      margin: 12px 0 0 -25px !important;
      transform: translate(0px, 41px) !important;
   }

   body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
      left: 0;
      top: 0;
      box-shadow: rgba(0, 0, 0, 0.15) 3.95px 70px 3.6px;
   }

   body.ltr.offcanvs-position-right .offcanvas-menu {
      left: -50%;
      top: 0;
   }

   .offcanvas-menu {
      background-color: transparent;
      width: 50%;
      height: 100vh;
   }

   .offcanvas-inner .nav-pills {
      height: 100vh;
   }

   body.ltr .close-offcanvas {
      top: 20px;
      left: 38px;
      right: inherit;
   }

   body.ltr #offcanvas-toggler.offcanvas-toggler-right {
      float: right;
      margin-left: 6px;
   }

   body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
      margin-left: 20px;
   }

   .offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
      padding: 15px 10px 15px 0px;
   }

   .offcanvas-menu .logo {
      display: none;
   }

   .offcanvas-active .burger-icon > span {
      display: none;
   }

   .close-offcanvas .burger-icon > span {
      display: block;
   }

   .offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
      margin-bottom: 0;
      padding: 0px 40px 0px 40px;
   }

   .offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
      border-bottom: 0px solid rgba(32, 31, 31, 0.1);
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li a {
      border-bottom: 1.5px solid #c6c6c6;
      font-weight: 500;
   }

   .offcanvas-inner .d-flex.header-modules.mb-3 {
      display: none !important;
   }

   .menu-deeper.menu-parent.menu-parent-open {
      background-color: var(--color-gray);
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li li a {
      color: var(--color-text);
      border: none;
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li > ul li {
      padding-top: 24px;
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
      font-size: 18px;
      padding: 5px 0px;
      line-height: 1;
      font-weight: 400;
   }

   .offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
      padding-bottom: 10px;
      padding-top: 0px;
   }

   .offcanvas-menu .offcanvas-inner ul.menu > li > ul li.active a {
      color: var(--color-primary) !important;
   }

   .offcanvas-menu a:active,
   .offcanvas-menu a:hover,
   .offcanvas-menu a:focus {
      color: var(--color-primary) !important;
   }

   /* CONTENT */
   .sp-module-content-bottom {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }

   #content-section {
      padding-top: 32px;
      padding-bottom: 32px;
   }

   #sp-main-body {
      padding: 48px 0 !important;
   }

   section#sp-main-body main#sp-component {
      padding: 0px 28px;
   }

   .text-block-addon-width {
      width: 100%;
   }

   .sp-module-content-bottom {
      padding-left: 15px !important;
      padding-right: 15px !important;
      max-width: 720px;
      margin-right: auto;
      margin-left: auto;
   }
}

/* Small devices (landscape phones 🎫, less than 768px) */
@media (max-width: 767.98px) {
   #sp-language .mod-languages {
      margin-right: 80px;
   }
}

/* X-Small devices (portrait phones 📱, less than 576px) */
@media (max-width: 575.98px) {
   #sp-header {
      height: 60px;
   }

   .offcanvas-menu {
      background-color: transparent;
   }

   body.ltr.offcanvs-position-right .offcanvas-menu {
      left: -100%;
      top: 0;
   }

   .offcanvas-menu {
      width: 100%;
      height: 100vh;
   }

   .offcanvas-menu .offcanvas-inner {
      margin-top: 34px;
   }

   .offcanvas-overlay {
      background-color: rgb(208, 206, 201, 0.5);
      margin-top: 66px;
   }

   .offcanvas-inner .nav-pills {
      height: inherit;
   }

   body.ltr .close-offcanvas {
      top: 16px;
   }

   #offcanvas-toggler {
      height: 60px;
      line-height: 60px;
   }

   #sp-language {
      background-color: transparent;
      border-bottom: 0px solid;
      padding-top: 0px;
   }

   #sp-language a {
      font-size: 18px;
   }

   #sp-language .mod-languages {
      margin-top: 0px;
      margin-right: 32px;
   }

   #sp-language .mod-languages {
      padding: 12px 0px;
   }

   #sp-language .dropdown-menu {
      max-width: 96px;
      margin: 5px 0 0 -25px !important;
   }

   .logo-image-phone {
      height: 60px !important;
      width: 100%;
      float: right;
   }

   /* CONTENT */
   #sp-main-body {
      padding: 32px 0 !important;
   }

   section#sp-main-body main#sp-component {
      padding: 0px 28px;
   }

   .sp-module-content-bottom {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }
}

@media (max-width: 369px) {
   #sp-menu {
      width: 16% !important;
   }
}