@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Blk.woff2?fe62f444bf7df693d2210ce4e6ec65a6) format("woff2"), url(/fonts/TTCommonsPro-Blk.woff?ab149b2a8b31478dc41946f22e1f54cc) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-BlkIt.woff2?88c34e714c5609ab4767a00c036d9b2a) format("woff2"), url(/fonts/TTCommonsPro-BlkIt.woff?a3f75e962c34813e8720ab91459554d9) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Bd.woff2?ab2b3292608abb355b00d44b3fea6136) format("woff2"), url(/fonts/TTCommonsPro-Bd.woff?e867db52cfab6461b3a69f0885b4a440) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-BdIt.woff2?88692723fbb25ce833c0c9f1513d506b) format("woff2"), url(/fonts/TTCommonsPro-BdIt.woff?db6ce42f8097432e7af5c2d71deda447) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-LtIt.woff2?675dabaaa5e3890c9398a8a8d1ef8dc0) format("woff2"), url(/fonts/TTCommonsPro-LtIt.woff?711092e24800216eee4930fda6752bb3) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-XBd.woff2?cc9f0e69cbc4138adf8df0e924f2f46d) format("woff2"), url(/fonts/TTCommonsPro-XBd.woff?ba7bd7ae4d9efdc079c9dd96e7fbce22) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-MdIt.woff2?7202d34ad6efeb58b0ba62254750235c) format("woff2"), url(/fonts/TTCommonsPro-MdIt.woff?37f2cb00a4d7aa4149b19de5af25b870) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro Normal";
  src: url(/fonts/TTCommonsPro-NormalIt.woff2?a1b3fc5072f6edf6e16f10db7223302c) format("woff2"), url(/fonts/TTCommonsPro-NormalIt.woff?d3ed027036d2a8eb5115ba4c5cb93f8b) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Lt.woff2?c405710ad63d34e3b8b4ac3deb6eec0a) format("woff2"), url(/fonts/TTCommonsPro-Lt.woff?da46de7e956ebfa8586c14d82d277aa4) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-ThinIt.woff2?82ee3b435507e3c1c8013fe01ac529a5) format("woff2"), url(/fonts/TTCommonsPro-ThinIt.woff?134a6778a72e36350a8194fbdba98695) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Db.woff2?c98c1e4278825d9a8d503c799077efbc) format("woff2"), url(/fonts/TTCommonsPro-Db.woff?a868d668f08301c4ee3c2b795047af4d) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro ExtraBlack";
  src: url(/fonts/TTCommonsPro-XBlkIt.woff2?065ea3f10f6163ba5a05cad86ebb5818) format("woff2"), url(/fonts/TTCommonsPro-XBlkIt.woff?61511edac4477f56e597817dd394cbf7) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Md.woff2?d3da52a4bf81d3aa5a1cd9fd2958e4f7) format("woff2"), url(/fonts/TTCommonsPro-Md.woff?ca3af8d74117846a59855b8c45f6711f) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Rg.woff2?b37ddc93dff524f740f34ea928d27576) format("woff2"), url(/fonts/TTCommonsPro-Rg.woff?71b6352548236c3df5bb05981b4db9ec) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro ExtraBlack";
  src: url(/fonts/TTCommonsPro-XBlk.woff2?4c457fd5d2f99a392004a80d786c59dd) format("woff2"), url(/fonts/TTCommonsPro-XBlk.woff?442c8d7e9b38917b4e3c17ae6a9aed25) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-Thin.woff2?76aca151b7a1be9a6d0d735980b75574) format("woff2"), url(/fonts/TTCommonsPro-Thin.woff?eb181985c7e2681f9a47b1d897d63cf5) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-XLtIt.woff2?abbd9b954cce24aedce60c5f4fbcc8ba) format("woff2"), url(/fonts/TTCommonsPro-XLtIt.woff?414c33e5c1df5d84da062701cee53e7d) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-It.woff2?a447b5c58744457fd4896cdf501f5a64) format("woff2"), url(/fonts/TTCommonsPro-It.woff?eafab3a22144aca53d6a407e0515cb79) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro Normal";
  src: url(/fonts/TTCommonsPro-Normal.woff2?683503bf4f1f7ce09d4f9e1a197bc45e) format("woff2"), url(/fonts/TTCommonsPro-Normal.woff?3d3c38d9430ce978a31a09e7c1f9985d) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-XLt.woff2?284b1088617ddbe0d76c30a4ea856a47) format("woff2"), url(/fonts/TTCommonsPro-XLt.woff?60c3d128a35a88c317c2410083dff1f8) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-XBdIt.woff2?e820c38dc20761975f6039641e147943) format("woff2"), url(/fonts/TTCommonsPro-XBdIt.woff?f14e78a4acedff2f7d531abae57cf9f8) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url(/fonts/TTCommonsPro-DbIt.woff2?e1d4201c193c74ae3a43ea374d66f9a5) format("woff2"), url(/fonts/TTCommonsPro-DbIt.woff?984a385ad4b52a722e1dc5ea25958dca) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

