/*!
Theme Name: Codemakers
Theme URI: https://codemakers.dk
Author: Codemakers
Author URI: https://codemakers.dk
Description: Description
Version: 1.0.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: codemakers
*/
@font-face {
    font-family: 'ValueSansPro';
    src: url('./fonts/ValueSansPro-Regular.woff2') format('woff2'),
        url('./fonts/ValueSansPro-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpectrumMTStd';
    src: url('./fonts/SpectrumMTStd.woff2') format('woff2'),
        url('./fonts/SpectrumMTStd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.project-template-default .two-columns .left-column .media-content {
    padding-left: 12vw;
}
.cards_module .item h3.smaller_title {
    font-size: 2rem;
}
section.gallery-grid.module_has_no_title, section.cta_version {
    padding-top: 0;
}
section.cta_version {
    padding-bottom: 0;
}

.size_breaker .h1 {
    margin-bottom: 2rem;
    margin-top: 2rem!important;
}
.ac_form ._x42344433 {
    margin-bottom: 2rem;
}
.ac_form ._html-code {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
div#gform_wrapper_3, div#gform_wrapper_4 {
    margin-top: 6rem;
}
section.featured-posts img,
section.featured-posts video {
    transition: 0.5s;
}
section.featured-posts .post:hover img,
section.featured-posts .post:hover video,
.filter-results .item:hover .media img, .filter-results .item:hover .media video {
    transform: scale(1.03);
}
section.featured-posts .post a:hover  {
    color: initial!important;
    text-transform: none!important;
}
html {
    font-size: 10px;
    /* display: none; */
}
body {
    overscroll-behavior-y: none;
    transition: opacity var(--animtime1) ease;
    opacity: 0;
    margin: 0;
    color: var(--textclr1);
    --text-scaler: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.menuopen {
    touch-action: none;
    width: 100%;
    height: 10vh;
    position: fixed;
    left: 0;
    top: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0 !important;
}
img {
    max-width: 100%;
    height: auto;
}
*,
:after,
:before {
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent;
}
.for-dekstop {
    display: block !important;
}
.for-mobile {
    display: none !important;
}
.hidden {
    display: none;
}

#wpadminbar {
    z-index: 999999;
}

/* Copy link */
.admin-copy-link.section a {
    display: inline-block;
    visibility: hidden;
}
section:hover > .admin-copy-link.section a {
    animation: 2s fadeInCopy;
    animation-fill-mode: forwards;
}

@keyframes fadeInCopy {
    99% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

/* Layout ========================================================================== */
section {
    position: relative;
    opacity: 0;
    transition: var(--animtime2);
    padding: 10rem 0 10rem;
    clear: both;
    width: 100%;
    overflow: hidden; /*needed for correct height calculation*/
}
.container {
    padding: 0 1.5rem;
    width: 100%;
    margin: 0 auto;
}
.container_m {
    max-width: 114rem;
    margin: 0 auto;
}
.container_s {
    max-width: 100rem;
    margin: 0 auto;
    padding: 0 15rem;
}
.container_xs {
    max-width: 42rem;
    margin: 0 auto;
    padding: 0;
}
.container_l {
    max-width: 200rem;
    margin: 0 auto;
}
blockquote {
    position: relative;
    margin: 3rem 0;
    color: var(--clr1);
    font-size: var(--fontsize_h3);
    line-height: var(--lineh_h3);
    font-weight: bold;
    padding-top: 7rem;
}
.blockquote-right,
.blockquote-left {
    float: left;
    width: 40%;
    padding: 7rem 0 1.7rem 0;
    margin: 3rem 3rem 3rem -14rem;
}
.blockquote-right {
    float: right;
    margin: 3rem -14rem 3rem 3rem;
}
hr {
    margin-top: 4rem;
    margin-bottom: 4rem;
    border: 0;
    border-top: var(--border1);
}
blockquote p {
    margin: 0;
}
blockquote em {
    font-size: var(--fontsize_p);
    font-weight: normal;
}
blockquote p:last-child {
    padding-bottom: 0;
}
blockquote:before {
    content: '”';
    position: absolute;
    top: 1.7rem;
    font-size: 6rem;
    line-height: 1;
}

.clear {
    display: block !important;
    clear: both;
}
.no-scroll {
    overflow: hidden;
}
.no-mt {
    margin-top: 0;
}
.no-mb {
    margin-bottom: 0;
}

/* Typography ===================================================================== */
body {
    font-family: var(--Typeface-Secondary);
    font-size: calc(var(--fontsize_l) * var(--text-scaler));
    line-height: calc(var(--lineh_l) * var(--text-scaler));
}
h1,
.h1 {
    font-size: calc(var(--fontsize_h1) * var(--text-scaler));
    line-height: calc(var(--lineh_h1) * var(--text-scaler));
    font-family: var(--Typeface-Primary);
}
.h1-s {
    font-size: calc(var(--fontsize_h1_s) * var(--text-scaler));
    line-height: calc(var(--lineh_h1) * var(--text-scaler));
    font-family: var(--Typeface-Primary);
}
h2,
.h2 {
    font-size: calc(var(--fontsize_h2) * var(--text-scaler));
    line-height: calc(var(--lineh_h2) * var(--text-scaler));
    margin: 0 0 1rem;
    letter-spacing: 0.1rem;
}
.html_content h2 {
    font-size: calc(var(--fontsize_h2_l) * var(--text-scaler));
    text-transform: uppercase;
}
h3,
.h3,
p.subtitle {
    font-size: calc(var(--fontsize_h3) * var(--text-scaler));
    line-height: calc(var(--lineh_h3) * var(--text-scaler));
}
h4,
.woocommerce-mini-cart__total * {
    font-size: calc(var(--fontsize_h4) * var(--text-scaler));
    line-height: calc(var(--lineh_h4) * var(--text-scaler));
}
h5,
.h5 {
    font-size: calc(var(--fontsize_h5) * var(--text-scaler));
    line-height: calc(var(--lineh_h5) * var(--text-scaler));
    margin: 0 0 1rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--clr3);
}
h6,
.h6 {
    font-size: calc(var(--fontsize_h6) * var(--text-scaler));
    line-height: calc(var(--lineh_h6) * var(--text-scaler));
    font-weight: 400;
    margin-top: 1rem;
}
p {
    font-family: var(--Typeface-Primary);
}
p.secondary-font {
    font-family: var(--Typeface-Secondary);
}
a {
    color: var(--clr1);
}
a:hover {
    text-decoration: none;
}
h1,
h2,
h3,
h4 {
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4 {
    /*-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
}
.label,
label,
.wp-caption-text,
p.small,
a.small,
.woocommerce form .form-row label,
.gfield_password_strength {
    font-size: calc(var(--fontsize_s) * var(--text-scaler));
    line-height: calc(var(--lineh_s) * var(--text-scaler));
}
/* No need to multiply by text-scaler */
/*footer * {*/
/*	font-size: var(--fontsize_s);*/
/*	line-height: var(--lineh_s);*/
/*}*/
.wp-caption-text {
    opacity: 0.55;
    margin-top: 1rem;
    margin-bottom: 0;
}
.wp-caption {
    max-width: 100%;
}
/* Links ========================================================================== */
.hover-underline:after {
    opacity: 0;
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    background: white;
    bottom: -2px;
    left: 0;
}
.hover-underline:hover:after {
    width: 100%;
    opacity: 1;
}
.read_more {
    text-decoration: none;
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-top: -2rem;
    padding-top: 8.7rem;
    color: initial;
    font-weight: bold;
}
a.read_more:after,
a.read_more:before {
    content: ' ';
    border-top: 1px solid var(--textclr1);
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
a.read_more:after {
    width: 4rem;
    height: 4rem;
    /*background-image: linear-gradient(120deg, var(--clr1) 0%, var(--clr2) 110%);*/
    background: var(--textclr1);
    border-radius: 5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
}
a.read_more:hover:after {
    /* background-image: linear-gradient(120deg, var(--clr2) 0%, var(--clr1) 110%); */
}
a.read_more span:before,
a.read_more span:after {
    content: '';
    position: absolute;
    background-color: white;
    transition: transform 0.4s ease-out;
}
a.read_more span:after {
    top: 50%;
    right: 0;
    width: 19px;
    height: 1px;
}
a.read_more span:before {
    top: 50%;
    right: 0;
    width: 1px;
    height: 19px;
    margin-right: 9px;
    margin-top: -9px;
}
a.read_more.read-more-reset span:before {
    transform: scaleY(0);
}
.read_more span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
}
.icon-link {
    text-decoration: none;
    color: var(--textclr1);
    padding: 1.2rem 0.9rem 1.2rem 0.9rem;
    position: relative;
}
.icon-link svg,
.close-mini-cart {
    position: absolute;
    width: 1.8rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.icon-link svg path {
    stroke: var(--textclr1);
}
header .icon-link {
    margin-left: 4rem;
    display: flex;
    align-items: center;
    align-self: flex-start;
}

.icon-link:hover {
    text-decoration: underline;
}
.save_page.disable svg path {
    fill: var(--clr1);
    stroke: var(--clr1);
}
/* Columns grid ======================================================================== */
.columns-2 {
    grid-template-columns: calc(50% - 4rem) calc(50% - 4rem);
}
.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 4rem;
}
.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 4rem;
}
.columns-2,
.columns-3,
.columns-4 {
    display: grid;
}
/* GravityForm ======================================================================== */
.hide-gf {
    display: none;
}
/* Buttons ======================================================================== */
.btn,
.media-with-text .left-block p .btn,
.entry-summary .single_variation_wrap button.button,
.woocommerce div.product div.summary .button,
.woocommerce a.button,
.cart_totals .wc-proceed-to-checkout a.checkout-button.button,
button#place_order,
.coupon button.button,
.checkout_coupon button.button,
.woocommerce button.button,
.gform_footer input[type=submit],
.woocommerce-MyAccount-navigation-link--customer-logout a {
    border-radius: 0;
    padding: 0 0 1.2rem !important;
    color: inherit;
    text-decoration: none;
    display: inline-block;
    font-size: calc(var(--fontsize_btn) * var(--text-scaler));
    line-height: calc(var(--lineh_btn) * var(--text-scaler));
    border: 0;
    width: auto;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    position: relative;
    user-select: none;
    letter-spacing: normal;
    border-bottom: 2px solid var(--clr3);
    width: 90%;
    max-width: 39rem;
    text-align: left;
    font-family: var(--Typeface-Secondary);
}

.body-loaded .gform_footer input[type=submit],
.body-loaded .btn,
.body-loaded .media-with-text .left-block p .btn,
.body-loaded .entry-summary .single_variation_wrap button.button,
.body-loaded .woocommerce div.product div.summary .button,
.body-loaded .woocommerce a.button,
.body-loaded .cart_totals .wc-proceed-to-checkout a.checkout-button.button,
.body-loaded button#place_order,
.body-loaded .coupon button.button,
.body-loaded .checkout_coupon button.button,
.body-loaded .woocommerce button.button,
.body-loaded .woocommerce-MyAccount-navigation-link--customer-logout a {
    transition: color var(--animtime1), border-color var(--animtime1);
}

.btn::after {
    content: '';
    position: absolute;
    top: 0.5rem;
    right: 0;
    margin: auto;
    width: 2.1rem;
    height: 1.9rem;
    background: url('img/arrow-right.svg');
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.gform_footer input[type=submit]:hover,
.btn:hover,
.media-with-text .left-block p .btn:hover,
.entry-summary .single_variation_wrap button.button:hover,
.woocommerce div.product div.summary .button:hover,
.woocommerce a.button:hover,
.cart_totals .wc-proceed-to-checkout a.checkout-button.button:hover,
button#place_order:hover,
.coupon button.button:hover,
.checkout_coupon button.button:hover,
.woocommerce button.button:hover,
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    border-color: var(--clr2);
    color: var(--clr2);
    /* color: white; */
}
.btn:hover::after {
    right: 1rem;
    background: url('img/arrow-right-sky.svg');
    background-position: center;
    background-size: 100%;
}

form.form-style .btn,
.gform_footer input[type=submit] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    background-position: calc(100% - 2.8rem) 48%;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    color: rgb(0, 0, 0);
    text-decoration: none;
    padding: 1.4rem 5.6rem 1.4rem 2.8rem !important;
    border-radius: 0;
    font-size: calc(1.6rem * var(--text-scaler)) !important;
    line-height: calc(3rem * var(--text-scaler)) !important;
    letter-spacing: 0.05rem;
    transition: all 0.3s !important;
    font-family: var(--Typeface-Secondary);
    column-gap: 1.2rem;
    cursor: pointer;
    text-transform: uppercase;
    max-width: max-content;
    margin-top: 0;

}
form.form-style .btn:after {
    display: none;
}
form.form-style .btn:hover,
.gform_footer input[type=submit]:hover {
    border: 1px solid rgb(0, 0, 0);
    background-color: var(--textclr1);
    color: var(--textclr4);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
}
button.disabled:hover,
button.disabled {
    cursor: auto !important;
    opacity: 0.5 !important;
    background-color: var(--clr1) !important;
    pointer-events: none;
}
.btn-secondary {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    color: rgb(0, 0, 0);
    text-decoration: none;
    padding: 1.4rem 2.8rem;
    border-radius: 0;
    font-size: calc(1.6rem * var(--text-scaler));
    line-height: calc(3rem * var(--text-scaler));
    letter-spacing: 0.05rem;
    transition: background-color 0.3s, color 0.3s;
    font-family: var(--Typeface-Secondary);
    column-gap: 1.2rem;
    cursor: pointer;
    text-transform: uppercase;
}
.btn-secondary::after {
    content: '';
    display: block;
    height: 1.6rem;
    width: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0.4rem;
    flex: 0 0 auto;
}
.btn-secondary:hover {
    background-color: rgb(0, 0, 0);
    color: #fff;
}
.btn-secondary:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
}
.close:not(.close--modal),
.woocommerce-remove-coupon,
.lity-close,
.woocommerce a.remove {
    position: absolute;
    cursor: pointer;
    color: transparent !important;
    border: 0;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
}
.close:not(.close--modal):before,
.close:not(.close--modal):after,
.woocommerce-remove-coupon:before,
.woocommerce-remove-coupon:after,
.woocommerce a.remove:before,
.woocommerce a.remove:after,
.lity-close:before,
.lity-close:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: center;
    width: 2.4rem;
    height: 0.1rem;
    background-color: #000;
    border-radius: 2px;
}
.close-container:hover .close:before,
.close-container:hover .close:after,
.close:not(.close--modal):hover:before,
.close:not(.close--modal):hover:after,
.woocommerce a.remove:hover:before,
.woocommerce a.remove:hover:after,
.woocommerce-remove-coupon:hover:after,
.woocommerce-remove-coupon:hover:before,
.lity-close:hover:after,
.lity-close:hover:before {
    background-color: var(--clr1);
}
.close:not(.close--modal),
.close:not(.close--modal):hover,
div.woocommerce a.remove,
div.woocommerce a.remove:hover,
.lity-close,
.lity-close:hover {
    background: transparent !important;
    color: transparent !important;
}
.close:not(.close--modal):hover {
    transform: rotate(90deg);
    transform-origin: center;
    transition: transform 0.3s ease;
}
.close:not(.close--modal):before,
.woocommerce-remove-coupon:before,
.woocommerce a.remove:before,
.lity-close:before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.close:not(.close--modal):after,
.woocommerce-remove-coupon:after,
.woocommerce a.remove:after,
.lity-close:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.close-container {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    background: var(--clr2);
    width: 3.2rem;
    height: 3.2rem;
    right: 0;
    top: 0;
}
.close-container .close:not(.close--modal),
.woocommerce a.remove,
.lity-close {
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: 50%;
    margin-top: 50%;
}
.close-container .close:not(.close--modal):before,
.close-container .close:not(.close--modal):after,
.lity-close:before,
.lity-close:after {
    background-color: #ffffff;
}

