@font-face {
  font-family: 'Stellar-Light';
  src: url("/fonts/Kelson-Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FD;
}

@font-face {
  font-family: 'Stellar-Regular';
  src: url("/fonts/Kelson-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FD;
}

@font-face {
  font-family: 'Stellar-Medium';
  src: url("/fonts/Kelson-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FD;
}

@font-face {
  font-family: 'Stellar-Bold';
  src: url("/fonts/Kelson-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FD;
}

@font-face {
  font-family: 'Creampuff';
  src: url("/fonts/Creampuff.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch;
  outline: none;
  font-smooth: always;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, a:link, a:active, a:visited, a:hover, a:focus {
  text-decoration: none;
  background-color: transparent;
  color: inherit;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

a[x-apple-data-detectors], a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

svg, svg:not(:root) {
  overflow: visible;
  line-height: normal;
}

.clearfix {
  clear: both;
}

body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: normal;
  line-height: 1;
}

dl, dd, dt, ul, menu, dir {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0px;
  -webkit-padding-end: 0px;
}

.left-side .logo-container .text, .left-side .menu a, .homepage-header h3, .contacts dd, .nav_bottom, .djb-button, .intro-text, .team-container .our-team p, .team-container .sendus-container h2, .team-container .sendus-container p, .team-banner .team-box p, .team-banner .team-box .email, .case-caption h6,
.awards-caption h6, .case-caption h4,
.awards-caption h4, .case-tag-container:before,
.awards-tag-container:before, .digital-container h3, .digital-container .ul-digital li, .awesome-form p, .awesome-form .back, .djomba-modal p, .page-transparency .transparency .transparency-title, .page-transparency .policy p, .privacy-policy p, .privacy-policy li, .CookieDeclarationType {
  font-family: "Stellar-Light", 'sans-serif';
}

.djomba-modal p strong, .privacy-policy p strong, .privacy-policy li strong, .language-dropdown, .lang-btn, .CookieDeclarationTableHeader, .CookieDeclarationTypeHeader {
  font-family: "Stellar-Regular", 'sans-serif';
}

.left-side .menu a.active, #CookieDeclarationUserStatusLabelOn,
#CookieDeclarationUserStatusLabelOff,
#CookieDeclarationUserStatusLabelOffDoNotSell,
#CookieDeclarationUserStatusLabelMulti, #CookieDeclarationChangeConsentChange,
#CookieDeclarationChangeConsentWithdraw {
  font-family: "Stellar-Medium", 'sans-serif';
}

.homepage-header h1, .contacts dt, .intro-title, .team-container .our-team h2, .team-container .sendus-container h2 strong, .team-banner .team-box h4, .case-caption h2,
.awards-caption h2, .djomba-modal h2, .lang-menu a.active {
  font-family: "Stellar-Bold", 'sans-serif';
}

.left-side .logo-container .text, .left-side .menu a, .left-side .plus-btn:after, .homepage-header h1, .homepage-header h3, .contacts dt, .nav_bottom, .djb-button, .intro-title, .intro-tagline, .team-container .our-team h2, .team-container .sendus-container h2, .team-container .sendus-container a, .team-banner .team-box h4, .team-banner .team-box h5, .team-banner .team-box .email, .case-caption h2,
.awards-caption h2, .case-caption h4,
.awards-caption h4, .case-tag-container:before,
.awards-tag-container:before, .digital-container h3, .awesome-form h2, .awesome-form .back, .djomba-modal h2, .djomba-modal p, .page-transparency .transparency .transparency-title, .page-transparency .policy > p:first-child, .CookieDeclarationTypeHeader {
  text-transform: uppercase;
}

.intro-title, .team-banner .team-box h4, .digital-container h3, .djomba-modal h2 {
  line-height: 125%;
}

.left-side .logo-container .text, .homepage-header h3, .contacts dd, .intro-tagline, .awesome-form p {
  line-height: 140%;
}

.team-container .our-team p, .team-container .sendus-container p, .team-banner .team-box p, .team-banner .team-box .email, .djomba-modal p {
  line-height: 160%;
}

.homepage-header h1 .white, .homepage-header h3, .intro, .team-banner .team-box, .digital-art .content, .djomba-modal h2 strong, .djb-button.dark {
  color: #ffffff;
}

html, .intro-title strong, .page-transparency .transparency .transparency-title, .privacy-policy .policy-text, .privacy-policy strong, .lang-btn, .lang-menu a {
  color: #08090a;
}

header, .left-side, .left-side .contacts, .right-side, footer, .contacts-bar, .team-container, .team-banner .btn, .team-banner .team-box .text:before, .case-project,
.awards-project, .case-slide,
.awards-slide, .case-caption,
.awards-caption, .digital-newmedia, .awesome-form, .djomba-modal .half:nth-child(2), .privacy-policy, .cookies-table, .lang-menu {
  background-color: #ffffff;
}

.case-slider,
.awards-slider, .digital-container h3:before, .page-transparency .transparency .barra, .djb-button.dark {
  background-color: #08090a;
}

.team-banner .team-box, .team-grid .slick-dots li.slick-active button, body.theme-orange .global_container,
body.theme-orange .homepage-header,
body.theme-orange .page-header,
body.theme-orange .logo-container .image,
body.theme-orange .djomba-modal .half:nth-child(1),
body.theme-orange .djomba-modal .close:before,
body.theme-orange .djomba-modal .close:after {
  background-color: #FF9C00;
}

body.theme-blue .global_container,
body.theme-blue .homepage-header,
body.theme-blue .page-header,
body.theme-blue .logo-container .image,
body.theme-blue .djomba-modal .half:nth-child(1),
body.theme-blue .djomba-modal .close:before,
body.theme-blue .djomba-modal .close:after {
  background-color: #0057FF;
}

body.theme-red .global_container,
body.theme-red .homepage-header,
body.theme-red .page-header,
body.theme-red .logo-container .image,
body.theme-red .djomba-modal .half:nth-child(1),
body.theme-red .djomba-modal .close:before,
body.theme-red .djomba-modal .close:after {
  background-color: #fe4a49;
}

.digital-art, body.theme-green .global_container,
body.theme-green .homepage-header,
body.theme-green .page-header,
body.theme-green .logo-container .image,
body.theme-green .djomba-modal .half:nth-child(1),
body.theme-green .djomba-modal .close:before,
body.theme-green .djomba-modal .close:after {
  background-color: #048A81;
}

.team-container .our-team, .team-container .sendus-container, .case-image,
.awards-image, .digital-container {
  background-color: #f2f2f2;
}

.slick-arrow, .team-grid .slick-dots li button {
  background-color: transparent;
}

.team-banner > .inner {
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.awesome-form h2, .awesome-form p {
  text-align: left;
}

.awesome-form {
  text-align: center;
}

.homepage-header h1 {
  font-size: 5rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1400px) {
  .homepage-header h1 {
    font-size: 3.75rem;
  }
}

@media (max-width: 1024px) {
  .homepage-header h1 {
    font-size: 2.5rem;
  }
}

.intro-title, .team-container .our-team h2, .team-container .sendus-container h2, .digital-container h3, .djomba-modal h2 {
  font-size: 3.25rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .intro-title, .team-container .our-team h2, .team-container .sendus-container h2, .digital-container h3, .djomba-modal h2 {
    font-size: 2.5rem;
  }
}

.team-banner .team-box h4 {
  font-size: 2.25rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .team-banner .team-box h4 {
    font-size: 1.25rem;
  }
}

.homepage-header h3, .intro-tagline, .awesome-form h2 {
  font-size: 1.3125rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .homepage-header h3, .intro-tagline, .awesome-form h2 {
    font-size: 1.25rem;
  }
}

.djb-button {
  font-size: 1.125rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .djb-button {
    font-size: 1rem;
  }
}

.intro-text, .team-container .our-team p, .team-container .sendus-container p, .awesome-form p {
  font-size: 1rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .intro-text, .team-container .our-team p, .team-container .sendus-container p, .awesome-form p {
    font-size: 1rem;
  }
}

.awesome-form input {
  font-size: 1rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .awesome-form input {
    font-size: 1rem;
  }
}

.contacts dt {
  font-size: 1rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

@media (max-width: 1024px) {
  .contacts dt {
    font-size: 0.875rem;
  }
}

.contacts dd {
  font-size: 0.875rem;
  /*
            @media(min-width: $media-breakpoint-hd + 1)
            {
                font-size: pxvw(nth($variable_values, 1), $media-breakpoint-hd);
            }
            */
}

html {
  font-size: 16px;
  font-family: "Stellar-Regular", sans-serif;
}

html[lang="en_GB"] .left-side .plus-btn.open:after {
  content: attr(data-text-open-en);
}

html[lang="en_GB"] .left-side .plus-btn:after {
  content: attr(data-text-default-en);
}

html[lang="pt_PT"] .left-side .plus-btn.open:after {
  content: attr(data-text-open-pt);
}

html[lang="pt_PT"] .left-side .plus-btn:after {
  content: attr(data-text-default-pt);
}

body.show-left-side .left-side .menu, body.show-left-side .left-side .plus-btn {
  display: block;
}

body.show-left-side .left-side .plus-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.content, .wrapper {
  width: 100%;
  margin: 0 auto;
}

.global_container {
  width: 100%;
  overflow: hidden;
}

.page_container {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  min-height: -webkit-calc(100vh - (45px * 2));
  min-height: -moz-calc(100vh - (45px * 2));
  min-height: calc(100vh - (45px * 2));
}

@media (max-width: 1024px) {
  .page_container {
    padding-bottom: 2.8125rem;
  }
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  padding: 0 2.8125rem;
  z-index: 2147483646;
}

@media (max-width: 1024px) {
  header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0.9375rem 0 0;
  }
}

header > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .logo-container {
  display: none;
}

@media (max-width: 1024px) {
  header .logo-container {
    display: block;
  }
}

header .logo-container .image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.9375rem;
  height: 45px;
}

header .logo-container img {
  width: 85px;
}

header .logos-aitec {
  display: none;
  height: 20px;
}

@media (max-width: 1024px) {
  header .logos-aitec {
    display: block;
  }
}

header .language-dropdown {
  position: relative;
  display: none;
}

@media (max-width: 1024px) {
  header .language-dropdown {
    display: block;
  }
}

header .lang-menu {
  top: -webkit-calc(100% + 5px);
  top: -moz-calc(100% + 5px);
  top: calc(100% + 5px);
  left: 0;
}

.left-side {
  position: fixed;
  top: 45px;
  left: 0;
  height: -webkit-calc(100vh - 45px);
  height: -moz-calc(100vh - 45px);
  height: calc(100vh - 45px);
  z-index: 2147483646;
}

@media (max-width: 1024px) {
  .left-side {
    display: none !important;
  }
}

.left-side .menu, .left-side .plus-btn {
  display: none;
}

.left-side .logo-container .image {
  padding: 1.5625rem 1.875rem;
}

.left-side .logo-container .image img {
  display: block;
  max-width: 100px;
}

.left-side .logo-container .text {
  padding: 0.9375rem 1.875rem 2.8125rem 1.875rem;
  font-size: 14px;
  letter-spacing: 4px;
  overflow: hidden;
}

.left-side .contacts {
  position: absolute;
  right: 0;
  width: 100%;
  bottom: 80px;
  height: 0;
  overflow: hidden;
}

.left-side .contacts.open {
  height: auto;
}

.left-side .contacts .social {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.left-side .contacts .social a:not(:last-child) {
  margin-right: 1.25rem;
}

.left-side .menu {
  position: relative;
  height: -webkit-calc(100vh - (45px + 45px) - (35px + 300px));
  height: -moz-calc(100vh - (45px + 45px) - (35px + 300px));
  height: calc(100vh - (45px + 45px) - (35px + 300px));
  left: 0;
  overflow: hidden;
}

.left-side .menu a {
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0;
}

.left-side .menu a:not([data-page="index"]).active {
  pointer-events: none;
}

.left-side .menu .mouse {
  position: absolute;
  left: -5px;
  width: 25px;
  height: auto;
}

.left-side .plus-btn {
  position: absolute;
  left: 45px;
  width: 20px;
  bottom: 55px;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.left-side .plus-btn:after {
  position: relative;
  margin-left: 10px;
  font-size: 14px;
}

.left-side .plus-btn svg {
  width: 20px;
  height: auto;
}

.left-side .language-dropdown {
  position: absolute;
  left: 45px;
  bottom: 10px;
}

.left-side .lang-menu {
  bottom: -webkit-calc(100% + 5px);
  bottom: -moz-calc(100% + 5px);
  bottom: calc(100% + 5px);
  left: 0;
}

.right-side {
  position: fixed;
  width: 45px;
  top: 45px;
  right: 0;
  height: -webkit-calc(100vh - 45px);
  height: -moz-calc(100vh - 45px);
  height: calc(100vh - 45px);
  z-index: 2147483646;
}

@media (max-width: 1024px) {
  .right-side {
    display: none;
  }
}

.homepage-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: -webkit-calc(100vh - (45px * 2));
  min-height: -moz-calc(100vh - (45px * 2));
  min-height: calc(100vh - (45px * 2));
  padding: 1.875rem 5.9375rem;
}

@media (max-width: 1024px) {
  .homepage-header {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    padding: 0rem 1.875rem;
  }
}

.homepage-header h1:not(:last-child) {
  margin-bottom: 2.8125rem;
}

@media (max-width: 1400px) {
  .homepage-header h1:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}

@media (max-width: 1024px) {
  .homepage-header h1:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

.homepage-header h3:not(:last-child) {
  margin-bottom: 2.8125rem;
}

@media (max-width: 1024px) {
  .homepage-header h3:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}

.homepage-header .desc {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (max-width: 1024px) {
  .homepage-header .desc {
    max-width: 500px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.homepage-header .btn_container {
  margin: 0 -0.9375rem;
}

@media (max-width: 1024px) {
  .homepage-header .btn_container {
    margin: 0;
  }
}

.homepage-header .djb-button {
  min-width: 300px;
  margin: 0 0.9375rem;
}

@media (max-width: 1024px) {
  .homepage-header .djb-button {
    width: 100%;
    margin: 0;
    min-width: 0px;
  }
}

@media (max-width: 1024px) {
  .homepage-header .djb-button:first-child {
    display: none;
  }
}

.homepage-header .djb-image-layer {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 1024px) {
  .homepage-header .djb-image-layer {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.page-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 6.25rem 6.25rem;
  min-height: -webkit-calc(100vh - (45px * 2));
  min-height: -moz-calc(100vh - (45px * 2));
  min-height: calc(100vh - (45px * 2));
  overflow: hidden;
}

@media (max-width: 1024px) {
  .page-header {
    padding: 2.5rem 1.875rem 1.5625rem 1.875rem;
  }
}

/*
.intro-animation-layer
{
    position: absolute;
    top: 45px;
    left: 45px;
    width: calc(100% - (45px * 2));
    min-height: calc(100vh - (45px * 2));
    z-index: 2147483647;
    display: flex;
    justify-content: center;
    align-items: center;

    @media(max-width: $media-breakpoint-tablet)
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100vh;
    }

    .animation_container
    {
        position: relative;
        max-width: 600px;
        margin: 0 auto;
        width: 100% !important;
        height: auto !important;

        & > .wrapper
        {
            padding-top: 100%;
        }
    }

    canvas
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .dom_overlay_container
    {
        pointer-events:none;
        overflow:hidden;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0px;
        top: 0px;
        display: block;
    }
}
*/
footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-calc(100% - (45px * 2));
  width: -moz-calc(100% - (45px * 2));
  width: calc(100% - (45px * 2));
  height: 45px;
  margin-left: 45px;
  margin-right: 45px;
}

footer .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .left a {
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  margin-left: 25px;
}

@media (max-width: 1024px) {
  footer {
    display: none;
  }
}

footer img {
  max-width: 100%;
  height: 25px;
}

footer p {
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
}

.contacts .wrapper {
  padding: 1.25rem 2.5rem 1.25rem 3.125rem;
}

@media (max-width: 1024px) {
  .contacts .wrapper {
    padding: 0 2.1875rem;
  }
}

.contacts dl:not(:last-child) {
  margin-bottom: 1.5625rem;
}

@media (max-width: 1024px) {
  .contacts dl:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

.contacts dd, .contacts dt {
  letter-spacing: 0.03125rem;
}

.contacts dt:not(:last-child) {
  margin-bottom: 0.46875rem;
}

@media (max-width: 1024px) {
  .contacts dt:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

.contacts dd {
  margin-left: 0;
}

.contacts dd:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 1024px) {
  .contacts dd:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

.contacts .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1024px) {
  .contacts .social {
    padding: 0 2.1875rem;
  }
}

.contacts .social a {
  display: inline-block;
}

.contacts .social svg {
  width: auto;
  height: 15px;
}

.contacts-bar {
  display: none;
  position: fixed;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 45px;
  z-index: 2147483647;
  padding: 0 0.9375rem;
}

@media (max-width: 1024px) {
  .contacts-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.contacts-mobile {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 45px;
  left: 0;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 2147483647;
}

@media (max-width: 1024px) {
  .contacts-mobile {
    display: block;
  }
}

.contacts-mobile .contacts .social {
  padding-left: 0;
}

.contacts-mobile .contacts .social a:not(:last-child) {
  margin-right: 1.25rem;
}

.nav_toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.nav_toggle svg {
  width: 100%;
  height: auto;
}

.nav_bottom {
  font-size: 0.875rem;
}

.nav_bottom.hidden {
  opacity: 0;
  pointer-events: none;
}

.djb-image-layer {
  position: absolute;
  top: 50%;
  width: 45vw;
  right: 0%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1024px) {
  .djb-image-layer {
    position: relative;
    max-width: 600px;
    top: auto;
    width: 75vw;
    margin: 0 auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
}

@media (max-width: 767px) {
  .djb-image-layer {
    max-width: 550px;
    width: 100vw;
  }
}

.djb-image-layer img, .djb-image-layer svg {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

.djb-image-layer img.active, .djb-image-layer svg.active {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
}

#gmap {
  width: 100%;
  height: 56.25vw;
  max-height: 400px;
  z-index: 5000;
  margin-bottom: 2.1875rem;
}

.djb-button {
  height: 45px;
  border: 2px solid #08090a;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
}

.intro-title {
  width: 100%;
  margin-bottom: 3.4375rem;
}

@media (max-width: 1024px) {
  .intro-title {
    margin-bottom: 2.1875rem;
  }
}

.intro-tagline {
  width: -webkit-calc(100% - 530px);
  width: -moz-calc(100% - 530px);
  width: calc(100% - 530px);
  margin-right: 1.875rem;
}

@media (max-width: 1024px) {
  .intro-tagline {
    width: 100%;
    margin-bottom: 1.875rem;
  }
}

.intro-text {
  width: 500px;
  line-height: 175%;
}

@media (max-width: 1024px) {
  .intro-text {
    width: 100%;
  }
}

.team-container .our-team {
  padding: 6.25rem 4.6875rem 15rem 6.25rem;
}

@media (max-width: 1024px) {
  .team-container .our-team {
    padding: 2.8125rem 1.875rem;
  }
}

.team-container .our-team > .content {
  max-width: 970px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1024px) {
  .team-container .our-team > .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.team-container .our-team h2 {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .team-container .our-team h2 {
    width: 100%;
    margin-bottom: 2.1875rem;
  }
}

.team-container .our-team p {
  width: 500px;
}

@media (max-width: 1024px) {
  .team-container .our-team p {
    width: 100%;
  }
}

.team-container .team-grid {
  max-width: 1200px;
  width: 100%;
  margin: -11.25rem auto 3.75rem auto;
}

@media (max-width: 1024px) {
  .team-container .team-grid {
    margin: 0 auto;
  }
}

.team-container .team-grid > .row {
  margin: 0 -1.875rem -3.75rem -1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .team-container .team-grid > .row {
    margin: 0 -1.875rem;
  }
}

.team-container .sendus-container {
  padding: 4.6875rem 4.6875rem 15.3125rem 4.6875rem;
}

@media (max-width: 1024px) {
  .team-container .sendus-container {
    padding: 2.8125rem 1.875rem;
  }
}

.team-container .sendus-container > .content {
  max-width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .team-container .sendus-container > .content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.team-container .sendus-container h2 {
  white-space: nowrap;
  width: -webkit-calc(100% - 400px);
  width: -moz-calc(100% - 400px);
  width: calc(100% - 400px);
}

@media (max-width: 1024px) {
  .team-container .sendus-container h2 {
    width: 100%;
    white-space: normal;
    margin-bottom: 2.1875rem;
  }
}

.team-container .sendus-container h2 u {
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 2px solid #08090a;
}

.team-container .sendus-container .text {
  width: 400px;
}

@media (max-width: 1024px) {
  .team-container .sendus-container .text {
    width: 100%;
    margin-bottom: 2.8125rem;
  }
}

.team-container .sendus-container p {
  margin-bottom: 1.5625rem;
}

@media (max-width: 1024px) {
  .team-container .sendus-container p {
    margin-bottom: 1.25rem;
  }
}

.team-container .sendus-container a {
  font-size: 1.125rem;
}

.team-container .sendus-container .image_1 {
  position: absolute;
  bottom: 50px;
  left: 55%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1024px) {
  .team-container .sendus-container .image_1 {
    position: static;
    bottom: auto;
    left: auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    display: block;
    margin: 0rem auto;
  }
}

.team-banner {
  position: relative;
  width: 33.333%;
  padding: 0 1.875rem;
  margin-bottom: 3.75rem;
}

.team-banner > .inner {
  position: relative;
  background-color: #a4a4a4;
  cursor: pointer;
}

.team-banner > .inner > .padding {
  padding-top: 100%;
}

.team-banner .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}

@media (max-width: 1024px) {
  .team-banner .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.team-banner .btn svg {
  width: 22.5px;
  height: auto;
}

.team-banner .team-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.team-banner .team-box > .content {
  padding: 1.875rem;
  width: 100%;
  height: 100%;
}

.team-banner .team-box .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}

.team-banner .team-box .text:before {
  content: '';
  position: absolute;
  top: 40px;
  right: 40px;
  width: 2px;
  height: 120px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
       -o-transform-origin: top right;
          transform-origin: top right;
}

@media (max-width: 1024px) {
  .team-banner .team-box .text:before {
    height: 80px;
  }
}

.team-banner .team-box h4 {
  margin-bottom: 0.625rem;
  display: inline-block;
}

.team-banner .team-box h5 {
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

.team-banner .team-box p {
  font-size: 0.75rem;
}

.team-banner .team-box .email {
  font-size: 0.75rem;
  margin-top: auto;
  margin-bottom: 0px;
}

.case-project,
.awards-project {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .case-project,
  .awards-project {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.case-project.left,
.awards-project.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.case-project.left .case-caption,
.case-project.left .awards-caption,
.awards-project.left .case-caption,
.awards-project.left .awards-caption {
  right: 0;
}

@media (max-width: 1024px) {
  .case-project.left .case-caption,
  .case-project.left .awards-caption,
  .awards-project.left .case-caption,
  .awards-project.left .awards-caption {
    right: auto;
  }
}

.case-project.left .case-tag-container:before,
.case-project.left .awards-tag-container:before,
.awards-project.left .case-tag-container:before,
.awards-project.left .awards-tag-container:before {
  left: 0;
}

.case-project.right,
.awards-project.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 1024px) {
  .case-project.right,
  .awards-project.right {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.case-project.right .case-caption,
.case-project.right .awards-caption,
.awards-project.right .case-caption,
.awards-project.right .awards-caption {
  left: 0px;
  text-align: right;
}

@media (max-width: 1024px) {
  .case-project.right .case-caption,
  .case-project.right .awards-caption,
  .awards-project.right .case-caption,
  .awards-project.right .awards-caption {
    left: auto;
  }
}

.case-project.right .case-tag-container:before,
.case-project.right .awards-tag-container:before,
.awards-project.right .case-tag-container:before,
.awards-project.right .awards-tag-container:before {
  right: 0;
}

.case-image,
.awards-image {
  position: relative;
  max-width: 1120px;
  width: 58.35vw;
  height: 32.333vw;
  max-height: 620px;
  z-index: 2;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .case-image,
  .awards-image {
    width: 100%;
    height: 56.25vw;
  }
}

.case-slider,
.awards-slider {
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
}

.case-slider li,
.awards-slider li {
  height: inherit;
  list-style: none;
}

.case-slide,
.awards-slide {
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.case-slide iframe,
.awards-slide iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.case-caption,
.awards-caption {
  max-width: 605px;
  width: -webkit-calc(100% - 58.35vw);
  width: -moz-calc(100% - 58.35vw);
  width: calc(100% - 58.35vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  min-width: 500px;
  min-height: 350px;
  bottom: 0px;
  padding: 1.875rem;
  z-index: 2;
}

@media (max-width: 1024px) {
  .case-caption,
  .awards-caption {
    position: static;
    width: 100%;
    min-width: 0%;
    min-height: 0px;
  }
}

.case-caption h6, .case-caption h2,
.awards-caption h6,
.awards-caption h2 {
  font-size: 1.875rem;
}

.case-caption h6,
.awards-caption h6 {
  margin-bottom: 0.9375rem;
}

.case-caption h2,
.awards-caption h2 {
  margin-bottom: 1.5625rem;
}

.case-caption h4,
.awards-caption h4 {
  font-size: 1.25rem;
  margin-bottom: 3.125rem;
}

@media (max-width: 1024px) {
  .case-caption h4,
  .awards-caption h4 {
    margin-bottom: 1.5625rem;
  }
}

.case-tag-container,
.awards-tag-container {
  position: relative;
  min-height: 45px;
  padding-top: 1.875rem;
}

.case-tag-container > .row,
.awards-tag-container > .row {
  margin: 0 -0.625rem -0.9375rem -0.625rem;
}

.case-tag-container:before,
.awards-tag-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-attr);
  font-size: 0.875rem;
}

.case-tag-container img,
.awards-tag-container img {
  height: 45px;
  margin: 0 0.625rem 0.9375rem 0.625rem;
}

@media (max-width: 1024px) {
  .case-tag-container img,
  .awards-tag-container img {
    height: 30px;
  }
}

.digital-container::after {
  content: '';
  display: block;
  clear: both;
}

.digital-container h3 {
  display: inline-block;
  position: relative;
}

@media (max-width: 1024px) {
  .digital-container h3 {
    display: block;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
  }
}

.digital-container h3:before {
  content: '';
  top: 65px;
  right: -170px;
  position: absolute;
  width: 140px;
  height: 2px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (max-width: 1024px) {
  .digital-container h3:before {
    top: 50px;
    width: 85px;
    right: -90px;
  }
}

.digital-container .ul-digital {
  display: inline-block;
  list-style: none;
  line-height: 175%;
  letter-spacing: 0.5px;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.digital-container .ul-digital li {
  font-size: 0.8125rem;
}

.digital-container .ul-digital > li:not(:first-child) {
  margin-top: 0.78125rem;
}

.digital-container .ul-digital > li > ul {
  padding-left: 1.5625rem;
}

.digital-container .ul-digital > li > ul > li {
  list-style: none;
  margin-top: 0.78125rem;
}

.digital-container .ul-digital > li > ul > li::before {
  content: "\2022";
  color: #FF9C00;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.5625rem;
}

.digital-web {
  position: relative;
  width: 65%;
  float: left;
  height: 37.5vw;
  min-height: 360px;
  max-height: 720px;
}

@media (max-width: 1024px) {
  .digital-web {
    width: 100%;
    height: auto;
    min-height: 0px;
    max-height: none;
  }
}

.digital-web .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a4a4a4;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {
  .digital-web .background {
    position: static;
    top: auto;
    left: auto;
    height: auto;
    height: 66.666vw;
  }
}

.digital-web .content {
  position: absolute;
  max-width: 670px;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -webkit-calc(100% + 65px);
  top: -moz-calc(100% + 65px);
  top: calc(100% + 65px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .digital-web .content {
    position: static;
    width: 100%;
    left: auto;
    top: auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    padding: 1.875rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.digital-web h3 {
  color: #333333;
  margin-right: 13.75rem;
}

@media (max-width: 1024px) {
  .digital-web h3 {
    margin-right: 5rem;
    margin-bottom: 1.875rem;
  }
}

.digital-newmedia {
  width: 35%;
  float: left;
}

@media (max-width: 1024px) {
  .digital-newmedia {
    width: 100%;
  }
}

.digital-newmedia .background {
  width: 100%;
  height: 26.6vw;
  max-height: 500px;
  background-color: #d2d2d2;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {
  .digital-newmedia .background {
    width: 100%;
    height: 66.666vw;
  }
}

.digital-newmedia .content {
  padding: 4.0625rem 3.4375rem 3.75rem 3.4375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .digital-newmedia .content {
    width: 100%;
    height: auto;
    padding: 1.875rem;
  }
}

.digital-newmedia .ul-digital {
  width: 50%;
  float: left;
}

@media (max-width: 1024px) {
  .digital-newmedia .ul-digital {
    display: 100%;
  }
}

.digital-newmedia h3 {
  width: 100%;
  margin-bottom: 2.5rem;
}

@media (max-width: 1024px) {
  .digital-newmedia h3 {
    margin-bottom: 1.875rem;
  }
}

.digital-newmedia h3:before {
  right: 0;
}

.digital-art {
  position: relative;
  float: left;
  width: 100%;
  padding: 4.375rem 0 6.875rem 0;
}

@media (max-width: 1024px) {
  .digital-art {
    padding: 1.875rem;
  }
}

.digital-art .content {
  max-width: 835px;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

@media (max-width: 1024px) {
  .digital-art .content {
    width: 100%;
    margin-left: 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.digital-art .image_1 {
  position: absolute;
  top: -14%;
  left: 80px;
  max-width: 300px;
}

@media (max-width: 1024px) {
  .digital-art .image_1 {
    display: none;
  }
}

.digital-art .image_2 {
  position: absolute;
  bottom: 40px;
  right: 80px;
}

@media (max-width: 1024px) {
  .digital-art .image_2 {
    position: static;
    bottom: auto;
    right: auto;
    margin: 2.5rem auto 0rem auto;
    max-width: 160px;
    display: block;
  }
}

.digital-art h3 {
  margin-right: 220px;
}

@media (max-width: 1024px) {
  .digital-art h3 {
    margin-right: 5rem;
    margin-bottom: 1.875rem;
  }
}

.digital-art h3:before {
  background-color: #ffffff !important;
}

.video-container,
.awesome-video-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
  height: -webkit-calc(100vh - 90px);
  height: -moz-calc(100vh - 90px);
  height: calc(100vh - 90px);
  overflow: hidden;
}

.video-container video,
.awesome-video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.video-container {
  mix-blend-mode: multiply;
  opacity: 0.50;
}

.awesome-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: -webkit-calc(100vh - 90px);
  height: -moz-calc(100vh - 90px);
  height: calc(100vh - 90px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.5rem 7.5rem;
}

@media (max-width: 1024px) {
  .awesome-container {
    padding: 1.875rem;
  }
}

.awesome-form {
  max-width: 360px;
  width: 100%;
  z-index: 3;
  padding: 3.125rem 2.8125rem 1.5625rem 2.8125rem;
}

@media (max-width: 1024px) {
  .awesome-form {
    padding: 1.875rem 1.875rem 1.5625rem 1.875rem;
  }
}

.awesome-form .inputs.hidden {
  display: none;
}

.awesome-form .inputs:not(:last-child) {
  margin-bottom: 2.5rem;
}

.awesome-form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #b7b7b7;
  padding: 0.625rem 0;
}

.awesome-form input::-webkit-input-placeholder {
  font-size: 1rem;
}

.awesome-form input:-moz-placeholder {
  font-size: 1rem;
}

.awesome-form input::-moz-placeholder {
  font-size: 1rem;
}

.awesome-form input:-ms-input-placeholder {
  font-size: 1rem;
}

.awesome-form input:not(:last-child) {
  margin-bottom: 1.5625rem;
}

@media (max-width: 1024px) {
  .awesome-form input:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}

.awesome-form .djb-button {
  width: 100%;
}

.awesome-form .djb-button.hidden {
  display: none;
}

.awesome-form .djb-button:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.awesome-form h2:not(:last-child) {
  margin-bottom: 1.25rem;
}

.awesome-form p:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 1024px) {
  .awesome-form p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.awesome-form .back {
  display: inline-block;
  margin: 0 auto;
  font-size: 0.75rem;
  cursor: pointer;
}

.djomba-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 2147483647;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(8, 9, 10, 0.5);
  padding: 3.75rem;
}

@media (max-width: 1024px) {
  .djomba-modal {
    padding: 3.75rem 1.25rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.djomba-modal > .content {
  position: relative;
  max-width: 1380px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .djomba-modal > .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 690px;
  }
}

.djomba-modal .half {
  width: 50%;
  padding: 3.75rem 2.8125rem;
  height: auto;
}

@media (max-width: 1024px) {
  .djomba-modal .half {
    width: 100%;
    padding: 2.5rem 1.5625rem;
  }
}

.djomba-modal .half:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.djomba-modal h2:not(:last-child) {
  margin-bottom: 2.8125rem;
}

.djomba-modal img {
  display: inline-block;
  float: right;
  max-width: 100%;
}

.djomba-modal p {
  font-size: 1rem;
}

@media (max-width: 1024px) {
  .djomba-modal p {
    font-size: 1rem;
  }
}

.djomba-modal p:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 1024px) {
  .djomba-modal p:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}

@media (max-width: 1024px) {
  .djomba-modal .btn-container {
    margin-top: 1.875rem;
  }
}

.djomba-modal .djb-button {
  width: 100%;
}

.djomba-modal .close {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.djomba-modal .close:before, .djomba-modal .close:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  left: 50%;
}

@media (max-width: 1024px) {
  .djomba-modal .close:before, .djomba-modal .close:after {
    background-color: #ffffff;
  }
}

.djomba-modal .close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
     -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
       -o-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.djomba-modal .close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
     -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
       -o-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.small-scroll {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 45px;
  left: 50%;
  z-index: 10;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .small-scroll {
    bottom: 30px;
  }
}

.small-scroll:after, .small-scroll:before {
  content: '';
  position: absolute;
  background: #08090a;
  width: 1px;
  height: 15px;
  left: 50%;
  bottom: 50%;
  -webkit-transform-origin: center bottom;
     -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
       -o-transform-origin: center bottom;
          transform-origin: center bottom;
}

.small-scroll:before {
  -webkit-transform: rotate(45deg) translate(0%, 0%);
     -moz-transform: rotate(45deg) translate(0%, 0%);
      -ms-transform: rotate(45deg) translate(0%, 0%);
       -o-transform: rotate(45deg) translate(0%, 0%);
          transform: rotate(45deg) translate(0%, 0%);
}

.small-scroll:after {
  -webkit-transform: rotate(-45deg) translate(0%, 0%);
     -moz-transform: rotate(-45deg) translate(0%, 0%);
      -ms-transform: rotate(-45deg) translate(0%, 0%);
       -o-transform: rotate(-45deg) translate(0%, 0%);
          transform: rotate(-45deg) translate(0%, 0%);
}

.page-header.page-privacypolicy, .page-header.page-cookiespolicy {
  min-height: 162px;
  padding: 2.5rem;
}

@media (max-width: 1024px) {
  .page-header.page-privacypolicy, .page-header.page-cookiespolicy {
    min-height: 120px;
  }
}

.page-header.page-privacypolicy .intro, .page-header.page-cookiespolicy .intro {
  max-width: 1200px;
}

.page-header.page-privacypolicy .intro-title, .page-header.page-cookiespolicy .intro-title {
  margin-bottom: 0;
}

.page-transparency {
  padding: 3.75rem 2.5rem;
  background-color: #f4f4f4;
}

.page-transparency .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1024px) {
  .page-transparency .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.page-transparency .transparency {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  margin-right: 6.25rem;
}

.page-transparency .transparency .transparency-title {
  font-size: 3.75rem;
  line-height: 115%;
  margin: 0;
}

@media (max-width: 1024px) {
  .page-transparency .transparency .transparency-title {
    width: 100%;
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 1024px) {
  .page-transparency .transparency .transparency-title {
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
  }
}

.page-transparency .transparency .barra {
  position: relative;
  width: 100px;
  height: 2px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (max-width: 1024px) {
  .page-transparency .transparency .barra {
    top: -20px;
  }
}

.page-transparency .policy {
  max-width: 600px;
}

@media (max-width: 1024px) {
  .page-transparency .policy {
    max-width: none;
    width: 100%;
  }
}

.page-transparency .policy p {
  font-size: 1rem;
  color: #666;
  line-height: 180%;
}

@media (max-width: 767px) {
  .page-transparency .policy p {
    font-size: 0.875rem;
  }
}

.page-transparency .policy a {
  color: #666;
  text-decoration: underline;
}

.privacy-policy {
  padding: 2.5rem;
}

.privacy-policy .container {
  max-width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0;
}

.privacy-policy .policy-text {
  font-size: 1em;
  line-height: 1.6;
  width: 50%;
}

@media (max-width: 1024px) {
  .privacy-policy .policy-text {
    width: 100%;
  }
}

.privacy-policy p:not(:last-child), .privacy-policy ul:not(:last-child), .privacy-policy li:not(:last-child) {
  margin-bottom: 1.875rem;
}

.privacy-policy p, .privacy-policy li {
  font-size: pxre(16);
  color: #666;
  line-height: 180%;
}

@media (max-width: 767px) {
  .privacy-policy p, .privacy-policy li {
    font-size: 0.875rem;
  }
}

.privacy-policy p strong, .privacy-policy li strong {
  font-weight: bold;
}

.privacy-policy p strong {
  text-transform: uppercase;
}

.privacy-policy a {
  text-decoration: underline;
}

.privacy-policy ul {
  padding-left: 1.25rem;
}

.privacy-policy .policy-empty {
  width: 50%;
}

@media (max-width: 1024px) {
  .privacy-policy .policy-empty {
    display: none;
  }
}

.privacy_footer {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.privacy {
  display: none;
  margin-bottom: 2.1875rem;
}

@media (max-width: 1024px) {
  .privacy {
    display: block;
  }
}

.privacy a {
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  text-decoration: underline;
}

.cookies-table {
  overflow: hidden;
  padding: 3.75rem 2.5rem;
}

.cookies-table .container {
  max-width: 1200px;
  margin: 0 auto;
}

.language-dropdown {
  width: auto;
  cursor: pointer;
}

.language-dropdown.open .lang-btn::after {
  -webkit-transform: rotateX(0deg);
     -moz-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.language-dropdown.open .lang-menu {
  display: block;
}

.lang-btn {
  background: none;
  border: none;
  font-size: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lang-btn::after {
  content: '^';
  font-size: 16px;
  margin-left: 5px;
  -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
}

.lang-menu {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 1000;
  min-width: 150px;
}

.lang-menu li {
  margin: 0;
  padding: 0;
}

.lang-menu a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
}

@media (pointer: fine) {
  .lang-menu a:hover {
    background-color: #f0f0f0;
  }
}

.case-slider .slick-list,
.awards-slider .slick-list {
  width: 100%;
  height: 100%;
}

.case-slider .slick-track,
.awards-slider .slick-track {
  height: 100%;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  outline: 0;
  width: 20px;
  height: 32px;
  z-index: 9999;
  cursor: pointer;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0px;
  border: none;
  -webkit-appearance: value;
     -moz-appearance: value;
          appearance: value;
}

.slick-arrow.slick-prev {
  background-image: url("/images/slide_left.svg");
  left: 10px;
}

.slick-arrow.slick-next {
  background-image: url("/images/slide_right.svg");
  right: 10px;
}

.team-grid .slick-list {
  padding-bottom: 2.5rem;
}

.team-grid .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.team-grid .slick-dots li {
  display: inline-block;
  float: left;
}

.team-grid .slick-dots li button {
  float: left;
  font-size: 0;
  apperance: none;
  padding: 0;
  border: none;
  width: 12.5px;
  height: 12.5px;
  border: 2px solid #FF9C00;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  margin: 0 0.46875rem;
}

p.error{
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

p.error:empty {
  display: none;
}

#CybotCookiebotDialog {
  width: -webkit-calc(100% - 40px) !important;
  width: -moz-calc(100% - 40px) !important;
  width: calc(100% - 40px) !important;
  max-height: -webkit-calc(100% - 125px) !important;
  max-height: -moz-calc(100% - 125px) !important;
  max-height: calc(100% - 125px) !important;
  -webkit-transition-property: width, max-width, top, bottom, left, opacity, padding, -webkit-transform !important;
  transition-property: width, max-width, top, bottom, left, opacity, padding, -webkit-transform !important;
  -o-transition-property: width, max-width, top, bottom, left, opacity, padding, -o-transform !important;
  -moz-transition-property: width, max-width, top, bottom, left, transform, opacity, padding, -moz-transform !important;
  transition-property: width, max-width, top, bottom, left, transform, opacity, padding !important;
  transition-property: width, max-width, top, bottom, left, transform, opacity, padding, -webkit-transform, -moz-transform, -o-transform !important;
  -webkit-transition: width 0.5s ease, max-width 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease, opacity 0.5s ease, padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -webkit-transform 0.5s ease !important;
  transition: width 0.5s ease, max-width 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease, opacity 0.5s ease, padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -webkit-transform 0.5s ease !important;
  -o-transition: width 0.5s ease, max-width 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease, opacity 0.5s ease, padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -o-transform 0.5s ease !important;
  -moz-transition: width 0.5s ease, max-width 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease, transform 0.5s ease, opacity 0.5s ease, padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-transform 0.5s ease !important;
  transition: width 0.5s ease, max-width 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease, transform 0.5s ease, opacity 0.5s ease, padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98) !important;
  transition: width 0.5s ease, max-width 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease, transform 0.5s ease, opacity 0.5s ease, padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease !important;
}

@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge {
    padding-left: 45px !important;
    padding-right: 45px !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

#CookiebotWidget {
  bottom: 60px !important;
  left: auto !important;
  right: 60px !important;
}

@media screen and (max-width: 992px) {
  #CookiebotWidget {
    bottom: 60px !important;
    left: auto !important;
    right: 20px !important;
  }
}

#CookiebotWidget.CookiebotWidget-open {
  max-width: -webkit-calc(100vw - 40px) !important;
  max-width: -moz-calc(100vw - 40px) !important;
  max-width: calc(100vw - 40px) !important;
  max-height: -webkit-calc(100vh - 125px) !important;
  max-height: -moz-calc(100vh - 125px) !important;
  max-height: calc(100vh - 125px) !important;
}

.CookieDeclarationDialogText {
  text-transform: uppercase !important;
}

#CookieDeclarationUserStatusLabelOn:not(:last-child),
#CookieDeclarationUserStatusLabelOff:not(:last-child),
#CookieDeclarationUserStatusLabelOffDoNotSell:not(:last-child),
#CookieDeclarationUserStatusLabelMulti:not(:last-child) {
  margin-bottom: 1.5625rem;
}

#CookieDeclarationUserStatusLabelConsentId {
  display: block;
}

.CookieDeclarationDialogText:not(:last-child),
.CookieDeclarationIntro:not(:last-child),
.CookieDeclarationLastUpdated:not(:last-child) {
  margin-bottom: 1.5625rem;
}

#CookieDeclarationUserStatusLabel:not(:last-child) {
  margin-bottom: 0.3125rem;
}

#CookieDeclarationUserStatusPanel {
  margin-top: 1.5625rem !important;
}

#CookieDeclarationUserStatusPanel:not(:last-child) {
  margin-bottom: 1.5625rem;
}

#CookieDeclarationUserStatusPanel > br {
  display: none;
}

#CookieDeclarationConsentIdAndDate span[style*="display:block"]:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.CookieDeclarationLastUpdated {
  margin-bottom: 0rem !important;
}

.CookieDeclarationType {
  border: none !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.CookieDeclarationType:not(:last-child) {
  margin-bottom: 1.875rem !important;
}

.CookieDeclarationType:last-child {
  margin-bottom: 0 !important;
}

.CookieDeclarationTable {
  margin-bottom: 0 !important;
}

.CookieDeclarationTableHeader {
  line-height: 175%;
  border-bottom: 1px solid rgba(8, 9, 10, 0.3) !important;
}

@media (max-width: 1024px) {
  .CookieDeclarationTableHeader {
    font-size: 0.875rem;
  }
}

.CookieDeclarationTableCell {
  line-height: 175%;
  border-bottom: 1px solid rgba(8, 9, 10, 0.3) !important;
}

@media (max-width: 1024px) {
  .CookieDeclarationTableCell {
    font-size: 0.8125rem;
  }
}

.CookieDeclarationTypeDescription {
  line-height: 175%;
}

.CookieDeclarationTypeDescription {
  margin: 0.625rem 0 1.5625rem 0 !important;
}

.grecaptcha-badge {
  display: none;
}

@media (min-width: 1025px) {
  body.show-left-side header {
    padding: 0rem 2.8125rem 0rem 11.875rem;
  }
}

@media (max-width: 1024px) {
  body.show-left-side header .logo-container .image img {
    opacity: 1;
  }
}

body.show-left-side .left-side {
  width: 190px;
  padding: 0rem 0rem 2.8125rem 1.25rem;
}

body.show-left-side .left-side .menu {
  margin: 0rem 0rem 0rem 1.875rem;
}

body.show-left-side .left-side .logo-container .image img {
  opacity: 1;
}

body.show-left-side .left-side .logo-container .text {
  opacity: 1;
}

body.show-left-side .page_container {
  width: -webkit-calc(100% - (45px + 190px));
  width: -moz-calc(100% - (45px + 190px));
  width: calc(100% - (45px + 190px));
  margin-left: 190px;
}

@media (max-width: 1024px) {
  body.show-left-side .page_container {
    width: 100%;
    margin-left: 0px;
  }
}

body.show-left-side footer {
  width: -webkit-calc(100% - (45px + 190px));
  width: -moz-calc(100% - (45px + 190px));
  width: calc(100% - (45px + 190px));
  margin-left: 190px;
}

@media screen and (min-width: 1280px) {
  body.show-left-side #CybotCookiebotDialog.CybotEdge {
    padding-left: 190px !important;
  }
}

@media (min-width: 1025px) {
  body.menu-open header {
    padding: 0rem 2.8125rem 0rem 15rem;
  }
}

body.menu-open .left-side {
  width: 240px;
}

body.menu-open .page_container {
  width: -webkit-calc(100% - (45px + 240px));
  width: -moz-calc(100% - (45px + 240px));
  width: calc(100% - (45px + 240px));
  margin-left: 240px;
}

@media (max-width: 1024px) {
  body.menu-open .page_container {
    width: 100%;
    margin-left: 0px;
  }
}

body.menu-open footer {
  width: -webkit-calc(100% - (45px + 240px));
  width: -moz-calc(100% - (45px + 240px));
  width: calc(100% - (45px + 240px));
  margin-left: 240px;
}

@media screen and (min-width: 1280px) {
  body.menu-open #CybotCookiebotDialog.CybotEdge {
    padding-left: 240px !important;
  }
}

.global_container {
  -webkit-transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.page_container {
  width: -webkit-calc(100% - (45px * 2));
  width: -moz-calc(100% - (45px * 2));
  width: calc(100% - (45px * 2));
  margin-top: 45px;
  margin-left: 45px;
  margin-right: 45px;
  opacity: 1;
  -webkit-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

@media (max-width: 1024px) {
  .page_container {
    width: 100%;
    margin-top: 45px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.page_container.move-out {
  opacity: 0;
}

.left-side {
  width: 45px;
  padding: 0px;
  -webkit-transition: width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.left-side .menu {
  margin: 0 auto;
  -webkit-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

footer {
  margin-left: 45px;
  margin-right: 45px;
  -webkit-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: margin 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), width 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.contacts-mobile {
  height: 0;
  -webkit-transition: height 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: height 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: height 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: height 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.contacts-mobile.open {
  height: -webkit-calc(100vh - (45px * 2));
  height: -moz-calc(100vh - (45px * 2));
  height: calc(100vh - (45px * 2));
}

.nav_toggle .btn {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: -webkit-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: -o-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -webkit-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -o-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

@media (pointer: fine) {
  .nav_toggle:hover .btn {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.nav_toggle.open .btn {
  -webkit-transform: rotate(405deg);
     -moz-transform: rotate(405deg);
      -ms-transform: rotate(405deg);
       -o-transform: rotate(405deg);
          transform: rotate(405deg);
}

@media (pointer: fine) {
  .contacts .social svg:hover path {
    fill: #08090a !important;
    -webkit-transition: fill 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -o-transition: fill 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -moz-transition: fill 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: fill 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  }
}

.left-side .plus-btn.open svg {
  -webkit-transform: rotate(225deg);
     -moz-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
       -o-transform: rotate(225deg);
          transform: rotate(225deg);
}

.left-side .plus-btn svg {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: -webkit-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: -o-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -webkit-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), -o-transform 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.left-side .menu a {
  height: 15px;
  font-size: 0.9375rem;
  padding-left: 0;
  -webkit-transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), font-size 1s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 1s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), font-size 1s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 1s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), font-size 1s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 1s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98), padding 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), font-size 1s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 1s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  /*
            &.active
            {
                font-size: pxrem(24);
                height: 30px;
            }
            */
}

.left-side .menu .mouse {
  -webkit-transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: top 0.85s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.djb-image-layer img, .djb-image-layer svg {
  opacity: 0;
  -webkit-transition: opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: opacity 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.djb-image-layer img.active, .djb-image-layer svg.active {
  opacity: 1;
}

body.theme-orange .logo-container .text {
  color: #FF9C00;
}

body.theme-orange .plus-btn:after {
  color: #FF9C00;
}

body.theme-orange .plus-btn svg path {
  fill: #FF9C00;
}

body.theme-orange .mouse path:not([fill="none"]) {
  fill: #FF9C00;
}

body.theme-orange .nav_toggle .btn path {
  fill: #FF9C00;
}

body.theme-orange .contacts .social svg path {
  fill: #FF9C00;
}

body.theme-orange .language-dropdown .lang-menu a.active {
  color: #FF9C00;
}

body.theme-orange #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #FF9C00 !important;
  color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus::-webkit-scrollbar-thumb {
  background: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  scrollbar-color: #FF9C00 #f2f2f2 !important;
}

body.theme-orange #CybotCookiebotDialog a:hover:after,
body.theme-orange #CybotCookiebotDialog a:hover:before,
body.theme-orange #CybotCookiebotDialog button:hover:after,
body.theme-orange #CybotCookiebotDialog button:hover:before {
  border-color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body.theme-orange #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body.theme-orange #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body.theme-orange #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #FF9C00 !important;
  border-color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
body.theme-orange #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
body.theme-orange #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  border: 2px solid #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
body.theme-orange #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  background-color: #FF9C00 !important;
  border-color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #FF9C00 !important;
}

@media screen and (min-width: 601px) {
  body.theme-orange #CybotCookiebotDialogTabContent input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
    -webkit-box-shadow: 0 0 1px #FF9C00 !important;
       -moz-box-shadow: 0 0 1px #FF9C00 !important;
            box-shadow: 0 0 1px #FF9C00 !important;
  }
}

body.theme-orange #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type="checkbox"]:checked {
  background-color: #FF9C00 !important;
  border-color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body.theme-orange #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body.theme-orange #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: #FF9C00 !important;
}

body.theme-orange #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body.theme-orange #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body.theme-orange #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body.theme-orange #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body.theme-orange #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body.theme-orange #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body.theme-orange #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #FF9C00 !important;
}

@media screen and (min-width: 601px) {
  body.theme-orange #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span,
  body.theme-orange #CybotCookiebotDialog :focus-visible {
    outline: 2px solid #FF9C00 !important;
  }
}

body.theme-orange #CookiebotWidget :focus-visible,
body.theme-orange #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
  outline: 2px solid #FF9C00 !important;
}

body.theme-orange #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #FF9C00 !important;
}

body.theme-orange #CookiebotWidget .CookiebotWidget-consent-details button {
  color: #FF9C00 !important;
}

body.theme-orange #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #FF9C00 !important;
  border-color: #FF9C00 !important;
}

body.theme-orange #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #FF9C00 !important;
}

body.theme-orange #CookieDeclarationUserStatusLabelOn,
body.theme-orange #CookieDeclarationUserStatusLabelOff,
body.theme-orange #CookieDeclarationUserStatusLabelOffDoNotSell,
body.theme-orange #CookieDeclarationUserStatusLabelMulti {
  color: #FF9C00 !important;
}

body.theme-orange #CookieDeclarationUserStatusLabelConsentId {
  color: #FF9C00 !important;
}

body.theme-orange .CookieDeclarationTableHeader {
  color: #FF9C00 !important;
}

body.theme-orange #CookieDeclarationUserStatusLabelWithdraw,
body.theme-orange #CookieDeclarationChangeConsentWithdraw {
  color: #FF9C00 !important;
}

body.theme-blue .logo-container .text {
  color: #0057FF;
}

body.theme-blue .plus-btn:after {
  color: #0057FF;
}

body.theme-blue .plus-btn svg path {
  fill: #0057FF;
}

body.theme-blue .mouse path:not([fill="none"]) {
  fill: #0057FF;
}

body.theme-blue .nav_toggle .btn path {
  fill: #0057FF;
}

body.theme-blue .contacts .social svg path {
  fill: #0057FF;
}

body.theme-blue .language-dropdown .lang-menu a.active {
  color: #0057FF;
}

body.theme-blue #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #0057FF !important;
  color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus::-webkit-scrollbar-thumb {
  background: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  scrollbar-color: #0057FF #f2f2f2 !important;
}

body.theme-blue #CybotCookiebotDialog a:hover:after,
body.theme-blue #CybotCookiebotDialog a:hover:before,
body.theme-blue #CybotCookiebotDialog button:hover:after,
body.theme-blue #CybotCookiebotDialog button:hover:before {
  border-color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body.theme-blue #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body.theme-blue #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body.theme-blue #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #0057FF !important;
  border-color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
body.theme-blue #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
body.theme-blue #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  border: 2px solid #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
body.theme-blue #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  background-color: #0057FF !important;
  border-color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #0057FF !important;
}

@media screen and (min-width: 601px) {
  body.theme-blue #CybotCookiebotDialogTabContent input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
    -webkit-box-shadow: 0 0 1px #0057FF !important;
       -moz-box-shadow: 0 0 1px #0057FF !important;
            box-shadow: 0 0 1px #0057FF !important;
  }
}

body.theme-blue #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type="checkbox"]:checked {
  background-color: #0057FF !important;
  border-color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body.theme-blue #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body.theme-blue #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: #0057FF !important;
}

body.theme-blue #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body.theme-blue #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body.theme-blue #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body.theme-blue #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body.theme-blue #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body.theme-blue #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body.theme-blue #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #0057FF !important;
}

@media screen and (min-width: 601px) {
  body.theme-blue #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span,
  body.theme-blue #CybotCookiebotDialog :focus-visible {
    outline: 2px solid #0057FF !important;
  }
}

body.theme-blue #CookiebotWidget :focus-visible,
body.theme-blue #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
  outline: 2px solid #0057FF !important;
}

body.theme-blue #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #0057FF !important;
}

body.theme-blue #CookiebotWidget .CookiebotWidget-consent-details button {
  color: #0057FF !important;
}

body.theme-blue #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #0057FF !important;
  border-color: #0057FF !important;
}

body.theme-blue #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #0057FF !important;
}

