:root {
    --global-wrapper-max-width: 1920px; /*note: value statically in @media */
    --global-wrapper-width: 1440px; /*note: value statically in @media */
    --global-header-height: 119px;
    --global-footer-height: 180px;
    --global-side-padding: 100px;

    --gold: #AC9F70;
    --blue: #224385;
    --red: #BD3136;
    --black: #20201E;
    --white: #FFFFFF;

    --gradient-black: linear-gradient(144.06deg, rgba(17, 17, 17, 0.7) 2.17%, rgba(0, 0, 0, 0.2) 2.18%, #20201E 97.41%, rgba(22, 22, 22, 0.6) 97.41%);
    --gradient-colour: linear-gradient(323.38deg, #20201E 0%, #242F47 100%);

    --dark-blue: #242F47;
    --dark-red: #58292B;
    --dark-gold: #403B29;
    --blue-light: #1850BF;
    --lighter-black: #232323;

    --global-theme-scrollbar-track-color: var(--black);
    --global-theme-scrollbar-thumb-color: var(--gold);
}

* {
    scrollbar-color: var(--global-theme-scrollbar-thumb-color) var(--global-theme-scrollbar-track-color);
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: var(--global-theme-scrollbar-track-color);
}

*::-webkit-scrollbar-thumb {
    background: var(--global-theme-scrollbar-thumb-color);
}

*::-webkit-scrollbar-corner {
    background: var(--global-theme-scrollbar-track-color);
}

html {
    height: 100%;
    overflow: hidden;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #111;
    letter-spacing: 0;
}

body b {
    font-weight: 700;
    font-style: oblique;
}

input, textarea {
    font-size: 15px;
    line-height: 20px;
}

a {
    color: var(--gold);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h3,
.h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.scroll-wrapper {
    overflow-y: scroll;
    height: 100%;
}

.main-wrapper {
    position: relative;
    max-width: var(--global-wrapper-max-width);
    margin: 0 auto;
    min-width: 250px;
    min-height: 100%;
    padding-block-end: var(--global-footer-height);
}

/* Main header */
.main-header {
    position: absolute;
    z-index: 5;
    height: var(--global-header-height);
    padding-inline: var(--global-side-padding);
}

/* Header navigation */
.header-nav > .logo {
    display: flex;
    margin-right: 30px;
}

.header-nav > .logo > img.Bitmap {
    width: 56px;
}

.header-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    height: 100%;
}

.header-nav > ul {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
    gap: 35px;
}

.header-nav > ul > li {
    display: flex;
    align-items: center;
    position: relative;
}

.header-nav > ul.menu li > a::before {
    content: attr(data-width);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--white);
    position: absolute;
    left: 0;
    transition: color 0.3s;
}

.header-nav > ul.menu li > a {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-style: italic;
    font-weight: 700;
    color: transparent;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.header-nav > ul.menu li:not(:first-child) > a {
    padding-inline-start: 5px;
}

.header-nav > ul.menu > li.has-submenu > a::after {
    content: url("../images/icons/submenu-arrow.svg");
    right: -10px;
    margin-bottom: -2px;
    position: absolute;
}

.header-nav > ul.menu li.active > a::before {
    font-style: italic;
}

.header-nav > ul.menu li.active > a::before,
.header-nav > ul.menu li:hover > a::before {
    color: var(--red);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.header-nav > ul.menu > li.active.has-submenu > a::after,
.header-nav > ul.menu > li.has-submenu:hover > a::after {
    right: -12px;
}

.header-nav > ul.menu > li.has-submenu > ul.submenu {
    display: block;
    background: #20201E;
    position: absolute;
    left: -40px;
    top: 86px;
    padding: 30px;
    width: max-content;
    --easing: 0.3s;
}

.header-nav > ul.menu > li.has-submenu > ul.submenu {
    opacity: 0;
    transition: opacity var(--easing) ease-out, top 0s var(--easing) ease-out;
}

.header-nav > ul.menu > li.has-submenu:not(:hover) > ul.submenu {
    top: -1000px;
}

.header-nav > ul.menu > li.has-submenu:hover > ul.submenu {
    opacity: 1;
    transition: opacity var(--easing) ease-out;
}

.header-nav > ul.menu > li.has-submenu > ul.submenu li {
    display: block;
}

.header-nav > ul.menu > li.has-submenu > ul.submenu li a {
    padding: 10px;
    display: block;
}

.header-nav > ul.languages {
    margin-left: auto;
    gap: 0;
}

.header-nav > ul.languages > li > a {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: color 0.3s;
    width: 48px;
    height: 37px;
    background: rgba(255, 255, 255, 0.5);
    color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.header-nav > ul.languages > li.active > a {
    font-style: italic;
    background: var(--blue);
    color: var(--white);
}

.header-nav > ul.languages > li > a:hover,
.header-nav > ul.languages > li.active > a {
    font-weight: 700;
}

.header-nav > .mobile-trigger {
    display: none;
    position: relative;
    align-items: center;
    cursor: pointer;
    margin-left: 22px;
    font-size: 0;
}

/* Mobile navigation */
.mobile-nav {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(245, 245, 245, 0.49);
    z-index: 999;
}

.mobile-nav.opened {
    display: none;
}

/* Main content */
.main-content {
    display: block;
    margin: 0px auto;
    padding: 30px 0px;
}

.main-content .page-title {
    display: block;
    margin: 0px 0px 25px 0px;
    font-size: 35px;
    line-height: 35px;
    color: #333;
}

/* Sidebar */
.module-sidebar > .submenu > li {
    display: block;
    margin: 0px 0px 3px 0px;
}

.module-sidebar > .submenu > li:last-child {
    margin-bottom: 0px;
}

.module-sidebar > .submenu > li > a {
    display: block;
    padding: 15px 18px;
    font-size: 15px;
    line-height: 17px;
    color: #192853;
    background: #f5f6f6;
    border-left: 4px solid #ddd;
}

.module-sidebar > .submenu > li:hover > a {
    color: #001040;
    border-left-color: #09851d;
}

.module-sidebar > .submenu > li.active > a {
    color: #001040;
    border-left-color: #09851d;
}

/* Mobile submenu */
.mobile-submenu {
    display: none;
    margin: 0px 0px 25px 0px;
}

.mobile-submenu > li {
    display: block;
    margin: 0px 0px 3px 0px;
}

.mobile-submenu > li:last-child {
    margin-bottom: 0px;
}

.mobile-submenu > li > a {
    display: block;
    padding: 15px 18px;
    font-size: 15px;
    line-height: 17px;
    color: #192853;
    background: #f5f6f6;
    border-left: 4px solid #ddd;
}

.mobile-submenu > li:hover > a {
    color: #001040;
    border-left-color: #09851d;
}

.mobile-submenu > li.active > a {
    color: #001040;
    border-left-color: #09851d;
}

/* Main footer */
.main-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--global-footer-height);
    background-color: var(--black);
}

.main-footer .max-width-container {
    gap: 40px;
    display: flex;
    align-items: center;
    padding-top: 43px;
}

.main-footer a.logo {
    flex: 0 0 auto;
    width: 68px;
    display: block;
}

.main-footer a.logo > img {
    width: 100%;
}

.main-footer ul {
    display: flex;
}

.main-footer ul.menu {
    gap: 20px 40px;
    flex-wrap: wrap;
}

.main-footer ul.menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--white);
    text-decoration: none;
    transition: color 0.3s ease-out;
}