/* Sitewide notice */

.sitewide-notice {
    background-color: var(--clr2);
    padding: 0.7rem 0;
    font-size: calc(var(--fontsize_s) * var(--text-scaler));
    line-height: calc(var(--lineh_s) * var(--text-scaler));
}

.sitewide-notice .container .left-side {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    align-items: center;
    width: calc(100% - 3rem);
}

.sitewide-notice .container .left-side p {
    margin: 0;
}

.sitewide-notice .container .close {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
}

#sitewide-notice {
    display: none;
}

.sitewide-notice .container .left-side .btn {
    padding: 0.7rem 3rem !important;
    font-size: calc(var(--fontsize_s) * var(--text-scaler)) !important;
    line-height: calc(var(--lineh_s) * var(--text-scaler)) !important;
}

/* Navigation ===================================================================== */
.custom-logo-link img {
    vertical-align: middle;
}
#masthead,
#headfixer.stickyhead {
    position: relative;
    width: 100%;
    z-index: 9999;
    top: 0;
    transition: var(--animtime2);
}
body:not(.body-loaded) #masthead {
    transform: translateY(-150%);
}
.to-left {
    left: -55rem !important;
}
.custom-logo-link.white {
    display: none;
}
body:not(.menuopen) #masthead.fixed #headfixer.stickyhead {
    transition: var(--animtime1);
}
body:not(.menuopen) #masthead.fixed:not(.scrollup) .burger-icon span,
body:not(.menuopen) #masthead.fixed:not(.scrollup) .close-mini-cart:before,
body:not(.menuopen) #masthead.fixed:not(.scrollup) .close-mini-cart:after {
    background: var(--textclr4);
}
#headfixer {
    background: white;
    left: 0;
    transition: var(--animtime2);
}
.extra_nav {
    display: flex;
    flex-wrap: wrap;
}
body:not(.menuopen) #masthead.fixed,
body:not(.menuopen) #masthead.fixed:not(.scrollup) {
    position: fixed;
}
body:not(.menuopen) #masthead.fixed:not(.scrollup) #headfixer {
    background: transparent;
    box-shadow: unset;
    border: 0;
}
body:not(.menuopen)
    #masthead.fixed:not(.scrollup)
    .menu-item-has-children
    > a:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down' style='%26%2310%3B stroke: %23FFF%3B%26%2310%3B'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
        center no-repeat;
    background-size: 100%;
}
body:not(.menuopen) #masthead.fixed:not(.scrollup) #headfixer * {
    color: #fff;
}
body:not(.menuopen) #masthead.fixed:not(.scrollup) .custom-logo-link.white {
    display: block;
}
body:not(.menuopen)
    #masthead.fixed:not(.scrollup)
    .custom-logo-link:not(.white) {
    display: none;
}
body:not(.menuopen)
    #masthead.fixed:not(.scrollup)
    #headfixer
    .icon-cart
    svg
    circle,