body.theme-blue #CookieDeclarationUserStatusLabelOn,
body.theme-blue #CookieDeclarationUserStatusLabelOff,
body.theme-blue #CookieDeclarationUserStatusLabelOffDoNotSell,
body.theme-blue #CookieDeclarationUserStatusLabelMulti {
  color: #0057FF !important;
}

body.theme-blue #CookieDeclarationUserStatusLabelConsentId {
  color: #0057FF !important;
}

body.theme-blue .CookieDeclarationTableHeader {
  color: #0057FF !important;
}

body.theme-blue #CookieDeclarationUserStatusLabelWithdraw,
body.theme-blue #CookieDeclarationChangeConsentWithdraw {
  color: #0057FF !important;
}

body.theme-red .logo-container .text {
  color: #fe4a49;
}

body.theme-red .plus-btn:after {
  color: #fe4a49;
}

body.theme-red .plus-btn svg path {
  fill: #fe4a49;
}

body.theme-red .mouse path:not([fill="none"]) {
  fill: #fe4a49;
}

body.theme-red .nav_toggle .btn path {
  fill: #fe4a49;
}

body.theme-red .contacts .social svg path {
  fill: #fe4a49;
}

body.theme-red .language-dropdown .lang-menu a.active {
  color: #fe4a49;
}