.main-footer ul.menu.right {
    margin-left: auto;
    margin-right: 20px;
}

.main-footer ul.menu.right li a {
    color: var(--gold);
}

.main-footer ul.menu li a:hover {
    color: var(--red);
}

.main-footer ul.socials {
    gap: 15px;
    flex-wrap: wrap;
}

ul.socials li a {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--white);
    transition: color 0.3s;
}

ul.socials li a:hover {
    color: var(--gold);
}

/* max width */

.max-width-container {
    width: 100%;
    max-width: var(--global-wrapper-width);
}

.main-header.max-width-container {
    left: calc((100% - var(--global-wrapper-width)) / 2);
}

.main-wrapper > .module-content > .max-width-container,
.main-wrapper > .module-content > .background-color-container > .max-width-container,
.main-wrapper > .module-content > .hero > .max-width-container,
.main-footer .max-width-container {
    margin-inline: auto;
}

.main-wrapper > .module-content > .hero > .max-width-container,
.main-footer .max-width-container {
    padding-inline: var(--global-side-padding);
}


/* Simple tabs */

.simple-tabs {
    position: relative;
    border-radius: 5px;
    border: solid 1px #e5e5e5;
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.simple-tabs > input {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 1px;
    height: 1px;
    opacity: 0;
    background: 0;
    border: 0;
}

.simple-tabs > label {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #008349;
    height: 64px;
    display: flex;
    align-items: center;
    padding-inline: 10px;
    flex: 1 1 auto;
    justify-content: center;
}

.simple-tabs.multiple > label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.simple-tabs > .tab-content {
    width: 100%;
    padding: 23px 35px 32px 35px;
}

.simple-tabs > input:checked[value="1"] ~ .tab-content:not([data-tab="1"]),
.simple-tabs > input:checked[value="2"] ~ .tab-content:not([data-tab="2"]),
.simple-tabs > input:checked[value="3"] ~ .tab-content:not([data-tab="3"]),
.simple-tabs > input:checked[value="4"] ~ .tab-content:not([data-tab="4"]),
.simple-tabs > input:checked[value="5"] ~ .tab-content:not([data-tab="5"]),
.simple-tabs > input:checked[value="6"] ~ .tab-content:not([data-tab="6"]),
.simple-tabs > input:checked[value="7"] ~ .tab-content:not([data-tab="7"]),
.simple-tabs > input:checked[value="8"] ~ .tab-content:not([data-tab="8"]),
.simple-tabs > input:checked[value="9"] ~ .tab-content:not([data-tab="9"]) {
    display: none;
}

.simple-tabs > input:checked[value="1"] ~ label:not([data-tab="1"]),
.simple-tabs > input:checked[value="2"] ~ label:not([data-tab="2"]),
.simple-tabs > input:checked[value="3"] ~ label:not([data-tab="3"]),
.simple-tabs > input:checked[value="4"] ~ label:not([data-tab="4"]),
.simple-tabs > input:checked[value="5"] ~ label:not([data-tab="5"]),
.simple-tabs > input:checked[value="6"] ~ label:not([data-tab="6"]),
.simple-tabs > input:checked[value="7"] ~ label:not([data-tab="7"]),
.simple-tabs > input:checked[value="8"] ~ label:not([data-tab="8"]),
.simple-tabs > input:checked[value="9"] ~ label:not([data-tab="9"]) {
    background-color: #f0f0f0;
}

label[data-role="mobile-read-more"] {
    display: none;
    height: 56px;
    border: 1px solid var(--blue);
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--blue);
    margin-top: 20px;
    cursor: pointer;
    transition: color 0.3s ease-out, border-color 0.3s ease-out;
}

