:root {
  --step--3: clamp(0.60rem, calc(0.50rem + 0.55vw), 1.05rem);
  --step--2: clamp(0.78rem, calc(0.66rem + 0.65vw), 1.12rem);
  --step--1: clamp(0.94rem, calc(0.77rem + 0.88vw), 1.40rem);
  --step-0: clamp(1.13rem, calc(0.90rem + 1.19vw), 1.75rem);
  --step-1: clamp(1.35rem, calc(1.05rem + 1.60vw), 2.19rem);
  --step-2: clamp(1.62rem, calc(1.22rem + 2.12vw), 2.73rem);
  --step-2_5: clamp(1.76rem, calc(1.32rem + 2.42vw), 3rem);
  --step-3: clamp(1.94rem, calc(1.42rem + 2.81vw), 3.42rem);
  --step-4: clamp(2.33rem, calc(1.64rem + 3.70vw), 4.27rem);
  --step-5: clamp(2.80rem, calc(1.89rem + 4.84vw), 5.34rem);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11,
.col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5,
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
p {
  padding: 0 !important;
  margin: 0 !important;
}

a {
  text-decoration: none !important;
}

html {
  scroll-behavior: smooth;
}

body,
.row {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
  height: 100%;
}

.body {
  position: relative;
}

p {
  font-size: var(--step-0);
}

.heading1, .carousel .container .tile h1, .contacts__hero-img-heading h1, .text-page h1 {
  text-transform: uppercase;
  color: #fff !important;
  line-height: 1.5;
  letter-spacing: 8px;
  font-size: clamp(1.7rem, 2.1vw, 3rem);
  max-width: 20ch;
  font-weight: 700;
}

.heading2, .custom-text-block h2, .container .left-image-block .text-block h2, .container .right-image-block .text-block h2, .product-category .text-block h2 {
  text-transform: uppercase;
  color: #072E99 !important;
  line-height: 1.5;
  letter-spacing: 8px;
  font-size: var(--step-1);
  font-weight: 700;
}

.heading3, .parallax h3, .contacts__content-header-right h3 {
  text-transform: uppercase;
  font-size: var(--step-1);
  letter-spacing: 6px;
  margin-bottom: 32px !important;
  font-weight: 700;
}

.heading4, .text-page__column h4 {
  text-transform: uppercase;
  font-size: var(--step--1);
  letter-spacing: 1px;
  font-weight: 700;
  color: #072E99 !important;
  margin: 0 !important;
}

.custom-text-block, .container .left-image-block .text-block, .container .right-image-block .text-block, .product-category .text-block {
  z-index: 2;
}
.custom-text-block .width-fix, .container .left-image-block .text-block .width-fix, .container .right-image-block .text-block .width-fix, .product-category .text-block .width-fix {
  width: 90% !important;
}
@media screen and (max-width: 991.98px) {
  .custom-text-block .width-fix, .container .left-image-block .text-block .width-fix, .container .right-image-block .text-block .width-fix, .product-category .text-block .width-fix {
    width: 100% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .custom-text-block h2, .container .left-image-block .text-block h2, .container .right-image-block .text-block h2, .product-category .text-block h2 {
    text-align: center;
  }
}
.custom-text-block p, .container .left-image-block .text-block p, .container .right-image-block .text-block p, .product-category .text-block p {
  font-size: clamp(1rem, 1vw, 1.1rem);
  line-height: 1.6;
  margin: 24px 0 28px 0 !important;
}
@media screen and (max-width: 991.98px) {
  .custom-text-block p, .container .left-image-block .text-block p, .container .right-image-block .text-block p, .product-category .text-block p {
    line-height: 1.2;
  }
}
@media screen and (max-width: 767.98px) {
  .custom-text-block p, .container .left-image-block .text-block p, .container .right-image-block .text-block p, .product-category .text-block p {
    padding: 0 !important;
  }
}
@media screen and (max-width: 767.98px) {
  .custom-text-block .custom-button-right, .container .left-image-block .text-block .custom-button-right, .container .right-image-block .text-block .custom-button-right, .product-category .text-block .custom-button-right {
    margin-bottom: 5vh !important;
  }
}
@media screen and (max-width: 767.98px) {
  .custom-text-block .custom-button-left, .container .left-image-block .text-block .custom-button-left, .container .right-image-block .text-block .custom-button-left, .product-category .text-block .custom-button-left {
    margin-bottom: 5vh !important;
  }
}
@media screen and (max-width: 767.98px) {
  .custom-text-block, .container .left-image-block .text-block, .container .right-image-block .text-block, .product-category .text-block {
    align-items: center;
  }
}

.custom-img, .container .left-image-block img {
  width: 100% !important;
}
@media screen and (max-width: 991.98px) {
  .custom-img, .container .left-image-block img {
    width: 80% !important;
    height: auto;
    margin: 0 auto;
  }
}

.button-right svg, .parallax__left-bottom .contact-button svg, .button-left svg, .custom-text-block .custom-button-left svg, .container .left-image-block .text-block .custom-button-left svg, .container .right-image-block .text-block .custom-button-left svg, .product-category .text-block .custom-button-left svg, .custom-text-block .custom-button-right svg, .container .left-image-block .text-block .custom-button-right svg, .container .right-image-block .text-block .custom-button-right svg, .product-category .text-block .custom-button-right svg {
  width: 32px;
  height: 32px;
  fill: #072e99 !important;
  margin-left: 0 !important;
  transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  padding-bottom: 2px !important;
}
@media screen and (max-width: 767.98px) {
  .button-right svg, .parallax__left-bottom .contact-button svg, .button-left svg, .custom-text-block .custom-button-left svg, .container .left-image-block .text-block .custom-button-left svg, .container .right-image-block .text-block .custom-button-left svg, .product-category .text-block .custom-button-left svg, .custom-text-block .custom-button-right svg, .container .left-image-block .text-block .custom-button-right svg, .container .right-image-block .text-block .custom-button-right svg, .product-category .text-block .custom-button-right svg {
    display: none;
  }
}
.button-right a, .parallax__left-bottom .contact-button a, .button-left a, .custom-text-block .custom-button-left a, .container .left-image-block .text-block .custom-button-left a, .container .right-image-block .text-block .custom-button-left a, .product-category .text-block .custom-button-left a, .custom-text-block .custom-button-right a, .container .left-image-block .text-block .custom-button-right a, .container .right-image-block .text-block .custom-button-right a, .product-category .text-block .custom-button-right a {
  color: #072E99 !important;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-size: var(--step--2);
  font-weight: 700;
  vertical-align: text-top;
}
.button-right:hover svg, .parallax__left-bottom .contact-button:hover svg, .button-left:hover svg, .custom-text-block .custom-button-left:hover svg, .container .left-image-block .text-block .custom-button-left:hover svg, .container .right-image-block .text-block .custom-button-left:hover svg, .product-category .text-block .custom-button-left:hover svg, .custom-text-block .custom-button-right:hover svg, .container .left-image-block .text-block .custom-button-right:hover svg, .container .right-image-block .text-block .custom-button-right:hover svg, .product-category .text-block .custom-button-right:hover svg {
  margin-left: 4em !important;
  transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
}

.button-left svg, .custom-text-block .custom-button-left svg, .container .left-image-block .text-block .custom-button-left svg, .container .right-image-block .text-block .custom-button-left svg, .product-category .text-block .custom-button-left svg {
  margin-right: 0 !important;
}
.button-left a, .custom-text-block .custom-button-left a, .container .left-image-block .text-block .custom-button-left a, .container .right-image-block .text-block .custom-button-left a, .product-category .text-block .custom-button-left a {
  padding-left: 6px !important;
}
.button-left:hover svg, .custom-text-block .custom-button-left:hover svg, .container .left-image-block .text-block .custom-button-left:hover svg, .container .right-image-block .text-block .custom-button-left:hover svg, .product-category .text-block .custom-button-left:hover svg {
  margin-right: 4em !important;
}

.custom-sale a, .content-services .sale a, .product-category .sale a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff !important;
  max-width: 100% !important;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
}
.custom-sale a h3, .content-services .sale a h3, .product-category .sale a h3 {
  font-weight: 700;
}
.custom-sale a p, .content-services .sale a p, .product-category .sale a p {
  font-size: var(--step--2);
  font-weight: 500;
  position: relative;
  text-align: center !important;
}
.custom-sale a p:after, .content-services .sale a p:after, .product-category .sale a p:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 35px;
  background-color: transparent !important;
  height: 4px;
  left: 0;
  transform: scaleX(0);
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
.custom-sale:hover p:after, .content-services .sale:hover p:after, .product-category .sale:hover p:after {
  background-color: #fff !important;
  transform: scaleX(1);
  transform-origin: 50% 100%;
}

.product-category {
  /* fixed on img*/
}
.product-category .padding-fix {
  padding: 0 32px !important;
}
.product-category img {
  min-height: 280px !important;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .product-category img {
    padding-bottom: 5vh !important;
  }
}
@media screen and (max-width: 767.98px) {
  .product-category p {
    text-align: left !important;
  }
}
.product-category .left-connector:after {
  position: absolute;
  content: "";
  min-width: 20%;
  height: 5px;
  background-color: #072e99 !important;
  top: 50%;
  left: 90%;
}
@media screen and (max-width: 767.98px) {
  .product-category .left-connector:after {
    display: none;
  }
}
.product-category .left-connector p {
  padding-right: 3em !important;
}
@media screen and (max-width: 767.98px) {
  .product-category .left-connector p {
    padding: 0 !important;
  }
}
.product-category .right-connector {
  text-align: right !important;
}
.product-category .right-connector p {
  padding-left: 3em !important;
}
@media screen and (max-width: 767.98px) {
  .product-category .right-connector p {
    text-align: left !important;
    padding-left: 0 !important;
  }
}
.product-category .right-connector:after {
  position: absolute;
  content: "";
  min-width: 20%;
  height: 5px;
  background-color: #072e99 !important;
  top: 50%;
  right: 91%;
}
@media screen and (max-width: 767.98px) {
  .product-category .right-connector:after {
    display: none;
  }
}
.product-category .upper-connector img {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .product-category .upper-connector img {
    min-width: 100% !important;
  }
}
.product-category .upper-connector p {
  padding-left: 3em !important;
}
@media screen and (max-width: 767.98px) {
  .product-category .upper-connector p {
    padding-left: 0 !important;
  }
}
.product-category .upper-connector:before {
  z-index: 1;
  position: absolute;
  display: inline-block;
  content: "";
  width: 5px;
  height: 60px;
  background-color: #072e99 !important;
  top: 45.5%;
  right: 50%;
}
@media screen and (max-width: 1199.98px) {
  .product-category .upper-connector:before {
    top: 45%;
  }
}
@media screen and (max-width: 991.98px) {
  .product-category .upper-connector:before {
    top: 44%;
  }
}
@media screen and (max-width: 767.98px) {
  .product-category .upper-connector:before {
    display: none;
  }
}
.product-category .box {
  padding: 3px !important;
}
.product-category .text-block h2 {
  font-size: var(--step-0);
  letter-spacing: 6px;
}
.product-category .sale {
  text-align: center !important;
}

.skewed-component::after, .carousel .skewed-divider::after, .contacts__hero-img::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 249px;
  background: url(/images/skew-top.webp) no-repeat right bottom;
  pointer-events: none;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
@media screen and (max-width: 1199.98px) {
  .skewed-component::after, .carousel .skewed-divider::after, .contacts__hero-img::after {
    display: none;
  }
}

.text-page {
  margin-top: 5vh !important;
  margin-bottom: 5vh !important;
}
@media screen and (max-width: 991.98px) {
  .text-page {
    padding: 0 32px !important;
  }
}
.text-page h1 {
  color: #072E99 !important;
  max-width: none;
  text-align: center;
  padding-bottom: 8vh !important;
  font-size: var(--step-2);
  border-bottom: 5px solid #072e99 !important;
  margin-bottom: 8vh !important;
  padding-bottom: 7vh !important;
}
.text-page__column {
  vertical-align: middle;
}
.text-page__column h4 {
  margin-bottom: 12px !important;
}
.text-page__column svg {
  width: 24px;
  height: 24px;
  margin-bottom: 3px !important;
}
.text-page__column p {
  font-size: var(--step--2);
  padding-right: 24px !important;
  margin-bottom: 48px !important;
}

.headings {
  margin: 8vh 0 !important;
  font-family: "Montserrat", sans-serif;
}
.headings h1 {
  font-size: var(--step-5);
  letter-spacing: 8px;
}
.headings h2 {
  font-size: var(--step-4);
  letter-spacing: 7px;
}
.headings h3 {
  font-size: var(--step-3);
  letter-spacing: 6px;
}
.headings h4 {
  font-size: var(--step-2);
  letter-spacing: 5px;
}
.headings h5 {
  font-size: var(--step-1);
  letter-spacing: 4px;
}
.headings h6 {
  font-size: var(--step-0);
  letter-spacing: 3px;
}
.headings .heading-extra-large {
  font-size: var(--step--1);
  padding-bottom: 1rem !important;
  letter-spacing: 2px;
}
.headings .heading-large {
  font-size: var(--step--2);
  padding-bottom: 1rem !important;
  letter-spacing: 1px;
}
.headings .heading-medium {
  font-size: var(--step--3);
  padding-bottom: 1rem !important;
  letter-spacing: 0px;
}
.headings p {
  font-size: 16px;
  line-height: 30px;
  color: #939393;
  margin-bottom: 10vh !important;
}
.headings .text-ligh-grey {
  color: #d6d5d5 !important;
}
.headings__ruller {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #072e99 !important;
  margin-bottom: 8vh !important;
}
@media screen and (max-width: 991.98px) {
  .headings {
    padding: 0 32px !important;
  }
}

.heading, .headings h1, .headings h2, .headings h3, .headings h4, .headings h5, .headings h6, .headings .heading-extra-large, .headings .heading-large, .headings .heading-medium {
  color: #232323 !important;
  padding-bottom: 1rem !important;
  font-weight: 600;
  color: #072E99 !important;
  text-transform: uppercase;
}

.contacts__hero-img {
  width: 100%;
  background: url("/images/parallax.webp") no-repeat 50% 50%;
  background-size: cover;
  height: 90vh;
  min-height: 650px;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .contacts__hero-img {
    height: 40vh !important;
    min-height: 550px;
  }
}
.contacts__hero-img-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #072e99 !important;
  opacity: 0.7;
}
.contacts__hero-img-heading {
  color: #fff !important;
  position: absolute;
  z-index: 500;
  top: 15%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.contacts__hero-img-heading h1 {
  max-width: 70%;
  letter-spacing: 2px;
  text-align: center;
  margin: auto;
  font-size: var(--step-1);
  padding-bottom: 36px !important;
}
@media screen and (max-width: 991.98px) {
  .contacts__hero-img-heading h1 {
    font-size: var(--step-1);
  }
}
.contacts__hero-img-heading p {
  font-size: var(--step--2);
  max-width: 80%;
  margin: auto !important;
}
.contacts__content-header {
  margin: -30vh 0 10vh 0 !important;
}
@media screen and (max-width: 991.98px) {
  .contacts__content-header {
    margin-top: 0 !important;
    padding: 5vh 32px !important;
  }
}
.contacts__content-header-left {
  width: 100%;
  background: url("/images/speakers.webp") no-repeat 50% 50%;
  background-size: cover;
  height: 500px;
}
.contacts__content-header-right {
  width: 100%;
  background-color: rgb(242, 242, 242);
  height: 500px;
  color: #072E99 !important;
  padding: 10vh !important;
}
@media screen and (max-width: 767.98px) {
  .contacts__content-header-right {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 24px !important;
  }
}
.contacts__content-header-right p {
  font-weight: 600;
  font-size: var(--step--1);
}
.contacts__content-images {
  margin: 10vh 0 !important;
}
@media screen and (max-width: 991.98px) {
  .contacts__content-images {
    margin-top: 0 !important;
    padding: 0 32px !important;
  }
}
.contacts__content-images-row {
  margin-bottom: 6px !important;
}
.contacts__content-images-row img {
  width: 33%;
  margin-bottom: 6px !important;
}
@media screen and (max-width: 991.98px) {
  .contacts__content-images-row img {
    width: 49.65%;
  }
}
@media screen and (max-width: 767.98px) {
  .contacts__content-images-row img {
    width: 100%;
  }
}

@media screen and (max-width: 991.98px) {
  .content-services {
    padding: 0 32px !important;
  }
}
.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container .navigation .navbar-expand-md .navbar-nav .nav-link {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container .navigation__bar {
  padding: 8px 0 !important;
}
.container .navigation__bar .navbar-toggler,
.container .navigation__bar .navbar-toggler:focus,
.container .navigation__bar .navbar-toggler:active,
.container .navigation__bar .navbar-toggler-icon:focus {
  border-color: transparent !important;
  margin-left: 8px !important;
  margin-top: 3.5px;
}
@media screen and (max-width: 767.98px) {
  .container .navigation__bar .navbar-collapse ul {
    padding: 8px 0 0 23px !important;
    margin: 0 !important;
  }
}
.container .navigation__bar .navbar-collapse ul li {
  padding-bottom: 16px !important;
}
.container .navigation__bar .navbar-collapse ul li::after {
  content: "";
  width: 50px;
  position: absolute;
  top: 40px;
  background-color: transparent !important;
  height: 4px;
  left: calc(50% - 25px);
  transform: scaleX(0);
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767.98px) {
  .container .navigation__bar .navbar-collapse ul li::after {
    content: "";
    width: 0;
  }
}
.container .navigation__bar .navbar-collapse ul li:hover {
  color: #072e99 !important;
}
.container .navigation__bar .navbar-collapse ul li:hover .dropdown-menu {
  display: block;
  margin-top: 0 !important;
}
.container .navigation__bar .navbar-collapse ul li:hover::after {
  background-color: #072e99 !important;
  transform: scaleX(1);
  transform-origin: 50% 100%;
}
.container .navigation__bar .navbar-collapse ul li a {
  font-size: var(--step--3) !important;
  text-transform: uppercase;
  color: #072e99 !important;
  letter-spacing: 1.5px;
  font-weight: 700;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  color: #072e99 !important;
  text-decoration: none;
}
.container .navigation__bar .navbar-collapse ul li a:hover {
  background-color: transparent;
}
@media screen and (max-width: 991.98px) {
  .container .navigation__bar .navbar-collapse ul li a {
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .container .navigation__bar .navbar-collapse ul li a {
    letter-spacing: 1px;
    font-size: var(--step--2) !important;
    font-weight: 600;
    color: #333 !important;
  }
}
.container .navigation__bar .navbar-collapse ul li .dropdown-menu {
  border: 1px solid #072e99 !important;
  margin-top: 0 !important;
  min-width: 25rem !important;
  padding: 24px !important;
  left: 0px;
}
.container .navigation__bar .navbar-collapse ul li .dropdown-menu a {
  font-weight: 400;
  padding-bottom: 12px;
}
.container .navigation__bar .navbar-collapse ul li .dropdown-menu a:hover {
  transform: translateX(12px);
  color: #072e99 !important;
}
@media screen and (max-width: 767.98px) {
  .container .navigation__bar .navbar-collapse ul li .dropdown-menu a {
    letter-spacing: 0px;
    padding-left: 4px !important;
    font-size: var(--step--3) !important;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .container .navigation__bar .navbar-collapse ul li .dropdown-menu {
    border: none !important;
  }
}
.container .navigation__bar-logo a {
  text-transform: uppercase;
  color: #072e99 !important;
  font-weight: 700;
  font-size: 24px;
  margin-left: 8px;
  line-height: 1;
}
@media screen and (max-width: 991.98px) {
  .container .navigation__bar .navbar-nav {
    margin: 0 32px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .container .navigation__bar {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .container .navigation__bar .dropdown-menu {
    border: none;
  }
}
.container .navigation__logo-large {
  margin: 24px 0 !important;
}
@media screen and (max-width: 991.98px) {
  .container {
    max-width: 100% !important;
    padding: 0 !important;
  }
}

.carousel {
  margin-bottom: -18% !important;
}
@media screen and (max-width: 1399.98px) {
  .carousel {
    margin-bottom: -12% !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .carousel {
    margin-bottom: -6% !important;
  }
}
@media screen and (max-width: 991.98px) {
  .carousel {
    margin-bottom: 5vh !important;
  }
}
.carousel .container {
  position: relative;
}
.carousel .container #tile-arrow-id {
  transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
}
.carousel .container .tile {
  position: absolute;
  z-index: 2;
  background-color: #072e99 !important;
  color: #fff !important;
  left: 0;
  margin-top: 135px !important;
  padding: 3% 2% 7% 2% !important;
}
@media screen and (max-width: 1399.98px) {
  .carousel .container .tile {
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 991.98px) {
  .carousel .container .tile {
    margin-top: 50px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .carousel .container .tile {
    margin-top: 50px !important;
  }
}
@media screen and (max-width: 575.98px) {
  .carousel .container .tile {
    margin-top: 12px !important;
  }
}
.carousel .container .tile:hover #tile-arrow-id {
  margin-left: 15vw !important;
  transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
}
@media screen and (max-width: 1199.98px) {
  .carousel .container .tile h1 {
    line-height: 1.5;
    font-size: clamp(1.6rem, 2.5vw, 2.8rem);
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 991.98px) {
  .carousel .container .tile h1 {
    font-size: clamp(1.4rem, 2.3vw, 2.6rem);
  }
}
@media screen and (max-width: 767.98px) {
  .carousel .container .tile h1 {
    font-size: clamp(1rem, 1.6vw, 2rem);
    line-height: 1.6;
  }
}
@media screen and (max-width: 575.98px) {
  .carousel .container .tile h1 {
    letter-spacing: 1px;
    font-size: 12px;
    max-width: 15ch;
  }
}
.carousel .container .tile #tile-arrow-id {
  position: absolute;
  bottom: 3vh !important;
}
@media screen and (max-width: 767.98px) {
  .carousel .container .tile #tile-arrow-id {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .carousel .container .tile {
    margin-left: 30% !important;
    width: 40%;
    height: auto;
  }
}
.carousel .carousel-control-next,
.carousel .carousel-control-prev {
  align-items: end;
  padding-bottom: 15%;
  z-index: 3;
}
@media screen and (max-width: 1199.98px) {
  .carousel .carousel-control-next,
.carousel .carousel-control-prev {
    padding-bottom: 10%;
  }
}
@media screen and (max-width: 991.98px) {
  .carousel .carousel-control-next,
.carousel .carousel-control-prev {
    padding-bottom: 5%;
  }
}
.carousel .carousel-control-next svg,
.carousel .carousel-control-prev svg {
  width: 38px;
  height: 38px;
  fill: #072e99 !important;
  position: absolute;
}
.container .right-image-block {
  margin: 0 0 0 0 !important;
}
@media screen and (max-width: 991.98px) {
  .container .right-image-block {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767.98px) {
  .container .right-image-block {
    margin-top: 5vh !important;
  }
}
.container .right-image-block p {
  padding-right: 32px !important;
}
.container .right-image-block .text-block p {
  padding-right: 0 32px !important;
}
@media screen and (max-width: 991.98px) {
  .container .right-image-block .text-block {
    padding: 0 32px !important;
  }
}
.container .right-image-block img {
  z-index: 2;
  width: 100% !important;
}
@media screen and (max-width: 991.98px) {
  .container .right-image-block img {
    width: 80% !important;
    height: auto;
    margin: 0 auto;
  }
}

.container .left-image-block {
  margin: 5vh 0 !important;
}
@media screen and (max-width: 767.98px) {
  .container .left-image-block {
    margin: 5vh 0 0 0 !important;
  }
}
@media screen and (max-width: 991.98px) {
  .container .left-image-block img {
    margin: 0 auto 0 32px !important;
  }
}
@media screen and (max-width: 991.98px) {
  .container .left-image-block img {
    margin: 0 auto !important;
  }
}
.container .left-image-block .text-block {
  padding-left: 50px !important;
}
@media screen and (max-width: 991.98px) {
  .container .left-image-block .text-block {
    padding-right: 32px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .container .left-image-block .text-block {
    margin-top: 5vh !important;
  }
}

.featured {
  margin-bottom: 10vh !important;
}
.featured .nav {
  border-top: 3px solid #072e99 !important;
  margin-top: 10vh !important;
  padding-top: 10vh !important;
}
.featured .nav .nav-link {
  width: 100% !important;
  padding: 10px !important;
  text-align: center;
  color: #072E99 !important;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: var(--step--2);
}
@media screen and (max-width: 575.98px) {
  .featured .nav .nav-link {
    margin-right: 8px !important;
  }
}
.featured .nav .nav-link.active {
  background-color: #072e99 !important;
  color: #fff !important;
}
.featured .col-md-3 {
  max-width: none;
}
@media screen and (max-width: 767.98px) {
  .featured .col-md-3 {
    width: 220px !important;
    margin: 0 auto !important;
  }
}
.featured__products-item {
  padding: 1px !important;
}
.featured__products-item img {
  width: 220px;
  height: 220px;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .featured__products-item img {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 767.98px) {
  .featured__products-item img {
    width: 220px;
    height: 220px;
  }
}
.featured__products-item span {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  position: absolute;
  left: 0;
  color: #072e99 !important;
  background: rgba(247, 247, 247, 0.7);
  z-index: 3;
  padding: 6px !important;
  letter-spacing: 2px;
  font-weight: 500;
  text-transform: uppercase;
}
.featured__products-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #072e99 !important;
  opacity: 0;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  z-index: 4;
}
.featured__products-item .overlay p {
  color: #fff !important;
  text-transform: uppercase;
  font-size: var(--step--3);
  letter-spacing: 2px;
  font-weight: 700;
}
.featured__products-item:hover .overlay {
  opacity: 0.8;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
.featured__products-info h5 {
  margin-top: 12px !important;
  text-transform: uppercase;
  color: #072E99 !important;
  letter-spacing: 2px;
  font-size: var(--step--2);
}
.featured__products-info p {
  margin-bottom: 12px !important;
}
.featured__products-info svg {
  fill: #072e99 !important;
  width: 18px;
  height: 18px;
  margin-right: 6px !important;
}
@media screen and (max-width: 991.98px) {
  .featured {
    padding: 0 32px !important;
  }
}

.parallax {
  background-image: url("/images/parallax.webp");
  position: relative;
  height: 100vh;
  background-attachment: scroll !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 991.98px) {
  .parallax {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.parallax p {
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  padding-bottom: 32px !important;
  line-height: 1.35;
}
.parallax__left {
  margin-top: 24px !important;
  z-index: 3;
  color: #fff !important;
}
@media screen and (max-width: 991.98px) {
  .parallax__left {
    padding: 0 32px !important;
  }
}
.parallax__left-top {
  background-color: #3B3B3B;
  padding: 28px 40px !important;
  margin-bottom: 20px !important;
}
.parallax__left-bottom {
  margin-top: 7em !important;
  background-color: #072e99 !important;
  padding: 28px 40px !important;
  margin-bottom: 20px !important;
}
.parallax__left-bottom h3 {
  width: 15ch;
}
@media screen and (max-width: 991.98px) {
  .parallax__left-bottom {
    margin-top: 0 !important;
  }
}
.parallax__left-bottom .contact-button svg {
  fill: #fff !important;
}
.parallax__left-bottom .contact-button a {
  color: #fff !important;
  letter-spacing: 4px !important;
}
.parallax__right {
  z-index: 3;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 24px !important;
}
@media screen and (max-width: 991.98px) {
  .parallax__right {
    padding: 0 32px !important;
  }
}
.parallax__right-content {
  margin-top: 250px !important;
  padding: 28px 40px !important;
  background-color: #fff !important;
}
.parallax__right-content h3 {
  color: #072E99 !important;
  max-width: 10ch;
  line-height: 1.5;
}
.parallax__right-content svg {
  fill: #072e99 !important;
  width: 32px;
  height: 32px;
  margin-right: 24px !important;
  margin-bottom: 24px !important;
}
@media screen and (max-width: 991.98px) {
  .parallax__right-content {
    margin: 0px !important;
  }
}
.parallax::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 250px;
  background: url(/images/skew-bottom.png) no-repeat left top;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
@media screen and (max-width: 991.98px) {
  .parallax::after {
    display: none;
  }
}

footer {
  margin-top: 8em !important;
}
@media screen and (max-width: 991.98px) {
  footer {
    margin-top: 0 !important;
  }
}
footer .footer {
  position: relative;
}
footer .footer__primary {
  padding-bottom: 6vh !important;
}
footer .footer__primary-column {
  color: #072E99 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 2em !important;
}
footer .footer__primary-column h4 {
  font-size: var(--step--2);
  font-weight: 700;
  margin-bottom: 3em !important;
}
footer .footer__primary-column a {
  font-size: 0.8rem;
  padding-bottom: 1em !important;
  color: #072E99 !important;
}
footer .footer__primary:after {
  margin-top: 6vh !important;
  content: "";
  width: 100%;
  background-color: #072e99 !important;
  height: 4px;
}
@media screen and (max-width: 991.98px) {
  footer .footer__primary {
    padding: 32px !important;
  }
}
footer .footer__secondary {
  margin: 4vh 0 4vh 0 !important;
}
footer .footer__secondary img {
  width: 80px;
}
@media screen and (max-width: 991.98px) {
  footer .footer__secondary {
    padding: 32px !important;
  }
}
footer .arrow {
  text-align: right;
  margin-right: 0px !important;
  padding-bottom: 24px !important;
  color: #072e99 !important;
}
@media screen and (max-width: 991.98px) {
  footer .arrow {
    margin-right: 32px !important;
  }
}
footer .arrow svg {
  fill: #072e99 !important;
}

.index-right-link {
  position: relative;
}
.index-right-link:before {
  z-index: 5;
  position: absolute;
  content: "";
  min-width: 10%;
  height: 5px;
  background-color: #072e99 !important;
  top: 50%;
  right: 95%;
}
@media screen and (max-width: 991.98px) {
  .index-right-link:before {
    right: 85%;
  }
}
@media screen and (max-width: 767.98px) {
  .index-right-link:before {
    display: none;
  }
}

.index-left-link {
  position: relative;
}
.index-left-link:before {
  position: absolute;
  content: "";
  min-width: 10%;
  height: 5px;
  background-color: #072e99 !important;
  top: 50%;
  left: 95%;
  z-index: 5;
}
@media screen and (max-width: 991.98px) {
  .index-left-link:before {
    left: 85%;
  }
}
@media screen and (max-width: 767.98px) {
  .index-left-link:before {
    display: none;
  }
}/*# sourceMappingURL=main.css.map */