body.theme-red #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #fe4a49 !important;
  color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus::-webkit-scrollbar-thumb {
  background: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  scrollbar-color: #fe4a49 #f2f2f2 !important;
}

body.theme-red #CybotCookiebotDialog a:hover:after,
body.theme-red #CybotCookiebotDialog a:hover:before,
body.theme-red #CybotCookiebotDialog button:hover:after,
body.theme-red #CybotCookiebotDialog button:hover:before {
  border-color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body.theme-red #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body.theme-red #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body.theme-red #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #fe4a49 !important;
  border-color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
body.theme-red #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
body.theme-red #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  border: 2px solid #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
body.theme-red #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  background-color: #fe4a49 !important;
  border-color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #fe4a49 !important;
}

@media screen and (min-width: 601px) {
  body.theme-red #CybotCookiebotDialogTabContent input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
    -webkit-box-shadow: 0 0 1px #fe4a49 !important;
       -moz-box-shadow: 0 0 1px #fe4a49 !important;
            box-shadow: 0 0 1px #fe4a49 !important;
  }
}

body.theme-red #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type="checkbox"]:checked {
  background-color: #fe4a49 !important;
  border-color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body.theme-red #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body.theme-red #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: #fe4a49 !important;
}

body.theme-red #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body.theme-red #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body.theme-red #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body.theme-red #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body.theme-red #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body.theme-red #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body.theme-red #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #fe4a49 !important;
}

