@charset "UTF-8";
@layer utilities, defaults, client;

/* Imports */
@font-face {
  font-family: "Icomoon3";
  src: url("/project-assets/fonts/icomoon3.woff2") format("woff2"), url("/project-assets/fonts/icomoon3.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Icomoon1";
  src: url("/project-assets/fonts/icomoon1.woff2") format("woff2"), url("/project-assets/fonts/icomoon1.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Icomoon2";
  src: url("/project-assets/fonts/icomoon2.woff2") format("woff2"), url("/project-assets/fonts/icomoon2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@layer utilities {
  .size-11 {
    font-size: 11px;
  }
  .size-12 {
    font-size: 12px;
  }
  .size-13, #la {
    font-size: 13px;
  }
  .size-14 {
    font-size: 14px;
  }
  .size-15 {
    font-size: 15px;
  }
  .size-16 {
    font-size: 16px;
  }
  .size-17 {
    font-size: 17px;
  }
  .size-18, #wrap-references #files .file .file-name, footer #footer-nav div a {
    font-size: 18px;
  }
  .size-19 {
    font-size: 19px;
  }
  .size-20 {
    font-size: 20px;
  }
  .size-21 {
    font-size: 21px;
  }
  .size-22 {
    font-size: 22px;
  }
  .size-23 {
    font-size: 23px;
  }
  .size-24 {
    font-size: 24px;
  }
  .size-25, #wrap-content #page-wrapper #page-right #service-links .service-link h3, #wrap-services #service-subtitle, #wrap-services #service-links .service-link h3, .nav .lvl-0 > a {
    font-size: 25px;
  }
  .size-26 {
    font-size: 26px;
  }
  .size-27 {
    font-size: 27px;
  }
  .size-28 {
    font-size: 28px;
  }
  .size-29 {
    font-size: 29px;
  }
  .size-30, #wrap-content #page-header h1, h2.section-header {
    font-size: 30px;
  }
  .size-31 {
    font-size: 31px;
  }
  .size-32 {
    font-size: 32px;
  }
  .size-33 {
    font-size: 33px;
  }
  .size-34 {
    font-size: 34px;
  }
  .size-35 {
    font-size: 35px;
  }
  .size-36 {
    font-size: 36px;
  }
  .size-37 {
    font-size: 37px;
  }
  .size-38 {
    font-size: 38px;
  }
  .size-39 {
    font-size: 39px;
  }
  .size-40, #wrap-content #page-wrapper #page-right #page-contact > div a {
    font-size: 40px;
  }
  .size-41 {
    font-size: 41px;
  }
  .size-42 {
    font-size: 42px;
  }
  .size-43 {
    font-size: 43px;
  }
  .size-44 {
    font-size: 44px;
  }
  .size-45 {
    font-size: 45px;
  }
  .size-46 {
    font-size: 46px;
  }
  .size-48 {
    font-size: 48px;
  }
  .size-60 {
    font-size: 60px;
  }
  .size-72 {
    font-size: 72px;
  }
  .size-80 {
    font-size: 80px;
  }
  /* Opacity */
  .o-0, img[data-src], #slideshow .slide:nth-child(1) img, #slideshow .slide-text {
    opacity: 0;
  }
  .o-70 {
    opacity: 0.7;
  }
  .o-80 {
    opacity: 0.8;
  }
  .o-90 {
    opacity: 0.9;
  }
  .o-90:hover, .o-80:hover, .o-70:hover, .hover:hover, .o-100, img[data-src][src] {
    opacity: 1;
  }
  /* Text alignment */
  .align-left, #cookie-info > span {
    text-align: left;
  }
  .align-center, #cookie-info, #cookie-info-accept, #cookie-info > span, #wrap-top.nav-mobile-fullscreen #wrap-nav .nav, .gallery-wrap .gallery-item .gallery-item-title .gallery-item-title-link, .news-wrap .news-item a, .feedback-wrap .feedback-item, #la {
    text-align: center;
  }
  .align-right {
    text-align: right;
  }
  .align-justify, #page-content {
    text-align: justify;
  }
  /* Font weight */
  .bold {
    font-weight: bold;
  }
  .normal {
    font-weight: normal !important;
  }
  /* Disply */
  .block, #nav-trigger > span, #wrap-top #logo, #logo, #logo img, .nav-wrap, .nav-wrap .nav a, #wrap-top.nav-mobile-right #wrap-nav, #page-left .news-link, #page-left .news-link span, .gallery-wrap .gallery-item .gallery-item-title .gallery-item-title-link, .gallery-wrap.single.show-alts .gallery-item .gallery-item-title, .news-wrap .news-item a, #la, form.form .form-field-wrap.type-gdpr label:before, .button, #wrap-content #page-wrapper #content-navigation .content-nav-link .title {
    display: block;
  }
  .inline {
    display: inline;
  }
  .iblock, #cookie-info > span {
    display: inline-block;
  }
  .none, #nav-trigger, #wrap-top #wrap-nav #wrap-nav-x, .nav-wrap.mobile-only, #slideshow-text, #page-left #content-select, .carousel-wrap-outer.automatic .carousel-prev, .carousel-wrap-outer.automatic .carousel-next, .carousel-wrap-outer.hide-arrows .carousel-prev, .carousel-wrap-outer.hide-arrows .carousel-next, .gallery-wrap .gallery-item.image .gallery-item-title, .gallery-wrap.show-4 .gallery-item:nth-child(n+5), .gallery-wrap.show-3 .gallery-item:nth-child(n+4), .gallery-wrap.show-2 .gallery-item:nth-child(n+3), .news-wrap.no-image .news-item .news-item-content .news-item-overlay, .news-wrap.no-image .news-item .news-item-image, form.form.hide-on-success.status-3 .form-fields, form.form .form-field-wrap.type-submit label, .notvis {
    display: none;
  }
  /* Positioning */
  .abs, #nav-trigger, .nav-wrap .nav .lvl-0 > .submenu, #slideshow .slide, .content-item .item-image img, .gallery-wrap .gallery-item .gallery-item-title, .gallery-wrap .gallery-item .gallery-item-image, .news-wrap .news-item .news-item-content, .news-wrap .news-item .news-item-content .news-item-overlay, form.form .form-field-wrap.type-gdpr input.form-field, form.form .form-field-wrap.type-gdpr label:before, .overlay-close {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .fixed, #cookie-info-wrap, .overlay-wrap {
    position: fixed;
  }
  .rel, *, #wrap-top, .news-wrap.no-image .news-item .news-item-content {
    position: relative;
  }
  .sticky, #wrap-top.dock-it {
    position: sticky;
    position: -webkit-sticky;
  }
  /* Grid container */
  .grid, #wrap-top.langs-social-comb #wrap-langs-social, #wrap-top.nav-mobile-fullscreen #wrap-nav, .carousel-wrap-outer, .carousel-wrap-outer .carousel-wrap-inner .content-wrap, .news-wrap, .news-wrap .news-item .news-item-content, .feedback-wrap.no-slide, form.form, form.form .form-fields, form.form .form-field-wrap, .overlay-wrap {
    display: grid;
    align-items: center;
  }
  /* Flex container */
  .flex, .nav-wrap .nav {
    display: flex;
  }
  /* Background */
  .bg-white, #cookie-info-wrap, .mfp-close, #nav-trigger > span {
    background-color: white;
  }
  .bg-black {
    background-color: black;
  }
  /* Font colour */
  .colour-white, #cookie-info-accept {
    color: white;
  }
  .colour-black {
    color: black;
  }
  .colour-red {
    color: red;
  }
  .colour-green {
    color: green;
  }
  /* Vertical aligment */
  .va-top {
    vertical-align: top;
  }
  .va-middle, #cookie-info > span, #cookie-info-accept {
    vertical-align: middle;
  }
  /* Margins, paddings, borders */
  .no-margin {
    margin: 0px;
  }
  .no-padding {
    padding: 0px;
  }
  .no-border {
    border: 0px;
  }
  /* Cursor */
  .pointer, #nav-trigger {
    cursor: pointer;
  }
  /* Text capitalisation */
  .upper, #wrap-langs a, .overlay-close {
    text-transform: uppercase;
  }
  .lower {
    text-transform: lowercase;
  }
}
@layer utilities {
  .font-icon-1 {
    font-family: "icomoon1" !important;
  }
  .font-icon-2 {
    font-family: "icomoon2" !important;
  }
  .font-icon-3 {
    font-family: "icomoon3" !important;
  }
  .icon.icon-asterisk-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-asterisk-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-asterisk-1:hover:before {
    color: inherit;
  }
  .icon.icon-bullet-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-bullet-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-bullet-1:hover:before {
    color: inherit;
  }
  .icon.icon-calendar-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-calendar-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-calendar-1:hover:before {
    color: inherit;
  }
  .icon.icon-calendar-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-calendar-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-calendar-2:hover:before {
    color: inherit;
  }
  .icon.icon-calendar-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-calendar-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-calendar-3:hover:before {
    color: inherit;
  }
  .icon.icon-cart-1, .icon.icon-trolley-1, .icon.icon-shop-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-cart-1::before, .icon.icon-trolley-1::before, .icon.icon-shop-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-cart-1:hover:before, .icon.icon-trolley-1:hover:before, .icon.icon-shop-1:hover:before {
    color: inherit;
  }
  .icon.icon-cart-2, .icon.icon-trolley-2, .icon.icon-shop-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-cart-2::before, .icon.icon-trolley-2::before, .icon.icon-shop-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-cart-2:hover:before, .icon.icon-trolley-2:hover:before, .icon.icon-shop-2:hover:before {
    color: inherit;
  }
  .icon.icon-chat-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-chat-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-chat-1:hover:before {
    color: inherit;
  }
  .icon.icon-chat-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-chat-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-chat-2:hover:before {
    color: inherit;
  }
  .icon.icon-check-1, .icon.icon-tick-1, .icon.icon-true-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-check-1::before, .icon.icon-tick-1::before, .icon.icon-true-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-check-1:hover:before, .icon.icon-tick-1:hover:before, .icon.icon-true-1:hover:before {
    color: inherit;
  }
  .icon.icon-check-2, .icon.icon-tick-2, .icon.icon-true-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-check-2::before, .icon.icon-tick-2::before, .icon.icon-true-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-check-2:hover:before, .icon.icon-tick-2:hover:before, .icon.icon-true-2:hover:before {
    color: inherit;
  }
  .icon.icon-check-3, .icon.icon-tick-3, .icon.icon-true-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-check-3::before, .icon.icon-tick-3::before, .icon.icon-true-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-check-3:hover:before, .icon.icon-tick-3:hover:before, .icon.icon-true-3:hover:before {
    color: inherit;
  }
  .icon.icon-clock-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-clock-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-clock-1:hover:before {
    color: inherit;
  }
  .icon.icon-clock-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-clock-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-clock-2:hover:before {
    color: inherit;
  }
  .icon.icon-close-1, .icon.icon-false-1, .icon.icon-cross-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-close-1::before, .icon.icon-false-1::before, .icon.icon-cross-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-close-1:hover:before, .icon.icon-false-1:hover:before, .icon.icon-cross-1:hover:before {
    color: inherit;
  }
  .icon.icon-close-2, .icon.icon-false-2, .icon.icon-cross-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-close-2::before, .icon.icon-false-2::before, .icon.icon-cross-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-close-2:hover:before, .icon.icon-false-2:hover:before, .icon.icon-cross-2:hover:before {
    color: inherit;
  }
  .icon.icon-cloud-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-cloud-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-cloud-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-down-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-down-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-down-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-down-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-down-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-down-2:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-down-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-down-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-down-3:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-down-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-down-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-down-4:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-down-5 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-down-5::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-down-5:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-down-6 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-down-6::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-down-6:hover:before {
    color: inherit;
  }
  .icon.icon-download-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-download-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-download-1:hover:before {
    color: inherit;
  }
  .icon.icon-email-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-email-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-email-1:hover:before {
    color: inherit;
  }
  .icon.icon-email-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-email-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-email-2:hover:before {
    color: inherit;
  }
  .icon.icon-email-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-email-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-email-3:hover:before {
    color: inherit;
  }
  .icon.icon-email-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-email-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-email-4:hover:before {
    color: inherit;
  }
  .icon.icon-facebook-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-facebook-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-facebook-1:hover:before {
    color: inherit;
  }
  .icon.icon-facebook-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-facebook-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-facebook-2:hover:before {
    color: inherit;
  }
  .icon.icon-file-1, .icon.icon-doc-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-file-1::before, .icon.icon-doc-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-file-1:hover:before, .icon.icon-doc-1:hover:before {
    color: inherit;
  }
  .icon.icon-folder-1, .icon.icon-dir-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-folder-1::before, .icon.icon-dir-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-folder-1:hover:before, .icon.icon-dir-1:hover:before {
    color: inherit;
  }
  .icon.icon-heart-1, .icon.icon-love-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-heart-1::before, .icon.icon-love-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-heart-1:hover:before, .icon.icon-love-1:hover:before {
    color: inherit;
  }
  .icon.icon-home-1, .icon.icon-start-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-home-1::before, .icon.icon-start-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-home-1:hover:before, .icon.icon-start-1:hover:before {
    color: inherit;
  }
  .icon.icon-instagram-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-instagram-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-instagram-1:hover:before {
    color: inherit;
  }
  .icon.icon-instagram-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-instagram-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-instagram-2:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-left-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-left-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-left-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-left-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-left-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-left-2:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-left-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-left-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-left-3:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-left-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-left-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-left-4:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-left-5 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-left-5::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-left-5:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-left-6 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-left-6::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-left-6:hover:before {
    color: inherit;
  }
  .icon.icon-linkedin-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-linkedin-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-linkedin-1:hover:before {
    color: inherit;
  }
  .icon.icon-pin-1, .icon.icon-map-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-pin-1::before, .icon.icon-map-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-pin-1:hover:before, .icon.icon-map-1:hover:before {
    color: inherit;
  }
  .icon.icon-pin-2, .icon.icon-map-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-pin-2::before, .icon.icon-map-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-pin-2:hover:before, .icon.icon-map-2:hover:before {
    color: inherit;
  }
  .icon.icon-menu-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-menu-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-menu-1:hover:before {
    color: inherit;
  }
  .icon.icon-menu-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-menu-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-menu-2:hover:before {
    color: inherit;
  }
  .icon.icon-menu-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-menu-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-menu-3:hover:before {
    color: inherit;
  }
  .icon.icon-menu-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-menu-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-menu-4:hover:before {
    color: inherit;
  }
  .icon.icon-minus-1, .icon.icon-dash-1, .icon.icon-collapse-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-minus-1::before, .icon.icon-dash-1::before, .icon.icon-collapse-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-minus-1:hover:before, .icon.icon-dash-1:hover:before, .icon.icon-collapse-1:hover:before {
    color: inherit;
  }
  .icon.icon-minus-2, .icon.icon-dash-2, .icon.icon-collapse-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-minus-2::before, .icon.icon-dash-2::before, .icon.icon-collapse-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-minus-2:hover:before, .icon.icon-dash-2:hover:before, .icon.icon-collapse-2:hover:before {
    color: inherit;
  }
  .icon.icon-minus-3, .icon.icon-dash-3, .icon.icon-collapse-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-minus-3::before, .icon.icon-dash-3::before, .icon.icon-collapse-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-minus-3:hover:before, .icon.icon-dash-3:hover:before, .icon.icon-collapse-3:hover:before {
    color: inherit;
  }
  .icon.icon-db-arrow-1, .icon.icon-more-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-db-arrow-1::before, .icon.icon-more-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-db-arrow-1:hover:before, .icon.icon-more-1:hover:before {
    color: inherit;
  }
  .icon.icon-vert-dots-1, .icon.icon-more-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-vert-dots-1::before, .icon.icon-more-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-vert-dots-1:hover:before, .icon.icon-more-2:hover:before {
    color: inherit;
  }
  .icon.icon-more-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-more-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-more-3:hover:before {
    color: inherit;
  }
  .icon.icon-more-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-more-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-more-4:hover:before {
    color: inherit;
  }
  .icon.icon-padlock-1, .icon.icon-secure-1, .icon.icon-password-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-padlock-1::before, .icon.icon-secure-1::before, .icon.icon-password-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-padlock-1:hover:before, .icon.icon-secure-1:hover:before, .icon.icon-password-1:hover:before {
    color: inherit;
  }
  .icon.icon-pencil-1, .icon.icon-edit-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-pencil-1::before, .icon.icon-edit-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-pencil-1:hover:before, .icon.icon-edit-1:hover:before {
    color: inherit;
  }
  .icon.icon-phone-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-phone-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-phone-1:hover:before {
    color: inherit;
  }
  .icon.icon-phone-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-phone-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-phone-2:hover:before {
    color: inherit;
  }
  .icon.icon-phone-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-phone-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-phone-3:hover:before {
    color: inherit;
  }
  .icon.icon-plus-1, .icon.icon-add-1, .icon.icon-expand-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-plus-1::before, .icon.icon-add-1::before, .icon.icon-expand-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-plus-1:hover:before, .icon.icon-add-1:hover:before, .icon.icon-expand-1:hover:before {
    color: inherit;
  }
  .icon.icon-plus-2, .icon.icon-add-2, .icon.icon-expand-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-plus-2::before, .icon.icon-add-2::before, .icon.icon-expand-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-plus-2:hover:before, .icon.icon-add-2:hover:before, .icon.icon-expand-2:hover:before {
    color: inherit;
  }
  .icon.icon-plus-3, .icon.icon-add-3, .icon.icon-expand-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-plus-3::before, .icon.icon-add-3::before, .icon.icon-expand-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-plus-3:hover:before, .icon.icon-add-3:hover:before, .icon.icon-expand-3:hover:before {
    color: inherit;
  }
  .icon.icon-print-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-print-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-print-1:hover:before {
    color: inherit;
  }
  .icon.icon-quote-square-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-quote-square-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-quote-square-1:hover:before {
    color: inherit;
  }
  .icon.icon-quote-circle-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-quote-circle-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-quote-circle-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-right-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-right-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-right-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-right-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-right-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-right-2:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-right-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-right-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-right-3:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-right-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-right-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-right-4:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-right-5 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-right-5::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-right-5:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-right-6 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-right-6::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-right-6:hover:before {
    color: inherit;
  }
  .icon.icon-search-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-search-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-search-1:hover:before {
    color: inherit;
  }
  .icon.icon-search-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-search-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-search-2:hover:before {
    color: inherit;
  }
  .icon.icon-mobile-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-mobile-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-mobile-1:hover:before {
    color: inherit;
  }
  .icon.icon-mobile-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-mobile-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-mobile-2:hover:before {
    color: inherit;
  }
  .icon.icon-star-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-star-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-star-1:hover:before {
    color: inherit;
  }
  .icon.icon-twitter-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-twitter-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-twitter-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-up-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-up-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-up-1:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-up-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-up-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-up-2:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-up-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-up-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-up-3:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-up-4 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-up-4::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-up-4:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-up-5 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-up-5::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-up-5:hover:before {
    color: inherit;
  }
  .icon.icon-arrow-up-6 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-arrow-up-6::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-arrow-up-6:hover:before {
    color: inherit;
  }
  .icon.icon-user-1, .icon.icon-person-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-user-1::before, .icon.icon-person-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-user-1:hover:before, .icon.icon-person-1:hover:before {
    color: inherit;
  }
  .icon.icon-user-2, .icon.icon-person-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-user-2::before, .icon.icon-person-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-user-2:hover:before, .icon.icon-person-2:hover:before {
    color: inherit;
  }
  .icon.icon-user-3, .icon.icon-person-3 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-user-3::before, .icon.icon-person-3::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-user-3:hover:before, .icon.icon-person-3:hover:before {
    color: inherit;
  }
  .icon.icon-youtube-1 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-youtube-1::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-youtube-1:hover:before {
    color: inherit;
  }
  .icon.icon-youtube-2 {
    font-family: "icomoon1" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon.icon-youtube-2::before {
    color: #771117;
    transition: all 0.35s ease-in-out;
    content: "";
  }
  .icon.icon-youtube-2:hover:before {
    color: inherit;
  }
}
:root {
  --primary: #771117;
  --primary-light: #a81820;
  --primary-dark: #650e14;
  --secondary: #000000;
  --secondary-light: #262626;
  --secondary-dark: black;
  --nav-position: 0px;
  /* Normally wrappers could be in vw but those would include scrollbar.
        Instead, we calculate the left/right position of nav wrap. */
  --wrapper: 80%;
  --gap-05: 0.5vw;
  --gap-1: 1vw;
  --gap-2: 2vw;
  --gap-3: 3vw;
  --gap-4: 4vw;
  --grid-4: repeat(4, 1fr);
  --grid-4-item-pct: 25%;
}
@media (max-width: 1366px) {
  :root {
    --wrapper: 90%;
  }
}
@media (max-width: 0px) {
  :root {
    --gap-05: 0.75vw;
    --gap-1: 1.5vw;
    --gap-2: 3vw;
    --gap-3: 4.5vw;
    --gap-4: 6vw;
    --grid-4: repeat(3, 1fr);
    --grid-4-item-pct: calc(100% / 3);
    --nav-position: calc(-5.5% - 0.5px);
  }
}
@media (max-width: 700px) {
  :root {
    --gap-05: 1vw;
    --gap-1: 2vw;
    --gap-2: 4vw;
    --gap-3: 6vw;
    --gap-4: 8vw;
    --grid-4:1fr 1fr;
    --grid-4-item-pct: 50%;
  }
}
@media (max-width: 500px) {
  :root {
    --gap-05: 1.25vw;
    --gap-1: 2.5vw;
    --gap-2: 5vw;
    --gap-3: 7.5vw;
    --gap-4: 10vw;
    --grid-4: 1fr;
    --grid-4-item-pct: 100%;
  }
}
@layer defaults {
  /* Set all elements at relative and level 2 */
  * {
    outline: none;
    z-index: 2;
    box-sizing: border-box;
  }
  /* Styles for the HTML and BODY elements */
  html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
  }
  body {
    overflow-x: hidden;
  }
  .wrapper {
    margin: 0 auto;
  }
  /* Change font for russian */
  html:lang(ru) body {
    font-family: Arial, Helvetica, sans-serif !important;
  }
  /* Remove default styling of links */
  a, a img {
    border: 0;
    text-decoration: none;
    outline: 0;
  }
  a {
    transition: color 0.35s ease-in-out;
    color: black;
  }
  a:hover {
    color: var(--primary);
  }
  /* Remove button styling on iPhone */
  input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
  }
  /* Remove arrows from number field */
  input[type="number"], input[type="date"] {
    -moz-appearance: textfield;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 100%;
  }
  input[type="number"]::-webkit-inner-spin-button, input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  input[type="number"]::-webkit-outer-spin-button, input[type="date"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
  /* Font inheritance */
  input, textarea, select {
    font-family: inherit;
  }
  /* Remove margin and font-bold from H headers */
  h1, h2, h3, h4 {
    margin: 0;
    font-weight: normal;
  }
  /* Images loaded onload or lazy get opacity 0 and then change */
  img[data-src] {
    transition: opacity 0.35s ease-in-out;
  }
  /* LAYOUT SPECIFIC STYLES */
  /* Cookie info */
  #cookie-info-wrap {
    z-index: 9000;
    width: 100%;
    font-family: inherit;
    bottom: 0px;
  }
  #cookie-info {
    width: 90%;
    margin: 0 auto;
    padding: 15px 0px;
    font-size: 12px;
  }
  #cookie-info > span {
    width: 80%;
    padding-left: 3%;
  }
  #cookie-info-accept {
    font-size: 14px;
    padding: 10px 20px;
    background: var(--primary);
    transition: all 0.35s ease-in-out;
  }
  #cookie-info-accept:hover {
    background: var(--secondary);
  }
  @media (max-width: 1100px) {
    #cookie-info > span {
      width: 75%;
    }
  }
  @media (max-width: 800px) {
    #cookie-info > span {
      width: 100%;
      padding-left: 0px;
      padding-top: 2%;
    }
  }
  .mfp-close {
    top: 0px;
    right: 15px;
    font-size: 50pxpx;
  }
  /* Menu */
  #nav-trigger {
    top: 0px;
    left: 0px;
    width: 54px;
    transition: all 0.35s ease-in-out;
    z-index: 10;
    background: var(--primary);
  }
  #nav-trigger > span {
    width: 70%;
    margin: 9px auto;
    height: 6px;
  }
  #nav-trigger:hover {
    background: var(--secondary);
  }
  /* Top */
  #wrap-top {
    top: 0px;
    z-index: 99;
    background: white;
    /* Languages and socials are together */
  }
  #wrap-top #top {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-template-areas: "logo nada langs social" "logo nav nav nav";
    grid-gap: var(--gap-2);
    padding: var(--gap-1) 0;
    z-index: 100;
  }
  #wrap-top #logo {
    grid-area: logo;
  }
  #wrap-top #logo img {
    width: 100%;
    height: auto;
  }
  #wrap-top #wcag {
    grid-area: wcag;
  }
  #wrap-top #wrap-langs {
    grid-area: langs;
    align-self: start;
    display: flex;
  }
  #wrap-top #wrap-langs a {
    padding: 3px;
    margin: 3px;
    display: block;
  }
  #wrap-top #wrap-social {
    grid-area: social;
    align-self: start;
    display: flex;
  }
  #wrap-top #wrap-social a {
    padding: 3px;
    margin: 3px;
    display: block;
  }
  #wrap-top #wrap-social a img {
    display: block;
  }
  #wrap-top #wrap-nav {
    grid-area: nav;
    align-self: end;
  }
  #wrap-top #wrap-nav.submenu-full-width .submenu.lvl-0 {
    position: fixed;
    width: 100%;
    z-index: 999;
    transform: none;
    height: auto;
    bottom: auto;
    display: flex;
  }
  #wrap-top #wrap-nav.submenu-full-width .submenu.lvl-0 .nav-item.lvl-1 + .nav-item.lvl-1 {
    margin-left: var(--gap-2);
  }
  #wrap-top.langs-social-comb #top {
    grid-template-areas: "logo nada langssocial" "logo nav nav nav";
    grid-template-columns: auto 1fr auto;
  }
  #wrap-top.langs-social-comb #wrap-langs-social {
    grid-area: langssocial;
    justify-self: end;
    grid-template-columns: auto auto;
    grid-template-areas: "langs social";
    align-self: start;
  }
  #wrap-top.langs-social-comb.nav-side-by-side #top {
    grid-template-areas: "nada logo langssocial" "menuleft logo menuright";
    grid-template-columns: 1fr auto 1fr;
  }
  #wrap-top.langs-social-comb.nav-side-by-side #wrap-nav-left {
    grid-area: menuleft;
    align-self: end;
  }
  #wrap-top.langs-social-comb.nav-side-by-side #wrap-nav-left .nav {
    justify-content: end;
  }
  #wrap-top.langs-social-comb.nav-side-by-side #wrap-nav-left .nav .lvl-0 + .lvl-0 {
    margin-left: var(--gap-2);
  }
  #wrap-top.langs-social-comb.nav-side-by-side #wrap-nav-right {
    grid-area: menuright;
    align-self: end;
  }
  #wrap-top.langs-social-comb.nav-side-by-side #wrap-nav-right .nav {
    justify-content: start;
  }
  #wrap-top.langs-social-comb.nav-side-by-side #wrap-nav-right .nav .lvl-0 + .lvl-0 {
    margin-left: var(--gap-2);
  }
  #logo {
    margin: 0 auto;
  }
  .nav-wrap .nav {
    justify-content: space-between;
  }
  .nav-wrap .nav .lvl-0 > .submenu {
    top: auto;
    bottom: 0px;
    width: 200px;
    transform: translateY(100%);
    overflow: hidden;
    height: auto;
  }
  .nav-wrap .nav .lvl-0 > .submenu div[class*="lvl-"] > a {
    transition: all 0.35s ease-in-out;
  }
  .nav-wrap .nav .lvl-0 > .submenu .lvl-2 > a {
    padding-left: 10px;
  }
  .nav-wrap .nav .lvl-0 > .submenu .lvl-3 > a {
    padding-left: 15px;
  }
  .nav-wrap .nav div[class*="lvl-"].active > a, .nav-wrap .nav div[class*="lvl-"]:hover > a {
    color: var(--primary);
  }
  /* Change position of the mobile navigation based on wrap-top class */
  @media (max-width: 0px) {
    #wrap-top {
      position: relative;
    }
    #wrap-top.nav-mobile-fullscreen #wrap-nav-x {
      display: block;
    }
    #wrap-nav {
      position: absolute;
      top: 54px;
      left: var(--nav-position);
      width: 300px;
      transition: all 0.35s ease-in-out;
      overflow: hidden;
      grid-area: none !important;
    }
    #wrap-nav > .nav {
      width: 300px;
      min-height: 100px;
      left: 0px;
      transition: all 0.35s ease-in-out;
      display: block;
    }
    #wrap-nav > .nav .submenu {
      display: none !important;
    }
    #wrap-nav.hide {
      width: 0px;
      transition: all 0.35s ease-in-out;
    }
    #wrap-nav.hide > .nav {
      transition: all 0.35s ease-in-out;
    }
    #wrap-nav-left, #wrap-nav-right {
      display: none;
      grid-area: none;
    }
    #nav-trigger {
      display: block;
    }
    #wrap-content #page-wrapper {
      grid-template-areas: "contentleft" "header" "content";
      grid-template-columns: 1fr;
    }
    #page-left {
      margin: 0 0 var(--gap-2) 0;
      padding: 0;
      border: 0;
    }
    #page-left #content-select {
      display: block;
    }
    #page-left #content-navigation {
      display: none;
    }
    .mobile-only {
      display: block;
    }
    #wrap-top.nav-mobile-fullscreen #wrap-nav {
      position: fixed;
      width: 100%;
      height: 100%;
      background: var(--primary);
      transition: all 0.35s ease-in-out;
      top: 0;
      left: 0px;
      overflow: hidden;
      align-content: center;
      grid-template-rows: auto;
      grid-template-columns: 1fr;
    }
    #wrap-top.nav-mobile-fullscreen #wrap-nav.hide {
      width: 0px;
    }
    #wrap-top.nav-mobile-fullscreen #wrap-nav .nav {
      width: 100%;
    }
    #wrap-top.nav-mobile-right #nav-trigger {
      left: auto;
      right: 0px;
    }
    #wrap-top.nav-mobile-right #wrap-nav {
      left: auto;
      right: 0px;
    }
  }
  /* WCAG */
  #wcag-in {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: end;
    grid-gap: 20px;
    align-items: center;
    color: black !important;
    margin: 0 auto;
    right: 70px;
  }
  #wcag-in #wcag-contrast, #wcag-in #wcag-fontsize {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    align-items: center;
  }
  #wcag-in #wcag-contrast {
    grid-template-columns: auto auto auto auto auto;
  }
  #wcag-in #wcag-contrast .contrast {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: var(--primary);
    color: white !important;
    text-align: center;
    display: block;
    line-height: 1;
    padding: 5px;
    border: 2px solid black;
    font-size: 16px !important;
  }
  #wcag-in #wcag-contrast .contrast.contrast-bw {
    background: black;
    color: white !important;
  }
  #wcag-in #wcag-contrast .contrast.contrast-wb {
    background: white;
    color: black !important;
  }
  #wcag-in #wcag-contrast .contrast.contrast-by {
    background: yellow;
    color: black !important;
  }
  #wcag-in .fontsize {
    font-style: italic;
    font-weight: bold;
    color: black !important;
    margin: 0 5px;
    align-self: baseline;
  }
  #wcag-in .fontsize.fontsize-default {
    font-size: 18px !important;
  }
  #wcag-in .fontsize.fontsize-bigger {
    font-size: 21px !important;
  }
  #wcag-in .fontsize.fontsize-big {
    font-size: 26px !important;
  }
  @media (max-width: 600px) {
    #wcag-in {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;
      justify-items: center;
      justify-content: center;
      right: 0;
    }
  }
  /* Slideshow */
  #wrap-slideshow {
    width: 100%;
  }
  #slideshow {
    width: 100%;
    overflow: hidden;
  }
  #slideshow .slide {
    width: 100%;
    height: 100%;
    display: block;
  }
  #slideshow .slide-text {
    /* Hide on mobile as slideshow is too small */
  }
  @media (max-width: 0px) {
    #slideshow .slide-text {
      display: none;
    }
  }
  #slideshow-text {
    /* Show on mobile */
  }
  @media (max-width: 0px) {
    #slideshow-text {
      display: block;
    }
  }
  /* Content */
  #page-wrapper {
    display: grid;
    grid-template-columns: minmax(200px, 270px) 1fr;
    grid-template-rows: auto;
    grid-template-areas: "empty  header" "contentleft content";
    grid-gap: 0 2vw;
    grid-auto-rows: auto;
  }
  #page-wrapper.submenu-no {
    grid-template-areas: "header header" "content content";
    grid-gap: 0;
  }
  #page-left {
    grid-area: contentleft;
  }
  #page-left #content-select {
    border: 0px;
    width: 100%;
    padding: 20px;
  }
  #page-left #content-select option {
    padding: 20px;
    width: 100%;
    border: 0;
  }
  #page-header {
    grid-area: header;
  }
  #page-body {
    grid-area: content;
  }
  #page-content {
    line-height: 1.415;
  }
  #page-content img[src*="/images/"] {
    max-width: 100%;
    height: auto !important;
  }
  .content-item .content-item-in {
    width: 100%;
    height: 100%;
  }
  .content-item .item-image img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -ms-transform: scale(1.02);
    transition: transform 0.35s ease-in-out;
  }
  .content-item:hover .item-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  .carousel-wrap-outer {
    grid-template-columns: auto 1fr auto;
    grid-gap: var(--gap-2);
    grid-template-areas: "prev inner next";
  }
  .carousel-wrap-outer .carousel-prev {
    grid-area: prev;
  }
  .carousel-wrap-outer .carousel-next {
    grid-area: next;
  }
  .carousel-wrap-outer .carousel-prev, .carousel-wrap-outer .carousel-next {
    cursor: pointer;
  }
  .carousel-wrap-outer .carousel-prev .icon:before, .carousel-wrap-outer .carousel-next .icon:before {
    font-size: clamp(30px, 3.125vw, 60px);
  }
  .carousel-wrap-outer .carousel-wrap-inner {
    grid-area: inner;
    overflow: hidden;
    width: 100%;
  }
  .carousel-wrap-outer .carousel-wrap-inner .content-wrap {
    grid-auto-flow: column;
    grid-auto-columns: var(--grid-4-item-pct);
    grid-gap: 0;
    grid-template-columns: none;
    left: 0px;
    transition: left 0.35s ease-in-out;
  }
  .carousel-wrap-outer .carousel-wrap-inner .content-wrap .content-item {
    padding: var(--gap-05);
  }
  .carousel-wrap-outer.automatic, .carousel-wrap-outer.hide-arrows {
    grid-template-areas: "inner inner inner";
  }
  .gallery-wrap {
    display: grid;
    grid-template-columns: var(--grid-4);
    grid-gap: var(--gap-2);
  }
  .gallery-wrap .gallery-item {
    overflow: hidden;
    aspect-ratio: 1;
  }
  .gallery-wrap .gallery-item .gallery-item-title {
    z-index: 5;
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
  }
  .gallery-wrap .gallery-item .gallery-item-title .gallery-item-title-link {
    padding: 10px;
    color: white;
  }
  .gallery-wrap .gallery-item .gallery-item-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .gallery-wrap .gallery-item.image .gallery-item-title {
    font-size: clamp(13px, 0.8333333333vw, 16px);
  }
  .news-wrap {
    grid-template-columns: var(--grid-4);
    grid-gap: var(--gap-2);
  }
  .news-wrap .news-item .news-item-content {
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: all 0.35s ease-in-out;
    grid-template-columns: 1fr;
    grid-template-areas: "date" "title" "text";
    align-items: center;
    padding: var(--gap-1);
    align-content: end;
  }
  .news-wrap .news-item .news-item-content .news-item-title {
    grid-area: title;
    z-index: 12;
    margin: 5px 0;
  }
  .news-wrap .news-item .news-item-content .news-item-title a {
    font-size: clamp(18px, 1.0416666667vw, 20px);
    font-weight: bold;
  }
  .news-wrap .news-item .news-item-content .news-item-date {
    grid-area: date;
    z-index: 12;
  }
  .news-wrap .news-item .news-item-content .news-item-date a {
    font-size: clamp(14px, 0.8333333333vw, 16px);
  }
  .news-wrap .news-item .news-item-content .news-item-text {
    grid-area: text;
    overflow: hidden;
    max-height: 0px;
    height: auto;
    transition: all 0.35s ease-in-out;
    z-index: 12;
  }
  .news-wrap .news-item .news-item-content .news-item-text a {
    font-size: clamp(13px, 0.78125vw, 15px);
  }
  .news-wrap .news-item .news-item-content .news-item-overlay {
    width: 100%;
    z-index: 2;
    height: 100%;
    transition: all 0.35s ease-in-out;
  }
  .news-wrap .news-item .news-item-image {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1;
  }
  .news-wrap .news-item:hover {
    align-content: center;
  }
  .news-wrap .news-item:hover .news-item-content .news-item-text {
    max-height: 200px;
  }
  .news-wrap .news-item:hover .news-item-content .news-item-overlay {
    background: rgba(255, 255, 255, 0.6);
  }
  .news-wrap.no-image .news-item .news-item-content .news-item-text {
    max-height: 200px;
  }
  .feedback-wrap .feedback-item {
    width: 100%;
  }
  .feedback-wrap .feedback-item .feedback-name {
    font-size: clamp(20px, 1.25vw, 24px);
    margin-top: var(--gap-1);
    font-weight: bold;
  }
  .feedback-wrap.no-slide {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    grid-gap: var(--gap-2);
  }
  @media (max-width: 700px) {
    .feedback-wrap.no-slide {
      grid-template-columns: 1fr;
    }
  }
  #la {
    color: var(--primary);
    padding: var(--gap-1) 0;
  }
  #la:hover {
    color: var(--primary-light);
  }
  /* Forms */
  form.form {
    grid-template-columns: 1fr;
    grid-template-areas: "message" "fields";
  }
  form.form .form-msg {
    grid-area: message;
    margin-bottom: var(--gap-1);
  }
  form.form .form-msg .form-msg-in.ok {
    color: #519b20;
  }
  form.form .form-msg .form-msg-in.error {
    color: #b23030;
  }
  form.form .form-fields {
    grid-area: fields;
    grid-template-columns: 1fr;
    grid-gap: var(--gap-2);
  }
  form.form .form-field-wrap {
    grid-template-columns: 1fr;
    grid-template-areas: "label" "field" "msg";
  }
  form.form .form-field-wrap label {
    grid-area: label;
  }
  form.form .form-field-wrap .form-field {
    width: 100%;
    padding: 10px;
    grid-area: field;
  }
  form.form .form-field-wrap .form-field[type="checkbox"] {
    width: auto;
  }
  form.form .form-field-wrap textarea.form-field {
    height: 100px;
  }
  form.form .form-field-wrap .form-field-msg {
    grid-area: msg;
  }
  form.form .form-field-wrap .form-field-msg .form-field-msg-in {
    color: white;
  }
  form.form .form-field-wrap .form-field-msg .form-field-msg-in.type-error {
    background: #9b2020;
  }
  form.form .form-field-wrap .form-field-msg .form-field-msg-in.type-ok {
    background: #519b20;
  }
  form.form .form-field-wrap.type-gdpr {
    grid-template-columns: 20px 1fr;
    grid-template-areas: "field label" "msg msg";
  }
  form.form .form-field-wrap.type-gdpr input.form-field {
    left: -9999px;
  }
  form.form .form-field-wrap.type-gdpr label {
    font-size: 11px;
    cursor: pointer;
  }
  form.form .form-field-wrap.type-gdpr label:before {
    content: " ";
    width: 18px;
    height: 18px;
    background: #ccc;
    left: -20px;
    top: -4px;
  }
  form.form .form-field-wrap.type-gdpr input.form-field:checked ~ label:after {
    content: "✓";
    color: var(--primary);
    position: absolute;
    font-size: 16px;
    z-index: 100;
    top: -6px;
    font-weight: bold;
    left: -17px;
  }
  form.form .form-field-wrap.type-submit input {
    border: 0px;
    outline: 0;
    cursor: pointer;
    background: var(--primary);
    transition: all 0.35s ease-in-out;
  }
  form.form .form-field-wrap.type-submit input:hover {
    background: var(--secondary);
  }
  .overlay-close {
    left: auto;
    right: 0px;
    color: white;
    font-size: 54px;
    line-height: 1;
    padding: 5px 10px;
  }
  .overlay-close:hover {
    color: var(--secondary);
    cursor: pointer;
  }
  .overlay-wrap {
    background: var(--secondary-light);
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    transition: all 0.35s ease-in-out;
    top: 0;
    left: 0;
  }
  .overlay-wrap.show {
    opacity: 1;
    z-index: 1000;
  }
  .overlay-wrap .overlay-in {
    width: 90%;
    margin: 0 auto;
    max-width: 600px;
  }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* Classes based on CSS variables */