.section {
  height: 100%;
}

.navlayer {
  background-color: #fff;
}

h4 {
  font-size: 20px;
}

.punch-navigation-items.activated {
  height: 50% !important;
}

.punch-navigation-items {
  width: 50% !important;
}

nav a {
  font-weight: 500 !important;
}

.layer {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.txt-shadow {
  text-shadow: 7px 4px 7px #140905;
}

.parallax-height {
  padding: 5% 0 !important;
}

.bg-soft-gradient:before,
.bg-gradient {
  background: -webkit-linear-gradient(45deg, #4328A9 0%, #000000a6 100%);
}

.text-size-box {
  font-size: 1.5rem !important;
}

.bg-soon {
  background: #423635;
}

.img-over {
  position: relative;
  width: auto;
}

.wrapper-s {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.splash-layout {
  top: 0;
  left: 0;
  opacity: 0.6;
}

.text-over {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img-hover-zoom {
  overflow: hidden;
}

.img-hover-zoom img {
  max-width: 100%;
  transition: all 0.3s;
}

.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.hvrbox:hover .hvrbox-layer {
  opacity: 0.5;
}

.hvrbox:hover .hvrbox-layer_top {
  opacity: 1;
}

.hvrbox-layer_top {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.hvrbox-layer {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.v-center-team {
  top: 0;
}

@media (min-width: 576px) {
  .splash-layout {
    height: 20vh;
  }

  .v-center {
    top: 37% !important;
  }

  .v-center-team {
    top: -7%;
  }
}

@media (min-width: 768px) {
  .splash-layout {
    height: 50vh;
  }

  .v-center-team {
    top: 8%;
  }
}

@media (min-width: 992px) {
  .splash-layout {
    height: 60vh;
  }

  .v-center {
    top: 50%;
  }
}

@media (min-width: 1200px) {
  .v-center {
    top: 40%;
  }
}

.hg_section {
  padding-top: 35px;
  padding-bottom: 35px;
}

.hg_section--relative {
  position: relative;
}

.hg_section--masked {
  padding-bottom: 55px;
}

.hg_section__source {
  position: relative;
}

.kl-bg-source {
  position: relative;
}

.tbk-symbol--line .tbk__symbol span {
  display: inline-block;
  width: 50px;
  height: 2px;
  background-color: #ccc;
}

.tbk-symbol--line.tbk-icon-pos--after-title .tbk__symbol {
  margin-bottom: 20px;
  margin-top: -5px;
  display: inline-block;
}

.kl-font-alt {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.tbk__symbol {
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
}

.tbk__subtitle {
  margin-top: 0;
  font-family: "Open Sans";
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  font-style: normal;
}

.team_member {
  background: #fff;
  padding: 0 0 5px;
  position: relative;
}

.team_member:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.team_member .details {
  padding: 0 20px 20px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: #fff;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-out;
  font-size: 0.9rem;
}

.team_member:hover .details {
  opacity: 1;
  visibility: visible;
}

.team_member:hover {
  z-index: 2;
}

.team_member img {
  width: 100%;
}

.team_member > h4,
.team_member > h6 {
  padding: 10px 20px 0 20px;
}

.team_member > h6 {
  font-family: Open Sans;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  font-style: normal;
}

.team_member .details .social-icons {
  padding: 0;
  margin-left: -4px;
  margin-right: -4px;
}

.team_member .details .social-icons li {
  margin: 0 4px;
}

.team_member .details .social-icons li:first-child {
  margin-left: 0;
}

.team_member .details {
  width: 100%;
}

.sctb-icon-nocolor {
  background-color: white;
}

.color-braet {
  color: #4328A9;
}

.bg-braet {
  background-color: #4328A9;
}

.bg-gradient-braet-neon {
  background: #00a3ad;
  background: linear-gradient(45deg, #00a3ad 0%, #a63fb5 50%, #c1c1c1 100%);
}

.bg-gradient-braet-classic {
  background: #4328A9;
  background: linear-gradient(45deg, #4328A9 0%, #e7bdfb 100%);
}

.bg-gradient-braet-classic2 {
  background: #4328A9;
  background: linear-gradient(0deg, #ffffff 5%, #4328A9 33%, #e7bdfb 100%);
}

.bg-gradient-braet-classic3 {
  background: #4328A9;
  background: linear-gradient(0deg, #4328A9 14%, #e7bdfb 100%);
}

#navigation.modern.dark-nav.scrolled {
  border-bottom: 2px solid #4328A9 !important;
}

#pagetop.custom-top {
  background: #fff;
  color: #000;
}

#pagetop.custom-top .right a {
  border-right: 0;
}

@font-face {
  font-family: "Aristotelica";
  src: url("/css/fonts/Aristotelica-Extralight.otf") format("opentype");
}

@font-face {
  font-family: "UniNeueLight";
  src: url("/css/fonts/UniNeueLight.otf") format("opentype");
}

.blog-landing h2 {
  font-size: 24px;
}

.bg-braet-transparent {
  background-color: #00a3ad40;
}

.posbuss {
  transform: rotate(180deg);
  position: absolute;
  right: 0px;
  bottom: 5%;
  background-image: url("/images/bureaus-platform-masked-blur.png?v2");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: drop-shadow(8px 8px 10px gray);
          filter: drop-shadow(8px 8px 10px gray);
  height: 34vh;
  width: 34vh;
}

.posbuss:hover {
  -webkit-filter: drop-shadow(16px 16px 20px gray);
          filter: drop-shadow(16px 16px 20px gray);
  transition: 0.5s ease;
  opacity: 1;
}

.business {
  font-size: 1rem;
  text-align: center;
}

.textm {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}

.home.home-shape {
  -webkit-filter: invert(90%) opacity(0.98) !important;
          filter: invert(90%) opacity(0.98) !important;
}

@media (max-width: 768px) {
  /*.home {*/

  /*    height: 47vh;*/

  /*}*/

  .clock-wrapper {
    margin: 0 auto;
    display: table !important;
  }

  #home .container {
    max-width: 400px;
  }
}

.img-car {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

/*@media (min-width: 576px) {*/

/*    .home-shape:hover,*/

/*    .home-shape:focus {*/

/*        transition: .60s ease;*/

/*        display: unset;*/

/*    }*/

/*}*/

@media (min-width: 768px) {
  .posbuss {
    height: 43vh;
    width: 43vh;
  }

  .business {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .posbuss {
    height: 50vh;
    width: 50vh;
  }
}

@media (min-width: 1440px) {
  .posbuss {
    height: 35vh;
    width: 35vh;
  }

  .business {
    font-size: 2rem;
  }
}

@media (min-width: 2560px) {
  .posbuss {
    height: 45vh;
    width: 45vh;
  }

  .business {
    font-size: 2.5rem;
  }
}

@media (max-width: 400px) {
  .container {
    max-width: 340px;
  }
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-10 {
  border-radius: 10px;
}

.bg-g-spot {
  background-color: #751c39;
}

.bg-g-expertise {
  background-color: #4328A9;
}

.bg-wave-merge {
  background-color: #1c1c1c;
}

.font-33 {
  font-size: 33px;
}

.color-g-spot {
  color: #751c39;
}

.color-dark {
  color: #3d3e39;
}

.color-g-expertise {
  color: #4328A9;
}

.bg-gradient-g-spot-header {
  background: #751c39;
  background: linear-gradient(0deg, #751c39 14%, #e7bdfb 100%);
}

.bg-gradient-g-expertise-header {
  background: #4328A9;
  background: linear-gradient(0deg, #4328A9 14%, #e7bdfb 100%);
}

.dirkoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.15s ease;
}

.layered-images:hover .dirkoverlay {
  opacity: 1;
}

.card-background {
  background-position: center center;
  background-size: cover;
  text-align: center;
}

.btn-center {
  margin: 20px auto;
  display: block;
  text-align: center;
  max-width: 60%;
}

#navigation-bar {
  width: 100%;
}

.paragraph-spacing {
  white-space: pre-wrap;
}

@media (min-width: 768px) {
  .floating-button {
    width: unset !important;
    position: absolute;
    right: 0;
    top: 0;
  }

  .is-sticky .floating-button {
    width: unset !important;
    position: absolute;
    right: 0;
    top: 0;
    height: 96px !important;
  }

  .floating-button i {
    display: none;
  }
}

.is-sticky .floating-button i {
  font-size: 24px;
  margin-top: 14px;
  display: block;
}

@media (max-width: 768px) {
  .is-sticky .floating-button {
    width: unset !important;
    height: unset !important;
    position: relative !important;
  }

  .is-sticky .floating-button i {
    display: none;
  }
}

.o-hidden {
  overflow: hidden;
}

/*components*/

.special-section p {
  color: #999 !important;
  white-space: pre-wrap;
  text-align: justify;
  font-size: 17px !important;
  line-height: 200%;
}

.blog-section p {
  color: #999 !important;
  white-space: pre-wrap;
  text-align: justify;
  font-size: 15px !important;
  line-height: 170%;
}

.clock-section p {
  font-size: 25px !important;
}

.content-block-custom p {
  white-space: pre-wrap;
  text-align: justify;
  font-size: 17px !important;
}

.content-block-custom ul {
  list-style: inside;
}

.content-block-custom.bg-dark p {
  color: white;
}

.content-block-custom.bg-g-expertise p {
  color: white;
}

.content-block-custom.bg-braet p {
  color: white;
}

.content-block-custom.bg-g-spot p {
  color: white;
}

.content-block-custom h4 {
  font-size: 22px !important;
}

.modal-header {
  color: white;
  text-align: left;
}

.modal .close {
  background-color: rgba(255, 255, 255, 0);
  color: white;
  line-height: 0;
}

.bg-soft-dark1:before,
.bg-soft-dark1-hover:hover:before {
  background: linear-gradient(to top, rgba(68, 40, 169, 0.4) 0%, rgba(68, 40, 169, 0.1) 50%, rgba(68, 40, 169, 0.1) 100%);
  background-size: cover !important;
  background-blend-mode: overlay;
}

@media (max-width: 1445px) {
  .rotate-box {
    height: 216px;
  }

  .back,
  .rotate-box .front {
    width: 79%;
    height: 71%;
    margin: 32px;
  }
}

@media (max-width: 1200px) {
  .rotate-box {
    height: 340px;
  }

  .back,
  .rotate-box .front {
    width: 80%;
    height: 71%;
    margin: 49px;
  }
}

@media (max-width: 990px) {
  .rotate-box {
    height: 320px;
  }

  .back,
  .rotate-box .front {
    width: 78%;
    height: 71%;
    margin: 50px;
  }
}

@media (max-width: 950px) {
  .rotate-box {
    height: 320px;
  }

  .back,
  .rotate-box .front {
    width: 78%;
    height: 71%;
    margin: 50px;
  }
}

@media (max-width: 950px) {
  .rotate-box {
    height: 294px;
  }

  .back,
  .rotate-box .front {
    width: 78%;
    height: 69%;
    margin: 46px;
  }
}

@media (max-width: 880px) {
  .rotate-box {
    background-image: unset;
    height: 385px;
  }

  /*.back, .rotate-box .front {*/

  /*    width: 78%;*/

  /*    height: 69%;*/

  /*    margin: 45px;*/

  /*}*/
}

/*@media (max-width: 800px) {*/

/*    .rotate-box {*/

/*        background-image: unset;*/

/*    }*/

/*    !*.back, .rotate-box .front {*!*/

/*    !*    width: 79%;*!*/

/*    !*    height: 70%;*!*/

/*    !*    margin: 39px;*!*/

/*    !*}*!*/

/*}*/

/*@media (max-width: 766px) {*/

/*    .rotate-box {*/

/*        height: 513px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 67px;*/

/*    }*/

/*}*/

/*@media (max-width: 670px) {*/

/*    .rotate-box {*/

/*        height: 446px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 76px;*/

/*    }*/

/*}*/

/*@media (max-width: 630px) {*/

/*    .rotate-box {*/

/*        height: 419px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 61px;*/

/*    }*/

/*}*/

/*@media (max-width: 601px) {*/

/*    .rotate-box {*/

/*        height: 391px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 61px;*/

/*    }*/

/*}*/

/*@media (max-width: 550px) {*/

/*    .rotate-box {*/

/*        height: 355px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 53px;*/

/*    }*/

/*}*/

/*@media (max-width: 510px) {*/

/*    .rotate-box {*/

/*        height: 330px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 49px;*/

/*    }*/

/*}*/

/*@media (max-width: 470px) {*/

/*    .rotate-box {*/

/*        height: 296px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 43px;*/

/*    }*/

/*}*/

/*@media (max-width: 412px) {*/

/*    .rotate-box {*/

/*        height: 250px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 38px;*/

/*    }*/

/*}*/

/*@media (max-width: 375px) {*/

/*    .rotate-box {*/

/*        height: 224px;*/

/*    }*/

/*    .back, .rotate-box .front {*/

/*        width: 79%;*/

/*        height: 70%;*/

/*        margin: 34px;*/

/*    }*/

/*}*/

.hero-slider.hero-mobile {
  height: 400px !important;
}

.bg-yellow {
  background-color: #c8c823;
}

.bg-red {
  background-color: #ee0000;
}

body {
  font-family: "TT Commons Pro", sans-serif !important;
}

#pagetop .left {
  padding: 0 16px;
}

#pagetop .left a {
  color: #aaaaaa;
  font-weight: bold;
}

#pagetop .right a,
.pagetop .right a {
  font-size: 16px;
}

#pagetop .right a svg,
.pagetop .right a svg {
  width: 20px;
  fill: #AAA;
}

#pagetop .right a:hover,
.pagetop .right a:hover {
  background-color: #4950B6;
}

#pagetop .right a:hover svg,
.pagetop .right a:hover svg {
  fill: #fff;
}

.pagetop .left {
  padding: 0 8px;
}

.pagetop .right {
  display: flex;
  align-items: center;
  gap: 5px;
}

#navigation {
  background-color: #fff !important;
  border-color: #4328A9 !important;
}

#navigation ul li:not(.button) a {
  color: black !important;
  position: relative;
}

#navigation ul li:not(.button) a:after {
  background-color: #e7bdfb !important;
  content: "" !important;
  position: absolute;
  transition: width 0.3s ease 0s;
  height: 3px;
  bottom: 20px;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
}

#navigation ul li:not(.button) a:hover:after {
  width: 20px;
}

#mobile-navigation {
  background-color: #fff !important;
}

#mobile-navigation ul li a {
  color: black !important;
}

#mobile-navigation ul li a:hover {
  background-color: #FAF2FE;
}

#mobile-navigation ul li.button a:hover {
  background-color: transparent;
}