@media screen and (min-width: 601px) {
  body.theme-red #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span,
  body.theme-red #CybotCookiebotDialog :focus-visible {
    outline: 2px solid #fe4a49 !important;
  }
}

body.theme-red #CookiebotWidget :focus-visible,
body.theme-red #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
  outline: 2px solid #fe4a49 !important;
}

body.theme-red #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #fe4a49 !important;
}

body.theme-red #CookiebotWidget .CookiebotWidget-consent-details button {
  color: #fe4a49 !important;
}

body.theme-red #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #fe4a49 !important;
  border-color: #fe4a49 !important;
}

body.theme-red #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #fe4a49 !important;
}

body.theme-red #CookieDeclarationUserStatusLabelOn,
body.theme-red #CookieDeclarationUserStatusLabelOff,
body.theme-red #CookieDeclarationUserStatusLabelOffDoNotSell,
body.theme-red #CookieDeclarationUserStatusLabelMulti {
  color: #fe4a49 !important;
}

body.theme-red #CookieDeclarationUserStatusLabelConsentId {
  color: #fe4a49 !important;
}

body.theme-red .CookieDeclarationTableHeader {
  color: #fe4a49 !important;
}

body.theme-red #CookieDeclarationUserStatusLabelWithdraw,
body.theme-red #CookieDeclarationChangeConsentWithdraw {
  color: #fe4a49 !important;
}