body:not(.menuopen)
    #masthead.fixed:not(.scrollup)
    #headfixer
    .icon-cart
    svg
    path {
    fill: var(--textclr4) !important;
}
#headfixer.stickyhead {
    position: fixed;
}
.nav-container {
    display: flex;
    align-items: center;
    /* margin-left: auto; */
}
.scrollup .main-logo-link svg{
    position: absolute;
}
@media screen and (min-width: 1000px) {
    .home header.scrollup .stickyhead{
        height: 11.4rem;
    }
    .home header .stickyhead{
        height: 24.4rem;
    }
    body:not(.home) .main-logo-link svg{
        display: none;
    }
}
#masthead .btn {
    margin-bottom: 0;
}
#masthead .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    /* justify-content: flex-end; */
    align-items: flex-start;
    padding-top: 4.2rem;
    padding-bottom: 4.2rem;
    column-gap: 2.4rem;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li:first-child {
    margin-left: 0;
}
.main-navigation li {
    position: relative;
}
.main-navigation a {
    color: var(--textclr1);
    display: block;
    text-decoration: none;
    padding: 0;
    font-size: calc(1.5rem * var(--text-scaler));
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    font-family: var(--Typeface-Secondary);
    transition: color 0.1s ease-out;
    position: relative;
}
.main-navigation a:hover {
    color: var(--clr3) !important;
}
.main-navigation .sub-menu a {
    display: inline-block;
    white-space: nowrap;
}
/* .menu-item-has-children > a:after { */
/* content: ""; */
/* position: absolute; */
/* width: 1.8rem; */
/* height: 1.1rem; */
/* background: url(img/icons/feather/chevron-down.svg) center no-repeat; */
/* background-size: 100%; */
/* margin-left: 1rem; */
/* margin-top: 0.9rem; */
/* transition: var(--animtime1); */
/* } */
.menu-item-has-children .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    right: 1.5rem;
}
.menu-item-has-children .arrow svg path {
    stroke-width: 2;
}
.menu-item-has-children .arrow svg {
    transition: var(--animtime1);
    transform: rotate(0deg);
    width: 1.6rem;
    height: auto;
}

/* Dropdown */
.main-navigation ul ul {
    display: block;
}
.main-navigation ul ul li {
    padding: 0;
}
.main-logo-link {
    text-decoration: none;
    /* position: absolute;
    top: 4.2rem;
    left: 1.5rem; */
}
.main-logo-link svg {
    display: block;
    height: 12rem;
    width: auto;
    opacity: 1;
    transition: var(--animtime2);
}
.main-logo-link:hover .main-logo-text {
    color: var(--clr3);
}
.main-logo-text {
    display: none;
    letter-spacing: 0.2rem;
    color: #000;
    font-size: 2rem;
    text-transform: uppercase;
    text-decoration: none;
    font-family: var(--Typeface-Secondary);
    transition: var(--animtime1);
}
body:not(.menuopen) #masthead.fixed.scrollup .main-logo-link svg,
body:not(.home) #masthead .main-logo-link svg {
    /* display: none; */
    opacity: 0;
}

body:not(.menuopen) #masthead.fixed.scrollup .main-logo-text,
body:not(.home) #masthead .main-logo-link .main-logo-text {
    display: block;

}
/* body:not(.menuopen) #masthead.fixed.scrollup .container,
body:not(.home) #masthead .container {
    align-items: center;
} */

@media screen and (min-width: 1700px) {
    .main-logo-link svg {
        height: 16rem;
    }
}

@media screen and (min-width: 1001px) {
    .main-navigation .nav-menu > li + li {
        margin-left: 4rem;
    }

    .menu-item-has-children:hover .arrow svg {
        transform: rotate(-180deg);
    }
    .main-navigation ul.sub-menu {
        position: absolute;
        top: 100%;
        padding-top: 1rem;
        left: 0;
        display: none;
        transition: opacity 0.3s ease;
    }
    /*.main-navigation li.menu-item-has-children:hover > .sub-menu,*/
    .main-navigation li.menu-item-has-children.active > .sub-menu,
    .main-navigation li.menu-item-has-children:focus-within > .sub-menu {
        max-height: 15em;
        display: block;
    }
    .main-navigation li.menu-item-has-children.check-height > .sub-menu,
    .main-navigation li.menu-item-has-children:focus-within > .sub-menu {
        display: block;
        opacity: 0;
    }
    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
    }
    /*.main-navigation ul ul li:hover > ul,*/
    .main-navigation ul ul li.active > ul,
    .main-navigation ul ul li.focus > ul {
        display: block;
        left: auto;
    }
    /*.main-navigation ul li:hover > ul,*/
    .main-navigation ul li.active > ul,
    .main-navigation ul li.focus > ul {
        left: auto;
    }
    #primary-menu li > a::before,
    #primary-menu li > button::before,
    footer .right-block .footer-col-text-block p a:not(.btn)::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: currentColor;
        /* top: 100%; */
        /* top: calc(100% + 0.4rem); */
        top: calc(100% - 1px);
        left: 0;
        pointer-events: none;
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform 0.3s;
    }
    #primary-menu li > a:hover::before,
    #primary-menu li > button:hover::before,
    footer .right-block .footer-col-text-block p a:hover::before {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1);
    }
    .submenu-back,
    .submenu-toggle-btn {
        display: none;
    }
    .main-logo-text {
        transform: translateY(-0.2rem);
    }
    section {
        opacity: 1;
        background: #fff;
        z-index: 2;
    }
    footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    main#primary {
        padding-bottom: calc(
            var(--footer-height) + env(safe-area-inset-bottom, 0px)
        );
    }
    header .icon-link {
        transform: translateY(-0.2rem);
    }
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

/* Media ========================================================================== */
.video-icon {
    background: url('img/icons/play.svg') no-repeat;
    border: 1px solid white;
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    background-position: center;
    z-index: 9;
    background-position-x: 57%;
}
.media-container figure {
    margin: 0;
}
.media-container img,
.media-container video {
    display: block;
}
.media-container {
    position: relative;
    overflow: hidden;
}
.media-container.has-overlay:after {
    content: '';
    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(21, 58, 96, 0.6) 84.53%
        ),
        linear-gradient(
            0deg,
            rgba(206, 232, 234, 0.4),
            rgba(206, 232, 234, 0.4)
        );
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.text_module .first {
    width: 73.9rem;
    height: 57.1rem;
    position: relative;
}

.text_module .second {
    width: 46.9rem;
    height: 55.9rem;
    position: relative;
    z-index: 99;
    transform: translate(-15.5rem, 12rem);
    box-shadow: 20px 73px 66px #00000029;
}

.text_module .media,
.text_module .media figure {
    width: 100%;
    height: 100%;
}

.text_module .media figure video,
.text_module .media figure img {
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}

.media-container-inside {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    transform: translate(0, -28.5rem);
}

.text-second {
    padding-top: 0;
}

.text_module.additional-class {
    /* padding-bottom: 35.5rem; */
    padding-bottom: 42rem;
}

.text-second .html_content {
    margin-top: -13rem;
}

.html_content a:not([class]) {
    text-decoration: underline;
}

.html_content a:not([class]):hover {
    text-decoration: underline;
    color: var(--clr2);
    transition: var(--animtime1);
}

/* Lity =========================================================================== */
.lity {
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.lity.lity-opened {
    opacity: 1;
}
.lity.lity-closed {
    opacity: 0;
}
.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important;
}
.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: calc(1.4rem * var(--text-scaler));
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
    opacity: 1;
}
.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}
.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease,
        -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
    z-index: 9994;
    position: fixed;
    right: 2rem;
    top: 4rem;
    margin: 0;
}
/* Image */
.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    width: 90%;
    max-width: 300rem;
}
.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
.lity-hide {
    display: none;
}