#mobile-navigation .colored-hover:hover {
  background-color: transparent;
}

.bg-wave-merge {
  background-color: #FAF2FE !important;
}

.classic_footer {
  background-color: #fff !important;
  color: #000 !important;
}

.classic_footer a {
  color: #000 !important;
}

.classic_footer .footer-bottom {
  background-color: #fff !important;
}

.colored,
.colored-hover:hover {
  color: #4328A9 !important;
}

.background-primary {
  background-color: #4328A9 !important;
}

.background-secondary {
  background-color: #e7bdfb !important;
}

.background-tertiary {
  background-color: #FAF2FE !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #4328A9 !important;
}

.text-secondary {
  color: #e7bdfb !important;
}

.btn-dark {
  background-color: #FAF2FE !important;
  color: #000 !important;
}

.btn-dark:hover {
  background-color: #e8c3fa !important;
  color: #fff !important;
}

.categories .category-boxes {
  border-bottom: 1px solid #4328A9;
}

.hamburger-menu div {
  background-color: #4328A9 !important;
}

.home .div-home-shape img {
  display: none;
  position: absolute;
  z-index: 5;
  width: 460px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 1120px) {
  .home .div-home-shape img {
    display: block;
  }
}

.home .div-home-shape .home-shape {
  -webkit-filter: invert(17%) sepia(27%) saturate(68%) hue-rotate(223deg) brightness(110%) contrast(99%);
          filter: invert(17%) sepia(27%) saturate(68%) hue-rotate(223deg) brightness(110%) contrast(99%);
}