body.theme-green .logo-container .text {
  color: #048A81;
}

body.theme-green .plus-btn:after {
  color: #048A81;
}

body.theme-green .plus-btn svg path {
  fill: #048A81;
}

body.theme-green .mouse path:not([fill="none"]) {
  fill: #048A81;
}

body.theme-green .nav_toggle .btn path {
  fill: #048A81;
}

body.theme-green .contacts .social svg path {
  fill: #048A81;
}

body.theme-green .language-dropdown .lang-menu a.active {
  color: #048A81;
}

body.theme-green #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #048A81 !important;
  color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus::-webkit-scrollbar-thumb {
  background: #048A81 !important;
}

body.theme-green #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  scrollbar-color: #048A81 #f2f2f2 !important;
}

body.theme-green #CybotCookiebotDialog a:hover:after,
body.theme-green #CybotCookiebotDialog a:hover:before,
body.theme-green #CybotCookiebotDialog button:hover:after,
body.theme-green #CybotCookiebotDialog button:hover:before {
  border-color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #048A81 !important;
}

body.theme-green #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body.theme-green #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body.theme-green #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body.theme-green #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #048A81 !important;
  border-color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
body.theme-green #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
body.theme-green #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  border: 2px solid #048A81 !important;
}

body.theme-green #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
body.theme-green #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  background-color: #048A81 !important;
  border-color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #048A81 !important;
}