/* Footer ========================================================================= */
footer .right-block .footer-col-text-block p {
    margin: 0;
}
footer .right-block .footer-col-text-block p a {
    text-decoration: none;
    transition: color 0.2s ease;
    position: relative;
}
footer .right-block .footer-col-text-block p a:hover {
    color: var(--textclr1);
    text-decoration: none;
}
footer .right-block .footer-col-text-block h1,
footer .right-block .footer-col-text-block h2,
footer .right-block .footer-col-text-block h3,
footer .right-block .footer-col-text-block h4 {
    margin-top: 0;
    margin-bottom: 3.5rem;
    font-family: var(--Typeface-Primary);
    color: #000;
    opacity: 0.3;
    font-size: 2rem;
    line-height: 3rem;
    text-transform: uppercase;
}
footer .right-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 3rem;
}
footer p {
    font-family: var(--Typeface-Secondary);
    font-size: calc(var(--fontsize_p) * var(--text-scaler));
    line-height: calc(var(--lineh_p) * var(--text-scaler));
}
.footer-main {
    background: var(--clr5);
    padding: 5rem 0 3.4rem;
}
footer .right-block .footer-col-text-block--upd > p:first-of-type {
    min-height: 12rem;
}
footer .right-block .footer-col-text-block--upd > p .btn {
    margin-top: 1.8rem;
}
.footer-2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10rem;
    justify-content: space-between;
    align-items: flex-end;
}
.footer-2 p {
    color: var(--textclr5) !important;
    font-size: calc(var(--fontsize_xs) * var(--text-scaler)) !important;
    line-height: calc(var(--lineh_xs) * var(--text-scaler)) !important;
    margin: 0;
}
.footer-2 .column {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4rem;
    font-size: calc(var(--fontsize_xs) * var(--text-scaler)) !important;
    line-height: calc(var(--lineh_xs) * var(--text-scaler)) !important;
}
.footer-2 a {
    margin: 0;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.footer-main .footer-2 li a {
    color: rgba(0, 0, 0, 0.3);
    transition: color 0.2s ease;
}
.footer-2 a:last-child {
    float: right;
    margin-right: 0;
}
.footer-2 ul {
    display: flex;
    flex-wrap: wrap;
}

.footer-2 ul li {
    margin: 0;
}
.footer-2 ul li a {
    text-decoration: none;
    font-size: 1.6rem;
}
.footer-2 ul li a:hover {
    color: #000;
}
.footer-2 ul {
    margin: 0;
    padding: 0;
}
.footer_logo {
    margin-bottom: 2rem;
}
.footer_col1 {
    max-width: 30rem;
}
.footer-main .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.footer-main .container .inside-container {
    width: 100%;
}
.footer-menu-container ul li a {
    font-size: 3rem;
    line-height: 4.5rem;
    position: relative;
    font-weight: 300;
    text-decoration: none;
    display: flex;
    color: var(--textclr1);
    align-items: center;
}
.footer-menu-container ul li a::before {
    content: '';
    width: 3.5rem;
    height: 1px;
    background-color: black;
    display: inline-block;
    margin-right: 1.5rem;
    -webkit-transition: var(--animtime1);
    transition: var(--animtime1);
}

.footer-menu-container ul li a:hover::before {
    width: 6rem;
}
.footer-menu-container {
    width: 50%;
    padding: 7rem 0;
}
.footer-menu-container ul {
    display: flex;
    flex-wrap: wrap;
}
.footer-menu-container ul li {
    width: 50%;
}
.footer-main .container .inside-container .left-block li {
    display: flex;
    flex-wrap: wrap;
    margin: 0.4rem 0;
}
.footer-main .container .inside-container .left-block li:first-child {
    margin-bottom: 2.5rem;
}
.footer-main .container .inside-container .left-block li span.title {
    width: 25rem;
}
.footer-main .container .inside-container .left-block li p {
    margin: 0;
}
.footer-main .container .inside-container .left-block li p a:hover {
    text-decoration: underline;
}
.social-media svg path,
.social-media svg rect,
.social-media svg line,
.social-media svg circle {
    /*stroke: var(--textclr5);*/
    fill: var(--textclr5);
}
.footer-main .container .inside-container .social-media a {
    margin-left: 1.5rem;
    margin-right: 0;
}
footer .social-media {
    display: flex;
    flex-wrap: wrap;
}
.social-media a {
    margin-right: 1rem;
    text-decoration: none;
}
.social-media svg {
    height: 3rem;
    max-height: 2rem;
    width: auto;
    max-width: 3rem;
    /*margin-top: 2rem;*/
}
.footer-main ul {
    list-style: none;
    padding-left: 0;
}
.footer-main ul.sub-menu {
    display: none;
}
.footer-main .menu-item-has-children > a:after {
    content: none;
}
.footer-main li {
    margin-top: 0.5rem;
}
.footer-main li a {
    color: var(--textclr4);
    text-decoration: none;
    display: block;
}
.footer-2 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-2 .container .menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.footer-2 .container .menu li {
    list-style: none;
}
.footer-2 .container .menu li:first-child a {
    padding-left: 0;
}
.footer-2 .container .menu li a {
    padding: 0 1rem;
}
.footer-2 .container .menu li:last-child a {
    padding-right: 0;
}
.footer-2 .container .social-media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gform_wrapper {
    max-width: 50rem;
}

.contact-form-frame textarea,
form.newsletter-form input,
.gform_wrapper input,
.gform_wrapper select,
form.form-style input,
form.form-style select,
footer .gform_wrapper.gravity-theme input[type='email'],
form#mc-embedded-subscribe-form input,
form#mc-embedded-subscribe-form select{
    padding-left: 0 !important;
    padding-right: 4rem !important;
    padding-bottom: 1.2rem !important;
    font-size: calc(var(--fontsize_btn) * var(--text-scaler));
    line-height: calc(var(--lineh_btn) * var(--text-scaler));
    border: 0;
    border-bottom: 2px solid var(--clr3);
    outline: none;
    padding-top: 1.8rem;
}


.contact-form-frame .iti__country-container button {
    width: 100%;
    margin-top: 2px;
}
.contact-form-frame .iti__selected-dial-code{
    font-size: calc(var(--fontsize_btn) * var(--text-scaler)) !important;
    line-height: calc(var(--lineh_btn) * var(--text-scaler)) !important;
}
.contact-form-frame .iti {
    width: 100%;
}
.contact-form-frame ._x48610119 {
    margin-top: 1rem;
}
.contact-form-frame #phone {
    padding-left: 95px !important;
}

.contact-form-frame button[type=submit] {
    margin-top: 1.2rem !important;
}

.contact-form-frame textarea,
form.newsletter-form input,
.gform_wrapper input,
.gform_wrapper select,
form.form-style input,
form.form-style select,
form#mc-embedded-subscribe-form input,
form#mc-embedded-subscribe-form select{
    font-family: var(--Typeface-Secondary);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

form.newsletter-form input {
    padding-top: 1.8rem !important;
    margin-bottom: 0 !important;
}

form.newsletter-form input:focus,
form.newsletter-form input:hover {
    border-color: var(--clr2);
}

form.newsletter-form ._form-content {
    position: relative;
}

form.newsletter-form ._button-wrapper {
    position: absolute;
    top: 1.4rem;
    right: 0;
}
form.newsletter-form  ._error-inner {
    font-size: 12px;
    margin-top: 4px;
}
form.newsletter-form button {
    background-image: url('img/submit-icon.svg');
    background-size: 2.1rem 1.9rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    color: transparent;
    border: 0;
    transition: all 0.3s !important;
}
form.newsletter-form button:hover {
    background-position: right 0.3rem center;
    background-image: url('img/submit-icon-sky.svg');
}

.gfield--type-select:not(.active) select,
.gfield--type-select select option.gf_placeholder {
    color: #707070;
}

.gfield--type-select:not(.active) select option:not(.gf_placeholder) {
    color: #000000;
}

form.form-style ._checkbox-radio {
    position: relative;
}
form.form-style ._checkbox-radio .checkbox-block ._error-inner{
    position: absolute;
    bottom: -15px;
}

form.form-style ._error-inner {
    font-size: 12px !important;
    color: #c02b0a;
}

form.form-style .checkbox {
    border: 2px solid var(--clr3);
}

form#mc-embedded-subscribe-form .mc-field-group ul{
    padding: 0;
    margin: 1rem 0;
    list-style: none;
}

form#mc-embedded-subscribe-form .mc-field-group ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

form#mc-embedded-subscribe-form .mc-field-group ul li label{
    margin-top: 0.4rem;
}

form#mc-embedded-subscribe-form #mc_embed_signup_scroll{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form#mc-embedded-subscribe-form .mc-field-group{
    width: 100%;
}

form#mc-embedded-subscribe-form{
    max-width: 90%;
}