.dark label[data-role="mobile-read-more"] {
    color: var(--white);
    border-color: var(--white);
}

label[data-role="mobile-read-more"]:hover {
    color: var(--red);
    border-color: var(--red);
}

/* common content */
.main-wrapper > .module-content > .hero {
    padding-top: 205px;
    padding-inline: var(--global-side-padding);
    min-height: 322px;
    position: relative;
}

.main-wrapper > .module-content > .hero:not(.no-image) {
    background-color: #8f8f8b;
    background-size: cover;
    background-position: top center;
}

.main-wrapper > .module-content > .hero > .max-width-container {
    z-index: 2;
    position: relative;
}

.main-wrapper > .module-content > .hero::before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.main-wrapper > .module-content > .hero.no-image::before {
    background: var(--black);
}

.main-wrapper > .module-content > .hero h1 {
    color: var(--red);
    font-style: italic;
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.main-wrapper > .module-content > .hero p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 135%;
    color: var(--white);
}

.main-wrapper > .module-content button[data-action="form-popup"][data-role].loading {
    opacity: 0.8;
    cursor: wait !important;
}

.main-wrapper > .module-content .sideways-tile-container {
    padding-inline: var(--global-side-padding);
    display: flex;
}

.main-wrapper > .module-content .sideways-tile-container > .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 169px;
    min-height: 253px;
    background: var(--black);
}

.main-wrapper > .module-content .sideways-tile-container > .title h2 {
    color: var(--white);
    font-style: italic;
    font-weight: 700;
    font-size: 56px;
    line-height: 67px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transform: rotate(-90deg);
    white-space: nowrap;
}

.main-wrapper > .module-content .sideways-tile-container > .content {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.main-wrapper > .module-content .sideways-tile-container.news[data-count="1"] > .content {
    grid-template-columns: 1fr;
}

.main-wrapper > .module-content .sideways-tile-container.news[data-count="2"] > .content {
    grid-template-columns: 1fr 1fr;
}

.main-wrapper > .module-content .sideways-tile-container.news[data-count="4"] > .content > .tile:last-child {
    grid-area: 2 / 1 / 3 / 4;
}

.main-wrapper > .module-content .sideways-tile-container.news[data-count="5"] > .content > .tile:last-child {
    grid-area: 2 / 2 / 3 / 4;
}

.main-wrapper > .module-content .sideways-tile-container > .content > .tile.gold {
    background-color: var(--dark-gold);
}

.main-wrapper > .module-content .sideways-tile-container > .content > .tile.blue {
    background-color: var(--dark-blue);
}

.main-wrapper > .module-content .sideways-tile-container > .content > .tile.red {
    background-color: var(--dark-red);
}

.main-wrapper > .module-content .sideways-tile-container > .content > .tile {
    padding: 70px;
    display: flex;
    gap: 40px;
    flex-direction: column;
}

.main-wrapper > .module-content .sideways-tile-container > .content.title-only > .tile {
    justify-content: center;
}

.main-wrapper > .module-content .sideways-tile-container > .content > .tile > h3 {
    color: var(--gold);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-left: 3px solid var(--gold);
    padding: 3px 0 3px 20px;
}

.main-wrapper > .module-content .sideways-tile-container > .content > .tile > p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--white);
    opacity: 0.7;
}

.main-wrapper > .module-content .sideways-content-container {
    padding-inline: var(--global-side-padding) 232px;
    padding-block: 140px;
    display: flex;
    gap: 60px;
    justify-content: flex-end;
    position: relative;
}

.main-wrapper > .module-content .sideways-content-container.dark:not(.no-image) {
    background-size: cover;
}

.main-wrapper > .module-content .sideways-content-container.dark > .title,
.main-wrapper > .module-content .sideways-content-container.dark > .content > .column {
    z-index: 2;
    position: relative;
}