@media screen and (min-width: 601px) {
  body.theme-green #CybotCookiebotDialogTabContent input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
    -webkit-box-shadow: 0 0 1px #048A81 !important;
       -moz-box-shadow: 0 0 1px #048A81 !important;
            box-shadow: 0 0 1px #048A81 !important;
  }
}

body.theme-green #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type="checkbox"]:checked {
  background-color: #048A81 !important;
  border-color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body.theme-green #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body.theme-green #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: #048A81 !important;
}

body.theme-green #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body.theme-green #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body.theme-green #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body.theme-green #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body.theme-green #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body.theme-green #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body.theme-green #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #048A81 !important;
}

@media screen and (min-width: 601px) {
  body.theme-green #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span,
  body.theme-green #CybotCookiebotDialog :focus-visible {
    outline: 2px solid #048A81 !important;
  }
}

body.theme-green #CookiebotWidget :focus-visible,
body.theme-green #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
  outline: 2px solid #048A81 !important;
}

body.theme-green #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #048A81 !important;
}

body.theme-green #CookiebotWidget .CookiebotWidget-consent-details button {
  color: #048A81 !important;
}

body.theme-green #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #048A81 !important;
  border-color: #048A81 !important;
}

body.theme-green #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #048A81 !important;
}

body.theme-green #CookieDeclarationUserStatusLabelOn,
body.theme-green #CookieDeclarationUserStatusLabelOff,
body.theme-green #CookieDeclarationUserStatusLabelOffDoNotSell,
body.theme-green #CookieDeclarationUserStatusLabelMulti {
  color: #048A81 !important;
}