form#mc-embedded-subscribe-form .mc-field-group.input-group{
    width: 100%;
}

form#mc-embedded-subscribe-form input::placeholder,
form#mc-embedded-subscribe-form select::placeholder{
    color: var(--textclr1) !important;
}

form#mc-embedded-subscribe-form p{
    margin: 0;
}

footer .gform_wrapper.gravity-theme input[type='email']:hover,
footer .gform_wrapper.gravity-theme input[type='email']:focus,
form#mc-embedded-subscribe-form input:focus,
form#mc-embedded-subscribe-form input:hover,
form#mc-embedded-subscribe-form select:focus,
form#mc-embedded-subscribe-form select:hover {
    border-color: var(--clr2);
}

.response{
    width: 100%;
}

footer
    form
    .gform-body
    .gfield:not(
        .gfield--type-radio,
        .gfield--type-choice,
        .gfield--type-fileupload
    )
    .ginput_container.active-focus {
    box-shadow: none;
    border: none;
}

input#mc-embedded-subscribe{
    background-image: url('img/submit-icon.svg');
    background-size: 2.1rem 1.9rem;
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
}


footer .gform_wrapper.gravity-theme input[type='submit'] {
    width: 3.8rem;
    height: 5.5rem;
    border: 0;
    margin: 0 !important;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    background-image: url('img/submit-icon.svg');
    background-size: 2.1rem 1.9rem;
    background-repeat: no-repeat;
    background-position: right center;
}
footer input[type="email"], footer label {
    cursor: text;
}
footer .gform_wrapper.gravity-theme input[type='submit']:hover,
input#mc-embedded-subscribe:hover{
    background-position: right 0.3rem center;
    background-image: url('img/submit-icon-sky.svg');
}

#mc_embed_signup_scroll .clear{
    width: 50%;
}

#mc_embed_signup_scroll .clear input{
    color: var(--textclr1) !important;
}

footer .gform_wrapper form {
    position: relative;
}

footer .gform_wrapper.gravity-theme .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
}

/* Various ======================================================================== */
.sticky-line .bottom-line {
    background: transparent;
    width: 100%;
    height: 0.3rem;
}
.loading {
    opacity: 0.6;
}
.progressbar {
    height: 100%;
    float: left;
    background: #c3deec;
    transition: var(--animtime1);
}
.sticky-line {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
}
.read_more_hidden {
    display: none;
    overflow: hidden;
}
.media img {
    width: 100%;
    pointer-events: none;
}
a.youtube-link {
    position: relative;
    display: block;
}
video {
    max-width: 100%;
}

/* WCAG =========================================================================== */

.wcag-navigation button {
    border: 0;
    background: transparent;
    /*padding: 0.8rem 1.2rem !important;*/
    padding: 0.5rem 2rem !important;
    border-radius: 80px !important;
    display: flex;
    font-weight: 400 !important;
    flex-wrap: wrap;
    column-gap: 0.8rem;
    color: #0a0a0a !important;
    font-family: 'Lato', sans-serif;
    font-size: 1.6rem;
    line-height: var(--lineh_p);
    align-items: center;
    margin-bottom: 5px;
}
div#wcag-control {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: flex-start;
    color: #0a0a0a !important;
    margin-left: -2rem;
}

.wcag-navigation button span {
    color: #0a0a0a !important;
}

.wcag-navigation button svg path {
    stroke: #0a0a0a !important;
}

.wcag-navigation #text-scaler.active button svg path {
    stroke: #fff !important;
}

.wcag-navigation #text-scaler.active .text-scaler-block {
    display: flex !important;
}

.wcag-navigation .text-scaler-block {
    width: 16.5rem;
    left: 0;
    top: 100%;
    flex-wrap: wrap;
    height: 5.4rem;
    background: var(--clr1);
    align-items: center;
    border-radius: 12px;
    justify-content: space-between;
    z-index: 999;
    color: #fff;
}

.wcag-navigation .text-scaler-minus svg {
    width: 10px;
}

.wcag-navigation .text-scaler-block button::before {
    content: none;
}

.wcag-navigation .text-scaler-block button {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 2.75rem);
    color: #fff !important;
}

section.single-post-content {
    overflow: unset;
    padding-bottom: var(--pad_small);
}

.wcag-navigation .text-scaler-block span {
    width: 5.5rem;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 2.3rem;
    font-weight: 500;
}

.wcag-navigation button:hover,
.wcag-navigation button.active {
    background: var(--clr1) !important;
    color: #fff !important;
}

.wcag-navigation button:hover svg path,
.wcag-navigation button.active svg path {
    stroke: #fff !important;
}

.wcag-navigation button:hover span,
.wcag-navigation button.active span {
    color: #fff !important;
}

#wcag-control .highlight-btn .button {
    transition-delay: 0s;
}
#wcag-control .highlight-btn .button::before {
    content: none;
}

.wcag-navigation {
    padding: 2rem 0;
    /*margin-bottom: 4.6rem;*/
}

.navigation button:not(.close)::before {
    content: none;
}

.selection-toolbar button::before {
    content: none;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: var(--radius1);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: calc(0.875rem * var(--text-scaler));
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 1.5rem 2.3rem 1.4rem;
    text-decoration: none;
    top: 0.5rem;
    width: auto;
    z-index: 100000;
}
#primary[tabindex='-1']:focus {
    outline: 0;
}

/* Alignments ===================================================================== */

.alignleft {
    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.alignright {
    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Items ===================================================================== */

.item {
    border-radius: var(--radius1);
    overflow: hidden;
    display: flex;
    cursor: pointer;
    width: 100%;
    opacity: 0;
    flex-direction: column;
}
.item .media,
.item .media figure {
    width: 100%;
    /* height: 23rem; */
}

/* .item .media img, .item .media video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;
} */
.item h3 a {
    color: initial;
    text-decoration: none;
}
.items-list,
.swiper-wrapper,
div.swiper-free-mode > .swiper-wrapper,
.results-wrapper .woocommerce {
    margin-top: 3.5rem;
}
.swiper-wrapper {
    padding-bottom: 2rem;
}
/* .swiper-slide:not(.post) {
    width: 37.8rem!important;
    height: auto!important;
} */

.items-list {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    row-gap: 3.5rem;
    flex-wrap: wrap;
}
/* .grid { */
/* justify-content: space-between; */
/* column-gap: 25px; */
/* } */
.grid .item {
    flex-basis: calc(33.333% - 1.6666rem);
}
.items-top-content {
    text-align: center;
}
.itemtext {
    padding: 0.9rem 0 3rem 0;
    /* border-bottom: var(--border1); */
    /* height: calc(100% - 23rem); */
}
.item.horizontal {
    display: flex;
    box-shadow: 0px 8px 19px rgb(0 0 0 / 10%);
    transition: var(--animtime1);
    position: relative;
    top: 0;
}
.item.horizontal:hover {
    top: -0.5rem;
}
.item.horizontal .itemtext {
    border: 0;
}
.item.horizontal .media {
    height: 100%;
    overflow: hidden;
}
.item.horizontal .media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.itemtext.itemfooter {
    padding-top: 0;
}

.list-container,
.grid-container {
    padding: 0;
    display: grid;
    justify-content: space-between;
    width: 100%;
    row-gap: 4rem;
}

.grid-container {
    row-gap: 0em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.grid-container .item {
    width: calc(50% - 4rem);
}

.grid-container .item .media,
.grid-container .item .media figure {
    width: 100%;
    height: 41vw;
    max-height: 50rem;
}

.grid-container .item:nth-child(even) {
    margin-top: 10rem;
}

.grid-container .item:nth-child(odd) {
    margin-bottom: auto;
}

.item.grid .itemtext {
    order: 1;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 7rem;
    margin-bottom: 2rem;
}

.item.grid .media {
    order: 2;
}

.item.grid h3 {
    font-size: calc(4.8rem * var(--text-scaler));
    line-height: calc(5.2rem * var(--text-scaler));
}

.item.grid a.btn {
    position: absolute;
    bottom: 0;
    z-index: 9;
    margin: 0;
    transform: translateY(50%);
}

.item.grid {
    position: relative;
    overflow: unset;
    /* margin-bottom: 10rem; */
}

/* Text ===================================================================== */
.text_module {
    overflow: unset;
    /* overflow: hidden; */
}

.text_module h1 {
    font-size: 7rem;
    line-height: 7.2rem;
}

.text_module.left_container .container > .html_content {
    margin: 0 auto 0 0;
}
.text_module .container .container_s {
    max-width: 64.5rem;
    max-width: 50%;
    padding: 0 10rem 0 0;
}
.text_module.centered_container .container .container_s {
    padding: 0 10rem;
}
.text_module.centered_container .container .container_s h2 {
    font-size: calc(5.7rem * var(--text-scaler));
    line-height: calc(4.8rem * var(--text-scaler));
    font-family: var(--Typeface-Primary);
}
.text_module.right_container .container > .html_content {
    margin: 0 0 0 auto;
    padding-right: 0;
}
.text_module.has-media .container {
    display: flex;
    row-gap: 2.5rem;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    align-content: flex-start;
}
.text_module.has-media .block-left {
    width: 70%;
    padding-right: 6rem;
}
.text_module.has-media .block-right {
    width: 30%;
    position: sticky;
    top: 2rem;
}
.text_module.has-media img {
    height: auto;
    width: auto;
}
.text_module.has-media .block-left > *:first-child {
    margin-top: -0.5rem;
}
.text_module.additional-class {
    overflow: hidden;
}
.html_content > *:first-child {
    margin-top: 0;
}

.html_content > *:last-child {
    margin-bottom: 0;
}

.progress-bar {
    max-width: 28rem;
    height: 0.3rem;
    background: var(--clr5);
    overflow: hidden;
    width: 100%;
    margin-bottom: 2.4rem;
}
.bar-line {
    background: var(--clr1);
    width: 30%;
    height: 100%;
}
.load-more-container p{
    font-family: var(--Typeface-Secondary);
    text-decoration: none;
    font-size: 1.6rem;
}
.counter-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.admin-edit-link a {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 3.3rem;
    font-weight: normal;
    color: #eee;
    font-size: 1.4rem;
    background-color: #23282d;
    padding: 0.8rem 0.8rem 0.8rem 3rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    transition: all 0.1s ease-in-out;
    display: none;
}
.accordion-block ul li:hover .admin-edit-link a {
    display: inline-block;
}
.admin-edit-link a {
    color: white !important;
    font-weight: normal !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}
.admin-edit-link a:before {
    content: '\f464';
    top: 0.6rem;
    left: 0.5rem;
    font: normal 20px/1 dashicons;
    position: absolute;
    transition: all 0.1s ease-in-out;
    color: rgba(240, 245, 250, 0.6);
}
.admin-copy-link a:before {
    content: '\f103';
}
.admin-edit-link a:hover,
.admin-edit-link a:hover:before {
    color: #00b9eb;
    background: #32373c;
}

#cookie-notice-block {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    padding: 2rem 0;
    background: #fff;
    display: none;
    box-shadow: 0px -3px 6px #00000008;
}

#cookie-notice-block .left-side {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 16rem);
}

#cookie-notice-block .right-side {
    width: 16rem;
}