.colour-pri, #wrap-content #page-wrapper #page-right #page-contact > div a:hover, #wrap-content #page-wrapper #page-right #service-links .service-link:hover h3 a, h2.section-header {
  color: var(--primary);
}
.colour-sec {
  color: var(--secondary);
}
.bg-pri, .button, footer, footer::before {
  background-color: var(--primary);
}
.bg-sec, .button:hover {
  background-color: var(--secondary);
}
.font-pri, body, html {
  font-family: Arial, Helvetica, sans-serif;
}
.font-bold, .button, .nav .lvl-0 > a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.font-alt {
  font-family: "alternate-gothic-atf";
}
.font-alt-bold, #wrap-content #page-wrapper #page-right #page-contact > div a, #wrap-content #page-wrapper #page-right #service-links .service-link h3, #wrap-content #page-header h1, h2.section-header, #wrap-services #service-subtitle, #wrap-services #service-links .service-link h3, .nav .lvl-0 > a {
  font-family: "alternate-gothic-atf";
  font-weight: 700;
}
.size-18, #wrap-references #files .file .file-name, footer #footer-nav div a {
  font-size: clamp(16px, 0.9375vw, 18px);
}
.size-25, #wrap-content #page-wrapper #page-right #service-links .service-link h3, #wrap-services #service-subtitle, #wrap-services #service-links .service-link h3, .nav .lvl-0 > a {
  font-size: clamp(22px, 1.3020833333vw, 25px);
}
.size-30, #wrap-content #page-header h1, h2.section-header {
  font-size: clamp(27px, 1.5625vw, 30px);
}
.size-40, #wrap-content #page-wrapper #page-right #page-contact > div a {
  font-size: clamp(30px, 2.0833333333vw, 40px);
}
.size-55, #wrap-content #page-wrapper #page-right #page-contact > div a[href*="tel"] {
  font-size: clamp(40px, 2.8645833333vw, 55px);
}
:root {
  --wrapper-width: 58%;
}
@media (max-width: 1400px) {
  :root {
    --wrapper-width:70%;
  }
}
@media (max-width: 1100px) {
  :root {
    --wrapper-width:90%;
  }
}
/* Main Layout */
body, html {
  font-size: 18px;
}
.wrapper {
  width: var(--wrapper-width);
  transition: color 2s ease-in-out;
}
.header {
  margin-bottom: var(--gap-2);
}
.button {
  padding: var(--gap-05) var(--gap-2);
  max-width: 20vw;
}
/* Top */
#wrap-top {
  z-index: 10;
  background: transparent;
  position: relative;
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 60%);
  height: clamp(500px, 32vw, 630px);
}
#wrap-top::before {
  width: 50%;
  height: 80%;
  position: absolute;
  left: 0px;
  content: " ";
  background: url("project-assets/images/bg.webp") no-repeat top left;
  background-size: cover;
  z-index: 10;
  opacity: 0.15;
}
#wrap-top::after {
  background: #821218;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  content: " ";
}
#top {
  grid-template-columns: clamp(220px, 16.5vw, 315px);
  grid-template-areas: "logo" "nav";
  padding-top: var(--gap-1);
}
@media (max-width: 1400px) {
  #top {
    grid-gap: 0;
  }
}
#logo {
  grid-area: logo;
  width: 100%;
}
#logo svg {
  width: 100%;
  height: auto;
  max-width: 200px;
  fill: white;
}
#wrap-nav {
  grid-area: nav;
}
/* Slideshow */
#wrap-slideshow {
  position: absolute;
  width: calc(100% - ((100% - var(--wrapper-width)) / 2) - clamp(220px, 16.5vw, 315px));
  top: 0px;
  right: 0px;
  height: 101%;
  z-index: 99999;
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 75%);
}
#wrap-slideshow #slideshow {
  width: 100%;
  height: 100%;
}
#wrap-slideshow #slideshow .slide img {
  position: absolute;
}
#wrap-slideshow #slideshow .slide .slide-text {
  /* Hide on mobile as slideshow is too small */
}
@media (max-width: 0px) {
  #wrap-slideshow #slideshow .slide .slide-text {
    display: none;
  }
}
/* Main Content */
#wrap-content {
  padding: 0;
}
#wrap-content #page-wrapper {
  grid-template-columns: 1fr max-content;
  grid-template-areas: "header right" "content right";
  grid-gap: 0 100px;
  margin-top: -30px;
  grid-template-rows: auto 1fr;
  align-items: start;
  align-content: start;
}
#wrap-content #page-wrapper #page-body {
  margin-top: 0px;
  align-self: start;
}
#wrap-content #page-wrapper #page-body .page-body-element + .page-body-element {
  /* Gap between elements of the page body */
  margin-top: var(--gap-2);
}
#wrap-content #page-wrapper #page-content {
  text-align: left;
}
#wrap-content #page-wrapper #page-right {
  grid-area: right;
}
#wrap-content #page-wrapper #page-right #page-contact {
  grid-area: contact;
  text-align: right;
}
#wrap-content #page-wrapper #page-right #page-contact > div {
  background: black;
}
#wrap-content #page-wrapper #page-right #page-contact > div a {
  display: block;
  color: white;
}
@media (max-width: 1200px) {
  #wrap-content #page-wrapper #page-right #page-contact > div {
    margin-top: 20px;
  }
}
#wrap-content #page-wrapper #page-right #page-contact::before {
  content: " ";
  background: black;
  position: absolute;
  top: -105px;
  left: -65px;
  width: 817px;
  height: 296px;
  clip-path: polygon(0 0, 100% 34%, 100% 56%, 4% 100%);
}
#wrap-content #page-wrapper #page-right #service-links {
  display: block;
  margin-top: 100px;
}
#wrap-content #page-wrapper #page-right #service-links .service-link {
  width: 100%;
}
#wrap-content #page-wrapper #page-right #service-links .service-link .sl-img {
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
}
#wrap-content #page-wrapper #page-right #service-links .service-link .sl-img img {
  transition: all 0.35s ease-in-out;
  position: absolute;
  width: 100%;
}
#wrap-content #page-wrapper #page-right #service-links .service-link h3 {
  text-align: center;
  margin-top: 5px;
}
#wrap-content #page-wrapper #page-right #service-links .service-link + .service-link {
  margin-top: var(--gap-2);
}
#wrap-content #page-wrapper #page-right #service-links .service-link:hover .sl-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
#wrap-content #page-header {
  margin-top: -60px;
}
#wrap-icons {
  margin-top: var(--gap-4);
  padding-bottom: var(--gap-2);
}
#wrap-icons h2 {
  max-width: 600px;
  margin: 0 auto var(--gap-2) auto;
}
#wrap-icons #icons {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
#wrap-icons #icons .icon {
  width: calc(25% - var(--gap-2));
  margin: 0 var(--gap-1);
  text-align: center;
}
#wrap-icons #icons .icon svg {
  display: block;
  max-width: 120px;
  margin: 0 auto 20px auto;
}
#wrap-icons #icons .icon div {
  font-size: 14px;
  line-height: 18px;
}
h2.section-header {
  text-align: center;
}
#wrap-services {
  background: #e6e6e6;
  margin: 130px 0;
}
#wrap-services::before {
  content: " ";
  width: 100%;
  height: 130px;
  background: #e6e6e6;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  top: 0;
  left: 0;
  transform: translatey(-99%);
}
#wrap-services::after {
  content: " ";
  width: 100%;
  height: 130px;
  background: #e6e6e6;
  clip-path: polygon(100% 0, 0% 100%, 0 0);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translatey(99%);
}
#wrap-services #service-subtitle {
  text-align: center;
  max-width: 800px;
  margin: var(--gap-2) auto;
}
#wrap-services #service-links {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
#wrap-services #service-links .service-link {
  width: calc((100% - (2 * var(--gap-2))) / 3);
}
#wrap-services #service-links .service-link + .service-link {
  margin-left: var(--gap-2);
}
#wrap-services #service-links .service-link .sl-img {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  display: block;
}
#wrap-services #service-links .service-link .sl-img img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-transform: scale(1);
  transition: all 0.35s ease-in-out;
}
#wrap-services #service-links .service-link h3 {
  text-align: center;
  margin-top: 5px;
}
#wrap-services #service-links .service-link:nth-child(4n) {
  margin-left: 0;
}
#wrap-services #service-links .service-link:nth-child(n + 4) {
  margin-top: var(--gap-2);
}
#wrap-services #service-links .service-link:hover .sl-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
#wrap-references #files {
  display: grid;
  justify-content: center;
}
#wrap-references #files .file {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: var(--gap-1);
  margin-top: var(--gap-2);
  align-items: center;
}
#wrap-references #files .file svg {
  width: 90px;
  transition: all 0.35s ease-in-out;
}
#wrap-references #files .file:hover svg {
  fill: #771117;
}
/* Galleries */
.gallery-wrap {
  /* If we want to style the item containers differently */
}
.gallery-wrap .gallery-item {
  /* If we want to style items/links differently */
}
#wrap-gallery {
  margin-top: var(--gap-1);
  padding-bottom: 0;
  z-index: 9999;
}
#wrap-gallery #main-gallery {
  width: 100%;
  aspect-ratio: 1.31;
  overflow: hidden;
  clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%);
}
#wrap-gallery #main-gallery .content-item {
  width: 100%;
  height: 100%;
}
#wrap-gallery #main-gallery .content-item a {
  display: block;
  width: 100%;
  height: 100%;
}
/* Footer */
footer {
  padding-bottom: var(--gap-2);
  margin-top: -60px;
  padding-top: 130px;
}
footer::before {
  content: " ";
  width: 100%;
  height: 130px;
  clip-path: polygon(100% 100%, 0% 100%, 100% 1%);
  position: absolute;
  top: 0;
  left: 0;
  transform: translatey(-99%);
}
footer #footer-logo {
  max-width: 200px;
  display: block;
}
footer #footer-logo svg {
  fill: white;
}
footer #footer-nav {
  position: absolute;
  bottom: 0;
  right: 0;
}
footer #footer-nav div {
  display: inline-block;
}
footer #footer-nav div a {
  color: white;
}
footer #footer-nav div + div {
  margin-left: 20px;
}
/* NAvigation */
.nav {
  display: block;
  /* Submenu navigation */
}
.nav .lvl-0 > a {
  color: white;
}
.nav .lvl-0.active > a, .nav .lvl-0:hover > a {
  color: black;
}
.nav .lvl-0 > .submenu {
  display: none;
}
.nav .lvl-0 + .lvl-0 {
  margin-top: 8px;
}
.nav .submenu {
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
}
.nav .nav-item:hover > .submenu {
  max-height: 500px;
}
/* Media Queries */
@media (max-width: 900px) {
  #wrap-top {
    background: #771117;
    clip-path: none;
    height: auto;
  }
  #wrap-top::before, #wrap-top::after {
    display: none;
  }
  #wrap-top #top {
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "nav";
    margin-bottom: var(--gap-2);
  }
  #wrap-top #top #logo {
    text-align: center;
  }
  #wrap-top #top #wrap-nav {
    text-align: center;
  }
  #wrap-slideshow {
    position: relative;
    aspect-ratio: 1.8;
    width: 100%;
    clip-path: none;
    top: 0;
    right: 0;
  }
  #wrap-content {
    margin-top: 0;
  }
  #wrap-content #page-wrapper {
    margin-top: 0;
    grid-template-areas: "right" "header" "content";
    grid-template-columns: 1fr;
  }
  #wrap-content #page-wrapper #page-header {
    margin-top: var(--gap-4);
  }
  #wrap-content #page-wrapper #page-right #page-contact {
    text-align: center;
    padding: 0;
    width: 120%;
    left: -10%;
  }
  #wrap-content #page-wrapper #page-right #page-contact #contact {
    margin-top: 0;
    padding: 20px;
  }
  #wrap-content #page-wrapper #page-right #page-contact::before {
    display: none;
  }
  #wrap-content #page-wrapper #page-right #service-links {
    display: none;
  }
  #wrap-icons #icons .icon {
    width: calc(50% - var(--gap-2));
  }
  #wrap-icons #icons .icon div {
    max-width: 250px;
    margin: 0 auto;
  }
  #wrap-services #service-links .service-link {
    width: calc((100% - (2 * var(--gap-2))) / 2);
    margin: 0;
  }
  #wrap-services #service-links .service-link + .service-link {
    margin-left: 0;
  }
  #wrap-services #service-links .service-link:nth-child(2n) {
    margin-left: var(--gap-2);
  }
  #wrap-services #service-links .service-link:nth-child(n + 4) {
    margin-top: 0;
  }
  #wrap-services #service-links .service-link:nth-child(n + 3) {
    margin-top: var(--gap-2);
  }
  footer #footer-logo {
    margin: 0 auto;
  }
  footer #footer-nav {
    position: relative;
    text-align: center;
  }
}
@media (max-width: 500px) {
  #wrap-icons h2 {
    max-width: 80%;
  }
  #wrap-icons #icons .icon {
    width: 100%;
  }
  #wrap-icons #icons .icon div {
    max-width: 250px;
    margin: 0 auto;
  }
  #wrap-services #service-links .service-link {
    width: 100%;
    margin-left: 0 !important;
    max-width: 300px;
  }
  #wrap-services #service-links .service-link + .service-link {
    margin-top: var(--gap-2) !important;
  }
}