body.theme-green #CookieDeclarationUserStatusLabelConsentId {
  color: #048A81 !important;
}

body.theme-green .CookieDeclarationTableHeader {
  color: #048A81 !important;
}

body.theme-green #CookieDeclarationUserStatusLabelWithdraw,
body.theme-green #CookieDeclarationChangeConsentWithdraw {
  color: #048A81 !important;
}

.language-dropdown .lang-menu a.active {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  -webkit-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogDetailBulkConsentLink:hover {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus::-webkit-scrollbar-thumb {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  -webkit-transition: scrollbar-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: scrollbar-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: scrollbar-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: scrollbar-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog a:hover:after,
#CybotCookiebotDialog a:hover:before,
#CybotCookiebotDialog button:hover:after,
#CybotCookiebotDialog button:hover:before {
  -webkit-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  -webkit-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  -webkit-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  -webkit-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

@media screen and (min-width: 601px) {
  #CybotCookiebotDialogTabContent input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
    -webkit-transition: -webkit-box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: -webkit-box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -o-transition: box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -moz-transition: box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), -webkit-box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), -moz-box-shadow 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  }
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type="checkbox"]:checked {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

@media screen and (min-width: 601px) {
  #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span,
  #CybotCookiebotDialog :focus-visible {
    -webkit-transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -o-transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -moz-transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  }
}