#cookie-notice-block .container.container_m {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#cookie-notice-block .left-side .custom-logo-link {
    margin: 0;
}

#cookie-notice-block .custom-logo-link img {
    width: 13rem;
}

#cookie-notice-block .left-side .content {
    width: calc(100% - 13rem);
    padding: 0 4rem;
}

#cookie-notice-block .left-side .content h3 {
    font-weight: 700;
}

#cookie-notice-block .left-side .content h3,
#cookie-notice-block .left-side .content p {
    margin: 0;
    font-size: calc(var(--fontsize_s) * var(--text-scaler));
    line-height: calc(var(--lineh_s) * var(--text-scaler));
}

/* Two columns */

.two-columns .two-columns-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8rem;
}

.text-content.two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.two-columns .text-content.two-columns {
    grid-template-columns: 1fr;
    row-gap: 4rem;
}
.two-columns .media-content + .text-content,
.two-columns .text-content + .media-content {
    margin-top: 8.5rem;
}

.two-columns .btn,
.two-columns .btn-secondary {
    margin-top: 2rem;
}

/* Gallery slider */
.gallery-grid .swiper-slide {
    display: flex;
    align-items: center;
    height: auto;
    justify-content: center;
}
.slider-navigation-container{
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.gallery-grid .swiper-slide .media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-grid .swiper-slide figure {
    width: 100%;
    max-width: 102.4rem;
}

.gallery-grid .swiper-slide img,
.gallery-grid .swiper-slide video {
    max-width: 102.4rem;
    max-height: 70rem;
}

.gallery-grid .container {
    position: relative;
}

.gallery-grid .top-line h2 {
    font-size: 3.6rem;
    line-height: 1.2em;
}

.gallery-grid .top-line .slides-count {
    margin-top: 4.8rem;
}

.swiper-button-next, .swiper-button-prev{
    margin: 0!important;
    transform: translateY(50%)!important;
}

/* Share list */

.share-list > a {
    max-width: 3rem;
    display: flex;
    align-items: center;
    position: relative;
}
.share-list > a svg {
    width: auto;
    height: 2rem;
}

.process-slider .items-top-content {
    text-align: left;
}

.process-slider .items-top-content h2,
h2.smaller-h2 {
    font-size: calc(var(--fontsize_h2_s) * var(--text-scaler));
    line-height: calc(var(--lineh_h2_s) * var(--text-scaler));
    text-transform: uppercase;
}

h2.larger-h2 {
    font-size: calc(var(--fontsize_h2_l) * var(--text-scaler));
    line-height: calc(var(--lineh_h2_l) * var(--text-scaler));
}

.process-slider .items-list {
    margin-top: 0;
}

.process-slider .swiper-wrapper {
    padding: 0;
    margin: 0;
}

.process-slider .swiper-slide {
    padding: 10rem 3rem;
    opacity: 0.2 !important;
    transition: opacity 0.3s ease;
    gap: 3rem;
}

.process-slider .swiper-slide.swiper-slide-active {
    opacity: 1 !important;

}

.process-slider .swiper-slide h3 {
    margin: 0;
    font-size: calc(1.8rem * var(--text-scaler));
    line-height: calc(2.2rem * var(--text-scaler));
    letter-spacing: 0.1rem;
}

.process-slider .swiper-slide .itemtext {
    padding: 0;
}

.process-slider .swiper-slide .itemtext p {
    font-size: calc(2.4rem * var(--text-scaler));
    line-height: calc(3rem * var(--text-scaler));
}

.process-slider .swiper-slide .itemtext p:first-child {
    margin-top: 0;
}

.process-slider .swiper-slide .itemtext p:last-child {
    margin-bottom: 0;
}

.process-slider .swiper-pagination-bullet {
    opacity: 1;
    cursor: pointer;
    background: #c3deec;
    border: 1px solid black;
    transition: all 0.3s ease-out;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
}

.process-slider .slide-number {
    font-family: var(--Typeface-Primary);
    font-size: 3.2rem;
    line-height: 3.2rem;
}

.process-slider .icon svg {
    width: 9rem;
    height: auto;
}

div .swiper-button-next,
div .swiper-button-prev {
    color: #000;
}

header.site-header .pll-parent-menu-item .current-lang {
    display: none;
}
.two-columns-wrapper .media-content + .media-content{
    margin-top: 8rem;
}

.cards_module .call-to-action h3{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 0rem;
    z-index: 2;
    font-size: calc(var(--fontsize_h1_s) * var(--text-scaler))!important;
    line-height: calc(1.2 * var(--text-scaler))!important;
    width: 100%;
}

.cards_module .call-to-action .itemtext{
    display: none;
}

p.showing-top {
    display: none;
}

.single-post-gallery .swiper-slide {
    display: flex;
    justify-content: center;
}

.single-post-gallery .swiper-wrapper{
    align-items: center;
}

body.home .media-with-text .container{
    max-width: 147rem;
}

.media_module .media-container img,
.media_module .media-container video{
    width: 100%;
    height: auto;
}

.cards_module .columns-3.call-to-action{
    gap: 1rem;
}

/* Responsive ===================================================================== */
@media screen and (max-width: 1600px) {
    html {
        font-size: 0.554vw;
    }
}
@media screen and (max-width: 1000px) {
    form.newsletter-form ._button-wrapper {
        top: 1.8rem;
    }
    body:not(.home) #masthead .main-logo-link svg {
        display: none;
    }
    #cookie-notice-block .left-side {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
        row-gap: 2rem;
    }
    #cookie-notice-block .left-side .content {
        width: 100%;
        padding: 0;
    }
    #cookie-notice-block .right-side {
        width: auto;
        margin-top: 2rem;
    }
    #cookie-notice-block .custom-logo-link img {
        width: 15rem;
    }
    .grid-container .item:nth-child(odd),
    .grid-container .item:nth-child(even) {
        margin-top: 0;
        margin-bottom: 6rem;
    }
    .item.grid .itemtext {
        margin-bottom: 0;
    }
    .columns-3,
    .columns-4 {
        grid-template-columns: 1fr 1fr;
    }
    html {
        font-size: 10px;
    }
    .footer-menu-container {
        width: 90%;
        padding: 5rem 0;
    }
    .container {
        padding: 0 2rem;
    }
    .popup,
    .small-popup {
        bottom: 1.5rem;
        right: 1.5rem;
    }
    #masthead .container {
        border: 0;
        padding: 0 1.5rem;
        height: 10rem;
        align-items: center;
    }
    .main-logo-text {
        max-width: 12rem;
        line-height: 1.2em;
    }
    .main-logo-link svg {
        height: 7rem;
    }
    .main-navigation ul {
        /* padding-top: 2.5rem; */
        /* margin-top: 5rem; */
        width: 100%;
    }
    .main-navigation ul ul {
        margin-top: 0;
    }
    .main-navigation li {
        position: relative;
    }
    button.menu-toggle {
        /* background: url(img/icons/feather/menu.svg) center center no-repeat; */
        background: transparent;
        /* width: 44px; */
        /* height: 44px; */
        border: 0;
        /* font-size: 0; */
        /* cursor: pointer; */
        /* margin-left: 15px; */
    }
    .menu-item-has-children .arrow {
        top: 2.9rem;
        height: 5.8rem;
        width: 5.8rem;
        align-items: center;
        right: 0;
        justify-content: center;
    }
    .menu-item-has-children.focus > .arrow svg {
        transform: rotate(-180deg);
    }
    .focus > ul.sub-menu {
        display: block !important;
    }
    .focus.menu-item-has-children > a:after {
        transform: rotate(180deg);
    }
    .main-navigation a {
        padding: 1rem 0;
        color: #000;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: center; */
        align-items: center;
        font-size: calc(var(--fontsize_h3) * var(--text-scaler));
        line-height: calc(var(--lineh_h3) * var(--text-scaler));
        width: 100%;
    }
    .menu-item-has-children .arrow svg {
        width: 2.1rem;
    }
    .menu-item-has-children .arrow svg path {
        stroke: #fff;
    }
    header .icon-link {
        color: #000;
        margin-left: 0;
        padding: 0;
        transition: color var(--animtime1);
    }
    header .icon-link svg {
        position: relative;
        width: 1.8rem;
        left: unset;
        top: 0;
        transform: translateY(0);
        transition: stroke var(--animtime1);
    }
    .icon-link svg path {
        stroke: var(--textclr4);
    }
    a.icon-link.icon-cart.cart svg * {
        fill: var(--textclr4) !important;
    }
    /* .toggled button.menu-toggle { */
    /* background-image: url(img/icons/feather/x.svg); */
    /* } */
    .menu-item-has-children > a:after {
        position: relative;
        right: 0;
        top: 0;
        margin: 0 0 0 1rem;
        background: url(img/icons/feather/chevron-down-white.svg) center
            no-repeat;
    }
    a.custom-logo-link {
        max-width: 15rem;
    }
    .menu-main-container,
    .menu-main-menu-container {
        position: fixed;
        width: 100%;
        height: calc(var(--viewport-height) - 10rem);
        z-index: -1;
        left: 0;
        top: 10rem;
        display: flex;
        bottom: 0;
        overflow-y: auto;
        overflow-x: hidden;
        right: 0;
        transition: transform var(--animtime2),
            background-color var(--animtime2);
        will-change: transform, background-color;
        background-color: #fff;
        align-items: flex-start;
        justify-content: center;
        transform: translateX(100%);
        padding: 4rem 2rem;
    }
    .sub-menu-open .menu-main-container,
    .sub-menu-open .menu-main-menu-container {
        background-color: #444444;
        overflow: hidden;
        display: table;
    }
    #primary-menu > li > .sub-menu {
        position: fixed;
        width: 100%;
        height: calc(var(--viewport-height) - 10rem);
        z-index: 1;
        left: 0;
        top: 0;
        overflow-y: auto;
        overflow-x: hidden;
        transition: var(--animtime2);
        background-color: #fff;
        padding: 0 1.6rem 4rem;
        transform: translateX(100%);
        display: inline-block;
        visibility: hidden;
    }
    #primary-menu > li .sub-menu[aria-hidden='false'] {
        transform: translateX(0);
        visibility: visible;
    }
    body.menuopen .menu-main-container,
    body.menuopen .menu-main-menu-container {
        transform: translateX(0);
    }
    body.menuopen .main-logo-link svg path {
        fill: #000;
        transition: var(--animtime1);
    }
    body.menuopen header .icon-link {
        display: none;
    }
    .menuopen #headfixer {
        top: 0 !important;
        position: fixed;
        width: 100%;
    }
    #primary-menu > li > a,
    #primary-menu .sub-menu li > a {
        border-top: 1px solid #000;
    }
    #primary-menu > li:last-child > a,
    #primary-menu .sub-menu li:last-child > a {
        border-bottom: 1px solid #000;
    }
    .submenu-toggle-btn {
        position: absolute;
        top: calc(50% - 1.8rem);
        right: 0;
        height: 3.6rem;
        width: 3.6rem;
        padding: 0;
        border: 0;
        background-color: transparent;
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 20'%3E%3Cpath fill='%23c9c9c9' d='M.098 8.36h15.696L10.97 3.512 13.682.8l7.848 7.872v3.48L13.682 20l-2.712-2.712 4.872-4.848H.098V8.36Z'/%3E%3C/svg%3E");*/
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.044" height="18.715"><path data-name="Path 59" d="M12.135 0H9.3l7.931 8.33H0v2.054h17.229L9.3 18.715h2.837l8.909-9.358z" fill="%23000"/></svg>');
        background-size: 1.6rem 1.6rem;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0;
    }
    #primary-menu > li > a,
    #primary-menu > li > button {
        transform: translateX(0);
        transition: var(--animtime2);
    }
    .sub-menu-open #primary-menu > li > a,
    .sub-menu-open #primary-menu > li > button {
        transform: translateX(-5rem);
    }

    .extra_nav {
        position: fixed;
        bottom: 0;
        width: 100% !important;
        height: 5rem;
        left: -100%;
        transition: var(--animtime2);
    }
    .menuopen .extra_nav {
        justify-content: center !important;
        z-index: 9999;
        gap: 1.5rem;
        padding: 0 1rem;
        left: 0;
    }
    .submenu-back-btn {
        display: block;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        width: calc(100% + 3.2rem);
        height: 5.6rem;
        border: none;
        background-color: transparent;
        margin-bottom: 1.2rem;
        color: var(--clr3);
        text-align: left;
        /*font-size: 1.6rem;*/
        /*font-weight: 700;*/
        /*line-height: 1.6rem;*/
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23c9c9c9' d='M19.76 10.24v2.72H9.264l3.248 3.232L10.704 18l-5.232-5.232v-2.32L10.704 5.2l1.808 1.808-3.216 3.232H19.76Z'/%3E%3C/svg%3E");*/
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.044" height="18.715" style="&%2310; transform: rotate(180deg);&%2310;"><path data-name="Path 59" d="M12.135 0H9.3l7.931 8.33H0v2.054h17.229L9.3 18.715h2.837l8.909-9.358z" fill="%23c9c9c9"/></svg>');
        background-size: 2rem 2rem;
        background-repeat: no-repeat;
        background-position: left 1.6rem center;
        font-size: calc(var(--fontsize_h5) * var(--text-scaler));
        line-height: calc(5.6rem * var(--text-scaler));
        letter-spacing: 0.1rem;
        text-transform: uppercase;
        color: var(--clr3);
        padding-left: 5rem;
        font-family: var(--Typeface-Secondary);
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .item {
        flex-basis: calc(100%);
    }
    .items-list {
        column-gap: 0;
    }
    /*section:not(.featured-posts, .process-slider, .gallery-grid)*/
    /*    .swiper-wrapper {*/
    /*    width: auto;*/
    /*    overflow: scroll;*/
    /*    overflow-y: hidden;*/
    /*    white-space: nowrap;*/
    /*}*/
    .swiper-slide {
        flex-basis: unset;
        margin-right: 1.6rem;
    }
    /* Start Šitą perkeliam į style.css ties (max-width: 1000px) kad niekur nesimatytų scroll bar vizualiai */
    ::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }
    ::-webkit-scrollbar-thumb {
        background: transparent;
    }
    /* End Šitą perkeliam į style.css ties (max-width: 1000px) kad niekur nesimatytų scroll bar vizualiai */
    .for-dekstop {
        display: none !important;
    }

    .for-mobile {
        display: block !important;
    }
    .media-container-inside {
        position: absolute;
        transform: translate(0, -26.5vw);
        width: 100%;
    }
    .text_module .first {
        width: 70vw;
        height: 53vw;
    }
    .text_module .second {
        width: 40vw;
        height: 55vw;
        /* transform: translate(-10vw, 10vw); */
        transform: unset;
        margin: 10vw 0 0 -10vw;
    }
    .text-second .html_content {
        padding-top: 45.5vw;
    }
    .text-second .html_content {
        margin-top: 0;
    }
    .text_module.additional-class {
        padding-bottom: 33vw;
    }
    .blockquote-right {
        margin-right: 0;
    }
    .blockquote-left {
        margin-left: 0;
    }
    .burger-icon .btn-burger {
        width: 3rem;
        cursor: pointer;
    }

    .box.burger-icon {
        z-index: 999999999;
        padding: 0;
    }
    /* #side-burger {display: none;} */
    .burger-icon span {
        display: block;
        width: 100%;
        height: 2px;
        background: #000;
        transition: all var(--animtime1);
        position: relative;
    }

    .burger-icon span + span {
        margin-top: 0.6rem;
    }

    .burger-icon .btn-burger.active span:nth-child(1) {
        animation: ease 0.7s top forwards;
    }

    .burger-icon .btn-burger.not-active span:nth-child(1) {
        animation: ease 0.7s top-2 forwards;
    }

    .burger-icon .btn-burger.active span:nth-child(2) {
        animation: ease 0.7s scaled forwards;
    }

    .burger-icon .btn-burger.not-active span:nth-child(2) {
        animation: ease 0.7s scaled-2 forwards;
    }

    .burger-icon .btn-burger.active span:nth-child(3) {
        animation: ease 0.7s bottom forwards;
    }

    .burger-icon .btn-burger.not-active span:nth-child(3) {
        animation: ease 0.7s bottom-2 forwards;
    }

    @keyframes top {
        0% {
            top: 0;
            transform: rotate(0);
        }
        50% {
            top: 7px;
            transform: rotate(0);
        }
        100% {
            top: 7px;
            transform: rotate(45deg);
        }
    }

    @keyframes top-2 {
        0% {
            top: 7px;
            transform: rotate(45deg);
        }
        50% {
            top: 7px;
            transform: rotate(0deg);
        }
        100% {
            top: 0;
            transform: rotate(0deg);
        }
    }

    @keyframes bottom {
        0% {
            bottom: 0;
            transform: rotate(0);
        }
        50% {
            bottom: 9px;
            transform: rotate(0);
        }
        100% {
            bottom: 9px;
            transform: rotate(135deg);
        }
    }

    @keyframes bottom-2 {
        0% {
            bottom: 9px;
            transform: rotate(135deg);
        }
        50% {
            bottom: 9px;
            transform: rotate(0);
        }
        100% {
            bottom: 0;
            transform: rotate(0);
        }
    }

    @keyframes scaled {
        50% {
            transform: scale(0);
        }
        100% {
            transform: scale(0);
        }
    }

    @keyframes scaled-2 {
        0% {
            transform: scale(0);
        }
        50% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }
    .text_module.has-media .block-right {
        width: 100%;
        position: relative;
        top: unset;
        order: 1;
    }
    .text_module.has-media .block-left {
        width: 100%;
        padding-right: 0;
        order: 2;
    }
    /*section:not(.featured-posts, .process-slider, .gallery-grid) .swiper-slide {*/
    /*    width: 27rem !important;*/
    /*}*/
    .item .media,
    .item .media figure {
        height: 21rem;
    }
    .grid-container .item .media,
    .grid-container .item .media figure {
        max-height: unset;
        height: auto;
    }
    .grid-container .item .media img,
    .grid-container .item .media video {
        position: relative;
    }
    .item.grid .itemtext {
        padding: 0;
    }
    .table-block {
        overflow-x: auto;
    }
    footer .right-block {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 4.8rem;
    }

    .process-slider .swiper-slide {
        padding: 4rem 0;
    }

    .nav-container {
        flex-direction: row-reverse;
        column-gap: 2rem;
    }

    .text_module.centered_container .container .container_s {
        padding: 0;
    }

    .two-columns .media-content + .text-content,
    .two-columns .text-content + .media-content,
    .two-columns .media-content + .text-content + .media-content{
        margin-top: 4rem!important;
    }
    .two-columns .media-content + .text-content + .media-content{
        margin-top: 4rem!important;
    }

    .single-project .dynamic-gallery-block{
        padding: 5rem 0;
    }
    .single-project .two-columns + .two-columns{
        padding: 5rem 0;
    }
    .single-project .dynamic-gallery-block + .two-columns{
        padding: 5rem 0;
    }
    .two-columns .two-columns-wrapper{
        gap: 0;
        column-gap: 4rem;
    }
    .two-columns-wrapper .media-content {
        margin-bottom: 0;
        margin-top: 0!important;
    }
    .two-columns .two-columns-wrapper .text-content,
    .two-columns .two-columns-wrapper .media-content{
        margin-bottom: 4rem;
    }
    section {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .single-project section{
        padding: 5rem 0!important;
    }
    .gallery-grid .swiper-slide img, .gallery-grid .swiper-slide video {
         max-width: unset;
         max-height: 95vw;
    }
}
@media screen and (max-width: 767px) {
    footer .right-block .footer-col-text-block--upd > p .btn {
        width: 100%;
        max-width: 100%;
    }
    .gallery-grid .swiper-slide .media {
        padding: 0 3rem;
    }
    .html_content {
        max-width: 100%;
    }
    footer form.newsletter-form label {
        transform: translateY(-2px) !important;
    }
    .social-media svg {
        height: 2.3rem;
        max-height: 2.3rem;
        width: auto;
        max-width: 2.3rem;
    }
    .footer-main .container .inside-container .social-media a {
        margin-left: 0;
        margin-right: 2rem;
    }
    .footer-col-text-block--upd {
        grid-column: 1 / 3;
    }

    footer .right-block .footer-col-text-block--upd > p:first-of-type {
        min-height: auto;
    }
    .footer-main .container .inside-container .left-block li span.title {
        width: 40%;
    }
    .footer-menu-container {
        width: 100%;
        padding: 3rem 0;
    }
    .footer-menu-container ul li {
        width: 100%;
    }
    .footer-menu-container ul li a {
        font-size: 2.4rem;
        line-height: 4rem;
    }
    blockquote,
    .blockquote-right,
    .blockquote-left {
        float: unset;
        width: 100%;
        margin: 0;
    }
    .columns-3,
    .columns-4 {
        grid-template-columns: 1fr;
    }

    .two-columns .two-columns-wrapper {
        grid-template-columns: 1fr;
    }
    #mc_embed_signup_scroll .clear{
        width: 100%;
    }
    .filters-group-buttons button{
        color: var(--textclr1);
    }
}
@media screen and (max-width: 480px) {
    .popup {
        width: calc(100% - 3rem);
    }
}
@media screen and (max-width: 1000px) {
    #masthead .container {
        max-width: 100% !important;
    }
}
@media screen and (min-width: 1001px) {
    .hover-underline:after {
        transition: 0.3s ease-in-out;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: flex;
    }
    .media-container:hover .video-icon,
    .youtube-link:hover .video-icon {
        transform: translate(-50%, -50%) scale(1.2);
    }
    .two-columns .text-content.two-columns {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (min-width: 576px) {
    .container {
        max-width: 54rem;
    }
    body.home .media-with-text .container {
        max-width: 54rem;
    }
    .process-slider .slide-number {
        font-size: 4rem;
        line-height: 4rem;
    }
}
@media screen and (min-width: 768px) {
    .container {
        max-width: 78rem;
    }
}
@media screen and (min-width: 992px) {

    .container {
        max-width: 130rem;
    }
    .text_module .container .container_s {
        padding: 0 0rem 0 0;
    }
    .process-slider .slide-number {
        font-size: 7rem;
        line-height: 7rem;
    }
    body.home .media-with-text .container {
        max-width: 147rem;
    }
}
@media screen and (min-width: 1200px) {

    .container {
        max-width: 154rem;
    }
    .main-navigation .nav-menu > li + li {
        margin-left: 8rem;
    }

    .columns-3,
    .columns-4 {
        column-gap: 8rem;
    }
}
@media screen  and (min-width: 1150px) and (max-width: 1800px) {
    .main-navigation .nav-menu > li + li {
        margin-left: 4rem;
    }
}
@media screen and (min-width: 1250px) {
    .container {
        max-width: 160rem;
    }

    .container.container_m {
        max-width: 106rem;
    }
}
@media screen and (min-width: 1400px) {
    .banner_1_left.right_position .banner1_inner {
        padding-right: 7vw !important;
    }
    .container {
        max-width: 160rem;
    }
    .container.container_m {
        max-width: 117rem;
    }
    .banner_module.center .container {
        max-width: 100%;
    }
    .text_module .container .container_s {
        padding: 0 10rem 0 0;
    }
}
@media screen and (min-width: 1500px) {
    .h1-s {
        font-size: calc(6rem * var(--text-scaler));
        line-height: calc(6rem * var(--text-scaler));
    }
    .process-slider .slide-number {
        font-size: 10rem;
        line-height: 10rem;
    }
    .size_breaker .h1 {
            font-size: 6rem;
            line-height: 6rem;
    }

}
@media screen and (min-width: 1600px) {
    .container {
        max-width: 140rem;
    }
}
@media screen and (min-width: 1780px) {
    .container.container_m {
        max-width: 147rem;
    }
}
@media screen and (min-width: 2000px) {
    .container {
        max-width: 179.4rem;
    }
}

@media screen and (max-width: 1800px) {
    body.home .media-with-text .container {
        max-width: 120rem;
    }
}