.main-wrapper > .module-content .sideways-content-container.dark::before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
}

.main-wrapper > .module-content .sideways-content-container.dark.no-image::before {
    background: var(--black);
}


.main-wrapper > .module-content .sideways-content-container > .title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 67px;
    min-height: 253px;
}

.main-wrapper > .module-content .sideways-content-container > .title h2 {
    color: var(--red);
    font-style: italic;
    font-weight: 700;
    font-size: 56px;
    line-height: 67px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transform: rotate(-90deg) translateX(calc(-50% + 35px));
    white-space: nowrap;
}

.main-wrapper > .module-content .sideways-content-container > .title.height-respecting {
    min-height: 100px;
    display: inline-block;
    overflow: hidden;
    flex: 0 0 auto;
    width: 67px;
}

.main-wrapper > .module-content .sideways-content-container > .title.height-respecting h2 {
    display: inline-block;
    white-space: nowrap;
    transform: translate(0, 100%) rotate(-90deg);
    transform-origin: 0 0;
}

.main-wrapper > .module-content .sideways-content-container > .title.height-respecting h2::after {
    content: "";
    float: left;
    margin-top: 100%;
}

.main-wrapper > .module-content .sideways-content-container:not(.full) > .content {
    display: contents;
}

.main-wrapper > .module-content .sideways-content-container > .content > .column {
    width: clamp(100px, 30%, 225px);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: rgba(32, 32, 30, 0.7);
    word-break: break-word;
}

.main-wrapper > .module-content .sideways-content-container > .content > .column ul {
    list-style: disc;
    padding-left: 15px;
    margin-left: 10px;
}

.main-wrapper > .module-content .sideways-content-container.dark > .content > .column {
    color: var(--white);
}

.main-wrapper > .module-content .sideways-content-container > .content > .column h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--blue);
    margin-block-end: 20px;
    border-left: 3px solid var(--blue);
    padding: 3px 0 3px 20px;
}

.main-wrapper > .module-content .sideways-content-container.dark > .content > .column h3 {
    color: var(--gold);
    border-left-color: var(--gold);
}

.main-wrapper > .module-content .sideways-content-container > .content > .column a:not([data-action="changePage"]),
.main-wrapper > .module-content .sideways-content-container > .content > .column button {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    height: 56px;
    background: var(--gold);
    color: var(--white);
    transition: background-color 0.3s ease-out;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    width: 100%;
}

.main-wrapper > .module-content .sideways-content-container > .content > .column a.blue:not([data-action="changePage"]) {
    background: var(--blue);
}

.main-wrapper > .module-content .sideways-content-container > .content > .column button {
    background: var(--blue);
}

.main-wrapper > .module-content .sideways-content-container.dark > .content > .column a,
.main-wrapper > .module-content .sideways-content-container.dark > .content > .column button {
    background: var(--red);
}

.main-wrapper > .module-content .sideways-content-container > .content > .column a:hover,
.main-wrapper > .module-content .sideways-content-container > .content > .column a.blue:hover,
.main-wrapper > .module-content .sideways-content-container > .content > .column button:hover {
    background: var(--red);
}

.main-wrapper > .module-content .sideways-content-container.dark > .content > .column a:hover,
.main-wrapper > .module-content .sideways-content-container.dark > .content > .column button:hover {
    background: var(--blue);
}

.main-wrapper > .module-content .sideways-content-container.full {
    gap: 142px;
}

.main-wrapper > .module-content .sideways-content-container.full > .title {
    width: 169px;
    flex: 0 0 auto;
}

.main-wrapper > .module-content .sideways-content-container.full > .content {
    display: flex;
    flex-wrap: wrap;
}


.main-wrapper > .module-content .sideways-tile-container.news {
    position: relative;
}

.main-wrapper > .module-content .sideways-tile-container.news .title,
.main-wrapper > .module-content .sideways-tile-container.news .content {
    position: relative;
    z-index: 2;
}

.main-wrapper > .module-content .sideways-tile-container.news::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56px;
    width: 100%;
    background: var(--black);
    z-index: 1;
    box-shadow: calc((var(--global-wrapper-max-width) - var(--global-wrapper-width)) / 2) 0 0 var(--black),
    calc((var(--global-wrapper-max-width) - var(--global-wrapper-width)) / -2) 0 0 var(--black);
}

.main-wrapper > .module-content .sideways-tile-container.news .content .tile {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.main-wrapper > .module-content .sideways-tile-container.news .content .tile:not(.no-image) {
    background-size: cover;
    background-position: center center;
}

.main-wrapper > .module-content .sideways-tile-container.news .content .tile > * {
    z-index: 2;
    position: relative;
}

.main-wrapper > .module-content .sideways-tile-container.news .content .tile::before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    transition: border-color 0.3s ease-out;
    border: solid transparent 2px;
}

.main-wrapper > .module-content .sideways-tile-container.news .content .tile.no-image::before {
    background: var(--black);
    border: solid var(--black) 2px;
}