#CookiebotWidget :focus-visible,
#CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
  -webkit-transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: outline 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  -webkit-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  -webkit-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: border 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookieDeclarationUserStatusLabelOn,
#CookieDeclarationUserStatusLabelOff,
#CookieDeclarationUserStatusLabelOffDoNotSell,
#CookieDeclarationUserStatusLabelMulti {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookieDeclarationUserStatusLabelConsentId {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.CookieDeclarationTableHeader {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

#CookieDeclarationUserStatusLabelWithdraw,
#CookieDeclarationChangeConsentWithdraw {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.homepage-header,
.page-header {
  -webkit-transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background-color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

/*
.intro-animation-layer
{
    opacity: 1;
    transition: opacity 0.6s $curve-bezier,
                background 0.6s $curve-bezier;

    &.hide
    {
        opacity: 0;
    }
}
*/
.logo-container .image {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.logo-container .image img {
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.logo-container .text {
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: opacity 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98), color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.djomba-modal .half:nth-child(1),
.djomba-modal .close:before,
.djomba-modal .close:after {
  -webkit-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: background 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.plus-btn:after {
  -webkit-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.plus-btn svg path {
  -webkit-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.mouse path:not([fill="none"]) {
  -webkit-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: fill 0.6s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

.djb-button {
  -webkit-transition: color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), background-color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -o-transition: color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), background-color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  -moz-transition: color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), background-color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
  transition: color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98), background-color 0.35s cubic-bezier(0.5, 0.02, 0.18, 0.98);
}

@media (pointer: fine) {
  .djb-button.dark:hover {
    color: #08090a;
    background-color: #ffffff;
  }
}

@media (max-width: 1024px) {
  .team-banner > .inner.open .team-box {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -o-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -moz-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
  }
}

@media (max-width: 1024px) {
  .team-banner > .inner.open .team-box .text {
    opacity: 1;
    -webkit-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
    -o-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
    -moz-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
    transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
  }
}

@media (max-width: 1024px) {
  .team-banner > .inner.open svg path:last-child {
    opacity: 0;
  }
}

@media (pointer: fine) {
  .team-banner > .inner:hover .team-box {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -o-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
    -moz-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
    transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98), opacity 0.5 cubic-bezier(0.5, 0.02, 0.18, 0.98);
  }
}

@media (pointer: fine) {
  .team-banner > .inner:hover .team-box .text {
    opacity: 1;
    -webkit-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
    -o-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
    -moz-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
    transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.6s;
  }
}

.team-banner .team-box {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, opacity 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s;
  -o-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, opacity 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s;
  -moz-transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, opacity 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s;
  transition: width 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, height 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s, opacity 0.5s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0.2s;
}

.team-banner .team-box .text {
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
  -o-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
  -moz-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
  transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
}

.team-banner svg:last-child {
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
  -o-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
  -moz-transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
  transition: opacity 0.15s cubic-bezier(0.5, 0.02, 0.18, 0.98) 0s;
}

.small-scroll {
  -webkit-transform: translate(-50%, 0%);
     -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
       -o-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-animation-duration: 2.5s;
     -moz-animation-duration: 2.5s;
       -o-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: fowards;
     -moz-animation-fill-mode: fowards;
       -o-animation-fill-mode: fowards;
          animation-fill-mode: fowards;
}

@-webkit-keyframes scrollAnim {
  0% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  15% {
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  30% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  45% {
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  60% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  75% {
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  90%, 100% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}

@-moz-keyframes scrollAnim {
  0% {
    -moz-transform: translate(-50%, 0%);
         transform: translate(-50%, 0%);
  }
  15% {
    -moz-transform: translate(-50%, 100%);
         transform: translate(-50%, 100%);
  }
  30% {
    -moz-transform: translate(-50%, 0%);
         transform: translate(-50%, 0%);
  }
  45% {
    -moz-transform: translate(-50%, 100%);
         transform: translate(-50%, 100%);
  }
  60% {
    -moz-transform: translate(-50%, 0%);
         transform: translate(-50%, 0%);
  }
  75% {
    -moz-transform: translate(-50%, 100%);
         transform: translate(-50%, 100%);
  }
  90%, 100% {
    -moz-transform: translate(-50%, 0%);
         transform: translate(-50%, 0%);
  }
}

@-o-keyframes scrollAnim {
  0% {
    -o-transform: translate(-50%, 0%);
       transform: translate(-50%, 0%);
  }
  15% {
    -o-transform: translate(-50%, 100%);
       transform: translate(-50%, 100%);
  }
  30% {
    -o-transform: translate(-50%, 0%);
       transform: translate(-50%, 0%);
  }
  45% {
    -o-transform: translate(-50%, 100%);
       transform: translate(-50%, 100%);
  }
  60% {
    -o-transform: translate(-50%, 0%);
       transform: translate(-50%, 0%);
  }
  75% {
    -o-transform: translate(-50%, 100%);
       transform: translate(-50%, 100%);
  }
  90%, 100% {
    -o-transform: translate(-50%, 0%);
       transform: translate(-50%, 0%);
  }
}

@keyframes scrollAnim {
  0% {
    -webkit-transform: translate(-50%, 0%);
       -moz-transform: translate(-50%, 0%);
         -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  15% {
    -webkit-transform: translate(-50%, 100%);
       -moz-transform: translate(-50%, 100%);
         -o-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  30% {
    -webkit-transform: translate(-50%, 0%);
       -moz-transform: translate(-50%, 0%);
         -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  45% {
    -webkit-transform: translate(-50%, 100%);
       -moz-transform: translate(-50%, 100%);
         -o-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  60% {
    -webkit-transform: translate(-50%, 0%);
       -moz-transform: translate(-50%, 0%);
         -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  75% {
    -webkit-transform: translate(-50%, 100%);
       -moz-transform: translate(-50%, 100%);
         -o-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  90%, 100% {
    -webkit-transform: translate(-50%, 0%);
       -moz-transform: translate(-50%, 0%);
         -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}