.categories .category-boxes .category-content {
  background-color: #FAF2FE !important;
  border-color: #4328A9;
}

.categories .category-boxes .category-content .content-icon {
  color: #e7bdfb !important;
}

.categories .category-boxes .category-content h4 {
  color: #4328A9 !important;
}

.categories .category-boxes .category-content:hover {
  background: linear-gradient(90deg, #e7bdfb 0%, #4328A9 100%) !important;
}

.categories .category-boxes .category-content:hover h4 {
  color: #fff !important;
}

.contact-type-1 .border-effect {
  border-bottom-color: #4328A9 !important;
}

.contact-type-1 .border-effect span {
  background-color: #4328A9 !important;
}

.contact-type-1 .border-effect input,
.contact-type-1 .border-effect textarea {
  color: #4328A9 !important;
}

.contact-type-1 .border-effect input::-webkit-input-placeholder,
.contact-type-1 .border-effect textarea::-webkit-input-placeholder {
  color: #4328A9 !important;
}

.contact-type-1 .border-effect input::-moz-placeholder,
.contact-type-1 .border-effect textarea::-moz-placeholder {
  color: #4328A9 !important;
}

.contact-type-1 .border-effect input:-ms-input-placeholder,
.contact-type-1 .border-effect textarea:-ms-input-placeholder {
  color: #4328A9 !important;
}

.contact-type-1 .border-effect input::-ms-input-placeholder,
.contact-type-1 .border-effect textarea::-ms-input-placeholder {
  color: #4328A9 !important;
}

.contact-type-1 .border-effect input::placeholder,
.contact-type-1 .border-effect textarea::placeholder {
  color: #4328A9 !important;
}

.contact-type-1 #submit {
  background-color: #4328A9 !important;
  color: #fff !important;
}

.contact-type-1 #submit:hover {
  background-color: #331e80 !important;
}

.clock-section .bg-gradient-braet-classic {
  background: #4328A9;
}

.bg-info {
  background-color: #4328A9 !important;
}

.content-block-custom h2 strong {
  color: #4328A9 !important;
}

.cookieinfo-close {
  background-color: #4328A9 !important;
  color: #fff !important;
}

.cookieinfo {
  background-color: #FAF2FE !important;
}

.cookieinfo a {
  color: #4328A9 !important;
}