.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile a svg {
    color: var(--white);
    transition: color 0.3s ease-out;
}

.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:hover::before {
    border-color: var(--gold);
}

.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:hover a svg {
    color: var(--gold);
}

.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(1) h3,
.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(5) h3 {
    color: var(--red);
    border-left-color: var(--red);
}

.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(2) h3,
.main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(6) h3 {
    color: var(--white);
    border-left-color: var(--white);
}

.main-wrapper > .module-content .sideways-tile-container.news .title {
    position: relative;
}

.main-wrapper > .module-content .sideways-tile-container.news .title a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 10px;
    width: 100%;
    background: var(--gold);
    color: var(--white);
    height: 56px;
    text-decoration: none;
    transition: background 0.3s ease-out;
}

.main-wrapper > .module-content .sideways-tile-container.news .title a:hover {
    background: var(--red);
}

.main-wrapper > .module-content .partners-container {
    position: relative;
}

.main-wrapper > .module-content .partners-container::before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
}

.main-wrapper > .module-content .partners-container .sideways-content-container.dark::before {
    display: none;
}

.main-wrapper > .module-content .partners-container > .max-width-container {
    margin-inline: auto;
    position: relative;
    z-index: 2;
}

.main-wrapper > .module-content .partners-container:not(.no-image) {
    background-size: cover;
}

.main-wrapper > .module-content [data-role="pagination-container"] {
    background-color: var(--black);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .prev-next {
    display: flex;
    gap: 10px;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .prev-next .arrow {
    width: 56px;
    height: 56px;
    background-color: var(--red);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .prev-next .arrow:first-child {
    transform: rotate(180deg);
}

.main-wrapper > .module-content [data-role="pagination-container"] > .prev-next .arrow.edge {
    opacity: 0.4;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .prev-next a.arrow:not(.edge) {
    transition: background-color 0.3s ease-out;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .prev-next a.arrow:not(.edge):hover {
    background-color: var(--blue);
}

.main-wrapper > .module-content [data-role="pagination-container"] > .page-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 30px;
    width: 100%;
    overflow: hidden;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .page-list a {
    text-decoration: none;
    width: 6px;
    height: 6px;
    background-color: var(--white);
    display: block;
    flex: 0 0 auto;
    position: relative;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .page-list a.active {
    background-color: var(--red);
}

.main-wrapper > .module-content [data-role="pagination-container"] > .page-list a:hover::after {
    position: absolute;
    content: attr(data-page);
    background-color: var(--white);
    color: var(--red);
    width: 18px;
    height: 18px;
    left: -6px;
    top: -6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-wrapper > .module-content [data-role="pagination-container"] > .page-list a.active:hover::after {
    background-color: var(--red);
    color: var(--white);
}

.main-wrapper > .module-content .common-page-content a:hover {
    text-decoration: underline;
}

.main-wrapper > .module-content .common-page-content {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: rgba(32, 32, 30, 0.7);
    padding-inline: var(--global-side-padding);
    padding-block: max(var(--global-side-padding), 40px);
}

.main-wrapper > .module-content .common-page-content [data-role="two-columns"] {
    display: flex;
    gap: 100px;
}

.main-wrapper > .module-content .common-page-content [data-role="two-columns"] > div {
    width: 50%;
}

.main-wrapper > .module-content .common-page-content [data-role="two-columns"] > div h3:first-child {
    margin-block-start: 0;
}

.main-wrapper > .module-content .common-page-content [data-role="two-columns"] > div img {
    width: 100%;
}

.main-wrapper > .module-content .common-page-content [data-role="two-columns"] + [data-role="two-columns"] {
    margin-block-start: 100px;
}

.main-wrapper > .module-content .common-page-content img {
    max-width: 100%;
}

.main-wrapper > .module-content .common-page-content p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.main-wrapper > .module-content .common-page-content h1 {
    display: block;
    margin: 20px 0;
    padding: 0 0;
    color: var(--blue);
    font-size: 30px;
    line-height: 34px;
}

.main-wrapper > .module-content .common-page-content h2 {
    display: block;
    margin: 20px 0;
    padding: 0 0;
    color: var(--blue);
    font-size: 24px;
    line-height: 28px;
}

.main-wrapper > .module-content .common-page-content h3 {
    border-left: 3px solid var(--blue);
    color: var(--blue);
    padding: 3px 0 3px 20px;
    margin: 20px 0;
}

.main-wrapper > .module-content .common-page-content i,
.main-wrapper > .module-content .common-page-content em {
    font-style: italic;
}

.main-wrapper > .module-content .common-page-content p.parsed em {
    display: block;
}

.main-wrapper > .module-content .common-page-content strong,
.main-wrapper > .module-content .common-page-content b {
    font-weight: 600;
}

.main-wrapper > .module-content .common-page-content hr {
    display: block;
    margin: 3px 0;
    border: 0;
    height: 1px;
    background: #ccc;
}

.main-wrapper > .module-content .common-page-content ul {
    display: block;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}

.main-wrapper > .module-content .common-page-content ul li {
    padding: 2px 0 2px 0;
    line-height: 22px;
    position: relative;
    padding-inline-start: 28px;
}

.main-wrapper > .module-content .common-page-content ul li::before {
    content: "•";
    position: absolute;
    left: 0;
}

.main-wrapper > .module-content .common-page-content ol {
    display: block;
    margin: 10px 0 10px 0;
    list-style-position: inside;
    padding: 0 0 0 15px;
    list-style-type: decimal;
}

.main-wrapper > .module-content .common-page-content ol li {
    padding: 2px 0 2px 0;
    line-height: 22px;
}

.main-wrapper > .module-content .common-page-content table {
    width: 100%;
}

.main-wrapper > .module-content .common-page-content table th {
    background-color: #ebebeb;
}

.main-wrapper > .module-content .common-page-content table td,
.main-wrapper > .module-content .common-page-content table th {
    padding: 15px 20px;
    border: solid 1px #d8d8d8;
}

.main-wrapper a.read-more::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-inline-start: 6px;
}

body > .cookie-popup {
    background: var(--blue);
    color: var(--white);
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: calc((100vw - var(--global-wrapper-max-width)) / 2);
    width: 100%;
    max-width: var(--global-wrapper-max-width);
    margin-inline: auto;
    padding: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    flex-wrap: wrap;
}

body > .cookie-popup p {
    margin-top: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

body > .cookie-popup .text {
    flex: 1 1 auto;
}

body > .cookie-popup .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
}

body > .cookie-popup .actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 140px;
    height: 56px;
    border: solid 1px var(--gold);
    cursor: pointer;
    transition: background-color 0.3s;
}

body > .cookie-popup .actions button.accept {
    background-color: var(--gold);
    color: var(--white);
}

body > .cookie-popup .actions button.accept:hover {
    background-color: var(--dark-gold);
}

body > .cookie-popup .actions button.close {
    background-color: var(--blue);
    color: var(--gold);
    position: relative;
    margin-right: 55px;
}

body > .cookie-popup .actions button.close:hover {
    background-color: var(--dark-blue);
}

body > .cookie-popup .actions button.close::after {
    content: url("../images/icons/cookies-close.svg");
    position: absolute;
    width: 35px;
    height: 35px;
    right: -55px;
}

.imjs-select2 {
    --selection-hover-background-color: var(--gold);
    --selection-active-background-color: var(--blue);
    --selected-value-background-color: var(--blue);
    --selected-value-border-color: var(--white);
    --selected-value-hover-background-color: var(--red);
    --selected-value-hover-border-color: var(--white);
    --text-color: var(--black);
    --text-alt-color: var(--white);
    --placeholder-color: #aaa;
    --disabled-background-color: #eee;
    --disabled-border-color: var(--white);
    --disabled-color: #888;
    --border-default-color: var(--white);
    --border-hover-color: var(--white);
    --border-active-color: var(--white);
    --select-background-color: var(--white);
    --select-border-radius: 0px;
    --select-box-shadow: none;
    --select-font-size: 16px;
    --select-height: 56px;
    --select-line-height: 48px;
    --button-border-radius: 0px;
}

.select2-results__option {
    padding: 10px;
}

[data-role="custom-select-holder"] > select:not(.select2-hidden-accessible) {
    height: 56px;
    background: var(--white);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 56px;
    color: var(--black);
    padding-inline: 17px;
    border: 0;
    border-right: solid 17px transparent;
    cursor: pointer;
    border-radius: 0;
}


body .lg-container .lg-backdrop.in {
    opacity: 0.7;
}

body .lg-container .lg-outer .lg-thumb-outer {
    background-color: transparent;
}

body .lg-container .lg-toolbar .lg-icon,
body .lg-container .lg-counter {
    color: var(--white);
}

body .lg-container .lg-toolbar .lg-icon:hover {
    color: var(--gold);
}

body .lg-container .lg-outer .lg-thumb-item {
    border-radius: 0;
}

body .lg-container .lg-next,
body .lg-container .lg-prev {
    background-color: var(--red);
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 0;
    color: var(--white);
    transition: background-color 0.3s ease-out;
}

body .lg-container .lg-next:hover:not(.disabled),
body .lg-container .lg-prev:hover:not(.disabled) {
    background-color: var(--gold);
}

.module-content {
    margin-bottom: -60px;
}

.scroll-wrapper {
    scroll-behavior: smooth;
    scroll-padding-top: 20px;
}

.to-top {
    display: table-cell;
    position: sticky;
    left: 88%;
    bottom: 80px;
    margin-top: calc(100vh + 20px);
    transform: translate(0px, 60px);
    /*width: max-content;
    height: fit-content;*/

    /* visual styling */
    padding: 16px 30px;
    cursor: pointer;
    background: var(--gold);
    color: var(--white);
    transition: background-color 0.3s ease-out;
    z-index: 100;

    /*  text styling  */
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
}

.to-top:hover {
    text-decoration: none;
    background: var(--blue);
}

@media all and (max-width: 1440px) {
    body > .cookie-popup {
        left: 0;
    }

    :root {
        --global-side-padding: clamp(20px, calc(100px - ((1440px - 100vw) / 5)), 100px);
    }

    .main-header.max-width-container {
        left: 0;
    }

    .main-wrapper > .module-content .sideways-tile-container > .content > .tile {
        padding: clamp(20px, 4.5vw, 70px);
    }

    .main-wrapper > .module-content .sideways-tile-container > .title {
        width: clamp(70px, 12vw, 169px);
    }

    .main-wrapper > .module-content .sideways-content-container {
        padding-inline-end: 10%;
    }

    .main-wrapper > .module-content .sideways-content-container > .content > .column.empty {
        width: 10%;
    }
}

@media all and (max-width: 1000px) {
    .header-nav > ul {
        gap: 20px;
    }

    .main-wrapper > .module-content .sideways-tile-container > .content > .tile {
        padding: 20px;
        gap: 20px;
    }

    .main-wrapper > .module-content .sideways-content-container {
        gap: 20px;
    }
}

@media all and (max-width: 800px) {
    .mobile-nav.opened {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .mobile-nav.opened:not(.no-image) {
        background-size: cover;
        background-position: top center;
    }

    .mobile-nav.opened > * {
        z-index: 1001;
    }

    .mobile-nav.opened::before {
        content: "";
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.7);
    }

    .mobile-nav.opened.no-image::before {
        background: var(--black);
    }

    .header-nav > .menu {
        display: none;
    }

    .header-nav > .mobile-trigger {
        display: flex;
    }

    .header-nav > .logo {
        margin-right: auto;
    }

    .header-nav.mobile-opened > .logo,
    .header-nav.mobile-opened > ul.languages,
    .header-nav.mobile-opened > .mobile-trigger {
        display: none;
    }

    .mobile-nav.opened > .top {
        height: var(--global-header-height);
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        padding-inline: 20px;
        flex: 0 0 auto;
    }

    .mobile-nav.opened > .top .close {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
    }

    .mobile-nav.opened > .menu {
        display: block;
        width: 100%;
        flex: 1 1 auto;
        overflow: hidden auto;
        height: calc(100vh - (var(--global-header-height) + 54px));
        margin-top: -30px;
    }

    .mobile-nav.opened > .menu > li {
        display: block;
        height: 62px;
    }

    .mobile-nav.opened > .menu > li a {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        color: var(--white);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-decoration: none;
        position: relative;
        text-align: center;
    }

    .mobile-nav.opened > .menu > li.active a,
    .mobile-nav.opened > .menu > li.has-submenu.this-opened > a {
        font-style: italic;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--red);
    }

    .mobile-nav.opened > .menu > li.has-submenu > a::after {
        content: url("../images/icons/submenu-arrow.svg");
        bottom: 0;
        position: absolute;
    }

    .mobile-nav.opened > .menu > li.has-submenu.this-opened > a::after {
        transform: rotate(180deg);
    }

    .mobile-nav.opened > .menu > li > ul.submenu {
        display: none;
    }

    .mobile-nav.opened > .menu.submenu-opened > li:not(.this-opened) {
        display: none;
    }

    .mobile-nav.opened > .menu > li.has-submenu.this-opened > .submenu {
        display: block;
    }

    .mobile-nav.opened > .menu > li.has-submenu.this-opened > .submenu li {
        display: block;
        height: 47px;
    }

    .mobile-nav.opened > .menu > li.has-submenu.this-opened > .submenu li a {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        color: var(--white);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
    }

    .mobile-nav.opened > .menu > li.has-submenu.this-opened > .submenu li.active a {
        color: var(--red);
        font-style: italic;
        font-weight: 700;
    }

    .mobile-nav.opened > .bottom {
        width: 100%;
        padding-bottom: 50px;
        padding-top: 10px;
        flex: 0 0 auto;
    }

    .mobile-nav.opened .socials {
        gap: 50px;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }

    .mobile-nav.opened ul.socials li a {
        color: var(--gold);
    }

    .mobile-nav.opened ul.socials li a:hover,
    .mobile-nav.opened ul.socials li a:active {
        color: var(--white);
    }

    .mobile-submenu {
        display: block;
    }

    :root {
        --global-side-padding: 20px;
        --global-footer-height: 141px;
    }

    .main-wrapper > .module-content > .hero {
        padding-inline: 0;
        padding-top: 146px;
    }

    .main-wrapper > .module-content > .hero h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .main-wrapper > .module-content > .hero p {
        font-size: 16px;
        line-height: 130%;
    }

    .main-wrapper > .module-content > .hero::before {
        background: rgba(0, 0, 0, 0.7);
    }

    .main-wrapper > .module-content .sideways-tile-container {
        padding-inline: 0;
        flex-direction: column;
    }

    .main-wrapper > .module-content .sideways-tile-container > .title {
        width: 100%;
        min-height: auto;
        padding-inline: var(--global-side-padding);
    }

    .main-wrapper > .module-content .sideways-tile-container > .title h2 {
        transform: none;
        font-size: 38px;
        line-height: 38px;
    }

    .main-wrapper > .module-content .sideways-tile-container > .content {
        display: flex;
        flex-direction: column;
    }

    .main-wrapper > .module-content .sideways-content-container {
        width: 100%;
        min-height: auto;
        padding-inline: var(--global-side-padding);
        padding-block: 60px 50px;
        flex-direction: column;
    }

    .main-wrapper > .module-content .sideways-content-container > .title,
    .main-wrapper > .module-content .sideways-content-container > .title.height-respecting {
        display: block;
        width: 100%;
        min-height: auto;
    }

    .main-wrapper > .module-content .sideways-content-container > .title h2,
    .main-wrapper > .module-content .sideways-content-container > .title.height-respecting h2 {
        transform: none;
        display: block;
        white-space: normal;
        font-size: 38px;
        line-height: 38px;
    }

    .main-wrapper > .module-content .sideways-content-container > .title h2::after {
        display: none;
    }

    .main-wrapper > .module-content .sideways-content-container > .content > .column {
        width: 100%;
    }

    .main-wrapper > .module-content .sideways-tile-container > .content > .tile {
        padding: 50px 20px;
    }

    .main-wrapper > .module-content .sideways-tile-container.news::after {
        display: none;
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .title {
        display: contents;
    }

    .main-wrapper > .module-content .sideways-tile-container.news .title h2 {
        color: var(--red);
        order: 1;
        padding: 20px;
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content {
        order: 2;
    }

    .main-wrapper > .module-content .sideways-tile-container.news .title a {
        position: static;
        order: 3;
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile > p {
        display: none;
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        display: none;
        border-bottom: solid 1px var(--gold);
    }

    .main-wrapper > .module-content .sideways-tile-container.news .content .tile:hover::before,
    .main-wrapper > .module-content .sideways-tile-container.news .content .tile::before {
        border-color: transparent;
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(1),
    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(2),
    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(3) {
        display: flex;
    }

    .main-footer .max-width-container {
        padding-top: 20px;
        justify-content: space-between;
    }

    .main-footer .max-width-container ul.menu.left {
        display: none;
    }

    .main-footer .max-width-container ul.socials a {
        color: var(--gold);
    }

    input[data-action="mobile-read-more"]:not(:checked) + * label[data-role="mobile-read-more"] {
        display: flex;
    }

    input[data-action="mobile-read-more"]:not(:checked) ~ * {
        display: none;
    }

    input[data-action="mobile-read-more"]:not(:checked) + *,
    input[data-action="mobile-read-more"]:checked ~ * {
        display: block;
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(3n-2) h3 {
        color: var(--red);
        border-left-color: var(--red);
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(3n-1) h3 {
        color: var(--white);
        border-left-color: var(--white);
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile:nth-child(3n) h3 {
        color: var(--gold);
        border-left-color: var(--gold);
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile.no-image:nth-child(3n-2)::before {
        background-color: var(--dark-red);
        border-color: var(--dark-red);
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile.no-image:nth-child(3n-1)::before {
        background-color: var(--black);
        border-color: var(--black);
    }

    .main-wrapper > .module-content .sideways-tile-container.news > .content > .tile.no-image:nth-child(3n)::before {
        background-color: var(--dark-gold);
        border-color: var(--dark-gold);
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"] {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"] > div {
        width: 100%;
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"]:first-child {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"]:first-child > div:first-child {
        display: contents;
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"]:first-child > div:first-child *:not(img:first-child),
    .main-wrapper > .module-content .common-page-content [data-role="two-columns"]:first-child > div:not(:first-child) {
        order: 1;
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"]:first-child > div:first-child img:first-child {
        order: 2;
    }

    .main-wrapper > .module-content .common-page-content [data-role="two-columns"] + [data-role="two-columns"] {
        margin-block-start: 40px;
    }

}

@media all and (max-width: 500px) {
    body > .cookie-popup {
        padding: 10px;
    }

    body > .cookie-popup .actions {
        gap: 10px;
    }

    body > .cookie-popup .actions button {
        flex: 1 1 auto;
    }

    body > .cookie-popup .actions button.close {
        margin-right: 45px;
    }

    body > .cookie-popup .actions button.close::after {
        right: -45px;
    }

    .main-footer {
        min-height: var(--global-footer-height);
        height: max-content;
    }

    .main-footer .max-width-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 0 0;
        grid-template-areas:
            "logo social"
            "logo menu";
    }

    .main-footer .max-width-container a.logo {
        grid-area: logo;
    }

    .main-footer .max-width-container ul.socials {
        grid-area: social;
        justify-content: flex-end;
    }

    .main-footer .max-width-container ul.menu.right {
        grid-area: menu;
        margin-right: 0;
    }

}
