/*! UIkit 3.16.1 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */

html {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666
}

body {
    margin: 0
}

.uk-link, a {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer
}

    .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
        color: #0f6ecd;
        text-decoration: underline
    }

abbr[title] {
    text-decoration: underline dotted;
    -webkit-text-decoration-style: dotted
}

b, strong {
    font-weight: bolder
}

:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
    font-family: Consolas,monaco,monospace;
    font-size: .875rem;
    color: #f0506e;
    white-space: nowrap;
    padding: 2px 6px;
    background: #f8f8f8
}

em {
    color: #f0506e
}

ins {
    background: #ffd;
    color: #666;
    text-decoration: none
}

mark {
    background: #ffd;
    color: #666
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

    img:not([src]) {
        visibility: hidden;
        min-width: 1px
    }

iframe {
    border: 0
}

address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 20px 0
}

* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
    margin-top: 20px
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    color: #333;
    text-transform: none
}

* + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + .uk-heading-2xlarge, * + .uk-heading-large, * + .uk-heading-medium, * + .uk-heading-small, * + .uk-heading-xlarge, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 40px
}

.uk-h1, h1 {
    font-size: 2.23125rem;
    line-height: 1.2
}

.uk-h2, h2 {
    font-size: 1.7rem;
    line-height: 1.3
}

.uk-h3, h3 {
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-h4, h4 {
    font-size: 1.25rem;
    line-height: 1.4
}

.uk-h5, h5 {
    font-size: 16px;
    line-height: 1.4
}

.uk-h6, h6 {
    font-size: .875rem;
    line-height: 1.4
}

@media (min-width:960px) {
    .uk-h1, h1 {
        font-size: 2.625rem
    }

    .uk-h2, h2 {
        font-size: 2rem
    }
}

ol, ul {
    padding-left: 30px
}

    ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
        margin: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.uk-hr, hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid #e5e5e5
}

* + .uk-hr, * + hr {
    margin-top: 20px
}

address {
    font-style: normal
}

blockquote {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: #333
}

* + blockquote {
    margin-top: 20px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: 10px;
    font-size: .875rem;
    line-height: 1.5;
    color: #666
}

    blockquote footer::before {
        content: "— "
    }

pre {
    font: 0.875rem/1.5 Consolas,monaco,monospace;
    color: #666;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff
}

    pre code {
        font-family: Consolas,monaco,monospace
    }

:focus {
    outline: 0
}

:focus-visible {
    outline: 0px dotted #333
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

details, main {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px
}

.uk-link-muted a, .uk-link-toggle .uk-link-muted, a.uk-link-muted {
    color: #999
}

    .uk-link-muted a:hover, .uk-link-toggle:hover .uk-link-muted, a.uk-link-muted:hover {
        color: #666
    }

.uk-link-text a, .uk-link-toggle .uk-link-text, a.uk-link-text {
    color: inherit
}

    .uk-link-text a:hover, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover {
        color: #999
    }

.uk-link-heading a, .uk-link-toggle .uk-link-heading, a.uk-link-heading {
    color: inherit
}

    .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover {
        color: #1e87f0;
        text-decoration: none
    }

.uk-link-reset a, a.uk-link-reset {
    color: inherit !important;
    text-decoration: none !important
}

.uk-link-toggle {
    color: inherit !important;
    text-decoration: none !important
}

.uk-heading-small {
    font-size: 2.6rem;
    line-height: 1.2
}

.uk-heading-medium {
    font-size: 2.8875rem;
    line-height: 1.1
}

.uk-heading-large {
    font-size: 3.4rem;
    line-height: 1.1
}

.uk-heading-xlarge {
    font-size: 4rem;
    line-height: 1
}

.uk-heading-2xlarge {
    font-size: 6rem;
    line-height: 1
}

@media (min-width:960px) {
    .uk-heading-small {
        font-size: 3.25rem
    }

    .uk-heading-medium {
        font-size: 3.5rem
    }

    .uk-heading-large {
        font-size: 4rem
    }

    .uk-heading-xlarge {
        font-size: 6rem
    }

    .uk-heading-2xlarge {
        font-size: 8rem
    }
}

@media (min-width:1200px) {
    .uk-heading-medium {
        font-size: 4rem
    }

    .uk-heading-large {
        font-size: 6rem
    }

    .uk-heading-xlarge {
        font-size: 8rem
    }

    .uk-heading-2xlarge {
        font-size: 11rem
    }
}

.uk-heading-primary {
    font-size: 3rem;
    line-height: 1.2
}

@media (min-width:960px) {
    .uk-heading-primary {
        font-size: 3.375rem
    }
}

@media (min-width:1200px) {
    .uk-heading-primary {
        font-size: 3.75rem;
        line-height: 1.1
    }
}

.uk-heading-hero {
    font-size: 4rem;
    line-height: 1.1
}

@media (min-width:960px) {
    .uk-heading-hero {
        font-size: 6rem;
        line-height: 1
    }
}

@media (min-width:1200px) {
    .uk-heading-hero {
        font-size: 8rem;
        line-height: 1
    }
}

.uk-heading-divider {
    padding-bottom: calc(10px + .1em);
    border-bottom: calc(.2px + .05em) solid #e5e5e5
}

.uk-heading-bullet {
    position: relative
}

    .uk-heading-bullet::before {
        content: "";
        display: inline-block;
        position: relative;
        top: calc(-.1 * 1em);
        vertical-align: middle;
        height: calc(4px + .7em);
        margin-right: calc(5px + .2em);
        border-left: calc(5px + .1em) solid #e5e5e5
    }

.uk-heading-line {
    overflow: hidden
}

    .uk-heading-line > * {
        display: inline-block;
        position: relative
    }

    .uk-heading-line > ::after, .uk-heading-line > ::before {
        content: "";
        position: absolute;
        top: calc(50% - (calc(.2px + .05em)/ 2));
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #e5e5e5
    }

    .uk-heading-line > ::before {
        right: 100%;
        margin-right: calc(5px + .3em)
    }

    .uk-heading-line > ::after {
        left: 100%;
        margin-left: calc(5px + .3em)
    }

[class*=uk-divider] {
    border: none;
    margin-bottom: 20px
}

* + [class*=uk-divider] {
    margin-top: 20px
}

.uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

    .uk-divider-icon::after, .uk-divider-icon::before {
        content: "";
        position: absolute;
        top: 50%;
        max-width: calc(50% - (50px / 2));
        border-bottom: 1px solid #e5e5e5
    }

    .uk-divider-icon::before {
        right: calc(50% + (50px / 2));
        width: 100%
    }

    .uk-divider-icon::after {
        left: calc(50% + (50px / 2));
        width: 100%
    }

.uk-divider-small {
    line-height: 0
}

    .uk-divider-small::after {
        content: "";
        display: inline-block;
        width: 100px;
        max-width: 100%;
        border-top: 1px solid #e5e5e5;
        vertical-align: top
    }

.uk-divider-vertical {
    width: max-content;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #e5e5e5
}

.uk-list {
    padding: 0;
    list-style: none
}

    .uk-list > * {
        break-inside: avoid-column
    }

        .uk-list > * > :last-child {
            margin-bottom: 0
        }

        .uk-list > * > ul, .uk-list > :nth-child(n+2) {
            margin-top: 10px
        }

.uk-list-circle > *, .uk-list-decimal > *, .uk-list-disc > *, .uk-list-hyphen > *, .uk-list-square > * {
    padding-left: 30px
}

.uk-list-decimal {
    counter-reset: decimal
}

    .uk-list-decimal > * {
        counter-increment: decimal
    }

    .uk-list-circle > ::before, .uk-list-decimal > ::before, .uk-list-disc > ::before, .uk-list-hyphen > ::before, .uk-list-square > ::before {
        content: "";
        position: relative;
        left: -30px;
        width: 30px;
        height: 1.5em;
        margin-bottom: -1.5em;
        display: list-item;
        list-style-position: inside;
        text-align: right
    }

.uk-list-disc > ::before {
    list-style-type: disc
}

.uk-list-circle > ::before {
    list-style-type: circle
}

.uk-list-square > ::before {
    list-style-type: square
}

.uk-list-decimal > ::before {
    content: counter(decimal,decimal) '\200A.\00A0'
}

.uk-list-hyphen > ::before {
    content: '–\00A0\00A0'
}

.uk-list-muted > ::before {
    color: #999 !important
}

.uk-list-emphasis > ::before {
    color: #333 !important
}

.uk-list-primary > ::before {
    color: #1e87f0 !important
}

.uk-list-secondary > ::before {
    color: #222 !important
}

.uk-list-bullet > * {
    padding-left: 30px
}

.uk-list-bullet > ::before {
    content: "";
    display: list-item;
    position: relative;
    left: -30px;
    width: 30px;
    height: 1.5em;
    margin-bottom: -1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-list-divider > :nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.uk-list-striped > * {
    padding: 10px 10px
}

.uk-list-striped > :nth-of-type(odd) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.uk-list-striped > :nth-of-type(odd) {
    background: #f8f8f8
}

.uk-list-striped > :nth-child(n+2) {
    margin-top: 0
}

.uk-list-large > * > ul, .uk-list-large > :nth-child(n+2) {
    margin-top: 20px
}

.uk-list-collapse > * > ul, .uk-list-collapse > :nth-child(n+2) {
    margin-top: 0
}

.uk-list-large.uk-list-divider > :nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px
}

.uk-list-collapse.uk-list-divider > :nth-child(n+2) {
    margin-top: 0;
    padding-top: 0
}

.uk-list-large.uk-list-striped > * {
    padding: 20px 10px
}

.uk-list-collapse.uk-list-striped > * {
    padding-top: 0;
    padding-bottom: 0
}

.uk-list-collapse.uk-list-striped > :nth-child(n+2), .uk-list-large.uk-list-striped > :nth-child(n+2) {
    margin-top: 0
}

.uk-description-list > dt {
    color: #333;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase
}

    .uk-description-list > dt:nth-child(n+2) {
        margin-top: 20px
    }

.uk-description-list-divider > dt:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px
}

* + .uk-table {
    margin-top: 20px
}

.uk-table th {
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: 16px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase
}

.uk-table td {
    padding: 16px 12px;
    vertical-align: top
}

    .uk-table td > :last-child {
        margin-bottom: 0
    }

.uk-table tfoot {
    font-size: .875rem
}

.uk-table caption {
    font-size: .875rem;
    text-align: left;
    color: #999
}

.uk-table-middle, .uk-table-middle td {
    vertical-align: middle !important
}

.uk-table-divider > :first-child > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > tr:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped > tr:nth-of-type(odd) {
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.uk-table-hover tbody tr:hover, .uk-table-hover > tr:hover {
    background: #ffd
}

.uk-table tbody tr.uk-active, .uk-table > tr.uk-active {
    background: #ffd
}

.uk-table-small td, .uk-table-small th {
    padding: 10px 12px
}

.uk-table-large td, .uk-table-large th {
    padding: 22px 12px
}

.uk-table-justify td:first-child, .uk-table-justify th:first-child {
    padding-left: 0
}

.uk-table-justify td:last-child, .uk-table-justify th:last-child {
    padding-right: 0
}

.uk-table-shrink {
    width: 1px
}

.uk-table-expand {
    min-width: 150px
}

.uk-table-link {
    padding: 0 !important
}

    .uk-table-link > a {
        display: block;
        padding: 16px 12px
    }

.uk-table-small .uk-table-link > a {
    padding: 10px 12px
}

@media (max-width:959px) {
    .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive td, .uk-table-responsive th, .uk-table-responsive tr {
        display: block
    }

        .uk-table-responsive thead {
            display: none
        }

        .uk-table-responsive td, .uk-table-responsive th {
            width: auto !important;
            max-width: none !important;
            min-width: 0 !important;
            overflow: visible !important;
            white-space: normal !important
        }

            .uk-table-responsive .uk-table-link:not(:first-child) > a, .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
                padding-top: 5px !important
            }

            .uk-table-responsive .uk-table-link:not(:last-child) > a, .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
                padding-bottom: 5px !important
            }

    .uk-table-justify.uk-table-responsive td, .uk-table-justify.uk-table-responsive th {
        padding-left: 0;
        padding-right: 0
    }
}

.uk-table tbody tr {
    transition: background-color .1s linear
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.uk-icon:not(:disabled) {
    cursor: pointer
}

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
    fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-icon > * {
    transform: translate(0,0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    object-fit: scale-down;
    max-width: none
}

.uk-icon-link {
    color: #999;
    text-decoration: none !important
}

    .uk-icon-link:hover {
        color: #666
    }

    .uk-active > .uk-icon-link, .uk-icon-link:active {
        color: #595959
    }

.uk-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #f8f8f8;
    color: #999;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: color,background-color
}

    .uk-icon-button:hover {
        background-color: #ebebeb;
        color: #666
    }

    .uk-active > .uk-icon-button, .uk-icon-button:active {
        background-color: #dfdfdf;
        color: #666
    }

.uk-range {
    -webkit-appearance: none;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    background: 0 0
}

    .uk-range:focus {
        outline: 0
    }

    .uk-range::-moz-focus-outer {
        border: none
    }

    .uk-range:not(:disabled)::-webkit-slider-thumb {
        cursor: pointer
    }

    .uk-range:not(:disabled)::-moz-range-thumb {
        cursor: pointer
    }

    .uk-range::-webkit-slider-runnable-track {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:active::-webkit-slider-runnable-track, .uk-range:focus::-webkit-slider-runnable-track {
        background: #dedede
    }

    .uk-range::-moz-range-track {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:focus::-moz-range-track {
        background: #dedede
    }

    .uk-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        margin-top: -7px;
        height: 15px;
        width: 15px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

    .uk-range::-moz-range-thumb {
        border: none;
        height: 15px;
        width: 15px;
        margin-top: -7px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

.uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit
}

.uk-input {
    overflow: visible
}

.uk-select {
    text-transform: none
}

    .uk-select optgroup {
        font: inherit;
        font-weight: 700
    }

.uk-textarea {
    overflow: auto
}

.uk-input[type=search]::-webkit-search-cancel-button, .uk-input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-input[type=number]::-webkit-inner-spin-button, .uk-input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder {
    opacity: 1
}

.uk-checkbox:not(:disabled), .uk-radio:not(:disabled) {
    cursor: pointer
}

.uk-fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-input, .uk-textarea {
    -webkit-appearance: none
}

.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #f8f8f8;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border
}

    .uk-input, .uk-select:not([multiple]):not([size]) {
        height: 40px;
        vertical-align: middle;
        display: inline-block
    }

        .uk-input:not(input), .uk-select:not(select) {
            line-height: 40px
        }

    .uk-select[multiple], .uk-select[size], .uk-textarea {
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: top
    }

    .uk-select[multiple], .uk-select[size] {
        resize: vertical
    }

    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {
        outline: 0;
        background-color: #f8f8f8;
        color: #666;
        border-color: #1e87f0
    }

    .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
        background-color: #f8f8f8;
        color: #999;
        border-color: #e5e5e5
    }

    .uk-input::placeholder {
        color: #999
    }

    .uk-textarea::placeholder {
        color: #999
    }

.uk-form-small {
    font-size: .875rem
}

    .uk-form-small:not(textarea):not([multiple]):not([size]) {
        height: 30px;
        padding-left: 8px;
        padding-right: 8px
    }

[multiple].uk-form-small, [size].uk-form-small, textarea.uk-form-small {
    padding: 5px 8px
}

.uk-form-small:not(select):not(input):not(textarea) {
    line-height: 30px
}

.uk-form-large {
    font-size: 1.25rem
}

    .uk-form-large:not(textarea):not([multiple]):not([size]) {
        height: 55px;
        padding-left: 12px;
        padding-right: 12px
    }

[multiple].uk-form-large, [size].uk-form-large, textarea.uk-form-large {
    padding: 7px 12px
}

.uk-form-large:not(select):not(input):not(textarea) {
    line-height: 55px
}

.uk-form-danger, .uk-form-danger:focus {
    color: #f0506e;
    border-color: #f0506e
}

.uk-form-success, .uk-form-success:focus {
    color: #32d296;
    border-color: #32d296
}

.uk-form-blank {
    background: 0 0;
    border-color: transparent
}

    .uk-form-blank:focus {
        border-color: #e5e5e5;
        border-style: dashed
    }

input.uk-form-width-xsmall {
    width: 50px
}

select.uk-form-width-xsmall {
    width: 75px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%
}

    .uk-select:not([multiple]):not([size]) option {
        color: #444
    }

    .uk-select:not([multiple]):not([size]):disabled {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

.uk-input[list] {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

    .uk-input[list]:focus, .uk-input[list]:hover {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-input[list]::-webkit-calendar-picker-indicator {
        display: none !important
    }

.uk-checkbox, .uk-radio {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: background-color,border
}

.uk-radio {
    border-radius: 50%
}

    .uk-checkbox:focus, .uk-radio:focus {
        background-color: #dedede;
        outline: 0;
        border-color: #1e87f0
    }

    .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
        background-color: #1e87f0;
        border-color: transparent
    }

        .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
            background-color: #0e6dcd
        }

    .uk-radio:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

.uk-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:disabled, .uk-radio:disabled {
    background-color: #f8f8f8;
    border-color: #e5e5e5
}

    .uk-radio:disabled:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-checkbox:disabled:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-checkbox:disabled:indeterminate {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

.uk-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-form-custom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

    .uk-form-custom input[type=file], .uk-form-custom select {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        -webkit-appearance: none;
        opacity: 0;
        cursor: pointer
    }

    .uk-form-custom input[type=file] {
        font-size: 500px;
        overflow: hidden
    }

.uk-form-label {
    color: #333;
    font-size: .875rem
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 10px
}

@media (max-width:959px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 10px
    }
}

@media (min-width:960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 7px;
        float: left
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 7px
    }
}

.uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #999
}

    .uk-form-icon:hover {
        color: #666
    }

    .uk-form-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

    .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
        padding-left: 40px !important
    }

.uk-form-icon-flip {
    right: 0;
    left: auto
}

    .uk-form-icon-flip ~ .uk-input {
        padding-right: 40px !important
    }

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color
}

    .uk-button:not(:disabled) {
        cursor: pointer
    }

    .uk-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .uk-button:hover {
        text-decoration: none
    }

.uk-button-default {
    background-color: #f8f8f8;
    color: #333;
    border: 1px solid #e5e5e5
}

    .uk-button-default:hover {
        background-color: #ebebeb;
        color: #333;
        border-color: #b2b2b2
    }

    .uk-button-default.uk-active, .uk-button-default:active {
        background-color: #dfdfdf;
        color: #333;
        border-color: #999
    }

.uk-button-primary {
    background-color: #1e87f0;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-primary:hover {
        background-color: #0f7ae5;
        color: #fff
    }

    .uk-button-primary.uk-active, .uk-button-primary:active {
        background-color: #0e6dcd;
        color: #fff
    }

.uk-button-secondary {
    background-color: #222;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-secondary:hover {
        background-color: #151515;
        color: #fff
    }

    .uk-button-secondary.uk-active, .uk-button-secondary:active {
        background-color: #080808;
        color: #fff
    }

.uk-button-danger {
    background-color: #f0506e;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-danger:hover {
        background-color: #ee395b;
        color: #fff
    }

    .uk-button-danger.uk-active, .uk-button-danger:active {
        background-color: #ec2147;
        color: #fff
    }

    .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
        background-color: #f8f8f8;
        color: #999;
        border-color: #e5e5e5
    }

.uk-button-small {
    padding: 0 15px;
    line-height: 30px;
    font-size: .875rem
}

.uk-button-large {
    padding: 0 40px;
    line-height: 55px;
    font-size: 1.25rem
}

.uk-button-text {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #999;
    position: relative
}

    .uk-button-text::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 100%;
        border-bottom: 1px solid #666;
        transition: right .3s ease-out
    }

    .uk-button-text:hover {
        color: #666
    }

        .uk-button-text:hover::before {
            right: 0
        }

    .uk-button-text:disabled {
        color: #999
    }

        .uk-button-text:disabled::before {
            display: none
        }

.uk-button-link {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #1e87f0
}

    .uk-button-link:hover {
        color: #0f6ecd;
        text-decoration: underline
    }

    .uk-button-link:disabled {
        color: #999;
        text-decoration: none
    }

.uk-button-group {
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

    .uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button {
        margin-left: -1px
    }

    .uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:hover {
        position: relative;
        z-index: 1
    }

.uk-progress {
    vertical-align: baseline;
    display: block;
    width: 100%;
    border: 0;
    background-color: #f8f8f8;
    margin-bottom: 20px;
    height: 15px;
    border-radius: 500px;
    overflow: hidden
}

* + .uk-progress {
    margin-top: 20px
}

.uk-progress::-webkit-progress-bar {
    background-color: transparent
}

.uk-progress::-webkit-progress-value {
    background-color: #1e87f0;
    transition: width .6s ease
}

.uk-progress::-moz-progress-bar {
    background-color: #1e87f0;
    transition: width .6s ease
}

.uk-section {
    display: flow-root;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .uk-section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.uk-section > :last-child {
    margin-bottom: 0
}

.uk-section-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .uk-section-large {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.uk-section-xlarge {
    padding-top: 120px;
    padding-bottom: 120px
}

@media (min-width:960px) {
    .uk-section-xlarge {
        padding-top: 190px;
        padding-bottom: 190px
    }
}

.uk-section-default {
    background: #fff
}

.uk-section-muted {
    background: #f8f8f8
}

.uk-section-primary {
    background: #1e87f0
}

.uk-section-secondary {
    background: #222
}

.uk-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-container > :last-child {
    margin-bottom: 0
}

.uk-container .uk-container {
    padding-left: 0;
    padding-right: 0
}

.uk-container-xsmall {
    max-width: 750px
}

.uk-container-small {
    max-width: 900px
}

.uk-container-large {
    max-width: 1400px
}

.uk-container-xlarge {
    max-width: 1600px
}

.uk-container-expand {
    max-width: none
}

.uk-container-expand-left {
    margin-left: 0
}

.uk-container-expand-right {
    margin-right: 0
}

@media (min-width:640px) {
    .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
        max-width: calc(50% + (750px / 2) - 30px)
    }

    .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
        max-width: calc(50% + (900px / 2) - 30px)
    }
}

@media (min-width:960px) {
    .uk-container-expand-left, .uk-container-expand-right {
        max-width: calc(50% + (1200px / 2) - 40px)
    }

        .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
            max-width: calc(50% + (750px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
            max-width: calc(50% + (900px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
            max-width: calc(50% + (1400px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge {
            max-width: calc(50% + (1600px / 2) - 40px)
        }
}

.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 15px)
}

.uk-container-item-padding-remove-left {
    margin-left: -15px
}

.uk-container-item-padding-remove-right {
    margin-right: -15px
}

@media (min-width:640px) {
    .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
        width: calc(100% + 30px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -30px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -30px
    }
}

@media (min-width:960px) {
    .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
        width: calc(100% + 40px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -40px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -40px
    }
}

.uk-tile {
    display: flow-root;
    position: relative;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:640px) {
    .uk-tile {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .uk-tile {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.uk-tile > :last-child {
    margin-bottom: 0
}

.uk-tile-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-tile-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-tile-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .uk-tile-large {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.uk-tile-xlarge {
    padding-top: 120px;
    padding-bottom: 120px
}

@media (min-width:960px) {
    .uk-tile-xlarge {
        padding-top: 190px;
        padding-bottom: 190px
    }
}

.uk-tile-default {
    background-color: #fff
}

.uk-tile-muted {
    background-color: #f8f8f8
}

.uk-tile-primary {
    background-color: #1e87f0
}

.uk-tile-secondary {
    background-color: #222
}

.uk-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow .1s ease-in-out
}

.uk-card-body {
    display: flow-root;
    padding: 30px 30px
}

.uk-card-header {
    display: flow-root;
    padding: 15px 30px
}

.uk-card-footer {
    display: flow-root;
    padding: 15px 30px
}

@media (min-width:1200px) {
    .uk-card-body {
        padding: 40px 40px
    }

    .uk-card-header {
        padding: 20px 40px
    }

    .uk-card-footer {
        padding: 20px 40px
    }
}

.uk-card-body > :last-child, .uk-card-footer > :last-child, .uk-card-header > :last-child {
    margin-bottom: 0
}

.uk-card-title {
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    height: 22px;
    padding: 0 10px;
    background: #1e87f0;
    color: #fff;
    font-size: .875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

    .uk-card-badge:first-child + * {
        margin-top: 0
    }

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background-color: #f8f8f8;
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-card-default {
    background-color: #f8f8f8;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-default .uk-card-title {
        color: #333
    }

    .uk-card-default.uk-card-hover:hover {
        background-color: #ebebeb;
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

    .uk-card-default .uk-card-header {
        border-bottom: 1px solid #e5e5e5
    }

    .uk-card-default .uk-card-footer {
        border-top: 1px solid #e5e5e5
    }

.uk-card-primary {
    background-color: #1e87f0;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-primary .uk-card-title {
        color: #fff
    }

    .uk-card-primary.uk-card-hover:hover {
        background-color: #0f7ae5;
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

.uk-card-secondary {
    background-color: #222;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-secondary .uk-card-title {
        color: #fff
    }

    .uk-card-secondary.uk-card-hover:hover {
        background-color: #151515;
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 20px 20px
}

.uk-card-small .uk-card-header {
    padding: 13px 20px
}

.uk-card-small .uk-card-footer {
    padding: 13px 20px
}

@media (min-width:1200px) {
    .uk-card-large .uk-card-body, .uk-card-large.uk-card-body {
        padding: 70px 70px
    }

    .uk-card-large .uk-card-header {
        padding: 35px 70px
    }

    .uk-card-large .uk-card-footer {
        padding: 35px 70px
    }
}

.uk-card-body > .uk-nav-default {
    margin-left: -30px;
    margin-right: -30px
}

    .uk-card-body > .uk-nav-default:only-child {
        margin-top: -15px;
        margin-bottom: -15px
    }

.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a {
    padding-left: 30px;
    padding-right: 30px
}

.uk-card-body .uk-nav-default .uk-nav-sub {
    padding-left: 45px
}

@media (min-width:1200px) {
    .uk-card-body > .uk-nav-default {
        margin-left: -40px;
        margin-right: -40px
    }

        .uk-card-body > .uk-nav-default:only-child {
            margin-top: -25px;
            margin-bottom: -25px
        }

    .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a {
        padding-left: 40px;
        padding-right: 40px
    }

    .uk-card-body .uk-nav-default .uk-nav-sub {
        padding-left: 55px
    }
}

.uk-card-small > .uk-nav-default {
    margin-left: -20px;
    margin-right: -20px
}

    .uk-card-small > .uk-nav-default:only-child {
        margin-top: -5px;
        margin-bottom: -5px
    }

.uk-card-small .uk-nav-default .uk-nav-divider, .uk-card-small .uk-nav-default .uk-nav-header, .uk-card-small .uk-nav-default > li > a {
    padding-left: 20px;
    padding-right: 20px
}

.uk-card-small .uk-nav-default .uk-nav-sub {
    padding-left: 35px
}

@media (min-width:1200px) {
    .uk-card-large > .uk-nav-default {
        margin: 0
    }

        .uk-card-large > .uk-nav-default:only-child {
            margin: 0
        }

    .uk-card-large .uk-nav-default .uk-nav-divider, .uk-card-large .uk-nav-default .uk-nav-header, .uk-card-large .uk-nav-default > li > a {
        padding-left: 0;
        padding-right: 0
    }

    .uk-card-large .uk-nav-default .uk-nav-sub {
        padding-left: 15px
    }
}

.uk-close {
    color: #999;
    transition: .1s ease-in-out;
    transition-property: color,opacity
}

    .uk-close:hover {
        color: #666
    }

.uk-spinner > * {
    animation: uk-spinner-rotate 1.4s linear infinite
}

@keyframes uk-spinner-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(270deg)
    }
}

.uk-spinner > * > * {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 88px;
        transform: rotate(450deg)
    }
}

.uk-totop {
    padding: 5px;
    color: #999;
    transition: color .1s ease-in-out
}

    .uk-totop:hover {
        color: #666
    }

    .uk-totop:active {
        color: #333
    }

.uk-marker {
    padding: 5px;
    background: #222;
    color: #fff;
    border-radius: 500px
}

    .uk-marker:hover {
        color: #fff
    }

.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 29px 15px 15px;
    background: #f8f8f8;
    color: #666
}

* + .uk-alert {
    margin-top: 20px
}

.uk-alert > :last-child {
    margin-bottom: 0
}

.uk-alert-close {
    position: absolute;
    top: 20px;
    right: 15px;
    color: inherit;
    opacity: .4
}

    .uk-alert-close:first-child + * {
        margin-top: 0
    }

    .uk-alert-close:hover {
        color: inherit;
        opacity: .8
    }

.uk-alert-primary {
    background: #d8eafc;
    color: #1e87f0
}

.uk-alert-success {
    background: #edfbf6;
    color: #32d296
}

.uk-alert-warning {
    background: #fff6ee;
    color: #faa05a
}

.uk-alert-danger {
    background: #fef4f6;
    color: #f0506e
}

.uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 {
    color: inherit
}

.uk-alert a:not([class]) {
    color: inherit;
    text-decoration: underline
}

    .uk-alert a:not([class]):hover {
        color: inherit;
        text-decoration: underline
    }

.uk-placeholder {
    margin-bottom: 20px;
    padding: 30px 30px;
    background: #f8f8f8;
    border: 1px dashed #e5e5e5
}

* + .uk-placeholder {
    margin-top: 20px
}

.uk-placeholder > :last-child {
    margin-bottom: 0
}

.uk-badge {
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: #1e87f0;
    color: #fff !important;
    font-size: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

    .uk-badge:hover {
        text-decoration: none
    }

.uk-label {
    display: inline-block;
    padding: 0 10px;
    background: #1e87f0;
    line-height: 1.5;
    font-size: .875rem;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase
}

.uk-label-success {
    background-color: #32d296;
    color: #fff
}

.uk-label-warning {
    background-color: #faa05a;
    color: #fff
}

.uk-label-danger {
    background-color: #f0506e;
    color: #fff
}

.uk-overlay {
    padding: 30px 30px
}

    .uk-overlay > :last-child {
        margin-bottom: 0
    }

.uk-overlay-default {
    background: rgba(255,255,255,.8)
}

.uk-overlay-primary {
    background: rgba(34,34,34,.8)
}

.uk-search {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0
}

.uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-search-input::-moz-placeholder {
    opacity: 1
}

.uk-search-input {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    overflow: visible;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    border: none;
    color: #666
}

    .uk-search-input:focus {
        outline: 0
    }

    .uk-search-input::placeholder {
        color: #999
    }

.uk-search .uk-search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #999
}

    .uk-search .uk-search-icon:hover {
        color: #999
    }

    .uk-search .uk-search-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

.uk-search .uk-search-icon-flip {
    right: 0;
    left: auto
}

.uk-search-default {
    width: 180px
}

    .uk-search-default .uk-search-input {
        height: 40px;
        padding-left: 6px;
        padding-right: 6px;
        background: #f8f8f8;
        border: 1px solid #e5e5e5
    }

        .uk-search-default .uk-search-input:focus {
            background-color: #f8f8f8
        }

    .uk-search-default .uk-search-icon {
        width: 40px
    }

        .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    .uk-search-default .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 40px
    }

.uk-search-navbar {
    width: 400px
}

    .uk-search-navbar .uk-search-input {
        height: 40px;
        background: 0 0;
        font-size: 1.5rem
    }

    .uk-search-navbar .uk-search-icon {
        width: 40px
    }

        .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 40px
    }

.uk-search-large {
    width: 500px
}

    .uk-search-large .uk-search-input {
        height: 80px;
        background: 0 0;
        font-size: 2.625rem
    }

    .uk-search-large .uk-search-icon {
        width: 80px
    }

        .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 80px
        }

    .uk-search-large .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 80px
    }

.uk-search-toggle {
    color: #999
}

    .uk-search-toggle:hover {
        color: #666
    }

.uk-accordion {
    padding: 0;
    list-style: none
}

    .uk-accordion > :nth-child(n+2) {
        margin-top: 20px
    }

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden
}

    .uk-accordion-title::before {
        content: "";
        width: 1.4em;
        height: 1.4em;
        margin-left: 10px;
        float: right;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

.uk-open > .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-accordion-title:hover {
    color: #666;
    text-decoration: none
}

.uk-accordion-content {
    display: flow-root;
    margin-top: 20px
}

    .uk-accordion-content > :last-child {
        margin-bottom: 0
    }

.uk-drop {
    display: none;
    position: absolute;
    z-index: 1020;
    --uk-position-offset: 20px;
    --uk-position-viewport-offset: 15px;
    box-sizing: border-box;
    width: 300px
}

    .uk-drop.uk-open {
        display: block
    }

.uk-drop-stack .uk-drop-grid > * {
    width: 100% !important
}

.uk-drop-parent-icon {
    margin-left: .25em;
    transition: transform .3s ease-out
}

[aria-expanded=true] > .uk-drop-parent-icon {
    transform: rotateX(180deg)
}

.uk-dropdown {
    --uk-position-offset: 10px;
    --uk-position-viewport-offset: 15px;
    width: auto;
    min-width: 200px;
    padding: 15px;
    background: #f8f8f8;
    color: #666;
    box-shadow: 0 5px 12px rgba(0,0,0,.15)
}

    .uk-dropdown > :last-child {
        margin-bottom: 0
    }

.uk-dropdown-large {
    padding: 40px
}

.uk-dropdown-dropbar {
    width: auto;
    background: 0 0;
    padding: 15px 0 15px 0;
    --uk-position-viewport-offset: 15px
}

@media (min-width:640px) {
    .uk-dropdown-dropbar {
        --uk-position-viewport-offset: 30px
    }
}

@media (min-width:960px) {
    .uk-dropdown-dropbar {
        --uk-position-viewport-offset: 40px
    }
}

.uk-dropdown-dropbar-large {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-dropdown-nav {
    font-size: .875rem
}

    .uk-dropdown-nav > li > a {
        color: #999
    }

        .uk-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li > a:hover {
            color: #666
        }

    .uk-dropdown-nav .uk-nav-subtitle {
        font-size: .875rem
    }

    .uk-dropdown-nav .uk-nav-header {
        color: #333
    }

    .uk-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-dropdown-nav .uk-nav-sub a {
        color: #999
    }

        .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub li.uk-active > a {
            color: #666
        }

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    padding: 15px 15px;
    background: rgba(0,0,0,.6);
    opacity: 0;
    transition: opacity .15s linear
}

@media (min-width:640px) {
    .uk-modal {
        padding: 50px 30px
    }
}

@media (min-width:960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: 100% !important;
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity,transform
}

.uk-open > .uk-modal-dialog {
    opacity: 1;
    transform: translateY(0)
}

.uk-modal-container .uk-modal-dialog {
    width: 1200px
}

.uk-modal-full {
    padding: 0;
    background: 0 0
}

    .uk-modal-full .uk-modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        transform: translateY(0)
    }

.uk-modal-body {
    display: flow-root;
    padding: 30px 30px
}

.uk-modal-header {
    display: flow-root;
    padding: 15px 30px;
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5
}

.uk-modal-footer {
    display: flow-root;
    padding: 15px 30px;
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5
}

@media (min-width:640px) {
    .uk-modal-body {
        padding: 30px 30px
    }

    .uk-modal-header {
        padding: 15px 30px
    }

    .uk-modal-footer {
        padding: 15px 30px
    }
}

.uk-modal-body > :last-child, .uk-modal-footer > :last-child, .uk-modal-header > :last-child {
    margin-bottom: 0
}

.uk-modal-title {
    font-size: 2rem;
    line-height: 1.3
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px
}

    [class*=uk-modal-close-]:first-child + * {
        margin-top: 0
    }

.uk-modal-close-outside {
    top: 0;
    right: -5px;
    transform: translate(0,-100%);
    color: #fff
}

    .uk-modal-close-outside:hover {
        color: #fff
    }

@media (min-width:960px) {
    .uk-modal-close-outside {
        right: 0;
        transform: translate(100%,-100%)
    }
}

.uk-modal-close-full {
    top: 0;
    right: 0;
    padding: 20px;
    background: #fff
}

.uk-slideshow {
    -webkit-tap-highlight-color: transparent
}

.uk-slideshow-items {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    -webkit-touch-callout: none;
    touch-action: pan-y
}

    .uk-slideshow-items > * {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        will-change: transform,opacity
    }

    .uk-slideshow-items > :not(.uk-active) {
        display: none
    }

.uk-slider {
    -webkit-tap-highlight-color: transparent
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider-container-offset {
    margin: -11px -25px -39px -25px;
    padding: 11px 25px 39px 25px
}

.uk-slider-items {
    will-change: transform;
    position: relative;
    touch-action: pan-y
}

    .uk-slider-items:not(.uk-grid) {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-touch-callout: none
    }

    .uk-slider-items.uk-grid {
        flex-wrap: nowrap
    }

    .uk-slider-items > * {
        flex: none;
        max-width: 100%;
        position: relative
    }

.uk-sticky {
    position: relative;
    z-index: 980;
    box-sizing: border-box
}

.uk-sticky-fixed {
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.uk-sticky[class*=uk-animation-] {
    animation-duration: .2s
}

.uk-sticky.uk-animation-reverse {
    animation-duration: .2s
}

.uk-sticky-placeholder {
    pointer-events: none
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.uk-offcanvas-flip .uk-offcanvas {
    right: 0;
    left: auto
}

.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 270px;
    padding: 20px 20px;
    background: #222;
    overflow-y: auto
}

@media (min-width:640px) {
    .uk-offcanvas-bar {
        left: -350px;
        width: 350px;
        padding: 30px 30px
    }
}

.uk-offcanvas-flip .uk-offcanvas-bar {
    left: auto;
    right: -270px
}

@media (min-width:640px) {
    .uk-offcanvas-flip .uk-offcanvas-bar {
        right: -350px
    }
}

.uk-open > .uk-offcanvas-bar {
    left: 0
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    left: auto;
    right: 0
}

.uk-offcanvas-bar-animation {
    transition: left .3s ease-out
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
    transition-property: right
}

.uk-offcanvas-reveal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    transition: width .3s ease-out
}

    .uk-offcanvas-reveal .uk-offcanvas-bar {
        left: 0
    }

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
    left: auto;
    right: 0
}

.uk-open > .uk-offcanvas-reveal {
    width: 270px
}

@media (min-width:640px) {
    .uk-open > .uk-offcanvas-reveal {
        width: 350px
    }
}

.uk-offcanvas-flip .uk-offcanvas-reveal {
    right: 0;
    left: auto
}

.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 20px;
    padding: 5px
}

@media (min-width:640px) {
    .uk-offcanvas-close {
        top: 10px;
        right: 10px
    }
}

.uk-offcanvas-close:first-child + * {
    margin-top: 0
}

.uk-offcanvas-overlay {
    width: 100vw;
    touch-action: none
}

    .uk-offcanvas-overlay::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.1);
        opacity: 0;
        transition: opacity .15s linear
    }

    .uk-offcanvas-overlay.uk-open::before {
        opacity: 1
    }

.uk-offcanvas-container, .uk-offcanvas-page {
    overflow-x: hidden;
    overflow-x: clip
}

.uk-offcanvas-container {
    position: relative;
    left: 0;
    transition: left .3s ease-out;
    box-sizing: border-box;
    width: 100%
}

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 270px
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -270px
}

@media (min-width:640px) {
    :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
        left: 350px
    }

    .uk-offcanvas-flip.uk-offcanvas-container-animation {
        left: -350px
    }
}

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-switcher > :not(.uk-active) {
        display: none
    }

    .uk-switcher > * > :last-child {
        margin-bottom: 0
    }

.uk-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notification-bottom-right, .uk-notification-top-right {
    left: auto;
    right: 10px
}

.uk-notification-bottom-center, .uk-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notification-bottom-center, .uk-notification-bottom-left, .uk-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:639px) {
    .uk-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notification-message {
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    color: #666;
    font-size: 1.25rem;
    line-height: 1.4;
    cursor: pointer
}

* + .uk-notification-message {
    margin-top: 10px
}

.uk-notification-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px
}

.uk-notification-message:hover .uk-notification-close {
    display: block
}

.uk-notification-message-primary {
    color: #1e87f0
}

.uk-notification-message-success {
    color: #32d296
}

.uk-notification-message-warning {
    color: #faa05a
}

.uk-notification-message-danger {
    color: #f0506e
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    --uk-position-offset: 10px;
    --uk-position-viewport-offset: 10;
    top: 0;
    box-sizing: border-box;
    max-width: 200px;
    padding: 3px 6px;
    background: #666;
    border-radius: 2px;
    color: #fff;
    font-size: 12px
}

    .uk-tooltip.uk-active {
        display: block
    }

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-grid > * {
        margin: 0
    }

        .uk-grid > * > :last-child {
            margin-bottom: 0
        }

.uk-grid {
    margin-left: -30px
}

    .uk-grid > * {
        padding-left: 30px
    }

    * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
        margin-top: 30px
    }

@media (min-width:1200px) {
    .uk-grid {
        margin-left: -40px
    }

        .uk-grid > * {
            padding-left: 40px
        }

        * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
            margin-top: 40px
        }
}

.uk-grid-column-small, .uk-grid-small {
    margin-left: -15px
}

    .uk-grid-column-small > *, .uk-grid-small > * {
        padding-left: 15px
    }

    * + .uk-grid-margin-small, .uk-grid + .uk-grid-row-small, .uk-grid + .uk-grid-small, .uk-grid-row-small > .uk-grid-margin, .uk-grid-small > .uk-grid-margin {
        margin-top: 15px
    }

.uk-grid-column-medium, .uk-grid-medium {
    margin-left: -30px
}

    .uk-grid-column-medium > *, .uk-grid-medium > * {
        padding-left: 30px
    }

    * + .uk-grid-margin-medium, .uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin {
        margin-top: 30px
    }

.uk-grid-column-large, .uk-grid-large {
    margin-left: -40px
}

    .uk-grid-column-large > *, .uk-grid-large > * {
        padding-left: 40px
    }

    * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin {
        margin-top: 40px
    }

@media (min-width:1200px) {
    .uk-grid-column-large, .uk-grid-large {
        margin-left: -70px
    }

        .uk-grid-column-large > *, .uk-grid-large > * {
            padding-left: 70px
        }

        * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin {
            margin-top: 70px
        }
}

.uk-grid-collapse, .uk-grid-column-collapse {
    margin-left: 0
}

    .uk-grid-collapse > *, .uk-grid-column-collapse > * {
        padding-left: 0
    }

    .uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin {
        margin-top: 0
    }

.uk-grid-divider > * {
    position: relative
}

.uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e5e5e5
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.uk-grid-divider {
    margin-left: -60px
}

    .uk-grid-divider > * {
        padding-left: 60px
    }

    .uk-grid-divider > :not(.uk-first-column)::before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
        margin-top: 60px
    }

        .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
            top: -30px;
            left: 60px
        }

@media (min-width:1200px) {
    .uk-grid-divider {
        margin-left: -80px
    }

        .uk-grid-divider > * {
            padding-left: 80px
        }

        .uk-grid-divider > :not(.uk-first-column)::before {
            left: 40px
        }

        .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
            margin-top: 80px
        }

            .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
                top: -40px;
                left: 80px
            }
}

.uk-grid-divider.uk-grid-column-small, .uk-grid-divider.uk-grid-small {
    margin-left: -30px
}

    .uk-grid-divider.uk-grid-column-small > *, .uk-grid-divider.uk-grid-small > * {
        padding-left: 30px
    }

    .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before {
        left: 15px
    }

    .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
        margin-top: 30px
    }

        .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
            top: -15px;
            left: 30px
        }

        .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
            top: -15px
        }

    .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
        left: 30px
    }

.uk-grid-divider.uk-grid-column-medium, .uk-grid-divider.uk-grid-medium {
    margin-left: -60px
}

    .uk-grid-divider.uk-grid-column-medium > *, .uk-grid-divider.uk-grid-medium > * {
        padding-left: 60px
    }

    .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
        margin-top: 60px
    }

        .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
            top: -30px;
            left: 60px
        }

        .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
            top: -30px
        }

    .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
        left: 60px
    }

.uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large {
    margin-left: -80px
}

    .uk-grid-divider.uk-grid-column-large > *, .uk-grid-divider.uk-grid-large > * {
        padding-left: 80px
    }

    .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
        left: 40px
    }

    .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
        margin-top: 80px
    }

        .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
            top: -40px;
            left: 80px
        }

        .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
            top: -40px
        }

    .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
        left: 80px
    }

@media (min-width:1200px) {
    .uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large {
        margin-left: -140px
    }

        .uk-grid-divider.uk-grid-column-large > *, .uk-grid-divider.uk-grid-large > * {
            padding-left: 140px
        }

        .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
            left: 70px
        }

        .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
            margin-top: 140px
        }

            .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
                top: -70px;
                left: 140px
            }

            .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
                top: -70px
            }

        .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
            left: 140px
        }
}

.uk-grid-item-match, .uk-grid-match > * {
    display: flex;
    flex-wrap: wrap
}

    .uk-grid-item-match > :not([class*=uk-width]), .uk-grid-match > * > :not([class*=uk-width]) {
        box-sizing: border-box;
        width: 100%;
        flex: auto
    }

.uk-nav, .uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-nav li > a {
        display: flex;
        align-items: center;
        column-gap: .25em;
        text-decoration: none
    }

    .uk-nav > li > a {
        padding: 5px 0
    }

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-sub ul {
    padding-left: 15px
}

.uk-nav-sub a {
    padding: 2px 0
}

.uk-nav-parent-icon {
    margin-left: auto;
    transition: transform .3s ease-out
}

.uk-nav > li.uk-open > a .uk-nav-parent-icon {
    transform: rotateX(180deg)
}

.uk-nav-header {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: .875rem
}

    .uk-nav-header:not(:first-child) {
        margin-top: 20px
    }

.uk-nav .uk-nav-divider {
    margin: 5px 0
}

.uk-nav-default {
    line-height: 1.5;
    font-size: .875rem
}

    .uk-nav-default > li > a {
        color: #999
    }

        .uk-nav-default > li > a:hover {
            color: #666
        }

    .uk-nav-default > li.uk-active > a {
        color: #333
    }

    .uk-nav-default .uk-nav-subtitle {
        font-size: .875rem
    }

    .uk-nav-default .uk-nav-header {
        color: #333
    }

    .uk-nav-default .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-default .uk-nav-sub {
        font-size: .875rem;
        line-height: 1.5
    }

        .uk-nav-default .uk-nav-sub a {
            color: #999
        }

            .uk-nav-default .uk-nav-sub a:hover {
                color: #666
            }

        .uk-nav-default .uk-nav-sub li.uk-active > a {
            color: #333
        }

.uk-nav-primary {
    font-size: 1.5rem;
    line-height: 1.5
}

    .uk-nav-primary > li > a {
        color: #999
    }

        .uk-nav-primary > li > a:hover {
            color: #666
        }

    .uk-nav-primary > li.uk-active > a {
        color: #333
    }

    .uk-nav-primary .uk-nav-subtitle {
        font-size: 1.25rem
    }

    .uk-nav-primary .uk-nav-header {
        color: #333
    }

    .uk-nav-primary .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-primary .uk-nav-sub {
        font-size: 1.25rem;
        line-height: 1.5
    }

        .uk-nav-primary .uk-nav-sub a {
            color: #999
        }

            .uk-nav-primary .uk-nav-sub a:hover {
                color: #666
            }

        .uk-nav-primary .uk-nav-sub li.uk-active > a {
            color: #333
        }

.uk-nav-secondary {
    font-size: 16px;
    line-height: 1.5
}

    .uk-nav-secondary > li > a {
        color: #333
    }

        .uk-nav-secondary > li > a:hover {
            color: #333
        }

    .uk-nav-secondary > li.uk-active > a {
        color: #333
    }

    .uk-nav-secondary .uk-nav-subtitle {
        font-size: .875rem;
        color: #999
    }

    .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
        color: #666
    }

    .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
        color: #333
    }

    .uk-nav-secondary .uk-nav-header {
        color: #333
    }

    .uk-nav-secondary .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-secondary .uk-nav-sub {
        font-size: .875rem;
        line-height: 1.5
    }

        .uk-nav-secondary .uk-nav-sub a {
            color: #999
        }

            .uk-nav-secondary .uk-nav-sub a:hover {
                color: #666
            }

        .uk-nav-secondary .uk-nav-sub li.uk-active > a {
            color: #333
        }

.uk-nav-center {
    text-align: center
}

    .uk-nav-center li > a {
        justify-content: center
    }

    .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul {
        padding-left: 0
    }

    .uk-nav-center .uk-nav-parent-icon {
        margin-left: .25em
    }

.uk-nav.uk-nav-divider > :not(.uk-nav-header,.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #e5e5e5
}

.uk-navbar {
    display: flex;
    position: relative
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #f8f8f8
}

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
    display: flex;
    gap: 0;
    align-items: center
}

.uk-navbar-right {
    margin-left: auto
}

.uk-navbar-center:only-child {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
    box-sizing: border-box;
    z-index: 990
}

.uk-navbar-center-left, .uk-navbar-center-right {
    position: absolute;
    top: 0
}

.uk-navbar-center-left {
    right: calc(100% + 0px)
}

.uk-navbar-center-right {
    left: calc(100% + 0px)
}

[class*=uk-navbar-center-] {
    width: max-content;
    box-sizing: border-box
}

.uk-navbar-nav {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right {
    flex-wrap: wrap
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 80px;
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-decoration: none
}

.uk-navbar-nav > li > a {
    padding: 0 15px;
    color: #999;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color,background-color
}

    .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded=true] {
        color: #666
    }

    .uk-navbar-nav > li > a:active {
        color: #333
    }

.uk-navbar-nav > li.uk-active > a {
    color: #333
}

.uk-navbar-parent-icon {
    margin-left: 4px;
    transition: transform .3s ease-out
}

.uk-navbar-nav > li > a[aria-expanded=true] .uk-navbar-parent-icon {
    transform: rotateX(180deg)
}

.uk-navbar-item {
    padding: 0 15px;
    color: #666
}

    .uk-navbar-item > :last-child {
        margin-bottom: 0
    }

.uk-navbar-toggle {
    padding: 0 15px;
    color: #999
}

    .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded=true] {
        color: #666;
        text-decoration: none
    }

.uk-navbar-subtitle {
    font-size: .875rem
}

.uk-navbar-justify .uk-navbar-item, .uk-navbar-justify .uk-navbar-left, .uk-navbar-justify .uk-navbar-nav, .uk-navbar-justify .uk-navbar-nav > li, .uk-navbar-justify .uk-navbar-right, .uk-navbar-justify .uk-navbar-toggle {
    flex-grow: 1
}

.uk-navbar-dropdown {
    --uk-position-offset: 0;
    --uk-position-shift-offset: 0;
    --uk-position-viewport-offset: 15px;
    width: 200px;
    padding: 15px;
    background: #f8f8f8;
    color: #666;
    box-shadow: 0 5px 12px rgba(0,0,0,.15)
}

    .uk-navbar-dropdown > :last-child {
        margin-bottom: 0
    }

    .uk-navbar-dropdown .uk-drop-grid {
        margin-left: -30px
    }

        .uk-navbar-dropdown .uk-drop-grid > * {
            padding-left: 30px
        }

        .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
            margin-top: 30px
        }

.uk-navbar-dropdown-width-2:not(.uk-drop-stack) {
    width: 400px
}

.uk-navbar-dropdown-width-3:not(.uk-drop-stack) {
    width: 600px
}

.uk-navbar-dropdown-width-4:not(.uk-drop-stack) {
    width: 800px
}

.uk-navbar-dropdown-width-5:not(.uk-drop-stack) {
    width: 1000px
}

.uk-navbar-dropdown-large {
    --uk-position-shift-offset: 0;
    padding: 40px
}

.uk-navbar-dropdown-dropbar {
    width: auto;
    background: 0 0;
    padding: 15px 0 15px 0;
    --uk-position-offset: 0;
    --uk-position-shift-offset: 0;
    --uk-position-viewport-offset: 15px;
    box-shadow: none
}

@media (min-width:640px) {
    .uk-navbar-dropdown-dropbar {
        --uk-position-viewport-offset: 30px
    }
}

@media (min-width:960px) {
    .uk-navbar-dropdown-dropbar {
        --uk-position-viewport-offset: 40px
    }
}

.uk-navbar-dropdown-dropbar-large {
    --uk-position-shift-offset: 0;
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-navbar-dropdown-nav {
    font-size: .875rem
}

    .uk-navbar-dropdown-nav > li > a {
        color: #999
    }

        .uk-navbar-dropdown-nav > li > a:hover {
            color: #666
        }

    .uk-navbar-dropdown-nav > li.uk-active > a {
        color: #333
    }

    .uk-navbar-dropdown-nav .uk-nav-subtitle {
        font-size: .875rem
    }

    .uk-navbar-dropdown-nav .uk-nav-header {
        color: #333
    }

    .uk-navbar-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-navbar-dropdown-nav .uk-nav-sub a {
        color: #999
    }

        .uk-navbar-dropdown-nav .uk-nav-sub a:hover {
            color: #666
        }

    .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
        color: #333
    }

.uk-navbar-container > .uk-container .uk-navbar-left {
    margin-left: -15px;
    margin-right: -15px
}

.uk-navbar-container > .uk-container .uk-navbar-right {
    margin-right: -15px
}

.uk-navbar-dropdown-grid > * {
    position: relative
}

.uk-navbar-dropdown-grid > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    border-left: 1px solid #e5e5e5
}

.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 30px;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.uk-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

    .uk-subnav > * {
        flex: none;
        padding-left: 20px;
        position: relative
    }

        .uk-subnav > * > :first-child {
            display: flex;
            align-items: center;
            column-gap: .25em;
            color: #999;
            font-size: .875rem;
            text-transform: uppercase;
            transition: .1s ease-in-out;
            transition-property: color,background-color
        }

        .uk-subnav > * > a:hover {
            color: #666;
            text-decoration: none
        }

    .uk-subnav > .uk-active > a {
        color: #333
    }

.uk-subnav-divider {
    margin-left: -41px
}

    .uk-subnav-divider > * {
        display: flex;
        align-items: center
    }

    .uk-subnav-divider > ::before {
        content: "";
        height: 1.5em;
        margin-left: 0;
        margin-right: 20px;
        border-left: 1px solid transparent
    }

    .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
        border-left-color: #e5e5e5
    }

.uk-subnav-pill > * > :first-child {
    padding: 5px 10px;
    background: 0 0;
    color: #999
}

.uk-subnav-pill > * > a:hover {
    background-color: #f8f8f8;
    color: #666
}

.uk-subnav-pill > * > a:active {
    background-color: #f8f8f8;
    color: #666
}

.uk-subnav-pill > .uk-active > a {
    background-color: #1e87f0;
    color: #fff
}

.uk-subnav > .uk-disabled > a {
    color: #999
}

.uk-breadcrumb {
    padding: 0;
    list-style: none
}

    .uk-breadcrumb > * {
        display: contents
    }

        .uk-breadcrumb > * > * {
            font-size: .875rem;
            color: #999
        }

        .uk-breadcrumb > * > :hover {
            color: #666;
            text-decoration: none
        }

    .uk-breadcrumb > :last-child > a:not([href]), .uk-breadcrumb > :last-child > span {
        color: #666
    }

    .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        content: "/";
        display: inline-block;
        margin: 0 20px 0 calc(20px - 4px);
        font-size: .875rem;
        color: #999
    }

.uk-pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    padding: 0;
    list-style: none
}

    .uk-pagination > * {
        flex: none;
        padding-left: 0;
        position: relative
    }

        .uk-pagination > * > * {
            display: block;
            padding: 5px 10px;
            color: #999;
            transition: color .1s ease-in-out
        }

        .uk-pagination > * > :hover {
            color: #666;
            text-decoration: none
        }

    .uk-pagination > .uk-active > * {
        color: #666
    }

    .uk-pagination > .uk-disabled > * {
        color: #999
    }

.uk-tab {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none;
    position: relative
}

    .uk-tab::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 0;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-tab > * {
        flex: none;
        padding-left: 20px;
        position: relative
    }

        .uk-tab > * > a {
            display: flex;
            align-items: center;
            column-gap: .25em;
            justify-content: center;
            padding: 5px 10px;
            color: #999;
            border-bottom: 1px solid transparent;
            font-size: .875rem;
            text-transform: uppercase;
            transition: color .1s ease-in-out
        }

            .uk-tab > * > a:hover {
                color: #666;
                text-decoration: none
            }

    .uk-tab > .uk-active > a {
        color: #333;
        border-color: #1e87f0
    }

    .uk-tab > .uk-disabled > a {
        color: #999
    }

.uk-tab-bottom::before {
    top: 0;
    bottom: auto
}

.uk-tab-bottom > * > a {
    border-top: 1px solid transparent;
    border-bottom: none
}

.uk-tab-left, .uk-tab-right {
    flex-direction: column;
    margin-left: 0
}

    .uk-tab-left > *, .uk-tab-right > * {
        padding-left: 0
    }

    .uk-tab-left::before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        border-left: 1px solid #e5e5e5;
        border-bottom: none
    }

    .uk-tab-right::before {
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        border-left: 1px solid #e5e5e5;
        border-bottom: none
    }

    .uk-tab-left > * > a {
        justify-content: left;
        border-right: 1px solid transparent;
        border-bottom: none
    }

    .uk-tab-right > * > a {
        justify-content: left;
        border-left: 1px solid transparent;
        border-bottom: none
    }

.uk-tab .uk-dropdown {
    margin-left: 30px
}

.uk-slidenav {
    padding: 5px 10px;
    color: rgba(102,102,102,.5);
    transition: color .1s ease-in-out
}

    .uk-slidenav:hover {
        color: rgba(102,102,102,.9)
    }

    .uk-slidenav:active {
        color: rgba(102,102,102,.5)
    }

.uk-slidenav-large {
    padding: 10px 10px
}

.uk-slidenav-container {
    display: flex
}

.uk-dotnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -12px
}

    .uk-dotnav > * {
        flex: none;
        padding-left: 12px
    }

        .uk-dotnav > * > * {
            display: block;
            box-sizing: border-box;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(102,102,102,.2);
            text-indent: 100%;
            overflow: hidden;
            white-space: nowrap;
            border: 1px solid rgba(102,102,102,.4);
            transition: .2s ease-in-out;
            transition-property: background-color,border-color
        }

        .uk-dotnav > * > :hover {
            background-color: rgba(102,102,102,.6);
            border-color: transparent
        }

        .uk-dotnav > * > :active {
            background-color: rgba(102,102,102,.2);
            border-color: transparent
        }

    .uk-dotnav > .uk-active > * {
        background-color: rgba(102,102,102,.6);
        border-color: transparent
    }

.uk-dotnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

    .uk-dotnav-vertical > * {
        padding-left: 0;
        padding-top: 12px
    }

.uk-thumbnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -15px
}

    .uk-thumbnav > * {
        padding-left: 15px
    }

        .uk-thumbnav > * > * {
            display: inline-block;
            position: relative
        }

        .uk-thumbnav > * > ::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255,255,255,.4);
            transition: background-color .1s ease-in-out
        }

        .uk-thumbnav > * > :hover::after {
            background-color: transparent
        }

    .uk-thumbnav > .uk-active > ::after {
        background-color: transparent
    }

.uk-thumbnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -15px
}

    .uk-thumbnav-vertical > * {
        padding-left: 0;
        padding-top: 15px
    }

.uk-iconnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -10px
}

    .uk-iconnav > * {
        padding-left: 10px
    }

        .uk-iconnav > * > a {
            display: flex;
            align-items: center;
            column-gap: .25em;
            line-height: 0;
            color: #999;
            text-decoration: none
        }

            .uk-iconnav > * > a:hover {
                color: #666
            }

    .uk-iconnav > .uk-active > a {
        color: #666
    }

.uk-iconnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -10px
}

    .uk-iconnav-vertical > * {
        padding-left: 0;
        padding-top: 10px
    }

.uk-lightbox {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    background: #000;
    opacity: 0;
    transition: opacity .15s linear;
    touch-action: pinch-zoom
}

    .uk-lightbox.uk-open {
        display: block;
        opacity: 1
    }

    .uk-lightbox :focus {
        outline-color: rgba(255,255,255,.7)
    }

    .uk-lightbox :focus-visible {
        outline-color: rgba(255,255,255,.7)
    }

.uk-lightbox-page {
    overflow: hidden
}

.uk-lightbox-items > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: rgba(255,255,255,.7);
    will-change: transform,opacity
}

    .uk-lightbox-items > * > * {
        max-width: 100vw;
        max-height: 100vh
    }

    .uk-lightbox-items > * > :not(iframe) {
        width: auto;
        height: auto
    }

.uk-lightbox-items > .uk-active {
    display: flex
}

.uk-lightbox-toolbar {
    padding: 10px 10px;
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.7)
}

    .uk-lightbox-toolbar > * {
        color: rgba(255,255,255,.7)
    }

.uk-lightbox-toolbar-icon {
    padding: 5px;
    color: rgba(255,255,255,.7)
}

    .uk-lightbox-toolbar-icon:hover {
        color: #fff
    }

.uk-lightbox-button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.7);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

    .uk-lightbox-button:hover {
        color: #fff
    }

.uk-lightbox-caption:empty {
    display: none
}

.uk-lightbox-iframe {
    width: 80%;
    height: 80%
}

[class*=uk-animation-] {
    animation: .5s ease-out both
}

.uk-animation-fade {
    animation-name: uk-fade;
    animation-duration: .8s;
    animation-timing-function: linear
}

.uk-animation-scale-up {
    animation-name: uk-fade,uk-scale-up
}

.uk-animation-scale-down {
    animation-name: uk-fade,uk-scale-down
}

.uk-animation-slide-top {
    animation-name: uk-fade,uk-slide-top
}

.uk-animation-slide-bottom {
    animation-name: uk-fade,uk-slide-bottom
}

.uk-animation-slide-left {
    animation-name: uk-fade,uk-slide-left
}

.uk-animation-slide-right {
    animation-name: uk-fade,uk-slide-right
}

.uk-animation-slide-top-small {
    animation-name: uk-fade,uk-slide-top-small
}

.uk-animation-slide-bottom-small {
    animation-name: uk-fade,uk-slide-bottom-small
}

.uk-animation-slide-left-small {
    animation-name: uk-fade,uk-slide-left-small
}

.uk-animation-slide-right-small {
    animation-name: uk-fade,uk-slide-right-small
}

.uk-animation-slide-top-medium {
    animation-name: uk-fade,uk-slide-top-medium
}

.uk-animation-slide-bottom-medium {
    animation-name: uk-fade,uk-slide-bottom-medium
}

.uk-animation-slide-left-medium {
    animation-name: uk-fade,uk-slide-left-medium
}

.uk-animation-slide-right-medium {
    animation-name: uk-fade,uk-slide-right-medium
}

.uk-animation-kenburns {
    animation-name: uk-kenburns;
    animation-duration: 15s
}

.uk-animation-shake {
    animation-name: uk-shake
}

.uk-animation-stroke {
    animation-name: uk-stroke;
    animation-duration: 2s;
    stroke-dasharray: var(--uk-animation-stroke)
}

.uk-animation-reverse {
    animation-direction: reverse;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    animation-name: none
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes uk-scale-up {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes uk-scale-down {
    0% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes uk-slide-top {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-top-small {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-small {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left-small {
    0% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-small {
    0% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-top-medium {
    0% {
        transform: translateY(-50px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-medium {
    0% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left-medium {
    0% {
        transform: translateX(-50px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-medium {
    0% {
        transform: translateX(50px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-kenburns {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}

@keyframes uk-shake {
    0%,100% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-9px)
    }

    20% {
        transform: translateX(8px)
    }

    30% {
        transform: translateX(-7px)
    }

    40% {
        transform: translateX(6px)
    }

    50% {
        transform: translateX(-5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(-3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(-1px)
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    100% {
        stroke-dashoffset: 0
    }
}

[class*=uk-child-width] > * {
    box-sizing: border-box;
    width: 100%
}

.uk-child-width-1-2 > * {
    width: 50%
}

.uk-child-width-1-3 > * {
    width: calc(100% * 1 / 3.001)
}

.uk-child-width-1-4 > * {
    width: 25%
}

.uk-child-width-1-5 > * {
    width: 20%
}

.uk-child-width-1-6 > * {
    width: calc(100% * 1 / 6.001)
}

.uk-child-width-auto > * {
    width: auto
}

.uk-child-width-expand > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-child-width-1-1\@s > * {
        width: 100%
    }

    .uk-child-width-1-2\@s > * {
        width: 50%
    }

    .uk-child-width-1-3\@s > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@s > * {
        width: 25%
    }

    .uk-child-width-1-5\@s > * {
        width: 20%
    }

    .uk-child-width-1-6\@s > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@s > * {
        width: auto
    }

    .uk-child-width-expand\@s > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-child-width-1-1\@m > * {
        width: 100%
    }

    .uk-child-width-1-2\@m > * {
        width: 50%
    }

    .uk-child-width-1-3\@m > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@m > * {
        width: 25%
    }

    .uk-child-width-1-5\@m > * {
        width: 20%
    }

    .uk-child-width-1-6\@m > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@m > * {
        width: auto
    }

    .uk-child-width-expand\@m > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-child-width-1-1\@l > * {
        width: 100%
    }

    .uk-child-width-1-2\@l > * {
        width: 50%
    }

    .uk-child-width-1-3\@l > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@l > * {
        width: 25%
    }

    .uk-child-width-1-5\@l > * {
        width: 20%
    }

    .uk-child-width-1-6\@l > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@l > * {
        width: auto
    }

    .uk-child-width-expand\@l > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .uk-child-width-1-1\@xl > * {
        width: 100%
    }

    .uk-child-width-1-2\@xl > * {
        width: 50%
    }

    .uk-child-width-1-3\@xl > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@xl > * {
        width: 25%
    }

    .uk-child-width-1-5\@xl > * {
        width: 20%
    }

    .uk-child-width-1-6\@xl > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@xl > * {
        width: auto
    }

    .uk-child-width-expand\@xl > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-width-1-2 {
    width: 50%
}

.uk-width-1-3 {
    width: calc(100% * 1 / 3.001)
}

.uk-width-2-3 {
    width: calc(100% * 2 / 3.001)
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5 {
    width: 20%
}

.uk-width-2-5 {
    width: 40%
}

.uk-width-3-5 {
    width: 60%
}

.uk-width-4-5 {
    width: 80%
}

.uk-width-1-6 {
    width: calc(100% * 1 / 6.001)
}

.uk-width-5-6 {
    width: calc(100% * 5 / 6.001)
}

.uk-width-small {
    width: 150px
}

.uk-width-medium {
    width: 300px
}

.uk-width-large {
    width: 450px
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-2xlarge {
    width: 750px
}

.uk-width-xxlarge {
    width: 750px
}

.uk-width-auto {
    width: auto
}

.uk-width-expand {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-width-1-1\@s {
        width: 100%
    }

    .uk-width-1-2\@s {
        width: 50%
    }

    .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@s {
        width: 25%
    }

    .uk-width-3-4\@s {
        width: 75%
    }

    .uk-width-1-5\@s {
        width: 20%
    }

    .uk-width-2-5\@s {
        width: 40%
    }

    .uk-width-3-5\@s {
        width: 60%
    }

    .uk-width-4-5\@s {
        width: 80%
    }

    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@s {
        width: 150px
    }

    .uk-width-medium\@s {
        width: 300px
    }

    .uk-width-large\@s {
        width: 450px
    }

    .uk-width-xlarge\@s {
        width: 600px
    }

    .uk-width-2xlarge\@s {
        width: 750px
    }

    .uk-width-xxlarge\@s {
        width: 750px
    }

    .uk-width-auto\@s {
        width: auto
    }

    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@m {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@m {
        width: 25%
    }

    .uk-width-3-4\@m {
        width: 75%
    }

    .uk-width-1-5\@m {
        width: 20%
    }

    .uk-width-2-5\@m {
        width: 40%
    }

    .uk-width-3-5\@m {
        width: 60%
    }

    .uk-width-4-5\@m {
        width: 80%
    }

    .uk-width-1-6\@m {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@m {
        width: 150px
    }

    .uk-width-medium\@m {
        width: 300px
    }

    .uk-width-large\@m {
        width: 450px
    }

    .uk-width-xlarge\@m {
        width: 600px
    }

    .uk-width-2xlarge\@m {
        width: 750px
    }

    .uk-width-xxlarge\@m {
        width: 750px
    }

    .uk-width-auto\@m {
        width: auto
    }

    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }

    .uk-width-1-2\@l {
        width: 50%
    }

    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@l {
        width: 25%
    }

    .uk-width-3-4\@l {
        width: 75%
    }

    .uk-width-1-5\@l {
        width: 20%
    }

    .uk-width-2-5\@l {
        width: 40%
    }

    .uk-width-3-5\@l {
        width: 60%
    }

    .uk-width-4-5\@l {
        width: 80%
    }

    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@l {
        width: 150px
    }

    .uk-width-medium\@l {
        width: 300px
    }

    .uk-width-large\@l {
        width: 450px
    }

    .uk-width-xlarge\@l {
        width: 600px
    }

    .uk-width-2xlarge\@l {
        width: 750px
    }

    .uk-width-xxlarge\@l {
        width: 750px
    }

    .uk-width-auto\@l {
        width: auto
    }

    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .uk-width-1-1\@xl {
        width: 100%
    }

    .uk-width-1-2\@xl {
        width: 50%
    }

    .uk-width-1-3\@xl {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@xl {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@xl {
        width: 25%
    }

    .uk-width-3-4\@xl {
        width: 75%
    }

    .uk-width-1-5\@xl {
        width: 20%
    }

    .uk-width-2-5\@xl {
        width: 40%
    }

    .uk-width-3-5\@xl {
        width: 60%
    }

    .uk-width-4-5\@xl {
        width: 80%
    }

    .uk-width-1-6\@xl {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@xl {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@xl {
        width: 150px
    }

    .uk-width-medium\@xl {
        width: 300px
    }

    .uk-width-large\@xl {
        width: 450px
    }

    .uk-width-xlarge\@xl {
        width: 600px
    }

    .uk-width-2xlarge\@xl {
        width: 750px
    }

    .uk-width-xxlarge\@xl {
        width: 750px
    }

    .uk-width-auto\@xl {
        width: auto
    }

    .uk-width-expand\@xl {
        flex: 1;
        min-width: 1px
    }
}

.uk-width-max-content {
    width: max-content
}

.uk-width-min-content {
    width: min-content
}

[class*=uk-height] {
    box-sizing: border-box
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    min-height: 100vh
}

.uk-height-viewport-2 {
    min-height: 200vh
}

.uk-height-viewport-3 {
    min-height: 300vh
}

.uk-height-viewport-4 {
    min-height: 400vh
}

.uk-height-small {
    height: 150px
}

.uk-height-medium {
    height: 300px
}

.uk-height-large {
    height: 450px
}

.uk-height-max-small {
    max-height: 150px
}

.uk-height-max-medium {
    max-height: 300px
}

.uk-height-max-large {
    max-height: 450px
}

.uk-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333
}

.uk-text-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

    .uk-text-meta a {
        color: #999
    }

        .uk-text-meta a:hover {
            color: #666;
            text-decoration: none
        }

.uk-text-small {
    font-size: .875rem;
    line-height: 1.5
}

.uk-text-large {
    font-size: 1.5rem;
    line-height: 1.5
}

.uk-text-default {
    font-size: 16px;
    line-height: 1.5
}

.uk-text-light {
    font-weight: 300
}

.uk-text-normal {
    font-weight: 400
}

.uk-text-bold {
    font-weight: 700
}

.uk-text-lighter {
    font-weight: lighter
}

.uk-text-bolder {
    font-weight: bolder
}

.uk-text-italic {
    font-style: italic
}

.uk-text-capitalize {
    text-transform: capitalize !important
}

.uk-text-uppercase {
    text-transform: uppercase !important
}

.uk-text-lowercase {
    text-transform: lowercase !important
}

.uk-text-decoration-none {
    text-decoration: none !important
}

.uk-text-muted {
    color: #999 !important
}

.uk-text-emphasis {
    color: #333 !important
}

.uk-text-primary {
    color: #1e87f0 !important
}

.uk-text-secondary {
    color: #222 !important
}

.uk-text-success {
    color: #32d296 !important
}

.uk-text-warning {
    color: #faa05a !important
}

.uk-text-danger {
    color: #f0506e !important
}

.uk-text-background {
    -webkit-background-clip: text;
    color: transparent !important;
    display: inline-block;
    background-color: #1e87f0
}

.uk-text-left {
    text-align: left !important
}

.uk-text-right {
    text-align: right !important
}

.uk-text-center {
    text-align: center !important
}

.uk-text-justify {
    text-align: justify !important
}

@media (min-width:640px) {
    .uk-text-left\@s {
        text-align: left !important
    }

    .uk-text-right\@s {
        text-align: right !important
    }

    .uk-text-center\@s {
        text-align: center !important
    }
}

@media (min-width:960px) {
    .uk-text-left\@m {
        text-align: left !important
    }

    .uk-text-right\@m {
        text-align: right !important
    }

    .uk-text-center\@m {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .uk-text-left\@l {
        text-align: left !important
    }

    .uk-text-right\@l {
        text-align: right !important
    }

    .uk-text-center\@l {
        text-align: center !important
    }
}

@media (min-width:1600px) {
    .uk-text-left\@xl {
        text-align: left !important
    }

    .uk-text-right\@xl {
        text-align: right !important
    }

    .uk-text-center\@xl {
        text-align: center !important
    }
}

.uk-text-top {
    vertical-align: top !important
}

.uk-text-middle {
    vertical-align: middle !important
}

.uk-text-bottom {
    vertical-align: bottom !important
}

.uk-text-baseline {
    vertical-align: baseline !important
}

.uk-text-nowrap {
    white-space: nowrap
}

.uk-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

td.uk-text-truncate, th.uk-text-truncate {
    max-width: 0
}

.uk-text-break {
    overflow-wrap: break-word
}

td.uk-text-break, th.uk-text-break {
    word-break: break-word
}

.uk-text-500 {
    font-weight: 500
}

.uk-text-600 {
    font-weight: 600
}

.uk-text-global {
    color: #666
}

.uk-text-white {
    color: #fff
}

.uk-text-underline {
    text-decoration: underline
}

[class*=uk-column-] {
    column-gap: 30px
}

@media (min-width:1200px) {
    [class*=uk-column-] {
        column-gap: 40px
    }
}

[class*=uk-column-] img {
    transform: translate3d(0,0,0)
}

.uk-column-divider {
    column-rule: 1px solid #e5e5e5;
    column-gap: 60px
}

@media (min-width:1200px) {
    .uk-column-divider {
        column-gap: 80px
    }
}

.uk-column-1-2 {
    column-count: 2
}

.uk-column-1-3 {
    column-count: 3
}

.uk-column-1-4 {
    column-count: 4
}

.uk-column-1-5 {
    column-count: 5
}

.uk-column-1-6 {
    column-count: 6
}

@media (min-width:640px) {
    .uk-column-1-2\@s {
        column-count: 2
    }

    .uk-column-1-3\@s {
        column-count: 3
    }

    .uk-column-1-4\@s {
        column-count: 4
    }

    .uk-column-1-5\@s {
        column-count: 5
    }

    .uk-column-1-6\@s {
        column-count: 6
    }
}

@media (min-width:960px) {
    .uk-column-1-2\@m {
        column-count: 2
    }

    .uk-column-1-3\@m {
        column-count: 3
    }

    .uk-column-1-4\@m {
        column-count: 4
    }

    .uk-column-1-5\@m {
        column-count: 5
    }

    .uk-column-1-6\@m {
        column-count: 6
    }
}

@media (min-width:1200px) {
    .uk-column-1-2\@l {
        column-count: 2
    }

    .uk-column-1-3\@l {
        column-count: 3
    }

    .uk-column-1-4\@l {
        column-count: 4
    }

    .uk-column-1-5\@l {
        column-count: 5
    }

    .uk-column-1-6\@l {
        column-count: 6
    }
}

@media (min-width:1600px) {
    .uk-column-1-2\@xl {
        column-count: 2
    }

    .uk-column-1-3\@xl {
        column-count: 3
    }

    .uk-column-1-4\@xl {
        column-count: 4
    }

    .uk-column-1-5\@xl {
        column-count: 5
    }

    .uk-column-1-6\@xl {
        column-count: 6
    }
}

.uk-column-span {
    column-span: all
}

[data-uk-cover], [uk-cover] {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    --uk-position-translate-x: -50%;
    --uk-position-translate-y: -50%;
    transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y))
}

iframe[data-uk-cover], iframe[uk-cover] {
    pointer-events: none
}

.uk-cover-container {
    overflow: hidden;
    position: relative
}

.uk-background-default {
    background-color: #fff
}

.uk-background-muted {
    background-color: #f8f8f8
}

.uk-background-primary {
    background-color: #1e87f0
}

.uk-background-secondary {
    background-color: #222
}

.uk-background-contain, .uk-background-cover, .uk-background-height-1-1, .uk-background-width-1-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uk-background-cover {
    background-size: cover
}

.uk-background-contain {
    background-size: contain
}

.uk-background-width-1-1 {
    background-size: 100%
}

.uk-background-height-1-1 {
    background-size: auto 100%
}

.uk-background-top-left {
    background-position: 0 0
}

.uk-background-top-center {
    background-position: 50% 0
}

.uk-background-top-right {
    background-position: 100% 0
}

.uk-background-center-left {
    background-position: 0 50%
}

.uk-background-center-center {
    background-position: 50% 50%
}

.uk-background-center-right {
    background-position: 100% 50%
}

.uk-background-bottom-left {
    background-position: 0 100%
}

.uk-background-bottom-center {
    background-position: 50% 100%
}

.uk-background-bottom-right {
    background-position: 100% 100%
}

.uk-background-norepeat {
    background-repeat: no-repeat
}

.uk-background-fixed {
    background-attachment: fixed;
    backface-visibility: hidden
}

@media (pointer:coarse) {
    .uk-background-fixed {
        background-attachment: scroll
    }
}

@media (max-width:639px) {
    .uk-background-image\@s {
        background-image: none !important
    }
}

@media (max-width:959px) {
    .uk-background-image\@m {
        background-image: none !important
    }
}

@media (max-width:1199px) {
    .uk-background-image\@l {
        background-image: none !important
    }
}

@media (max-width:1599px) {
    .uk-background-image\@xl {
        background-image: none !important
    }
}

.uk-background-blend-multiply {
    background-blend-mode: multiply
}

.uk-background-blend-screen {
    background-blend-mode: screen
}

.uk-background-blend-overlay {
    background-blend-mode: overlay
}

.uk-background-blend-darken {
    background-blend-mode: darken
}

.uk-background-blend-lighten {
    background-blend-mode: lighten
}

.uk-background-blend-color-dodge {
    background-blend-mode: color-dodge
}

.uk-background-blend-color-burn {
    background-blend-mode: color-burn
}

.uk-background-blend-hard-light {
    background-blend-mode: hard-light
}

.uk-background-blend-soft-light {
    background-blend-mode: soft-light
}

.uk-background-blend-difference {
    background-blend-mode: difference
}

.uk-background-blend-exclusion {
    background-blend-mode: exclusion
}

.uk-background-blend-hue {
    background-blend-mode: hue
}

.uk-background-blend-saturation {
    background-blend-mode: saturation
}

.uk-background-blend-color {
    background-blend-mode: color
}

.uk-background-blend-luminosity {
    background-blend-mode: luminosity
}

[class*=uk-align] {
    display: block;
    margin-bottom: 30px
}

* + [class*=uk-align] {
    margin-top: 30px
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto
}

.uk-align-left {
    margin-top: 0;
    margin-right: 30px;
    float: left
}

.uk-align-right {
    margin-top: 0;
    margin-left: 30px;
    float: right
}

@media (min-width:640px) {
    .uk-align-left\@s {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right\@s {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:960px) {
    .uk-align-left\@m {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right\@m {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:1200px) {
    .uk-align-left\@l {
        margin-top: 0;
        float: left
    }

    .uk-align-right\@l {
        margin-top: 0;
        float: right
    }

    .uk-align-left, .uk-align-left\@l, .uk-align-left\@m, .uk-align-left\@s {
        margin-right: 40px
    }

    .uk-align-right, .uk-align-right\@l, .uk-align-right\@m, .uk-align-right\@s {
        margin-left: 40px
    }
}

@media (min-width:1600px) {
    .uk-align-left\@xl {
        margin-top: 0;
        margin-right: 40px;
        float: left
    }

    .uk-align-right\@xl {
        margin-top: 0;
        margin-left: 40px;
        float: right
    }
}

.uk-svg, .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
    fill: currentcolor
}

    .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
        stroke: currentcolor
    }

.uk-svg {
    transform: translate(0,0)
}

.uk-panel {
    display: flow-root;
    position: relative;
    box-sizing: border-box
}

    .uk-panel > :last-child {
        margin-bottom: 0
    }

.uk-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    overflow: auto;
    resize: both
}

.uk-clearfix::before {
    content: "";
    display: table-cell
}

.uk-clearfix::after {
    content: "";
    display: table;
    clear: both
}

.uk-float-left {
    float: left
}

.uk-float-right {
    float: right
}

[class*=uk-float-] {
    max-width: 100%
}

.uk-overflow-hidden {
    overflow: hidden
}

.uk-overflow-auto {
    overflow: auto
}

    .uk-overflow-auto > :last-child {
        margin-bottom: 0
    }

.uk-box-sizing-content {
    box-sizing: content-box
}

.uk-box-sizing-border {
    box-sizing: border-box
}

.uk-resize {
    resize: both
}

.uk-resize-horizontal {
    resize: horizontal
}

.uk-resize-vertical {
    resize: vertical
}

.uk-display-block {
    display: block !important
}

.uk-display-inline {
    display: inline !important
}

.uk-display-inline-block {
    display: inline-block !important
}

[class*=uk-inline] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    -webkit-backface-visibility: hidden
}

.uk-inline-clip {
    overflow: hidden
}

.uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video {
    max-width: none
}

.uk-responsive-height, .uk-responsive-width {
    box-sizing: border-box
}

.uk-responsive-width {
    max-width: 100% !important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto;
    max-width: none
}

[data-uk-responsive], [uk-responsive] {
    max-width: 100%
}

.uk-object-cover {
    object-fit: cover
}

.uk-object-contain {
    object-fit: contain
}

.uk-object-fill {
    object-fit: fill
}

.uk-object-none {
    object-fit: none
}

.uk-object-scale-down {
    object-fit: scale-down
}

.uk-object-top-left {
    object-position: 0 0
}

.uk-object-top-center {
    object-position: 50% 0
}

.uk-object-top-right {
    object-position: 100% 0
}

.uk-object-center-left {
    object-position: 0 50%
}

.uk-object-center-center {
    object-position: 50% 50%
}

.uk-object-center-right {
    object-position: 100% 50%
}

.uk-object-bottom-left {
    object-position: 0 100%
}

.uk-object-bottom-center {
    object-position: 50% 100%
}

.uk-object-bottom-right {
    object-position: 100% 100%
}

.uk-border-circle {
    border-radius: 50%
}

.uk-border-pill {
    border-radius: 500px
}

.uk-border-rounded {
    border-radius: 5px
}

.uk-inline-clip[class*=uk-border-] {
    -webkit-transform: translateZ(0)
}

.uk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.uk-box-shadow-medium {
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

.uk-box-shadow-large {
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-box-shadow-xlarge {
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

[class*=uk-box-shadow-hover] {
    transition: box-shadow .1s ease-in-out
}

.uk-box-shadow-hover-small:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.uk-box-shadow-hover-medium:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

.uk-box-shadow-hover-large:hover {
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-box-shadow-hover-xlarge:hover {
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

@supports (filter:blur(0)) {
    .uk-box-shadow-bottom {
        display: inline-block;
        position: relative;
        z-index: 0;
        max-width: 100%;
        vertical-align: middle
    }

        .uk-box-shadow-bottom::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 0;
            right: 0;
            z-index: -1;
            height: 30px;
            border-radius: 100%;
            background: #444;
            filter: blur(20px);
            will-change: filter
        }
}

.uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 4.5em;
    line-height: 1;
    margin-bottom: -2px
}

@-moz-document url-prefix() {
    .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
        margin-top: 1.1%
    }
}

.uk-logo {
    font-size: 1.5rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #666;
    text-decoration: none
}

:where(.uk-logo) {
    display: inline-block;
    vertical-align: middle
}

.uk-logo:hover {
    color: #666;
    text-decoration: none
}

.uk-logo :where(img,svg,video) {
    display: block
}

.uk-logo-inverse {
    display: none
}

.uk-disabled {
    pointer-events: none
}

.uk-drag, .uk-drag * {
    cursor: move
}

    .uk-drag iframe {
        pointer-events: none
    }

.uk-dragover {
    box-shadow: 0 0 20px rgba(100,100,100,.3)
}

.uk-blend-multiply {
    mix-blend-mode: multiply
}

.uk-blend-screen {
    mix-blend-mode: screen
}

.uk-blend-overlay {
    mix-blend-mode: overlay
}

.uk-blend-darken {
    mix-blend-mode: darken
}

.uk-blend-lighten {
    mix-blend-mode: lighten
}

.uk-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.uk-blend-color-burn {
    mix-blend-mode: color-burn
}

.uk-blend-hard-light {
    mix-blend-mode: hard-light
}

.uk-blend-soft-light {
    mix-blend-mode: soft-light
}

.uk-blend-difference {
    mix-blend-mode: difference
}

.uk-blend-exclusion {
    mix-blend-mode: exclusion
}

.uk-blend-hue {
    mix-blend-mode: hue
}

.uk-blend-saturation {
    mix-blend-mode: saturation
}

.uk-blend-color {
    mix-blend-mode: color
}

.uk-blend-luminosity {
    mix-blend-mode: luminosity
}

.uk-transform-center {
    transform: translate(-50%,-50%)
}

.uk-transform-origin-top-left {
    transform-origin: 0 0
}

.uk-transform-origin-top-center {
    transform-origin: 50% 0
}

.uk-transform-origin-top-right {
    transform-origin: 100% 0
}

.uk-transform-origin-center-left {
    transform-origin: 0 50%
}

.uk-transform-origin-center-right {
    transform-origin: 100% 50%
}

.uk-transform-origin-bottom-left {
    transform-origin: 0 100%
}

.uk-transform-origin-bottom-center {
    transform-origin: 50% 100%
}

.uk-transform-origin-bottom-right {
    transform-origin: 100% 100%
}

.uk-flex {
    display: flex
}

.uk-flex-inline {
    display: inline-flex
}

.uk-flex-left {
    justify-content: flex-start
}

.uk-flex-center {
    justify-content: center
}

.uk-flex-right {
    justify-content: flex-end
}

.uk-flex-between {
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}

@media (min-width:640px) {
    .uk-flex-left\@s {
        justify-content: flex-start
    }

    .uk-flex-center\@s {
        justify-content: center
    }

    .uk-flex-right\@s {
        justify-content: flex-end
    }

    .uk-flex-between\@s {
        justify-content: space-between
    }

    .uk-flex-around\@s {
        justify-content: space-around
    }
}

@media (min-width:960px) {
    .uk-flex-left\@m {
        justify-content: flex-start
    }

    .uk-flex-center\@m {
        justify-content: center
    }

    .uk-flex-right\@m {
        justify-content: flex-end
    }

    .uk-flex-between\@m {
        justify-content: space-between
    }

    .uk-flex-around\@m {
        justify-content: space-around
    }
}

@media (min-width:1200px) {
    .uk-flex-left\@l {
        justify-content: flex-start
    }

    .uk-flex-center\@l {
        justify-content: center
    }

    .uk-flex-right\@l {
        justify-content: flex-end
    }

    .uk-flex-between\@l {
        justify-content: space-between
    }

    .uk-flex-around\@l {
        justify-content: space-around
    }
}

@media (min-width:1600px) {
    .uk-flex-left\@xl {
        justify-content: flex-start
    }

    .uk-flex-center\@xl {
        justify-content: center
    }

    .uk-flex-right\@xl {
        justify-content: flex-end
    }

    .uk-flex-between\@xl {
        justify-content: space-between
    }

    .uk-flex-around\@xl {
        justify-content: space-around
    }
}

.uk-flex-stretch {
    align-items: stretch
}

.uk-flex-top {
    align-items: flex-start
}

.uk-flex-middle {
    align-items: center
}

.uk-flex-bottom {
    align-items: flex-end
}

.uk-flex-row {
    flex-direction: row
}

.uk-flex-row-reverse {
    flex-direction: row-reverse
}

.uk-flex-column {
    flex-direction: column
}

.uk-flex-column-reverse {
    flex-direction: column-reverse
}

.uk-flex-nowrap {
    flex-wrap: nowrap
}

.uk-flex-wrap {
    flex-wrap: wrap
}

.uk-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.uk-flex-wrap-stretch {
    align-content: stretch
}

.uk-flex-wrap-top {
    align-content: flex-start
}

.uk-flex-wrap-middle {
    align-content: center
}

.uk-flex-wrap-bottom {
    align-content: flex-end
}

.uk-flex-wrap-between {
    align-content: space-between
}

.uk-flex-wrap-around {
    align-content: space-around
}

.uk-flex-first {
    order: -1
}

.uk-flex-last {
    order: 99
}

@media (min-width:640px) {
    .uk-flex-first\@s {
        order: -1
    }

    .uk-flex-last\@s {
        order: 99
    }
}

@media (min-width:960px) {
    .uk-flex-first\@m {
        order: -1
    }

    .uk-flex-last\@m {
        order: 99
    }
}

@media (min-width:1200px) {
    .uk-flex-first\@l {
        order: -1
    }

    .uk-flex-last\@l {
        order: 99
    }
}

@media (min-width:1600px) {
    .uk-flex-first\@xl {
        order: -1
    }

    .uk-flex-last\@xl {
        order: 99
    }
}

.uk-flex-none {
    flex: none
}

.uk-flex-auto {
    flex: auto
}

.uk-flex-1 {
    flex: 1
}

.uk-margin {
    margin-bottom: 20px
}

* + .uk-margin {
    margin-top: 20px !important
}

.uk-margin-top {
    margin-top: 20px !important
}

.uk-margin-bottom {
    margin-bottom: 20px !important
}

.uk-margin-left {
    margin-left: 20px !important
}

.uk-margin-right {
    margin-right: 20px !important
}

.uk-margin-small {
    margin-bottom: 10px
}

* + .uk-margin-small {
    margin-top: 10px !important
}

.uk-margin-small-top {
    margin-top: 10px !important
}

.uk-margin-small-bottom {
    margin-bottom: 10px !important
}

.uk-margin-small-left {
    margin-left: 10px !important
}

.uk-margin-small-right {
    margin-right: 10px !important
}

.uk-margin-medium {
    margin-bottom: 40px
}

* + .uk-margin-medium {
    margin-top: 40px !important
}

.uk-margin-medium-top {
    margin-top: 40px !important
}

.uk-margin-medium-bottom {
    margin-bottom: 40px !important
}

.uk-margin-medium-left {
    margin-left: 40px !important
}

.uk-margin-medium-right {
    margin-right: 40px !important
}

.uk-margin-large {
    margin-bottom: 40px
}

* + .uk-margin-large {
    margin-top: 40px !important
}

.uk-margin-large-top {
    margin-top: 40px !important
}

.uk-margin-large-bottom {
    margin-bottom: 40px !important
}

.uk-margin-large-left {
    margin-left: 40px !important
}

.uk-margin-large-right {
    margin-right: 40px !important
}

@media (min-width:1200px) {
    .uk-margin-large {
        margin-bottom: 70px
    }

    * + .uk-margin-large {
        margin-top: 70px !important
    }

    .uk-margin-large-top {
        margin-top: 70px !important
    }

    .uk-margin-large-bottom {
        margin-bottom: 70px !important
    }

    .uk-margin-large-left {
        margin-left: 70px !important
    }

    .uk-margin-large-right {
        margin-right: 70px !important
    }
}

.uk-margin-xlarge {
    margin-bottom: 70px
}

* + .uk-margin-xlarge {
    margin-top: 70px !important
}

.uk-margin-xlarge-top {
    margin-top: 70px !important
}

.uk-margin-xlarge-bottom {
    margin-bottom: 70px !important
}

.uk-margin-xlarge-left {
    margin-left: 70px !important
}

.uk-margin-xlarge-right {
    margin-right: 70px !important
}

@media (min-width:1200px) {
    .uk-margin-xlarge {
        margin-bottom: 120px
    }

    * + .uk-margin-xlarge {
        margin-top: 120px !important
    }

    .uk-margin-xlarge-top {
        margin-top: 120px !important
    }

    .uk-margin-xlarge-bottom {
        margin-bottom: 120px !important
    }

    .uk-margin-xlarge-left {
        margin-left: 120px !important
    }

    .uk-margin-xlarge-right {
        margin-right: 120px !important
    }
}

.uk-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.uk-margin-auto-top {
    margin-top: auto !important
}

.uk-margin-auto-bottom {
    margin-bottom: auto !important
}

.uk-margin-auto-left {
    margin-left: auto !important
}

.uk-margin-auto-right {
    margin-right: auto !important
}

.uk-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width:640px) {
    .uk-margin-auto\@s {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@s {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@s {
        margin-right: auto !important
    }
}

@media (min-width:960px) {
    .uk-margin-auto\@m {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@m {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@m {
        margin-right: auto !important
    }
}

@media (min-width:1200px) {
    .uk-margin-auto\@l {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@l {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@l {
        margin-right: auto !important
    }
}

@media (min-width:1600px) {
    .uk-margin-auto\@xl {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@xl {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@xl {
        margin-right: auto !important
    }
}

.uk-margin-remove {
    margin: 0 !important
}

.uk-margin-remove-top {
    margin-top: 0 !important
}

.uk-margin-remove-bottom {
    margin-bottom: 0 !important
}

.uk-margin-remove-left {
    margin-left: 0 !important
}

.uk-margin-remove-right {
    margin-right: 0 !important
}

.uk-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child {
    margin-top: 0 !important
}

.uk-margin-remove-last-child > :last-child {
    margin-bottom: 0 !important
}

@media (min-width:640px) {
    .uk-margin-remove-left\@s {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@s {
        margin-right: 0 !important
    }
}

@media (min-width:960px) {
    .uk-margin-remove-left\@m {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@m {
        margin-right: 0 !important
    }
}

@media (min-width:1200px) {
    .uk-margin-remove-left\@l {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@l {
        margin-right: 0 !important
    }
}

@media (min-width:1600px) {
    .uk-margin-remove-left\@xl {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@xl {
        margin-right: 0 !important
    }
}

.uk-padding {
    padding: 30px
}

@media (min-width:1200px) {
    .uk-padding {
        padding: 40px
    }
}

.uk-padding-small {
    padding: 15px
}

.uk-padding-large {
    padding: 30px
}

@media (min-width:1200px) {
    .uk-padding-large {
        padding: 70px
    }
}

.uk-padding-remove {
    padding: 0 !important
}

.uk-padding-remove-top {
    padding-top: 0 !important
}

.uk-padding-remove-bottom {
    padding-bottom: 0 !important
}

.uk-padding-remove-left {
    padding-left: 0 !important
}

.uk-padding-remove-right {
    padding-right: 0 !important
}

.uk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.uk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

:root {
    --uk-position-margin-offset: 0px
}

[class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] {
    position: absolute !important;
    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: calc(50% - var(--uk-position-margin-offset));
    left: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-x: -50%;
    --uk-position-translate-y: -50%;
    transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y));
    width: max-content
}

[class*=uk-position-center-left], [class*=uk-position-center-right] {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0,var(--uk-position-translate-y))
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-left-out {
    right: 100%;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%;
    width: max-content
}

.uk-position-bottom-center, .uk-position-top-center {
    left: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-x: -50%;
    transform: translate(var(--uk-position-translate-x),0);
    width: max-content
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-small {
    margin: 15px;
    --uk-position-margin-offset: 15px
}

.uk-position-medium {
    margin: 30px;
    --uk-position-margin-offset: 30px
}

.uk-position-large {
    margin: 30px;
    --uk-position-margin-offset: 30px
}

@media (min-width:1200px) {
    .uk-position-large {
        margin: 50px;
        --uk-position-margin-offset: 50px
    }
}

.uk-position-relative {
    position: relative !important
}

.uk-position-absolute {
    position: absolute !important
}

.uk-position-fixed {
    position: fixed !important
}

.uk-position-sticky {
    position: sticky !important
}

.uk-position-z-index {
    z-index: 1
}

.uk-position-z-index-zero {
    z-index: 0
}

.uk-position-z-index-negative {
    z-index: -1
}

:where(.uk-transition-fade), :where([class*=uk-transition-scale]), :where([class*=uk-transition-slide]) {
    --uk-position-translate-x: 0;
    --uk-position-translate-y: 0
}

.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] {
    --uk-translate-x: 0;
    --uk-translate-y: 0;
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));
    transition: .3s ease-out;
    transition-property: opacity,transform,filter;
    opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade, .uk-transition-toggle .uk-transition-fade:focus-within, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle:hover .uk-transition-fade {
    opacity: 1
}

[class*=uk-transition-scale] {
    -webkit-backface-visibility: hidden
}

.uk-transition-scale-up {
    --uk-scale-x: 1;
    --uk-scale-y: 1
}

.uk-transition-scale-down {
    --uk-scale-x: 1.1;
    --uk-scale-y: 1.1
}

.uk-transition-active.uk-active .uk-transition-scale-up, .uk-transition-toggle .uk-transition-scale-up:focus-within, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle:hover .uk-transition-scale-up {
    --uk-scale-x: 1.1;
    --uk-scale-y: 1.1;
    opacity: 1
}

.uk-transition-active.uk-active .uk-transition-scale-down, .uk-transition-toggle .uk-transition-scale-down:focus-within, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle:hover .uk-transition-scale-down {
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    opacity: 1
}

.uk-transition-slide-top {
    --uk-translate-y: -100%
}

.uk-transition-slide-bottom {
    --uk-translate-y: 100%
}

.uk-transition-slide-left {
    --uk-translate-x: -100%
}

.uk-transition-slide-right {
    --uk-translate-x: 100%
}

.uk-transition-slide-top-small {
    --uk-translate-y: calc(-1 * 10px)
}

.uk-transition-slide-bottom-small {
    --uk-translate-y: 10px
}

.uk-transition-slide-left-small {
    --uk-translate-x: calc(-1 * 10px)
}

.uk-transition-slide-right-small {
    --uk-translate-x: 10px
}

.uk-transition-slide-top-medium {
    --uk-translate-y: calc(-1 * 50px)
}

.uk-transition-slide-bottom-medium {
    --uk-translate-y: 50px
}

.uk-transition-slide-left-medium {
    --uk-translate-x: calc(-1 * 50px)
}

.uk-transition-slide-right-medium {
    --uk-translate-x: 50px
}

.uk-transition-active.uk-active [class*=uk-transition-slide], .uk-transition-toggle [class*=uk-transition-slide]:focus-within, .uk-transition-toggle:focus [class*=uk-transition-slide], .uk-transition-toggle:hover [class*=uk-transition-slide] {
    --uk-translate-x: 0;
    --uk-translate-y: 0;
    opacity: 1
}

.uk-transition-opaque {
    opacity: 1
}

.uk-transition-slow {
    transition-duration: .7s
}

.uk-hidden, [hidden] {
    display: none !important
}

@media (min-width:640px) {
    .uk-hidden\@s {
        display: none !important
    }
}

@media (min-width:960px) {
    .uk-hidden\@m {
        display: none !important
    }
}

@media (min-width:1200px) {
    .uk-hidden\@l {
        display: none !important
    }
}

@media (min-width:1600px) {
    .uk-hidden\@xl {
        display: none !important
    }
}

@media (max-width:639px) {
    .uk-visible\@s {
        display: none !important
    }
}

@media (max-width:959px) {
    .uk-visible\@m {
        display: none !important
    }
}

@media (max-width:1199px) {
    .uk-visible\@l {
        display: none !important
    }
}

@media (max-width:1599px) {
    .uk-visible\@xl {
        display: none !important
    }
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
    opacity: 0 !important
}

@media (hover:none) {
    .uk-hidden-touch {
        display: none !important
    }
}

@media (hover) {
    .uk-hidden-notouch {
        display: none !important
    }
}

@media print {
    *, ::after, ::before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

:root {
    --dinamic-height: auto
}

html {
    font-family: Chalet
}

::selection {
    background-color: #434343;
    color: #fff
}

img {
    user-select: none
}

#ImgHoverChange {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    max-height: 100%
}

#ProjectMenuImgLogo {
    position: absolute;
    padding: 16px
}

.row-1-2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center
}

    .row-1-2 > div {
        width: 50%
    }

a {
    text-decoration: none !important
}

.row-1-3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
    gap: 30px
}

    .row-1-3 > div {
        width: calc((100% - 60px)/ 3)
    }

#LandingPage .landing-container {
    display: flex;
    flex-direction: row
}

#LandingPage .landingImg {
    height: 100vh;
    width: 100%
}

    #LandingPage .landingImg picture img {
        object-fit: cover;
        aspect-ratio: 945/1000;
        height: 100%;
        width: 100%
    }

#LandingPage .infoFormlanding {
    position: relative;
    width: 495px;
    height: calc(100vh - 80px);
    background-color: #f7f7f7;
    padding: 40px 80px 40px 80px;
    transition: right .5s ease;
    overflow-y: scroll
}

    #LandingPage .infoFormlanding h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    #LandingPage .infoFormlanding h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-top: 0
    }

    #LandingPage .infoFormlanding p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        color: #1d1d1b
    }

#ProjectMenuImg {
    opacity: 1;
    transition: opacity .5s
}

.turnercall {
    position: absolute;
    z-index: 2;
    width: 148px !important;
    height: 148px !important
}

.historySliders {
    background: #1d1d1b;
    padding: 160px 0 !important
}

    .historySliders .swiper-slide:not(.swiper-slide-active) {
        opacity: 0 !important
    }

    .historySliders .history {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: center;
        flex-wrap: nowrap
    }

        .historySliders .history .year {
            width: 35%
        }

            .historySliders .history .year .historySwiper2 h2 {
                color: #f6f6f6;
                text-align: start;
                font-size: 98px;
                font-family: Chalet;
                line-height: 78px;
                font-weight: 100;
                margin-bottom: 65px;
                position: relative
            }

                .historySliders .history .year .historySwiper2 h2::after {
                    content: "";
                    width: 48px;
                    height: 1.5px;
                    position: absolute;
                    left: 0;
                    bottom: -32.5px;
                    opacity: .2;
                    background: #fff
                }

        .historySliders .history .content {
            width: calc(65% - 1rem)
        }

            .historySliders .history .content .historySwiper p {
                color: #e6e6e6;
                font-size: 14px;
                font-family: Chalet;
                line-height: 28px;
                font-weight: 300;
                text-align: start !important
            }

        .historySliders .history .nav-buttons {
            display: flex;
            gap: 12px;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
            flex-direction: row
        }

            .historySliders .history .nav-buttons .swiper-next span {
                transform: rotate(-90deg)
            }

            .historySliders .history .nav-buttons .swiper-prev span {
                transform: rotate(-90deg)
            }

header {
    width: 100%;
    position: fixed;
    transition: .3s ease;
    height: 92px;
    transition: background .5s ease;
    transition: background-color .5s ease;
    z-index: 99;
    top: 0;
    outline: 0 !important
}

    header .shadow-page {
        position: fixed;
        width: 100vw;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        opacity: .6;
        display: none
    }

    header .header-logo {
        filter: brightness(0) invert(1)
    }

    header .uk-navbar-container {
        transition: background .5s ease;
        transition: background-color .5s ease
    }

    header .uk-navbar-nav > li > a {
        font-family: Chalet;
        font-style: normal;
        text-transform: capitalize;
        color: #fff !important;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        outline: 0 !important
    }

        header .uk-navbar-nav > li > a:hover {
            color: #fff !important;
            text-decoration: none
        }

    header .uk-navbar-dropdown {
        border-radius: 4px;
        background: #fff;
        color: #000;
        min-width: 310px;
        width: auto !important;
        padding: 30px;
        outline: 0 !important
    }

        header .uk-navbar-dropdown .view-all {
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #1d1d1b
        }

        header .uk-navbar-dropdown .uk-nav-divider {
            border-top: 1px solid #f7f7f7;
            min-width: 180px
        }

        header .uk-navbar-dropdown.language-select {
            max-width: 50px;
            min-width: 50px;
            width: 50px
        }

        header .uk-navbar-dropdown .mega-menu-dd {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: space-between;
            gap: 45px
        }

        header .uk-navbar-dropdown .drop-logo {
            min-width: 260px;
            min-height: 200px;
            aspect-ratio: 26/20;
            object-fit: cover;
            transition: .35s
        }

    header .uk-navbar-dropdown-nav > li {
        transition: .35s;
        position: relative;
        display: flex;
        align-items: center;
        width: 100%
    }

        header .uk-navbar-dropdown-nav > li::after {
            content: url(../../../../images/icn-menuElementHover.svg);
            position: absolute;
            right: 0;
            transition: opacity .5s;
            opacity: 0;
            z-index: 0
        }

        header .uk-navbar-dropdown-nav > li:hover::after {
            opacity: 1
        }

        header .uk-navbar-dropdown-nav > li.uk-nav-header:hover::after {
            content: none
        }

        header .uk-navbar-dropdown-nav > li.language:hover::after {
            content: none
        }

        header .uk-navbar-dropdown-nav > li.uk-nav-divider:hover::after {
            content: none
        }

        header .uk-navbar-dropdown-nav > li.submenuElement:hover::after {
            content: none
        }

        header .uk-navbar-dropdown-nav > li > a {
            display: flex;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 28px;
            color: #1d1d1b;
            width: 100%;
            z-index: 1
        }

            header .uk-navbar-dropdown-nav > li > a:hover {
                color: #1d1d1b;
                text-decoration: none
            }

    header .uk-navbar-dropdown-nav .uk-nav-header {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

        header .uk-navbar-dropdown-nav .uk-nav-header a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: .02em;
            color: #1d1d1b
        }

    header .about-link img {
        opacity: 0;
        transition: .5s ease-in-out
    }

    header .about-link:hover img {
        opacity: 1
    }

    header .hamburgerButton {
        margin-left: 55px;
        position: relative;
        z-index: 4;
        width: 28.5px;
        margin-right: 15px
    }

        header .hamburgerButton #nav-icon {
            width: 28px;
            height: 20.5px;
            position: relative;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .1s ease-in-out;
            -moz-transition: .1s ease-in-out;
            -o-transition: .1s ease-in-out;
            transition: .1s ease-in-out;
            cursor: pointer
        }

            header .hamburgerButton #nav-icon.open {
                position: fixed;
                right: 35px;
                top: 30px
            }

            header .hamburgerButton #nav-icon span {
                display: block;
                position: absolute;
                height: 1.5px;
                width: 100%;
                background: #fff;
                border-radius: 9px;
                opacity: 1;
                left: 0;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: .1s ease-in-out;
                -moz-transition: .1s ease-in-out;
                -o-transition: .1s ease-in-out;
                transition: .1s ease-in-out
            }

                header .hamburgerButton #nav-icon span:first-child {
                    top: 0
                }

                header .hamburgerButton #nav-icon span:nth-child(2) {
                    top: 8px
                }

                header .hamburgerButton #nav-icon span:nth-child(3) {
                    top: 8px
                }

                header .hamburgerButton #nav-icon span:nth-child(4) {
                    top: 16px
                }

            header .hamburgerButton #nav-icon.open span {
                background: #1d1d1b !important
            }

                header .hamburgerButton #nav-icon.open span:first-child {
                    top: 8px;
                    width: 0%;
                    left: 50%
                }

                header .hamburgerButton #nav-icon.open span:nth-child(2) {
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                header .hamburgerButton #nav-icon.open span:nth-child(3) {
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

                header .hamburgerButton #nav-icon.open span:nth-child(4) {
                    top: 8px;
                    width: 0%;
                    left: 50%
                }

    header .hamburgerMenu-m {
        display: none
    }

    header .hamburgerMenu {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        height: 100vh;
        max-height: 100vh;
        width: 0;
        max-width: 400px;
        z-index: 3;
        transition: .15s ease
    }

        header .hamburgerMenu .menuElements {
            padding: 80px 40px 40px 40px;
            width: 280px
        }

            header .hamburgerMenu .menuElements > div {
                margin-bottom: 12px
            }

            header .hamburgerMenu .menuElements .linkElement a {
                color: #1d1d1b;
                font-family: Chalet;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px
            }

                header .hamburgerMenu .menuElements .linkElement a:hover {
                    color: #1d1d1b;
                    text-decoration: none
                }

            header .hamburgerMenu .menuElements .dropElement a {
                text-decoration: none
            }

                header .hamburgerMenu .menuElements .dropElement a:hover {
                    text-decoration: none
                }

            header .hamburgerMenu .menuElements .dropElement > a {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 6px 12px;
                margin-left: -12px;
                color: #1d1d1b;
                font-family: Chalet;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px
            }

                header .hamburgerMenu .menuElements .dropElement > a.open {
                    background: #f7f7f7;
                    border-radius: 4px
                }

                    header .hamburgerMenu .menuElements .dropElement > a.open .uk-icon {
                        transform: rotate(180deg);
                        transition: .3s ease
                    }

            header .hamburgerMenu .menuElements .dropElement .subLinks {
                display: none;
                flex-direction: column;
                align-items: flex-start;
                margin-top: 14px;
                margin-bottom: 40px
            }

                header .hamburgerMenu .menuElements .dropElement .subLinks.open {
                    display: flex
                }

                header .hamburgerMenu .menuElements .dropElement .subLinks a {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 28px;
                    color: #232321
                }

        header .hamburgerMenu .socialIcons {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 12px;
            width: 280px;
            padding: 40px;
            bottom: 0;
            position: absolute
        }

            header .hamburgerMenu .socialIcons a {
                width: 40px;
                height: 40px;
                aspect-ratio: 1;
                border: 1px solid rgba(0,0,0,.1);
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center
            }

                header .hamburgerMenu .socialIcons a .uk-icon {
                    color: #1d1d1b
                }

.header-transition {
    transition: .3s ease-in-out
}

.fixed-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    gap: 8px;
    position: fixed;
    right: -117px;
    transform: rotate(90deg);
    top: 300px
}

    .fixed-buttons .nef-button-default {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 145px;
        height: 42px;
        background: #fff;
        border: 1px solid transparent;
        backdrop-filter: blur(2px);
        border-radius: 2px
    }

        .fixed-buttons .nef-button-default a {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            letter-spacing: .02em;
            color: #fff
        }

            .fixed-buttons .nef-button-default a:hover {
                color: #fff;
                text-decoration: none
            }

    .fixed-buttons > div:first-child {
        background: #9a6d4f
    }

    .fixed-buttons > div:last-child {
        background: #a3826c
    }

.fixed-scroll-button {
    position: fixed;
    bottom: 60px;
    right: 15px
}

    .fixed-scroll-button a .circle {
        border: 1px solid rgba(29,29,27,.1);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        color: #1d1d1b
    }

        .fixed-scroll-button a .circle .uk-icon {
            transform: rotate(270deg)
        }

    .fixed-scroll-button a:hover .circle {
        opacity: .9
    }

.letsCallYouModal .iti {
    position: relative;
    display: inline-block;
    width: 100%
}

.letsCallYouModal .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

    .letsCallYouModal .iti--separate-dial-code .iti__selected-flag::after {
        content: "";
        width: 1px;
        height: 12px;
        background: #e6e6e6;
        margin-left: 5px;
        margin-top: 1px
    }

.letsCallYouModal .uk-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    gap: 10px;
    width: 170px;
    height: 52px;
    background: #b59a88;
    border-radius: 4px;
    margin-left: auto;
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    text-transform: capitalize
}

.letsCallYouModal h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #1d1d1b
}

.letsCallYouModal label {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #232321
}

.letsCallYouModal input {
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    background-repeat: no-repeat
}

    .letsCallYouModal input:not([type=checkbox]) {
        height: 52px !important
    }

.letsCallYouModal select {
    height: 52px !important;
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 4px
}

.letsCallYouModal .uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("../../../../images/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%
}

.letsCallYouModal.uk-modal {
    padding-top: 80px
}

    .letsCallYouModal.uk-modal .uk-modal-dialog {
        width: 550px;
        padding: 40px;
        border-radius: 4px
    }

.PromoSlider {
    height: 100vh
}

    .PromoSlider .promoSlider {
        height: 100%
    }

        .PromoSlider .promoSlider .swiper {
            width: 100%;
            height: 100%
        }

        .PromoSlider .promoSlider .swiper-slide {
            position: relative
        }

            .PromoSlider .promoSlider .swiper-slide::after {
                content: "";
                width: 100%;
                height: 100%;
                z-index: 2;
                position: absolute;
                top: 0;
                left: 0;
                background: linear-gradient(180deg,hsla(0,0%,0%,.5) 0,transparent 35%)
            }

            .PromoSlider .promoSlider .swiper-slide picture {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .PromoSlider .promoSlider .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover
            }

    .PromoSlider .swiper-pagination-bullets {
        bottom: 28px
    }

    .PromoSlider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: rgba(255,255,255,0);
        border: 1px solid #fff;
        opacity: 1
    }

    .PromoSlider .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff
    }

    .PromoSlider .sliderContent {
        position: absolute;
        bottom: 60px;
        left: 128px;
        z-index: 3
    }

        .PromoSlider .sliderContent h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 80px;
            line-height: 78px;
            color: #fff;
            margin-bottom: 12px
        }

        .PromoSlider .sliderContent h6 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            letter-spacing: .02em;
            color: #fff;
            margin-bottom: 28px;
            margin-top: 0
        }

        .PromoSlider .sliderContent a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #fff;
            display: flex;
            align-items: center;
            transition: .35s;
            gap: 0;
            height: 56px;
            background: #fff;
            width: fit-content;
            border-radius: 40px;
            color: #000;
            padding: 0 40px
        }

            .PromoSlider .sliderContent a:hover {
                gap: 1rem;
                text-decoration: underline
            }

.information {
    padding-top: 80px
}

    .information .uk-container .title {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: flex-start
    }

@media screen and (max-width:959.98px) {
    .information .uk-container .title {
        flex-direction: column
    }
}

.information .uk-container .title h3 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 56px;
    color: #1d1d1b;
    max-width: 70vw;
    margin: 0;
    padding: 0
}

.information .uk-container .title img {
    transition: 1.35s;
    min-width: 148px
}

.information .uk-container .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center
}

    .information .uk-container .link p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342;
        max-width: 470px
    }

    .information .uk-container .link a {
        color: var(--Black,#1d1d1b);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: .32px;
        font-family: Chalet;
        width: 100%;
        text-align: start;
        display: flex;
        align-items: center;
        transition: .35s;
        gap: 0
    }

.information .uk-container .content {
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

    .information .uk-container .content .videoArea {
        width: 100%;
        aspect-ratio: 1170/657
    }

.landSlider {
    background: #1d1d1b;
    height: 34.7vw
}

    .landSlider .galleryNavigationV {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(50% - 112px);
        left: 70px;
        gap: 1rem
    }

        .landSlider .galleryNavigationV .swiper-next-V span {
            cursor: pointer;
            transform: rotate(90deg)
        }

        .landSlider .galleryNavigationV .swiper-prev-V span {
            transform: rotate(90deg);
            cursor: pointer
        }

    .landSlider .verticalSwiper {
        height: 34.7vw
    }

    .landSlider .container-nef {
        padding-right: 0 !important
    }

    .landSlider .sliderContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        flex-wrap: nowrap;
        align-items: center;
        position: relative
    }

        .landSlider .sliderContainer .content {
            width: 40%;
            display: flex;
            flex-direction: column;
            padding-right: 36px
        }

            .landSlider .sliderContainer .content .logo {
                margin-bottom: 44px
            }

            .landSlider .sliderContainer .content .title h2 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 48px;
                line-height: 56px;
                letter-spacing: .02em;
                color: #fff
            }

            .landSlider .sliderContainer .content .details p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                letter-spacing: .02em;
                color: #e6e6e6
            }

            .landSlider .sliderContainer .content .navigators {
                gap: 27px
            }

                .landSlider .sliderContainer .content .navigators a {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 28px;
                    color: #fff;
                    transition: .35s;
                    display: flex;
                    align-items: center;
                    gap: 0
                }

                    .landSlider .sliderContainer .content .navigators a:hover {
                        color: #fff;
                        gap: 1rem;
                        text-decoration: underline
                    }

        .landSlider .sliderContainer .gallery {
            width: 60%
        }

            .landSlider .sliderContainer .gallery .swiper {
                width: 100%;
                height: 100%
            }

            .landSlider .sliderContainer .gallery .swiper-slide {
                text-align: center;
                font-size: 16px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 6px;
                transition: .5s;
                width: 80% !important;
                position: relative;
                overflow: hidden
            }

                .landSlider .sliderContainer .gallery .swiper-slide > img {
                    transition: .35s
                }

                .landSlider .sliderContainer .gallery .swiper-slide:hover > img {
                    transform: scale(1.075)
                }

                .landSlider .sliderContainer .gallery .swiper-slide .upper {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    opacity: 1;
                    transition: .35s all
                }

                    .landSlider .sliderContainer .gallery .swiper-slide .upper .inner {
                        position: absolute;
                        width: 100%;
                        height: 100%
                    }

                        .landSlider .sliderContainer .gallery .swiper-slide .upper .inner img {
                            width: 200px;
                            height: auto;
                            aspect-ratio: auto;
                            margin: 30px;
                            border-radius: 0;
                            object-fit: contain
                        }

                        .landSlider .sliderContainer .gallery .swiper-slide .upper .inner > div {
                            position: absolute;
                            bottom: 30px;
                            left: 30px;
                            text-align: start
                        }

                            .landSlider .sliderContainer .gallery .swiper-slide .upper .inner > div > div {
                                display: flex;
                                align-items: center;
                                flex-direction: row;
                                flex-wrap: nowrap;
                                justify-content: flex-start;
                                align-content: center;
                                gap: 30px
                            }

                            .landSlider .sliderContainer .gallery .swiper-slide .upper .inner > div h5 {
                                font-family: Chalet;
                                font-style: normal;
                                font-weight: 700;
                                font-size: 20px;
                                line-height: 30px;
                                color: #fff
                            }

                            .landSlider .sliderContainer .gallery .swiper-slide .upper .inner > div p {
                                font-family: Chalet;
                                font-style: normal;
                                font-weight: 400;
                                font-size: 14px;
                                line-height: 28px;
                                color: #fff;
                                padding: 0;
                                margin: 0
                            }

                .landSlider .sliderContainer .gallery .swiper-slide:not(.swiper-slide-active) {
                    filter: brightness(.8);
                    transform: scale(.9) !important;
                    opacity: .4
                }

                    .landSlider .sliderContainer .gallery .swiper-slide:not(.swiper-slide-active) .upper {
                        opacity: 0
                    }

                .landSlider .sliderContainer .gallery .swiper-slide img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 6px
                }

    .landSlider .galleryNavigation {
        display: flex;
        flex-direction: row;
        gap: 9px;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        position: absolute;
        bottom: -64px;
        right: 12%
    }

        .landSlider .galleryNavigation span {
            cursor: pointer
        }

.nefHousing {
    background: #fff;
    text-align: center
}

    .nefHousing h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-bottom: 12px;
        margin-top: 0
    }

    .nefHousing p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #434342;
        max-width: 770px;
        margin: auto;
        margin-bottom: 24px
    }

    .nefHousing a {
        font-family: Chalet;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b;
        margin-bottom: 64px;
        display: block;
        transition: .35s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0
    }

        .nefHousing a:hover {
            color: #1d1d1b;
            gap: 1rem;
            text-decoration: underline
        }

    .nefHousing .imageArea {
        gap: 20px
    }

        .nefHousing .imageArea > div {
            max-width: 50%;
            position: relative
        }

            .nefHousing .imageArea > div img {
                max-width: 100%;
                object-fit: cover;
                aspect-ratio: 67/46
            }

.counterSlider {
    background: #fff
}

    .counterSlider .sliderContainer {
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: nowrap;
        align-items: flex-start;
        position: relative;
        justify-content: space-between
    }

        .counterSlider .sliderContainer .content {
            width: 45%;
            display: flex;
            flex-direction: column;
            padding-right: 36px
        }

            .counterSlider .sliderContainer .content .iconArea {
                min-width: 140px;
                width: 140px;
                aspect-ratio: 1;
                border-radius: 100%;
                background: #f7f7f7;
                display: flex;
                margin-bottom: 40px;
                justify-content: center;
                align-items: center
            }

                .counterSlider .sliderContainer .content .iconArea img {
                    transition: .5s;
                    transition-delay: 0.15s;
                    transform: translateX(-20px)
                }

            .counterSlider .sliderContainer .content .title h4 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .02em;
                color: #b59a88;
                margin-top: 0;
                margin-bottom: 8px
            }

            .counterSlider .sliderContainer .content .title p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                color: #434342;
                max-width: 375px
            }

        .counterSlider .sliderContainer .gallery {
            display: flex;
            flex-direction: column;
            align-items: flex-end
        }

            .counterSlider .sliderContainer .gallery .counter {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 160px;
                line-height: 160px;
                text-align: center;
                color: #1d1d1b;
                display: flex;
                flex-direction: column;
                align-items: flex-end
            }

            .counterSlider .sliderContainer .gallery span {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 32px;
                line-height: 40px;
                text-align: center;
                letter-spacing: .02em;
                color: #1d1d1b
            }

    .counterSlider .swiper-button-next:after, .counterSlider .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: 10px;
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        border: 1px solid rgba(0,0,0,.1);
        min-width: 46px;
        aspect-ratio: 1;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        color: #1d1d1b;
        font-weight: 900
    }

    .counterSlider .swiper-button-next, .counterSlider .swiper-button-prev {
        position: absolute;
        bottom: 60px;
        padding: 0 24.444vw;
        top: auto
    }

    .counterSlider .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: 40vw;
        position: absolute;
        bottom: 80px;
        top: auto;
        margin-left: 29vw;
        background: #f7f7f7
    }

    .counterSlider .swiper-scrollbar-drag {
        background: #b59a88
    }

    .counterSlider .swiper-slide.swiper-slide-active .sliderContainer .content .iconArea img {
        display: block;
        transform: translateX(0)
    }

.foldHome {
    background: #1d1d1b
}

    .foldHome .uk-grid {
        margin-left: 0 !important
    }

    .foldHome .textArea {
        transition: .35s;
        padding-left: 150px
    }

    .foldHome .imageArea {
        width: 550px;
        max-width: 100%;
        height: 488px;
        max-height: 100%;
        aspect-ratio: 55/48;
        display: flex;
        position: relative;
        transition: .35s
    }

        .foldHome .imageArea img {
            transition: .35s
        }

            .foldHome .imageArea img:hover {
                transform: scale(1.075)
            }

        .foldHome .imageArea > img:first-child {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

        .foldHome .imageArea > img:last-child {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 2
        }

    .foldHome > div {
        z-index: 1;
        position: relative
    }

    .foldHome::after {
        content: url(../../../../images/foldhomebg4.png);
        position: absolute;
        left: -160px;
        bottom: -70px;
        z-index: 0;
        transform: var(--custom-translate-X)
    }

    .foldHome h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .02em;
        color: #b59a88;
        margin-bottom: 28px;
        margin-top: 0;
        transition: .35s
    }

    .foldHome h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #fff;
        margin-top: 0;
        margin-bottom: 80px;
        max-width: 869px;
        transition: .35s
    }

    .foldHome p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        margin-bottom: 28px
    }

    .foldHome a {
        font-family: Chalet;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transition: .35s;
        gap: 0
    }

        .foldHome a:hover {
            color: #fff;
            gap: 1rem;
            text-decoration: underline
        }

.newsAndAnnouncements {
    background: #fff;
    text-align: center
}

    .newsAndAnnouncements h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-bottom: 12px;
        margin-top: 0
    }

    .newsAndAnnouncements p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #434342;
        max-width: 770px;
        margin: auto;
        margin-bottom: 24px
    }

    .newsAndAnnouncements a.exp {
        font-family: Chalet;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b;
        margin-bottom: 103px;
        display: block
    }

        .newsAndAnnouncements a.exp:hover {
            color: #1d1d1b;
            text-transform: none
        }

    .newsAndAnnouncements .specialLinks {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .newsAndAnnouncements .specialLinks > .specialLinksContainer:last-child {
            border-bottom: 1px solid #d9d9d9
        }

        .newsAndAnnouncements .specialLinks .specialLinksContainer {
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
            border-top: 1px solid #d9d9d9
        }

            .newsAndAnnouncements .specialLinks .specialLinksContainer a {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                align-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
                border-top: none;
                padding: 18px 0;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 20px;
                line-height: 36px;
                letter-spacing: .02em;
                color: #232321;
                gap: 1rem;
                padding-right: 1rem;
                text-align: start;
                text-decoration: none;
                transform: translatex(0);
                transition: .5s all ease
            }

            .newsAndAnnouncements .specialLinks .specialLinksContainer .infoImage {
                position: absolute;
                right: 40px;
                opacity: 0;
                transition: opacity .5s ease;
                z-index: 9;
                transform: translateY(100px);
                transition: .5s all ease;
                padding-top: 200px
            }

                .newsAndAnnouncements .specialLinks .specialLinksContainer .infoImage picture {
                    aspect-ratio: 400/270;
                    width: 100%
                }

                    .newsAndAnnouncements .specialLinks .specialLinksContainer .infoImage picture > * {
                        width: 100%;
                        max-width: 400px;
                        object-fit: cover;
                        object-position: center
                    }

@media (max-width:960px) {
    .newsAndAnnouncements .specialLinks .specialLinksContainer .infoImage {
        z-index: -99
    }
}

@media (min-width:960px) {
    .newsAndAnnouncements .specialLinks .specialLinksContainer:hover .infoImage {
        opacity: 1;
        transform: translateY(-100px);
        transition: .5s all ease
    }

    .newsAndAnnouncements .specialLinks .specialLinksContainer:hover a {
        padding-left: 40px;
        transition: .5s all ease
    }
}

.salesOffices {
    background: #fff
}

    .salesOffices .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 1rem;
        margin-bottom: 40px
    }

        .salesOffices .title h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin: 0;
            padding: 0
        }

        .salesOffices .title .navigators {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 12px
        }

            .salesOffices .title .navigators > span {
                display: block;
                cursor: pointer
            }

    .salesOffices .salesOfficesCard {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 30px 30px 30px;
        gap: 20px;
        width: 272px;
        max-width: 100%;
        height: 334px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        justify-content: space-between
    }

        .salesOffices .salesOfficesCard .card-title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 22px;
            line-height: 27px;
            letter-spacing: .02em;
            color: #1d1d1b;
            width: 100%;
            height: 54px;
            margin-bottom: 0
        }

        .salesOffices .salesOfficesCard .details {
            height: 140px
        }

            .salesOffices .salesOfficesCard .details p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 21px;
                color: #595959
            }

                .salesOffices .salesOfficesCard .details p b {
                    color: #1d1d1b
                }

            .salesOffices .salesOfficesCard .details a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #2d91ee
            }

            .salesOffices .salesOfficesCard .details p:first-child {
                margin-top: 0;
                margin-bottom: 0;
                height: 63px
            }

            .salesOffices .salesOfficesCard .details p:nth-child(2) {
                margin-top: 6px;
                margin-bottom: 0
            }

            .salesOffices .salesOfficesCard .details p:nth-child(3) {
                margin-top: 6px;
                margin-bottom: 6px
            }

        .salesOffices .salesOfficesCard .buttons {
            width: 100%
        }

            .salesOffices .salesOfficesCard .buttons a {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: 272px;
                max-width: 100%;
                height: 60px;
                border: 1px solid #e6e6e6;
                border-radius: 4px;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b;
                transition: .35s
            }

                .salesOffices .salesOfficesCard .buttons a:hover {
                    background: #b59a88;
                    color: #fff;
                    text-decoration: none;
                    border-color: #b59a88
                }

footer {
    background: #1d1d1b;
    padding-top: 20px;
    padding-bottom: 24px
}

    footer .breadCrumb {
        margin-bottom: 30px;
        display: flex;
        align-items: center !important;
        justify-content: flex-start !important;
        align-content: center !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important
    }

        footer .breadCrumb ul {
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            gap: .5rem;
            padding-left: 0
        }

            footer .breadCrumb ul li {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .02em;
                color: #fff !important
            }

                footer .breadCrumb ul li a {
                    color: #fff !important
                }

                footer .breadCrumb ul li.active {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 18px;
                    letter-spacing: .02em;
                    color: #b6b6b6 !important
                }

                    footer .breadCrumb ul li.active a {
                        color: #b6b6b6 !important
                    }

    footer .uk-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap
    }

    footer .footerLogo {
        margin-bottom: 40px
    }

        footer .footerLogo .footer-logo {
            filter: brightness(0) invert(1)
        }

    footer .socialIcons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 40px
    }

        footer .socialIcons a {
            width: 40px;
            height: 40px;
            aspect-ratio: 1;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            transition: .35s
        }

            footer .socialIcons a .uk-icon {
                color: #fff
            }

            footer .socialIcons a:hover {
                background: #b59a88
            }

    footer .footerMenu {
        margin-bottom: 32px;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        gap: 40px
    }

        footer .footerMenu a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            letter-spacing: .02em;
            color: #fff;
            transition: .35s
        }

            footer .footerMenu a:hover {
                color: #b59a88;
                text-decoration: underline
            }

    footer .callButton .nef-button-light {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border: 2px solid rgba(255,255,255,.1);
        border-radius: 4px;
        margin-bottom: 37.5px;
        width: 153px;
        height: 52px
    }

        footer .callButton .nef-button-light a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            letter-spacing: .02em;
            color: #fff;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            text-decoration: none !important;
            transition: .35s
        }

            footer .callButton .nef-button-light a:hover {
                background: #b59a88;
                border-color: #b59a88
            }

    footer .mailLinks {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        gap: 20px
    }

        footer .mailLinks a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: .02em;
            color: #595959;
            transition: .35s
        }

    footer .copyRight {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 88px;
        gap: 30px
    }

        footer .copyRight .leftArea {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 22px
        }

            footer .copyRight .leftArea .imgArea {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: center;
                gap: 22px
            }

            footer .copyRight .leftArea h5 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 12px;
                line-height: 15px;
                letter-spacing: .02em;
                color: #595959;
                padding: 0;
                margin: 0
            }

        footer .copyRight .rightArea {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            gap: 25px;
            justify-content: center;
            margin-left: 0
        }

@media (min-width:960px) {
    footer .copyRight .rightArea {
        margin-left: -13%
    }
}

footer .copyRight .rightArea a {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .02em;
    color: #595959;
    position: relative
}

    footer .copyRight .rightArea a:hover {
        color: #595959;
        text-decoration: none
    }

    footer .copyRight .rightArea a:not(:last-child)::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background: #595959;
        margin: 0 12px
    }

.founderMessage {
    background-color: #181816;
    padding-top: 192px;
    padding-bottom: 80px;
    z-index: 1
}

    .founderMessage .content {
        width: 545px;
        max-width: 45%
    }

        .founderMessage .content h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #fff;
            margin-bottom: 40px;
            margin-top: 0
        }

        .founderMessage .content p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #f7f7f7;
            margin-top: 0;
            margin-bottom: 0
        }

.founderImage {
    background-color: #181816;
    padding-bottom: 120px;
    padding-top: 0;
    z-index: 2;
    overflow: visible
}

    .founderImage .gallery {
        max-width: 50%;
        margin-left: auto;
        margin-top: -334px
    }

        .founderImage .gallery .imgArea {
            width: 419px;
            height: 525px;
            max-width: 100%;
            max-height: 100%;
            aspect-ratio: auto;
            margin-left: auto;
            margin-right: auto
        }

            .founderImage .gallery .imgArea img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

.manifestInformation .manifestTitle {
    padding-top: 192px;
    padding-bottom: 356px;
    background-color: #181816
}

    .manifestInformation .manifestTitle .title h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 300;
        font-size: 58px;
        line-height: 78px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 40px
    }

    .manifestInformation .manifestTitle .title h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #f7f7f7;
        margin-top: 0;
        margin-bottom: 24px
    }

    .manifestInformation .manifestTitle .title p {
        color: var(--Grey-01,#f6f6f6);
        font-family: Chalet;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: .32px;
        margin: 0;
        padding: 0
    }

.manifestInformation .manifestContent {
    background-color: #1d1d1b;
    padding-top: 0
}

    .manifestInformation .manifestContent .gallery {
        margin-top: -226px;
        margin-bottom: 120px
    }

        .manifestInformation .manifestContent .gallery .imgArea {
            position: relative;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 2.083vw
        }

            .manifestInformation .manifestContent .gallery .imgArea .imgElement-1 {
                position: relative
            }

                .manifestInformation .manifestContent .gallery .imgArea .imgElement-1 img {
                    aspect-ratio: 57/67;
                    object-fit: cover;
                    width: calc(50vw)
                }

            .manifestInformation .manifestContent .gallery .imgArea .imgElement-2 {
                position: relative
            }

                .manifestInformation .manifestContent .gallery .imgArea .imgElement-2 img {
                    aspect-ratio: 57/32;
                    object-fit: cover;
                    width: 50vw
                }

            .manifestInformation .manifestContent .gallery .imgArea .imgElement-3 {
                position: relative
            }

                .manifestInformation .manifestContent .gallery .imgArea .imgElement-3 img {
                    aspect-ratio: 27/32;
                    object-fit: cover;
                    width: calc(25vw - .972vw)
                }

            .manifestInformation .manifestContent .gallery .imgArea .imgElement-4 {
                position: relative
            }

                .manifestInformation .manifestContent .gallery .imgArea .imgElement-4 img {
                    aspect-ratio: 27/32;
                    object-fit: cover;
                    width: calc(25vw - .972vw)
                }

            .manifestInformation .manifestContent .gallery .imgArea div:has(img) {
                border-radius: 4px;
                overflow: hidden;
                position: relative
            }

                .manifestInformation .manifestContent .gallery .imgArea div:has(img) .innerLogo {
                    position: absolute;
                    aspect-ratio: auto;
                    top: 0;
                    right: 0;
                    padding: 1.825rem;
                    width: auto
                }

            .manifestInformation .manifestContent .gallery .imgArea > div:nth-child(2) {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                align-content: center;
                gap: 2.083vw;
                flex-wrap: nowrap
            }

                .manifestInformation .manifestContent .gallery .imgArea > div:nth-child(2) > div:nth-child(2) {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    align-content: center;
                    flex-wrap: nowrap;
                    flex-direction: row;
                    gap: 2.083vw
                }

    .manifestInformation .manifestContent .content {
        max-width: 100%
    }

        .manifestInformation .manifestContent .content .left-content {
            width: 50%;
            max-width: 50%;
            margin-right: auto
        }

        .manifestInformation .manifestContent .content .right-content {
            margin-left: auto;
            width: 50%;
            max-width: 50%;
            margin-top: -50px
        }

        .manifestInformation .manifestContent .content p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #f7f7f7
        }

.manifestProjecs .manifestCompletedProjects {
    background: #232321
}

    .manifestProjecs .manifestCompletedProjects .container-nef {
        padding-right: 0 !important
    }

        .manifestProjecs .manifestCompletedProjects .container-nef .title {
            padding-right: 135px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            margin-bottom: 45px
        }

            .manifestProjecs .manifestCompletedProjects .container-nef .title h2 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 32px;
                line-height: 40px;
                letter-spacing: .02em;
                color: #fff
            }

            .manifestProjecs .manifestCompletedProjects .container-nef .title a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 28px;
                color: #fff
            }

                .manifestProjecs .manifestCompletedProjects .container-nef .title a:hover {
                    color: #fff;
                    text-decoration: none
                }

        .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide {
            aspect-ratio: 61/46;
            border-radius: 4px;
            overflow: hidden
        }

            .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(0deg,rgba(0,0,0,.7) -50%,transparent 100%);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
                flex-wrap: nowrap
            }

                .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent img {
                    padding-left: 30px;
                    padding-top: 30px
                }

                .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div {
                    padding: 30px;
                    width: calc(100% - 60px)
                }

                    .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div h4 {
                        font-family: Chalet;
                        font-style: normal;
                        font-weight: 700;
                        font-size: 20px;
                        line-height: 30px;
                        color: #fff
                    }

                    .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div {
                        display: flex;
                        flex-direction: row;
                        align-items: flex-end;
                        justify-content: space-between;
                        align-content: center;
                        flex-wrap: nowrap;
                        gap: 1rem
                    }

                        .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div p {
                            margin: 0;
                            padding: 0;
                            font-family: Chalet;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 28px;
                            color: #fff
                        }

                        .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div a {
                            font-family: Chalet;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 16px;
                            line-height: 28px;
                            color: #fff;
                            min-width: 80px;
                            gap: 9px
                        }

                            .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div a:hover {
                                color: #fff;
                                text-decoration: none
                            }

            .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide > img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: .35s
            }

            .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide:hover > img {
                transform: scale(1.1)
            }

        .manifestProjecs .manifestCompletedProjects .container-nef .galleryNavigation {
            padding-right: 135px;
            display: flex;
            justify-content: flex-end;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            gap: 8px;
            margin-top: 24px
        }

.sponsorshipsBanner {
    padding-top: 192px;
    padding-bottom: 40px;
    background-color: #181816
}

    .sponsorshipsBanner .title {
        max-width: 970px
    }

        .sponsorshipsBanner .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #fff;
            margin-top: 0;
            margin-bottom: 40px
        }

        .sponsorshipsBanner .title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #f7f7f7;
            margin-top: 0
        }

        .sponsorshipsBanner .title .leftArea {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            gap: 22px
        }

            .sponsorshipsBanner .title .leftArea .imgArea {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: center;
                gap: 22px
            }

            .sponsorshipsBanner .title .leftArea h5 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .02em;
                color: #fff;
                padding: 0;
                margin: 0
            }

.wwaBanner {
    padding-top: 192px;
    padding-bottom: 320px;
    background-color: #181816
}

    .wwaBanner .title {
        max-width: 970px
    }

        .wwaBanner .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #fff;
            margin: 0;
            margin-bottom: 40px
        }

        .wwaBanner .title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #f7f7f7;
            margin: 0
        }

@media screen and (max-width:959.98px) {
    .wwaBanner {
        padding-top: 100px;
        padding-bottom: 60px
    }

        .wwaBanner .title h1 {
            font-size: 32px;
            line-height: 48px
        }

        .wwaBanner .title h4 {
            font-size: 16px
        }
}

.wwaManifest {
    background: #1d1d1b;
    padding-top: 120px;
    padding-bottom: 120px
}

    .wwaManifest .row-1-2 {
        gap: 7.5%;
        align-items: center
    }

        .wwaManifest .row-1-2 .content {
            width: 40%
        }

            .wwaManifest .row-1-2 .content h2 {
                color: #fff;
                font-family: Chalet;
                font-size: 48px;
                font-style: normal;
                font-weight: 400;
                line-height: 56px;
                letter-spacing: .96px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

            .wwaManifest .row-1-2 .content p {
                color: #f6f6f6;
                font-family: Chalet;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

            .wwaManifest .row-1-2 .content a {
                color: #fff;
                font-family: Chalet;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

                .wwaManifest .row-1-2 .content a:hover span {
                    transition: .35s;
                    margin-left: 15px !important
                }

        .wwaManifest .row-1-2 .gallery {
            width: 60%
        }

            .wwaManifest .row-1-2 .gallery picture img {
                aspect-ratio: 665/460;
                width: 100%
            }

@media screen and (max-width:959.98px) {
    .wwaManifest {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .wwaManifest .row-1-2 {
            gap: 50px;
            align-items: center;
            display: flex;
            flex-direction: column-reverse;
            justify-content: flex-start
        }

            .wwaManifest .row-1-2 .content {
                width: 100%
            }

                .wwaManifest .row-1-2 .content h2 {
                    font-size: 28px
                }

            .wwaManifest .row-1-2 .gallery {
                width: 100%
            }

                .wwaManifest .row-1-2 .gallery picture img {
                    aspect-ratio: 665/460;
                    width: 100%
                }
}

.wwaHistory {
    background: #232321;
    padding-top: 120px;
    padding-bottom: 120px
}

    .wwaHistory .row-1-2 {
        gap: 7.5%;
        align-items: center
    }

        .wwaHistory .row-1-2 .content {
            width: 40%
        }

            .wwaHistory .row-1-2 .content h2 {
                color: #fff;
                font-family: Chalet;
                font-size: 48px;
                font-style: normal;
                font-weight: 400;
                line-height: 56px;
                letter-spacing: .96px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

            .wwaHistory .row-1-2 .content p {
                color: #f6f6f6;
                font-family: Chalet;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

            .wwaHistory .row-1-2 .content a {
                color: #fff;
                font-family: Chalet;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

                .wwaHistory .row-1-2 .content a:hover span {
                    transition: .35s;
                    margin-left: 15px !important
                }

        .wwaHistory .row-1-2 .gallery {
            width: 60%
        }

            .wwaHistory .row-1-2 .gallery picture img {
                aspect-ratio: 665/460;
                width: 100%
            }

@media screen and (max-width:959.98px) {
    .wwaHistory {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .wwaHistory .row-1-2 {
            gap: 50px;
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: flex-start
        }

            .wwaHistory .row-1-2 .content {
                width: 100%
            }

                .wwaHistory .row-1-2 .content h2 {
                    font-size: 28px
                }

            .wwaHistory .row-1-2 .gallery {
                width: 100%
            }

                .wwaHistory .row-1-2 .gallery picture img {
                    aspect-ratio: 665/460;
                    width: 100%
                }
}

.wwaFounderMessage {
    background: #1d1d1b;
    padding-top: 120px;
    padding-bottom: 120px
}

    .wwaFounderMessage .row-1-2 {
        gap: 7.5%;
        align-items: center
    }

        .wwaFounderMessage .row-1-2 .content {
            width: 40%
        }

            .wwaFounderMessage .row-1-2 .content h2 {
                color: #fff;
                font-family: Chalet;
                font-size: 48px;
                font-style: normal;
                font-weight: 400;
                line-height: 56px;
                letter-spacing: .96px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

            .wwaFounderMessage .row-1-2 .content p {
                color: #f6f6f6;
                font-family: Chalet;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

            .wwaFounderMessage .row-1-2 .content a {
                color: #fff;
                font-family: Chalet;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                margin: 0;
                padding: 0;
                margin-bottom: 20px
            }

                .wwaFounderMessage .row-1-2 .content a:hover span {
                    transition: .35s;
                    margin-left: 15px !important
                }

        .wwaFounderMessage .row-1-2 .gallery {
            width: 60%
        }

            .wwaFounderMessage .row-1-2 .gallery picture img {
                aspect-ratio: 665/460;
                width: 100%
            }

@media screen and (max-width:959.98px) {
    .wwaFounderMessage {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .wwaFounderMessage .row-1-2 {
            gap: 50px;
            align-items: center;
            display: flex;
            flex-direction: column-reverse;
            justify-content: flex-start
        }

            .wwaFounderMessage .row-1-2 .content {
                width: 100%
            }

                .wwaFounderMessage .row-1-2 .content h2 {
                    font-size: 28px
                }

            .wwaFounderMessage .row-1-2 .gallery {
                width: 100%
            }

                .wwaFounderMessage .row-1-2 .gallery picture img {
                    aspect-ratio: 665/460;
                    width: 100%
                }
}

.wwaSponsorships {
    background: #232321;
    padding-top: 120px;
    padding-bottom: 120px
}

    .wwaSponsorships .row-1-2 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 25px;
        text-align: center
    }

        .wwaSponsorships .row-1-2 .content h2 {
            color: #fff;
            font-family: Chalet;
            font-size: 48px;
            font-style: normal;
            font-weight: 400;
            line-height: 56px;
            letter-spacing: .96px;
            margin: 0;
            padding: 0;
            margin-bottom: 20px;
            text-align: center
        }

        .wwaSponsorships .row-1-2 .content p {
            color: #f6f6f6;
            font-family: Chalet;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            margin: 0;
            padding: 0;
            text-align: center;
            margin-bottom: 20px;
            max-width: 760px
        }

        .wwaSponsorships .row-1-2 .content .image-content {
            display: flex;
            gap: 30px;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            flex-direction: row
        }

            .wwaSponsorships .row-1-2 .content .image-content span {
                color: #fff;
                font-family: Chalet;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: .24px;
                text-align: start
            }

        .wwaSponsorships .row-1-2 .content a {
            color: #fff;
            font-family: Chalet;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            margin: 0;
            padding: 0;
            text-align: center;
            margin-bottom: 20px
        }

            .wwaSponsorships .row-1-2 .content a:hover span {
                transition: .35s;
                margin-left: 15px !important
            }

@media screen and (max-width:959.98px) {
    .wwaSponsorships {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .wwaSponsorships .row-1-2 .content h2 {
            font-size: 28px
        }
}

.liveBanner {
    padding-top: 192px;
    padding-bottom: 40px;
    background-color: #181816
}

    .liveBanner .title {
        max-width: 970px
    }

        .liveBanner .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #fff;
            margin-top: 0;
            margin-bottom: 40px
        }

        .liveBanner .title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #f7f7f7;
            margin-top: 0
        }

.liveAccordion {
    padding-top: 22px;
    background-color: #181816
}

    .liveAccordion .accordion {
        max-width: 974px
    }

        .liveAccordion .accordion ul li {
            padding-top: 12px;
            border-top: 1px solid rgba(230,230,230,.1)
        }

            .liveAccordion .accordion ul li iframe {
                border: 0;
                max-width: 100%;
                aspect-ratio: 640/360
            }

            .liveAccordion .accordion ul li.uk-open a.uk-accordion-title {
                font-family: Chalet;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 28px;
                color: #fff
            }

                .liveAccordion .accordion ul li.uk-open a.uk-accordion-title::before {
                    background-image: url(../../custom/icons/icn-toggle-white.svg);
                    transition: .35s;
                    transform: rotate(180deg)
                }

            .liveAccordion .accordion ul li a.uk-accordion-title {
                font-family: Chalet;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 28px;
                color: #fff
            }

                .liveAccordion .accordion ul li a.uk-accordion-title::before {
                    transition: .35s;
                    background-image: url(../../custom/icons/icn-toggle-white.svg)
                }

.sponsorshipsInfo {
    background: #fff
}

    .sponsorshipsInfo .innerInfo {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem
    }

    .sponsorshipsInfo p {
        max-width: 545px;
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b
    }

.sponsorshipsPAV {
    padding-top: 0;
    background: #fff
}

    .sponsorshipsPAV h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .02em;
        color: #b59a88;
        margin-bottom: 8px
    }

    .sponsorshipsPAV h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-top: 0;
        margin-bottom: 48px
    }

    .sponsorshipsPAV .pavList ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-gap: 80px
    }

        .sponsorshipsPAV .pavList ul li {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #1d1d1b;
            margin-bottom: 24px
        }

.ss-modal .uk-modal-dialog {
    background: #232321 !important
}

    .ss-modal .uk-modal-dialog p {
        color: var(--Grey-01,#f6f6f6);
        font-family: Chalet;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: .32px
    }

    .ss-modal .uk-modal-dialog .title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 16px;
        margin-bottom: 24px
    }

        .ss-modal .uk-modal-dialog .title h4 {
            color: var(--White,#fff);
            font-family: Chalet;
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: .44px
        }

.sponsorshipsCards {
    background: #1d1d1b;
    position: relative
}

    .sponsorshipsCards::before {
        content: "";
        background: linear-gradient(180deg,#181816 0,rgba(24,24,22,0) 100%);
        width: 100%;
        height: 500px;
        position: absolute;
        z-index: 0;
        top: 0
    }

    .sponsorshipsCards > div {
        position: relative;
        z-index: 1
    }

    .sponsorshipsCards h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #fff;
        width: 100%;
        text-align: center;
        margin-bottom: 64px
    }

    .sponsorshipsCards .ss-cards {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start
    }

        .sponsorshipsCards .ss-cards .ss-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 32px;
            max-width: calc((100% / 3) - 78px);
            min-height: 416px;
            max-height: 100%;
            background: #232321;
            border-radius: 4px;
            gap: 24px;
            transition: .35s;
            aspect-ratio: 377/416;
            overflow: hidden;
            position: relative
        }

@media screen and (max-width:959.98px) {
    .sponsorshipsCards .ss-cards .ss-card {
        aspect-ratio: auto;
        max-height: 416px
    }
}

.sponsorshipsCards .ss-cards .ss-card .modal-btn {
    bottom: 0;
    position: absolute;
    height: 81px;
    background: #232321;
    width: calc(100% - 64px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row
}

    .sponsorshipsCards .ss-cards .ss-card .modal-btn a {
        color: var(--White,#fff);
        font-family: Chalet;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: .32px
    }

.sponsorshipsCards .ss-cards .ss-card:hover {
    transform: scale(1.04)
}

.sponsorshipsCards .ss-cards .ss-card .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 24px
}

    .sponsorshipsCards .ss-cards .ss-card .title img {
        aspect-ratio: 1
    }

    .sponsorshipsCards .ss-cards .ss-card .title h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #fff;
        margin: 0;
        padding: 0
    }

.sponsorshipsCards .ss-cards .ss-card .body p {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #f7f7f7
}

.historyMilestones {
    background: #181816;
    padding-top: 192px;
    padding-bottom: 57px
}

    .historyMilestones .title h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 64px;
        line-height: 78px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 40px
    }

    .historyMilestones .title h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #f7f7f7;
        margin-top: 0;
        margin-bottom: 60px
    }

    .historyMilestones .tabList .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 69px;
        height: 38px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 64px;
        transition: .35s ease
    }

        .historyMilestones .tabList .swiper-slide.active {
            background: #9a6d4f;
            border-color: #9a6d4f
        }

        .historyMilestones .tabList .swiper-slide a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 28px;
            text-align: center;
            color: #fff
        }

html {
    scroll-behavior: smooth
}

.fixed-top {
    position: fixed;
    top: 0;
    background: #181816;
    z-index: 98;
    width: calc(100% - 40px);
    left: 0;
    display: flex;
    padding: 20px;
    justify-content: center
}

.historyYears {
    background: #1d1d1b
}

    .historyYears .history {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap
    }

        .historyYears .history .year {
            display: flex;
            margin-bottom: 80px;
            flex-direction: column;
            align-content: center;
            align-items: center;
            flex-wrap: nowrap;
            justify-content: flex-start;
            max-width: 770px
        }

            .historyYears .history .year h2 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 48px;
                line-height: 56px;
                text-align: center;
                letter-spacing: .02em;
                color: #f7f7f7;
                margin: 0;
                padding: 0;
                transition: .35s
            }

            .historyYears .history .year:hover h2 {
                color: #b59a88
            }

            .historyYears .history .year .spacer {
                height: 48px;
                width: 1px;
                opacity: .2;
                background: #fff;
                margin-top: 24px;
                margin-bottom: 48px
            }

            .historyYears .history .year p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                text-align: center;
                color: #e6e6e6
            }

.foldhomeBanner .foldhomeTitle {
    padding-top: 152px;
    padding-bottom: 120px;
    background: #1d1d1b;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

    .foldhomeBanner .foldhomeTitle .title {
        z-index: 2;
        padding-right: 20px
    }

        .foldhomeBanner .foldhomeTitle .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #fff;
            margin-bottom: 40px;
            margin-top: 0
        }

        .foldhomeBanner .foldhomeTitle .title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #f7f7f7;
            margin-bottom: 40px;
            margin-top: 0
        }

        .foldhomeBanner .foldhomeTitle .title a {
            width: 170px;
            height: 60px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 4px;
            gap: 10px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #fff;
            transition: .35s
        }

            .foldhomeBanner .foldhomeTitle .title a:hover {
                width: 210px
            }

    .foldhomeBanner .foldhomeTitle .gallery .imageArea {
        width: 550px;
        max-width: 100%;
        height: 488px;
        max-height: 100%;
        aspect-ratio: 55/48;
        display: flex;
        position: relative;
        margin-bottom: 40px
    }

        .foldhomeBanner .foldhomeTitle .gallery .imageArea > img:first-child {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

        .foldhomeBanner .foldhomeTitle .gallery .imageArea > img:last-child {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 2
        }

        .foldhomeBanner .foldhomeTitle .gallery .imageArea img {
            transition: .35s
        }

            .foldhomeBanner .foldhomeTitle .gallery .imageArea img:hover {
                transform: scale(1.05)
            }

    .foldhomeBanner .foldhomeTitle .gallery p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #f7f7f7
    }

    .foldhomeBanner .foldhomeTitle .gallery a {
        width: 100%;
        height: 60px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 4px;
        gap: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #fff
    }

.foldhomeVideo {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row
}

    .foldhomeVideo video {
        width: 100%
    }

.foldhomeDesignInnovation {
    background: #f7f7f7
}

@media screen and (max-width:959.98px) {
    .foldhomeDesignInnovation .row-1-2 {
        flex-direction: column !important
    }

        .foldhomeDesignInnovation .row-1-2 > div {
            width: 100% !important
        }
}

.foldhomeDesignInnovation h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: .02em;
    color: #1d1d1b
}

.foldhomeDesignInnovation p {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #232321;
    margin-bottom: 80px
}

.foldhomeAdvantages h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: .02em;
    color: #1d1d1b;
    margin-top: 0;
    margin-bottom: 48px
}

.foldhomeAdvantages h4 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .02em;
    color: #b59a88;
    margin-top: 0;
    margin-bottom: 8px
}

.foldhomeAdvantages ul {
    column-count: 2;
    column-gap: 80px
}

    .foldhomeAdvantages ul li {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b;
        margin-bottom: 24px
    }

.foldhomeCityAndVillage {
    background: #1d1d1b
}

    .foldhomeCityAndVillage .row-1-2 {
        align-items: flex-start;
        flex-wrap: wrap
    }

        .foldhomeCityAndVillage .row-1-2:nth-child(2) {
            flex-direction: column-reverse
        }

@media (min-width:960px) {
    .foldhomeCityAndVillage .row-1-2:nth-child(2) {
        flex-direction: row-reverse
    }
}

.foldhomeCityAndVillage .row-1-2:nth-child(2) .textArea {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media (min-width:960px) {
    .foldhomeCityAndVillage .row-1-2:nth-child(2) .textArea {
        padding-left: 50px !important;
        padding-right: 0 !important
    }
}

@media (min-width:960px) {
    .foldhomeCityAndVillage .row-1-2 {
        flex-wrap: nowrap
    }
}

.foldhomeCityAndVillage .textArea {
    padding-right: 0;
    padding-left: 0;
    width: 100% !important
}

@media (min-width:960px) {
    .foldhomeCityAndVillage .textArea {
        width: 40% !important;
        padding-right: 50px;
        padding-left: 0
    }
}

.foldhomeCityAndVillage .textArea h3 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #fff;
    margin-top: 0;
    margin-bottom: 4px
}

.foldhomeCityAndVillage .textArea h5 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 28px
}

.foldhomeCityAndVillage .textArea p {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #f7f7f7
}

.foldhomeCityAndVillage .videoArea {
    width: 100% !important;
    height: 230px
}

@media (min-width:960px) {
    .foldhomeCityAndVillage .videoArea {
        width: 60% !important;
        height: 460px
    }
}

.foldhomeCityAndVillage .videoArea video {
    max-width: 100%;
    aspect-ratio: 67/46;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.foldhomeReservation > div > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center
}

.foldhomeReservation h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: .02em;
    color: #000;
    max-width: 600px;
    margin-bottom: 20px;
    margin-top: 0
}

.foldhomeReservation p {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #595959;
    max-width: 600px;
    margin-bottom: 28px;
    margin-top: 0
}

.foldhomeReservation a {
    width: 210px;
    height: 60px;
    background: #1d1d1b;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s
}

    .foldhomeReservation a:hover {
        width: 230px
    }

.projectCategories h1 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 78px;
    color: #1d1d1b;
    margin-bottom: 48px;
    text-align: center
}

.projectCategories .see-more {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #1d1d1b;
    margin-top: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center
}

    .projectCategories .see-more span {
        transition: .35s ease
    }

    .projectCategories .see-more:hover span {
        padding-left: 7px
    }

.projectCategories .categoryCard {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: hidden;
    transition: .35s ease
}

    .projectCategories .categoryCard picture {
        width: 100%;
        height: 100%;
        aspect-ratio: 420/520
    }

        .projectCategories .categoryCard picture img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .35s ease
        }

    .projectCategories .categoryCard a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 3
    }

    .projectCategories .categoryCard > img:last-child {
        position: absolute;
        max-width: 100%
    }

    .projectCategories .categoryCard:hover {
        box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
    }

        .projectCategories .categoryCard:hover picture img {
            transform: scale(1.05)
        }

.nefReserveBanner .gallery .imgArea {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: .972vw
}

    .nefReserveBanner .gallery .imgArea .imgElement-1 img {
        aspect-ratio: 382/275;
        object-fit: cover;
        width: 54.9vw
    }

    .nefReserveBanner .gallery .imgArea .imgElement-2 img {
        aspect-ratio: 97/47;
        object-fit: cover;
        width: calc(43.2vw - .972vw)
    }

    .nefReserveBanner .gallery .imgArea .imgElement-3 img {
        aspect-ratio: 142/127;
        object-fit: cover;
        width: calc(21.4vw - .972vw)
    }

    .nefReserveBanner .gallery .imgArea .imgElement-4 img {
        aspect-ratio: 142/127;
        object-fit: cover;
        width: calc(21.4vw - .972vw)
    }

    .nefReserveBanner .gallery .imgArea div:has(img) {
        border-radius: 4px;
        overflow: hidden
    }

    .nefReserveBanner .gallery .imgArea > div:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        align-content: center;
        gap: .6vw;
        flex-wrap: nowrap
    }

        .nefReserveBanner .gallery .imgArea > div:nth-child(2) > div:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            gap: .972vw
        }

.nefReserveContactArea .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 45px
}

    .nefReserveContactArea .title h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 64px;
        line-height: 78px;
        text-align: center;
        color: #1d1d1b;
        margin: 0
    }

    .nefReserveContactArea .title .buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center
    }

        .nefReserveContactArea .title .buttons .uk-flex {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: row;
            align-content: center;
            gap: 11px
        }

        .nefReserveContactArea .title .buttons .nef-button-light {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            width: 162px;
            height: 58px;
            background: #fff;
            border: 1px solid #f7f7f7;
            backdrop-filter: blur(2px);
            border-radius: 4px;
            transition: .35s ease
        }

            .nefReserveContactArea .title .buttons .nef-button-light a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 17px;
                text-align: center;
                letter-spacing: .02em;
                color: #1d1d1b;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .nefReserveContactArea .title .buttons .nef-button-light:hover {
                width: 182px
            }

.nefReserveContactArea .content h4 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #1d1d1b;
    max-width: 970px;
    margin-bottom: 120px
}

.nefReserveContactArea .content .details {
    max-width: 50%;
    margin-left: auto
}

    .nefReserveContactArea .content .details img {
        margin-bottom: 30px
    }

    .nefReserveContactArea .content .details p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342;
        margin-top: 0;
        margin-bottom: 28px
    }

    .nefReserveContactArea .content .details a {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b
    }

        .nefReserveContactArea .content .details a span {
            transition: .35s ease
        }

        .nefReserveContactArea .content .details a:hover span {
            padding-left: 7px
        }

.nefReserveCurrentProjects {
    background: #f7f7f7
}

    .nefReserveCurrentProjects h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        text-align: center
    }

    .nefReserveCurrentProjects .see-more {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        margin-bottom: 76px
    }

        .nefReserveCurrentProjects .see-more span {
            transition: .35s ease
        }

        .nefReserveCurrentProjects .see-more:hover span {
            padding-left: 7px
        }

    .nefReserveCurrentProjects .row-1-2 {
        align-items: center;
        margin-bottom: 120px
    }

    .nefReserveCurrentProjects .textArea h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-top: 0;
        margin-bottom: 4px
    }

    .nefReserveCurrentProjects .textArea h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #1d1d1b;
        margin-top: 0;
        margin-bottom: 28px
    }

    .nefReserveCurrentProjects .textArea p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342;
        margin-top: 0;
        margin-bottom: 28px
    }

    .nefReserveCurrentProjects .textArea a {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b
    }

        .nefReserveCurrentProjects .textArea a span {
            transition: .35s ease
        }

        .nefReserveCurrentProjects .textArea a:hover span {
            padding-left: 7px
        }

    .nefReserveCurrentProjects .imageArea {
        overflow: hidden
    }

        .nefReserveCurrentProjects .imageArea img {
            max-width: 100%;
            aspect-ratio: 67/46;
            object-fit: cover;
            transition: .35s ease
        }

            .nefReserveCurrentProjects .imageArea img:hover {
                transform: scale(1.05)
            }

.nefReserveFormNavigator {
    background: #f7f7f7
}

    .nefReserveFormNavigator > div {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .nefReserveFormNavigator h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: .02em;
        color: #000;
        margin-top: 0;
        margin-bottom: 20px;
        max-width: 600px
    }

    .nefReserveFormNavigator p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #595959;
        margin-top: 0;
        margin-bottom: 20px;
        max-width: 600px
    }

    .nefReserveFormNavigator a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 160px;
        height: 60px;
        background: #1d1d1b;
        border-radius: 4px;
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        transition: .35s ease
    }

        .nefReserveFormNavigator a:hover {
            width: 180px
        }

.blogTitleAndFiltering {
    background: #181816;
    padding-top: 192px;
    padding-bottom: 64px
}

    .blogTitleAndFiltering .title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem
    }

        .blogTitleAndFiltering .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #fff;
            margin: 0;
            padding: 0
        }

        .blogTitleAndFiltering .title #BlogCategory {
            border: 1px solid #434342;
            border-radius: 4px;
            width: 220px;
            height: 52px !important;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #e6e6e6;
            background: 0 0
        }

            .blogTitleAndFiltering .title #BlogCategory.uk-select:not([multiple]):not([size]) {
                -webkit-appearance: none;
                -moz-appearance: none;
                padding-right: 25px;
                background-image: url(../../../../images/select-arrow-2.svg);
                background-repeat: no-repeat;
                background-position: 93% 50%;
                cursor: pointer
            }

.blogCards .blogCardList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px
}

    .blogCards .blogCardList > div {
        max-width: calc((100% - 40px)/ 3)
    }

    .blogCards .blogCardList .blogCard {
        width: 100%;
        min-height: 323px;
        height: auto;
        transition: .35s;
        opacity: 1
    }

        .blogCards .blogCardList .blogCard .imgArea {
            aspect-ratio: 377/277;
            width: 100%;
            position: relative;
            margin-bottom: 1rem;
            overflow: hidden
        }

            .blogCards .blogCardList .blogCard .imgArea img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                aspect-ratio: 377/277;
                border-radius: 4px;
                transition: transform .35s ease
            }

            .blogCards .blogCardList .blogCard .imgArea span {
                position: absolute;
                width: 40px;
                height: 40px;
                background: #232321;
                bottom: 16px;
                right: 16px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #f7f7f7
            }

        .blogCards .blogCardList .blogCard .contentArea h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            color: #1d1d1b
        }

        .blogCards .blogCardList .blogCard:hover {
            opacity: .95
        }

            .blogCards .blogCardList .blogCard:hover .imgArea img {
                transform: scale(1.05)
            }

.blogDetailContent {
    margin-top: 92px
}

    .blogDetailContent .content {
        max-width: 774px;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        align-items: flex-start
    }

        .blogDetailContent .content picture {
            width: 100%
        }

            .blogDetailContent .content picture > * {
                width: 100%;
                height: 100%;
                aspect-ratio: 387/212;
                object-fit: cover;
                margin-bottom: 64px
            }

        .blogDetailContent .content h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 48px;
            line-height: 56px;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin-top: 0;
            margin-bottom: 32px
        }

        .blogDetailContent .content h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            color: #232321;
            margin-top: 0;
            margin-bottom: 48px
        }

        .blogDetailContent .content p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #434342;
            margin-top: 0;
            margin-bottom: 48px
        }

        .blogDetailContent .content h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #232321;
            margin-top: 0;
            margin-bottom: 24px
        }

.blogDetailSlider {
    background: #232321
}

    .blogDetailSlider .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
        gap: 1rem;
        margin-bottom: 44px
    }

        .blogDetailSlider .title h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            margin: 0
        }

        .blogDetailSlider .title .galleryNavigation {
            display: flex;
            flex-direction: row;
            gap: 9px;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap
        }

            .blogDetailSlider .title .galleryNavigation span {
                cursor: pointer
            }

    .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard {
        width: 100%;
        min-height: 323px;
        height: auto
    }

        .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .imgArea {
            aspect-ratio: 377/277;
            width: 100%;
            position: relative;
            margin-bottom: 1rem
        }

            .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .imgArea img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                aspect-ratio: 377/277;
                border-radius: 4px
            }

            .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .imgArea a {
                position: absolute;
                width: 40px;
                height: 40px;
                background: #232321;
                bottom: 16px;
                right: 16px;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .imgArea a span {
                    color: #f7f7f7
                }

        .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .contentArea h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            color: #fff
        }

.kvkk {
    padding-top: 152px
}

    .kvkk .content {
        max-width: 774px;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        align-items: flex-start
    }

        .kvkk .content h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin-top: 0;
            margin-bottom: 28px
        }

        .kvkk .content p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #071c1b;
            margin-top: 0;
            margin-bottom: 28px
        }

.e404 {
    width: 100%;
    height: 688px;
    background: #181816;
    margin-top: 92px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap
}

    .e404 > * {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        text-align: center
    }

    .e404::before {
        content: "";
        top: -92px;
        background: #1d1d1b;
        position: absolute;
        left: 0;
        width: 100%;
        height: 92px
    }

    .e404 h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 98px;
        line-height: 78px;
        color: #eee;
        margin-top: 0;
        margin-bottom: 20px
    }

    .e404 p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: .02em;
        color: #eee;
        margin-top: 0;
        margin-bottom: 20px
    }

    .e404 a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 170px;
        height: 52px;
        background: #eee;
        border-radius: 4px;
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .02em;
        color: #1d1d1b
    }

.e500 {
    width: 100%;
    height: 688px;
    background: #181816;
    margin-top: 92px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap
}

    .e500 > * {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        text-align: center
    }

    .e500::before {
        content: "";
        top: -92px;
        background: #1d1d1b;
        position: absolute;
        left: 0;
        width: 100%;
        height: 92px
    }

    .e500 h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 98px;
        line-height: 78px;
        color: #eee;
        margin-top: 0;
        margin-bottom: 20px
    }

    .e500 p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: .02em;
        color: #eee;
        margin-top: 0;
        margin-bottom: 20px
    }

.contactBanner {
    padding-top: 152px;
    padding-bottom: 40px
}

    .contactBanner .title h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 64px;
        line-height: 78px;
        color: #1d1d1b;
        margin: 0;
        padding: 0
    }

.contactMap .content {
    display: flex
}

    .contactMap .content #map {
        width: 60%;
        aspect-ratio: 63/46
    }

    .contactMap .content .contactDetails {
        width: 40%;
        padding-left: 128px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start
    }

        .contactMap .content .contactDetails h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 22px;
            line-height: 20px;
            margin: 0;
            color: #1d1d1b;
            margin-bottom: 8px
        }

        .contactMap .content .contactDetails a {
            margin: 0;
            text-decoration: none
        }

            .contactMap .content .contactDetails a.tel {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 20px;
                text-decoration-line: underline;
                text-decoration-color: #0000001a;
                color: #000;
                margin-bottom: 40px
            }

            .contactMap .content .contactDetails a.mail {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #2d91ee;
                margin-bottom: 8px
            }

            .contactMap .content .contactDetails a.recipeButton {
                box-sizing: border-box;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: 100%;
                max-width: 375px;
                height: 60px;
                border: 1px solid #e6e6e6;
                border-radius: 4px;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b;
                transition: .35s
            }

                .contactMap .content .contactDetails a.recipeButton span {
                    transition: .35s
                }

                .contactMap .content .contactDetails a.recipeButton:hover {
                    border-color: #b59a88;
                    background: #b59a88;
                    color: #fff
                }

                    .contactMap .content .contactDetails a.recipeButton:hover span {
                        filter: brightness(0) invert(1)
                    }

        .contactMap .content .contactDetails p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 28px;
            color: #1d1d1b;
            margin: 0;
            margin-bottom: 8px
        }

            .contactMap .content .contactDetails p.address {
                color: #595959
            }

.salesBanner {
    padding-top: 152px;
    padding-bottom: 0
}

    .salesBanner .title {
        margin-bottom: 68px
    }

        .salesBanner .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #1d1d1b;
            margin: 0;
            padding: 0
        }

    .salesBanner .tabContent {
        display: flex;
        gap: 11px
    }

        .salesBanner .tabContent .tabSwiper {
            width: 100%
        }

            .salesBanner .tabContent .tabSwiper .swiper-slide {
                width: max-content
            }

            .salesBanner .tabContent .tabSwiper .tabLink {
                cursor: pointer;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                padding: 6px 20px;
                border: 1px solid rgba(0,0,0,.1);
                border-radius: 64px;
                background: #fff
            }

                .salesBanner .tabContent .tabSwiper .tabLink.active {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 28px;
                    text-align: center;
                    color: #fff;
                    background: #1d1d1b;
                    border: 1px solid #1d1d1b
                }

.salesFilter .filterContainer {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    padding: 8px;
    border: 1px solid #f7f7f7;
    border-radius: 4px
}

    .salesFilter .filterContainer .uk-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px;
        gap: 10px;
        width: 94px;
        min-width: 94px;
        height: 37px;
        background: #b59a88;
        border-radius: 4px;
        margin-left: auto;
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .02em;
        color: #fff;
        text-transform: capitalize;
        margin-left: 30px;
        transition: .35s
    }

        .salesFilter .filterContainer .uk-button:hover {
            background: #b59a88d9
        }

    .salesFilter .filterContainer input {
        background: #fff;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        background-repeat: no-repeat
    }

        .salesFilter .filterContainer input:not([type=checkbox]) {
            height: 24px !important
        }

    .salesFilter .filterContainer select {
        height: 24px !important;
        background: #fff;
        border: 1px solid #f7f7f7;
        border-radius: 4px
    }

    .salesFilter .filterContainer .uk-select:not([multiple]):not([size]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 20px;
        background-image: url("../../../../images/select-arrow.svg");
        background-repeat: no-repeat;
        background-position: 98% 50%;
        border: none;
        border-radius: 0;
        border-right: 1px solid #e6e6e6
    }

.salesOfficeCards .soCards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

    .salesOfficeCards .soCards .soCard {
        display: flex;
        flex-direction: column;
        padding: 40px 28px 30px 28px;
        gap: 12px;
        width: calc(((100% - 40px)/ 3) - 58px);
        height: var(--max-card-height);
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        justify-content: flex-start;
        position: relative
    }

        .salesOfficeCards .soCards .soCard h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 22px;
            line-height: 20px;
            margin: 0;
            color: #1d1d1b;
            margin-bottom: 20px
        }

        .salesOfficeCards .soCards .soCard a {
            margin: 0;
            text-decoration: none
        }

            .salesOfficeCards .soCards .soCard a.tel {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 20px;
                text-decoration-line: underline;
                text-decoration-color: #0000001a;
                color: #000;
                margin-bottom: 40px
            }

            .salesOfficeCards .soCards .soCard a.mail {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #2d91ee;
                margin-bottom: 6px
            }

            .salesOfficeCards .soCards .soCard a.recipeButton {
                position: absolute;
                bottom: 30px;
                left: 28px;
                box-sizing: border-box;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: calc(100% - 56px);
                max-width: 100%;
                height: 60px;
                border: 1px solid #e6e6e6;
                border-radius: 4px;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b;
                transition: .35s
            }

                .salesOfficeCards .soCards .soCard a.recipeButton span {
                    transition: .35s
                }

                .salesOfficeCards .soCards .soCard a.recipeButton:hover {
                    border-color: #b59a88;
                    background: #b59a88;
                    color: #fff
                }

                    .salesOfficeCards .soCards .soCard a.recipeButton:hover span {
                        filter: brightness(0) invert(1)
                    }

        .salesOfficeCards .soCards .soCard p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 28px;
            color: #595959;
            margin: 0;
            margin-bottom: 8px
        }

            .salesOfficeCards .soCards .soCard p b {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #1d1d1b
            }

#newsletter-form label#email-error {
    position: absolute;
    bottom: -30px;
    left: 0;
    color: red
}

.news-announcements-cards .naCards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

    .news-announcements-cards .naCards .naCard {
        display: flex;
        flex-direction: column;
        width: calc((100% - 40px)/ 3);
        min-height: 435px;
        background: #fff;
        border-radius: 4px
    }

        .news-announcements-cards .naCards .naCard .image-box {
            height: 230px;
            margin-bottom: 20px;
            overflow: hidden
        }

@media (min-width:960px) {
    .news-announcements-cards .naCards .naCard .image-box {
        height: 250px;
        margin-bottom: 24px
    }
}

.news-announcements-cards .naCards .naCard .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease
}

.news-announcements-cards .naCards .naCard h5 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #232321;
    margin: 0;
    padding-right: 50px;
    position: relative;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: .35s
}

    .news-announcements-cards .naCards .naCard h5 a {
        color: #232321;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 40px
    }

.news-announcements-cards .naCards .naCard:hover h5 {
    text-shadow: 1px 1px 6px rgba(0,0,0,.25)
}

.news-announcements-cards .naCards .naCard:hover .image-box img {
    transform: scale(1.05)
}

.news-announcements-cards .naCards .naCard hr {
    width: 100%;
    height: 1px;
    opacity: 1;
    color: #e6e6e6;
    background: #e6e6e6;
    margin: 12px 0
}

.news-announcements-cards .naCards .naCard p {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    color: #434342;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0
}

@media (min-width:960px) {
    .news-announcements-cards .naCards .naCard p {
        margin-bottom: 28px
    }
}

.news-announcements-title {
    padding-top: 152px;
    padding-bottom: 10px
}

    .news-announcements-title .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 1rem
    }

        .news-announcements-title .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 78px;
            color: #1d1d1b
        }

        .news-announcements-title .title .subsciber h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin-top: 0;
            margin-bottom: 8px
        }

        .news-announcements-title .title .subsciber p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin-top: 0;
            margin-bottom: 16px
        }

        .news-announcements-title .title .subsciber form input {
            width: 420px;
            height: 52px !important;
            background: #fff;
            border: 1px solid #e6e6e6;
            border-radius: 4px
        }

        .news-announcements-title .title .subsciber form a {
            width: 40px;
            height: 40px;
            background: #b59a88;
            border-radius: 4px;
            margin: 6px
        }

            .news-announcements-title .title .subsciber form a svg {
                color: #fff
            }

.naDetailBanner {
    padding-top: 0
}

@media (min-width:960px) {
    .naDetailBanner {
        padding-top: 92px
    }
}

.naDetailBanner .imgArea {
    width: 100%;
    height: 270px
}

@media (min-width:960px) {
    .naDetailBanner .imgArea {
        height: 640px
    }
}

.naDetailBanner .imgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.naDetailContent .content {
    max-width: 970px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

    .naDetailContent .content h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-top: 0;
        margin-bottom: 40px
    }

    .naDetailContent .content h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #1d1d1b;
        margin-top: 0;
        margin-bottom: 30px
    }

    .naDetailContent .content p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342
    }

.naDetailOthers {
    background: #232321
}

    .naDetailOthers .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
        gap: 1rem;
        margin-bottom: 44px
    }

        .naDetailOthers .title h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            margin: 0
        }

        .naDetailOthers .title .galleryNavigation {
            display: flex;
            flex-direction: row;
            gap: 9px;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap
        }

            .naDetailOthers .title .galleryNavigation span {
                cursor: pointer
            }

    .naDetailOthers .naDetailSwiper .swiper-slide .naCard {
        width: 100%;
        min-height: 323px;
        height: auto
    }

        .naDetailOthers .naDetailSwiper .swiper-slide .naCard .imgArea {
            aspect-ratio: 377/277;
            width: 100%;
            position: relative;
            margin-bottom: 1rem
        }

            .naDetailOthers .naDetailSwiper .swiper-slide .naCard .imgArea img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                aspect-ratio: 377/277;
                border-radius: 4px
            }

            .naDetailOthers .naDetailSwiper .swiper-slide .naCard .imgArea a {
                position: absolute;
                width: 40px;
                height: 40px;
                background: #232321;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                bottom: -50px
            }

                .naDetailOthers .naDetailSwiper .swiper-slide .naCard .imgArea a span {
                    color: #e6e6e6
                }

        .naDetailOthers .naDetailSwiper .swiper-slide .naCard .contentArea h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #fff;
            padding-right: 50px
        }

.zoomed {
    transform: scale(1.075)
}

.lighted {
    color: #fff !important
}

.hrBanner {
    padding-top: 92px
}

    .hrBanner .title {
        position: relative;
        overflow: hidden
    }

        .hrBanner .title h1 {
            position: absolute;
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 98px;
            line-height: 56px;
            letter-spacing: .02em;
            color: #fff;
            left: 135px;
            bottom: 86px
        }

        .hrBanner .title picture {
            width: 100%;
            aspect-ratio: 1440/640
        }

            .hrBanner .title picture > * {
                width: 100%;
                object-fit: cover;
                object-position: center;
                transition: transform .35s ease
            }

        .hrBanner .title .imgArea {
            position: absolute;
            left: 135px;
            bottom: 86px
        }

            .hrBanner .title .imgArea picture {
                aspect-ratio: 430/96;
                width: 100%;
                height: auto
            }

                .hrBanner .title .imgArea picture > * {
                    height: 100%;
                    width: 100%;
                    object-fit: contain
                }

.hrNavigator-1 .navigator {
    display: flex;
    gap: 52px;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row
}

    .hrNavigator-1 .navigator .title h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        padding-top: 0;
        padding-bottom: 24px
    }

    .hrNavigator-1 .navigator .title p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342;
        max-width: 575px;
        margin: 0;
        padding: 0
    }

    .hrNavigator-1 .navigator .buttons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 1rem
    }

        .hrNavigator-1 .navigator .buttons .navButton {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 136px;
            height: 42px;
            background: #1d1d1b;
            border-radius: 4px;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #fff;
            transition: .35s
        }

            .hrNavigator-1 .navigator .buttons .navButton:hover {
                width: 158px
            }

.hrProcess {
    background: #1d1d1b
}

    .hrProcess h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #fff;
        margin: 0;
        padding: 0;
        padding-bottom: 80px
    }

    .hrProcess .processCards {
        column-count: 2;
        column-gap: 80px
    }

        .hrProcess .processCards .processCard {
            margin-bottom: 48px;
            display: inline-flex;
            flex-direction: column
        }

            .hrProcess .processCards .processCard h6 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                letter-spacing: .02em;
                color: #b59a88;
                margin: 0;
                padding: 0;
                padding-bottom: 8px
            }

            .hrProcess .processCards .processCard h4 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 28px;
                line-height: 40px;
                letter-spacing: .02em;
                color: #fff;
                margin: 0;
                padding: 0;
                padding-bottom: 16px
            }

            .hrProcess .processCards .processCard p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #e6e6e6
            }

.hrNavigator-2 {
    background: #232321
}

    .hrNavigator-2 .navigator > * {
        max-width: 600px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .hrNavigator-2 .navigator h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: .02em;
        color: #fff;
        padding: 0;
        margin-bottom: 20px
    }

    .hrNavigator-2 .navigator p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #f7f7f7;
        padding: 0;
        margin-bottom: 28px
    }

    .hrNavigator-2 .navigator .buttons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 1rem
    }

        .hrNavigator-2 .navigator .buttons .navButton {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 136px;
            height: 42px;
            background: #fff;
            border-radius: 4px;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #fff;
            transition: .35s
        }

            .hrNavigator-2 .navigator .buttons .navButton img {
                filter: brightness(0) invert(0)
            }

            .hrNavigator-2 .navigator .buttons .navButton:hover {
                width: 158px
            }

.mediaCenterTitle {
    padding-top: 152px;
    padding-bottom: 160px
}

    .mediaCenterTitle .title h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 64px;
        line-height: 78px;
        color: #1d1d1b;
        margin: 0;
        padding: 0
    }

.mediaCenterTabs {
    padding-top: 0;
    padding-bottom: 76px
}

    .mediaCenterTabs .tabContent {
        display: flex;
        gap: 11px
    }

        .mediaCenterTabs .tabContent .tabSwiper {
            width: 100%
        }

            .mediaCenterTabs .tabContent .tabSwiper .swiper-slide {
                width: max-content;
                margin-right: 15px
            }

            .mediaCenterTabs .tabContent .tabSwiper .tabLink {
                cursor: pointer;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                padding: 6px 20px;
                border: 1px solid rgba(0,0,0,.1);
                border-radius: 64px;
                background: #fff
            }

                .mediaCenterTabs .tabContent .tabSwiper .tabLink.active {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 28px;
                    text-align: center;
                    color: #fff;
                    background: #1d1d1b;
                    border: 1px solid #1d1d1b
                }

.mediaCenterCategory {
    padding-top: 0;
    padding-bottom: 48px
}

    .mediaCenterCategory .uk-select:not([multiple]):not([size]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 20px;
        background-image: url("../../../../images/select-arrow.svg");
        background-repeat: no-repeat;
        background-position: 98% 50%;
        height: 57px;
        background-color: #fff;
        border: none;
        border-bottom: 1px solid #000
    }

    .mediaCenterCategory .categoryContent {
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 60px;
        padding-left: 30px
    }

        .mediaCenterCategory .categoryContent .categoryLink {
            cursor: pointer;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #1d1d1b80;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 6px 0;
            background: #fff
        }

            .mediaCenterCategory .categoryContent .categoryLink.active {
                border-bottom: 2px solid #1d1d1b;
                color: #1d1d1b
            }

.mediaCenterYears {
    padding-top: 0;
    padding-bottom: 45px
}

    .mediaCenterYears .yearContent {
        display: flex;
        gap: 11px
    }

        .mediaCenterYears .yearContent .yearSwiper {
            width: 100%;
            border-bottom: 1px solid #e6e6e6
        }

            .mediaCenterYears .yearContent .yearSwiper .swiper-wrapper {
                padding-left: 30px;
                padding-right: 30px
            }

            .mediaCenterYears .yearContent .yearSwiper .swiper-slide {
                width: max-content
            }

            .mediaCenterYears .yearContent .yearSwiper .yearLink {
                cursor: pointer;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b80;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                padding: 6px 30px;
                background: #fff
            }

                .mediaCenterYears .yearContent .yearSwiper .yearLink.active {
                    border-bottom: 2px solid #1d1d1b;
                    color: #1d1d1b
                }

.mediaCenterCards {
    padding-top: 0
}

    .mediaCenterCards .naCards {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start
    }

        .mediaCenterCards .naCards .naCard {
            display: flex;
            flex-direction: column;
            width: calc((100% - 40px)/ 3);
            min-height: 435px;
            background: #fff;
            border-radius: 4px
        }

            .mediaCenterCards .naCards .naCard picture {
                width: 100%;
                margin: 0;
                aspect-ratio: 377/247;
                margin-bottom: 24px
            }

                .mediaCenterCards .naCards .naCard picture > * {
                    width: 100%;
                    object-fit: cover
                }

            .mediaCenterCards .naCards .naCard h5 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 28px;
                color: #232321;
                margin: 0;
                padding-right: 50px;
                position: relative
            }

                .mediaCenterCards .naCards .naCard h5 a {
                    color: #232321;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 30px;
                    height: 40px
                }

            .mediaCenterCards .naCards .naCard hr {
                width: 100%;
                height: 1px;
                opacity: 1;
                color: #e6e6e6;
                background: #e6e6e6;
                margin: 12px 0
            }

            .mediaCenterCards .naCards .naCard p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                margin: 0;
                color: #434342
            }

    .mediaCenterCards .bnCards {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 18px
    }

        .mediaCenterCards .bnCards .bnCard {
            display: flex;
            flex-direction: column;
            width: calc((100% - 80px)/ 4);
            height: 200px;
            background: #fff;
            border-radius: 4px;
            margin-bottom: 26px;
            transition: .35s ease
        }

            .mediaCenterCards .bnCards .bnCard:hover {
                box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
            }

            .mediaCenterCards .bnCards .bnCard .image-box {
                height: 230px;
                overflow: hidden;
                transition: .35s ease
            }

                .mediaCenterCards .bnCards .bnCard .image-box:hover {
                    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
                }

@media (min-width:960px) {
    .mediaCenterCards .bnCards .bnCard .image-box {
        height: 200px
    }
}

.mediaCenterCards .bnCards .bnCard .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.mediaCenterCards .bnCards .bnCard h5 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #232321;
    margin: 0;
    padding-right: 50px;
    position: relative
}

    .mediaCenterCards .bnCards .bnCard h5 a {
        color: #232321;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 40px
    }

.mediaCenterCards .bnCards .bnCard hr {
    width: 100%;
    height: 1px;
    opacity: 1;
    color: #e6e6e6;
    background: #e6e6e6;
    margin: 12px 0
}

.mediaCenterCards .bnCards .bnCard p {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    color: #434342
}

.mediaCenterCards .kkCards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px
}

    .mediaCenterCards .kkCards .kkCard {
        display: flex;
        flex-direction: column;
        width: calc((100% - 100px)/ 6);
        height: auto;
        background: #fff;
        border-radius: 4px;
        border: 1px solid rgba(29,29,27,.1);
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        aspect-ratio: 1/1;
        overflow: hidden;
        transition: .35s ease
    }

        .mediaCenterCards .kkCards .kkCard picture {
            width: 100%;
            margin: 0;
            aspect-ratio: 179/129;
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row
        }

            .mediaCenterCards .kkCards .kkCard picture > * {
                width: fit-content;
                object-fit: contain
            }

        .mediaCenterCards .kkCards .kkCard img {
            transition: .35s ease
        }

        .mediaCenterCards .kkCards .kkCard:hover {
            box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
        }

            .mediaCenterCards .kkCards .kkCard:hover img {
                transform: scale(1.05)
            }

.mediaCenterCards .rfCards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 18px;
    justify-content: flex-start
}

    .mediaCenterCards .rfCards .rfCard {
        display: flex;
        flex-direction: column;
        width: calc((100% - 54px)/ 4);
        min-height: 182px;
        background: #fff;
        border-radius: 4px;
        position: relative;
        transition: .35s ease
    }

        .mediaCenterCards .rfCards .rfCard .video-popup {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            cursor: pointer;
            z-index: 2
        }

        .mediaCenterCards .rfCards .rfCard picture {
            width: 100%;
            margin: 0;
            aspect-ratio: 278/182;
            margin-bottom: 16px
        }

            .mediaCenterCards .rfCards .rfCard picture > * {
                aspect-ratio: 278/182;
                width: 100%;
                object-fit: cover
            }

        .mediaCenterCards .rfCards .rfCard h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #232321;
            margin: 0
        }

        .mediaCenterCards .rfCards .rfCard:hover {
            box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
        }

#DealershipApplicationForm .iti {
    position: relative;
    display: inline-block;
    width: 100%
}

#DealershipApplicationForm .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

    #DealershipApplicationForm .iti--separate-dial-code .iti__selected-flag::after {
        content: "";
        width: 1px;
        height: 12px;
        background: #e6e6e6;
        margin-left: 5px;
        margin-top: 1px
    }

#DealershipApplicationForm .uk-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 52px;
    background: #b59a88;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    margin-left: auto;
    transition: width .35s ease
}

    #DealershipApplicationForm .uk-button:hover {
        width: 190px
    }

#DealershipApplicationForm h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #1d1d1b
}

#DealershipApplicationForm .uk-form-label, #DealershipApplicationForm label {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff
}

#DealershipApplicationForm input {
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    background-repeat: no-repeat
}

    #DealershipApplicationForm input:not([type=checkbox]) {
        height: 52px !important;
        background: #fff
    }

    #DealershipApplicationForm input[type=checkbox] {
        background-color: transparent
    }

#DealershipApplicationForm select {
    height: 52px !important;
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 4px
}

#DealershipApplicationForm .uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("../../../../images/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%
}

.dealershipApplicationForm {
    background: #232321;
    padding-top: 192px
}

    .dealershipApplicationForm .uk-checkbox:checked {
        background-image: url("../../../../images/icn-check.svg") !important
    }

    .dealershipApplicationForm .content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        gap: 80px
    }

        .dealershipApplicationForm .content .titleArea h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            padding: 0;
            padding-bottom: 28px
        }

        .dealershipApplicationForm .content .titleArea p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #e6e6e6
        }

        .dealershipApplicationForm .content > div {
            width: calc(100% / 2)
        }

    .dealershipApplicationForm label#Phone2-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm label#kvkkCheckbox-error {
        position: absolute;
        left: 0;
        bottom: -20px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm label#subsCheckbox-error {
        position: absolute;
        left: 0;
        bottom: -20px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm label#name-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm label#email-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm label#surname-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm label#country-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .dealershipApplicationForm .checkboxgroup {
        display: flex;
        column-gap: 12px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        align-content: center;
        margin-bottom: 1rem
    }

        .dealershipApplicationForm .checkboxgroup input[type=checkbox] {
            width: 16px;
            min-width: 16px;
            height: 16px;
            min-height: 16px;
            margin-top: 5px
        }

            .dealershipApplicationForm .checkboxgroup input[type=checkbox]:checked + label {
                color: #b59a88 !important
            }

            .dealershipApplicationForm .checkboxgroup input[type=checkbox]:checked {
                border-color: #b59a88 !important
            }

.projectListTabs {
    padding-top: 24px;
    padding-bottom: 24px
}

    .projectListTabs .swiper-wrapper {
        justify-content: center
    }

    .projectListTabs .tabContent {
        display: flex;
        gap: 11px
    }

        .projectListTabs .tabContent .tabSwiper {
            width: 100%
        }

            .projectListTabs .tabContent .tabSwiper .swiper-slide {
                width: max-content
            }

            .projectListTabs .tabContent .tabSwiper .tabLink {
                cursor: pointer;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                text-align: center;
                color: #1d1d1b;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                padding: 6px 20px;
                border: 1px solid rgba(0,0,0,.1);
                border-radius: 64px;
                background: #fff
            }

                .projectListTabs .tabContent .tabSwiper .tabLink.active {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 28px;
                    text-align: center;
                    color: #fff;
                    background: #b59a88;
                    border: 1px solid #b59a88
                }

.shadow-bg {
    background: #000;
    opacity: .6;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    left: 0;
    top: 184px;
    z-index: 2
}

.selectedTags {
    position: absolute;
    background: #fff;
    width: 94%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 8px;
    top: 0
}

    .selectedTags span {
        background: #f7f7f7;
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 12px;
        font-family: Chalet;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .04em;
        color: #000;
        flex: none;
        order: 0;
        flex-grow: 0
    }

    .selectedTags button {
        background: 0 0;
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        font-family: Chalet;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .04em;
        color: #000;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin-left: 8px
    }

.projectListFilter {
    height: 92px;
    background: #1d1d1b;
    margin-top: 92px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center
}

    .projectListFilter .filters {
        width: 770px;
        height: 52px;
        background: #fff;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 1rem;
        margin-left: auto;
        margin-right: auto
    }

        .projectListFilter .filters .filter {
            display: flex;
            height: calc(100% - 1rem);
            width: calc(50% - 1.5rem);
            align-items: center;
            justify-content: space-between;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            cursor: pointer;
            position: relative
        }

            .projectListFilter .filters .filter .filterButton {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                align-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
                cursor: pointer
            }

            .projectListFilter .filters .filter .categoryFilter {
                position: absolute;
                top: 64px;
                left: -18px;
                background: #fff;
                padding: 24px;
                border-radius: 4px;
                display: none;
                z-index: 9;
                flex-direction: row;
                flex-wrap: wrap;
                align-content: center;
                justify-content: flex-start;
                gap: 16px;
                width: calc(512px - 44px);
                overflow: scroll;
                align-items: flex-start;
                align-content: flex-start
            }

                .projectListFilter .filters .filter .categoryFilter h5 {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 17px;
                    letter-spacing: .02em;
                    color: #000
                }

                .projectListFilter .filters .filter .categoryFilter .full-filter {
                    width: 100%
                }

                    .projectListFilter .filters .filter .categoryFilter .full-filter .filterItems {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        align-content: center;
                        align-items: center;
                        gap: 16px
                    }

                .projectListFilter .filters .filter .categoryFilter .half-filter {
                    width: calc(50% - 9px)
                }

                .projectListFilter .filters .filter .categoryFilter .filterItem {
                    width: 224px;
                    height: 120px
                }

                    .projectListFilter .filters .filter .categoryFilter .filterItem .image-container {
                        position: relative;
                        display: flex;
                        width: 100%;
                        height: 100%;
                        align-items: center;
                        justify-content: center;
                        align-content: center;
                        flex-wrap: nowrap;
                        flex-direction: row;
                        cursor: pointer;
                        border-radius: 4px;
                        border: 1px solid #e6e6e6
                    }

                        .projectListFilter .filters .filter .categoryFilter .filterItem .image-container .custom-checkbox {
                            position: absolute;
                            bottom: 8px;
                            right: 8px;
                            display: inline-block;
                            width: 24px;
                            height: 24px;
                            background-color: transparent;
                            border-radius: 50%
                        }

                            .projectListFilter .filters .filter .categoryFilter .filterItem .image-container .custom-checkbox::after {
                                content: "";
                                position: absolute;
                                top: 8px;
                                left: 6px;
                                width: 12.5px;
                                height: 8.5px;
                                border-radius: 50%;
                                background-color: transparent;
                                background-image: url(../../../../images/icn-check-white.svg);
                                background-repeat: no-repeat;
                                background-size: cover;
                                display: none
                            }

                        .projectListFilter .filters .filter .categoryFilter .filterItem .image-container img {
                            max-width: calc(100% - 50px);
                            height: 22px
                        }

                        .projectListFilter .filters .filter .categoryFilter .filterItem .image-container.selected {
                            border: 1px solid #b59a88
                        }

                            .projectListFilter .filters .filter .categoryFilter .filterItem .image-container.selected .custom-checkbox {
                                background-color: #b59a88
                            }

                                .projectListFilter .filters .filter .categoryFilter .filterItem .image-container.selected .custom-checkbox::after {
                                    display: block
                                }

            .projectListFilter .filters .filter .locationfilterButton {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                align-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
                cursor: pointer
            }

            .projectListFilter .filters .filter .locationFilter {
                position: absolute;
                top: 64px;
                left: -18px;
                background: #fff;
                padding: 24px;
                border-radius: 4px;
                display: none;
                z-index: 9;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                gap: 16px;
                width: calc(512px - 44px);
                overflow: scroll;
                align-items: flex-start;
                align-content: flex-start
            }

                .projectListFilter .filters .filter .locationFilter .filterItems {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-content: center;
                    align-items: center;
                    gap: 16px
                }

                .projectListFilter .filters .filter .locationFilter .filterItem {
                    width: 224px;
                    height: 120px
                }

                    .projectListFilter .filters .filter .locationFilter .filterItem .location-container {
                        position: relative;
                        display: flex;
                        width: 100%;
                        height: 100%;
                        align-items: center;
                        justify-content: center;
                        align-content: center;
                        flex-wrap: nowrap;
                        flex-direction: row;
                        cursor: pointer;
                        border-radius: 4px;
                        border: 1px solid #e6e6e6
                    }

                        .projectListFilter .filters .filter .locationFilter .filterItem .location-container .custom-checkbox {
                            position: absolute;
                            bottom: 8px;
                            right: 8px;
                            display: inline-block;
                            width: 24px;
                            height: 24px;
                            background-color: transparent;
                            border-radius: 50%
                        }

                            .projectListFilter .filters .filter .locationFilter .filterItem .location-container .custom-checkbox::after {
                                content: "";
                                position: absolute;
                                top: 8px;
                                left: 6px;
                                width: 12.5px;
                                height: 8.5px;
                                border-radius: 50%;
                                background-color: transparent;
                                background-image: url(../../../../images/icn-check-white.svg);
                                background-repeat: no-repeat;
                                background-size: cover;
                                display: none
                            }

                        .projectListFilter .filters .filter .locationFilter .filterItem .location-container.selected {
                            border: 1px solid #b59a88
                        }

                            .projectListFilter .filters .filter .locationFilter .filterItem .location-container.selected .custom-checkbox {
                                background-color: #b59a88
                            }

                                .projectListFilter .filters .filter .locationFilter .filterItem .location-container.selected .custom-checkbox::after {
                                    display: block
                                }

.projectListCards {
    padding-top: 0;
    padding-bottom: 0
}

    .projectListCards .projectCards {
        display: flex;
        gap: 30px;
        flex-wrap: wrap
    }

        .projectListCards .projectCards .projectCard {
            position: relative;
            width: calc((100% - 30px)/ 2);
            overflow: hidden
        }

            .projectListCards .projectCards .projectCard picture {
                width: 100%;
                margin: 0;
                aspect-ratio: 665/460
            }

                .projectListCards .projectCards .projectCard picture > * {
                    width: 100%;
                    height: 230px;
                    object-fit: cover;
                    filter: brightness(.8)
                }

@media (min-width:960px) {
    .projectListCards .projectCards .projectCard picture > * {
        height: 460px
    }
}

.projectListCards .projectCards .projectCard picture img {
    transition: .35s ease
}

.projectListCards .projectCards .projectCard:hover picture img {
    transform: scale(1.05);
    opacity: .95
}

.projectListCards .projectCards .projectCard .upper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .projectListCards .projectCards .projectCard .upper .inner {
        position: absolute;
        width: 100%;
        height: 100%
    }

        .projectListCards .projectCards .projectCard .upper .inner img {
            width: 200px;
            height: auto;
            margin: 30px;
            border-radius: 0;
            object-fit: cover
        }

        .projectListCards .projectCards .projectCard .upper .inner > div {
            position: absolute;
            bottom: 30px;
            left: 30px;
            text-align: start
        }

            .projectListCards .projectCards .projectCard .upper .inner > div > div {
                display: flex;
                align-items: center;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-content: center;
                gap: 30px
            }

            .projectListCards .projectCards .projectCard .upper .inner > div h5 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 20px;
                line-height: 30px;
                color: #fff;
                padding-right: 120px
            }

            .projectListCards .projectCards .projectCard .upper .inner > div p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #fff;
                padding: 0;
                margin: 0
            }

            .projectListCards .projectCards .projectCard .upper .inner > div .info {
                display: flex;
                position: relative;
                opacity: 1;
                padding-right: 120px;
                transition: all .4s ease;
                height: max-content;
                backface-visibility: hidden
            }

            .projectListCards .projectCards .projectCard .upper .inner > div .detail {
                display: flex;
                position: relative;
                height: 0;
                opacity: 0;
                padding-right: 120px;
                transition: all .4s ease;
                backface-visibility: hidden
            }

        .projectListCards .projectCards .projectCard .upper .inner:hover > div .info {
            display: flex;
            position: relative;
            opacity: 0;
            height: 0
        }

        .projectListCards .projectCards .projectCard .upper .inner:hover > div .detail {
            display: flex;
            position: relative;
            opacity: 1;
            height: max-content
        }

        .projectListCards .projectCards .projectCard .upper .inner .explore {
            position: absolute;
            bottom: 30px;
            right: 30px;
            text-align: right;
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #fff
        }

.projectDetailBanner {
    padding-top: 92px;
    padding-bottom: 0
}

    .projectDetailBanner .title {
        position: relative;
        overflow: hidden
    }

        .projectDetailBanner .title .announcement {
            position: absolute;
            left: 0;
            top: 0;
            width: calc(100% - 110px);
            min-height: 44px;
            background: #b59a88;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: nowrap;
            flex-direction: row;
            align-content: center;
            padding: 0 70px 0 40px;
            z-index: 3
        }

            .projectDetailBanner .title .announcement .swiper-wrapper {
                align-items: center
            }

            .projectDetailBanner .title .announcement .content {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-wrap: nowrap;
                flex-direction: row;
                align-content: center;
                gap: 1rem
            }

                .projectDetailBanner .title .announcement .content h4 {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 13px;
                    line-height: 22px;
                    letter-spacing: .02em;
                    color: #fff;
                    padding: 0;
                    margin: 0;
                    position: relative;
                    display: flex;
                    align-items: center;
                    flex-direction: row;
                    flex-wrap: nowrap;
                    align-content: center;
                    justify-content: center
                }

                    .projectDetailBanner .title .announcement .content h4::after {
                        content: "";
                        width: 2px;
                        background: #fff;
                        right: -.5rem;
                        height: 15px;
                        display: block;
                        position: absolute
                    }

                .projectDetailBanner .title .announcement .content .announcementSwiper {
                    width: 80vw
                }

                .projectDetailBanner .title .announcement .content p {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 13px;
                    line-height: 22px;
                    letter-spacing: .02em;
                    color: #fff;
                    margin: 0;
                    padding: 0
                }

            .projectDetailBanner .title .announcement .announcementNavigation {
                display: flex;
                align-items: center;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                gap: .5rem
            }

                .projectDetailBanner .title .announcement .announcementNavigation .swiper-prev {
                    display: flex;
                    width: 24px;
                    height: 24px;
                    border-radius: 100%;
                    align-items: center;
                    justify-content: center
                }

                    .projectDetailBanner .title .announcement .announcementNavigation .swiper-prev:hover {
                        background: #ac8e7a
                    }

                .projectDetailBanner .title .announcement .announcementNavigation .swiper-next {
                    display: flex;
                    width: 24px;
                    height: 24px;
                    border-radius: 100%;
                    align-items: center;
                    justify-content: center
                }

                    .projectDetailBanner .title .announcement .announcementNavigation .swiper-next:hover {
                        background: #ac8e7a
                    }

                .projectDetailBanner .title .announcement .announcementNavigation span {
                    cursor: pointer;
                    color: #fff;
                    font-weight: 900
                }

        .projectDetailBanner .title .textArea {
            position: absolute;
            left: 135px;
            bottom: 40px
        }

            .projectDetailBanner .title .textArea h1 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 500;
                font-size: 80px;
                line-height: 78px;
                color: #fff
            }

            .projectDetailBanner .title .textArea p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                letter-spacing: .02em;
                color: #fff;
                margin: 0;
                padding: 0
            }

        .projectDetailBanner .title a {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;
            width: 190px;
            height: 60px;
            background: #fff;
            border: 1px solid rgba(0,0,0,.1);
            border-radius: 4px;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #1d1d1b;
            position: absolute;
            right: 135px;
            bottom: 40px
        }

        .projectDetailBanner .title picture {
            width: 100%;
            aspect-ratio: 1440/640
        }

            .projectDetailBanner .title picture img {
                transition: .35s ease
            }

            .projectDetailBanner .title picture > * {
                width: 100%;
                object-fit: cover;
                object-position: center
            }

.projectDetailTitles {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e6e6e6
}

    .projectDetailTitles .links {
        padding-bottom: 17px;
        padding-top: 17px
    }

        .projectDetailTitles .links .swiper-slide {
            width: max-content
        }

            .projectDetailTitles .links .swiper-slide a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 28px;
                letter-spacing: .04em;
                color: #1d1d1b;
                transition: .35s;
                text-decoration: none !important
            }

                .projectDetailTitles .links .swiper-slide a.active {
                    color: #b59a88
                }

.nefReserveDetailTitles {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e6e6e6
}

    .nefReserveDetailTitles .links {
        padding-top: 17px;
        padding-bottom: 0
    }

        .nefReserveDetailTitles .links .swiper-slide {
            width: max-content
        }

            .nefReserveDetailTitles .links .swiper-slide a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 28px;
                letter-spacing: .04em;
                color: #1d1d1b;
                transition: .35s;
                padding-bottom: 17px;
                display: block;
                text-decoration: none !important
            }

                .nefReserveDetailTitles .links .swiper-slide a.active {
                    border-bottom: 1px solid #1d1d1b
                }

.projectDetailInfo {
    padding-top: 80px;
    padding-bottom: 80px
}

    .projectDetailInfo h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

.projectDetailFeatures {
    background: #1d1d1b
}

    .projectDetailFeatures h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .02em;
        color: #b59a88
    }

    .projectDetailFeatures h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #fff
    }

    .projectDetailFeatures .content {
        display: flex;
        flex-direction: row;
        gap: .5rem;
        flex-wrap: nowrap;
        width: 100%;
        padding-top: 80px;
        padding-bottom: 120px
    }

        .projectDetailFeatures .content > div {
            width: calc(100% / 2)
        }

        .projectDetailFeatures .content .imgArea picture {
            aspect-ratio: 665/440;
            width: 100%
        }

            .projectDetailFeatures .content .imgArea picture > * {
                width: 100%;
                object-fit: cover;
                object-position: center;
                aspect-ratio: 665/440
            }

        .projectDetailFeatures .content .textArea {
            display: flex;
            flex-direction: column;
            gap: 40px;
            padding-left: 80px;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: nowrap
        }

            .projectDetailFeatures .content .textArea p {
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                color: #fff
            }

            .projectDetailFeatures .content .textArea a.downloadButton {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: 254px;
                max-width: 100%;
                height: 60px;
                border: 1px solid rgba(255,255,255,.1);
                border-radius: 4px;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 28px;
                text-align: center;
                color: #fff
            }

    .projectDetailFeatures .counters {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        gap: .5rem
    }

        .projectDetailFeatures .counters .counterElement {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap
        }

            .projectDetailFeatures .counters .counterElement .count {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 48px;
                line-height: 56px;
                letter-spacing: .02em;
                color: #fff
            }

            .projectDetailFeatures .counters .counterElement b {
                font-family: Chalet;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 28px;
                color: #b59a88
            }

.projectDetailMap {
    padding-top: 0;
    padding-bottom: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .35s;
    overflow: hidden
}

    .projectDetailMap .projectMap {
        display: none
    }

    .projectDetailMap .toggle-button-wrapper {
        padding: 15px 20px
    }

@media (min-width:960px) {
    .projectDetailMap .toggle-button-wrapper {
        padding: 15px 60px
    }
}

.projectDetailMap #map {
    width: 100%;
    height: 570px
}

@media (min-width:1200px) {
    .projectDetailMap #map {
        height: 770px
    }
}

.projectDetailMap .image-box {
    width: 110%;
    height: 1085px
}

@media (min-width:1200px) {
    .projectDetailMap .image-box {
        height: 770px
    }
}

.projectDetailMap .custom-label {
    text-align: center;
    padding: 4px 8px;
    background: rgba(29,29,27,.66);
    backdrop-filter: blur(2px);
    border-radius: 4px;
    position: relative
}

    .projectDetailMap .custom-label.rotate {
        top: -8px;
        transform: translateX(10%)
    }

.projectDetailMap .info-window-title {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .02em;
    color: #fff;
    height: 56px;
    width: 120px
}

.projectDetailMap .distance {
    padding: 2px 4px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .04em;
    color: #fff;
    max-width: fit-content
}

.projectDetailMap .gm-fullscreen-control, .projectDetailMap .gm-style-cc, .projectDetailMap .gm-svpc, .projectDetailMap .gmnoprint {
    display: none
}

.projectDetailMap .gm-ui-hover-effect {
    display: none !important
}

.projectDetailMap .gm-style .gm-style-iw-tc::after {
    background: #b59a88;
    content: "";
    height: 39px;
    left: 12px;
    position: absolute;
    top: -4px;
    width: 2px
}

.projectDetailMap .gm-style-iw-c {
    left: 0;
    transform: translate3d(0,-100%,0);
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #b59a88;
    backdrop-filter: blur(2px);
    background: #b59a88;
    padding: 20px 14px !important;
    border-radius: 10px 10px 10px 0
}

.projectDetailMap .gm-style-iw-d {
    overflow: auto !important
}

.projectDetailMap .title {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    gap: 12px
}

    .projectDetailMap .title h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        color: #1d1d1b;
        padding: 0;
        margin: 0
    }

@media (min-width:960px) {
    .projectDetailMap .title h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        color: #1d1d1b
    }
}

.projectDetailMap .title .uk-switch {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 52px
}

    .projectDetailMap .title .uk-switch input {
        display: none
    }

.projectDetailMap .title .uk-switch-slider {
    background-color: rgba(0,0,0,.22);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 70px;
    bottom: 0;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .2s;
    box-shadow: inset 0 0 2px rgba(0,0,0,.07)
}

    .projectDetailMap .title .uk-switch-slider:before {
        content: '';
        background-color: #fff;
        position: absolute;
        width: 22px;
        height: 22px;
        left: 4px;
        bottom: 4px;
        border-radius: 50%;
        transition-property: transform,box-shadow;
        transition-duration: .2s
    }

.projectDetailMap .title input:checked + .uk-switch-slider {
    background-color: #39f !important
}

    .projectDetailMap .title input:checked + .uk-switch-slider:before {
        transform: translateX(22px)
    }

.projectDetailMap .title .uk-switch-slider.uk-switch-on-off {
    background-color: #b59a88
}

.projectDetailMap .title input:checked + .uk-switch-slider.uk-switch-on-off {
    background-color: #b59a88 !important
}

.projectDetailMap .title .uk-switch-slider.uk-switch-big:before {
    transform: scale(1.2);
    box-shadow: 0 0 6px rgba(0,0,0,.22)
}

.projectDetailMap .title .uk-switch-slider.uk-switch-small:before {
    box-shadow: 0 0 6px rgba(0,0,0,.22)
}

.projectDetailMap .title input:checked + .uk-switch-slider.uk-switch-big:before {
    transform: translateX(26px) scale(1.2)
}

.projectDetailMap .title .uk-card-primary.uk-card-body .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-card-primary > :not([class*=uk-card-media]) .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-card-secondary.uk-card-body .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-card-secondary > :not([class*=uk-card-media]) .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-light .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-offcanvas-bar .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-overlay-primary .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-section-primary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-section-secondary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-tile-primary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off), .projectDetailMap .title .uk-tile-secondary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off) {
    background-color: rgba(255,255,255,.22)
}

.projectDetailMap .content-width {
    width: 100%
}

@media (min-width:1200px) {
    .projectDetailMap .content-width {
        width: 40%
    }
}

.projectDetailMap .content {
    padding-top: 0
}

@media (min-width:960px) {
    .projectDetailMap .content {
        padding-top: 70px
    }
}

.projectDetailMap .content h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 170%;
    letter-spacing: .02em;
    color: #1d1d1b
}

.projectDetailMap .content h3 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #1d1d1b
}

.projectDetailMap .content .accordion ul li {
    margin-top: 12px
}

    .projectDetailMap .content .accordion ul li.uk-open a.uk-accordion-title {
        font-family: Chalet;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b
    }

        .projectDetailMap .content .accordion ul li.uk-open a.uk-accordion-title::before {
            background-image: url(../../custom/icons/icn-toggle.svg);
            transition: .35s;
            transform: rotate(180deg)
        }

    .projectDetailMap .content .accordion ul li a.uk-accordion-title {
        font-family: Chalet;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        color: #595959;
        padding-bottom: 12px;
        border-bottom: 1px solid #e6e6e6
    }

        .projectDetailMap .content .accordion ul li a.uk-accordion-title::before {
            transition: .35s;
            background-image: url(../../custom/icons/icn-toggle.svg)
        }

    .projectDetailMap .content .accordion ul li .uk-accordion-content {
        margin-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e6e6e6
    }

        .projectDetailMap .content .accordion ul li .uk-accordion-content .accElement {
            display: flex;
            align-items: center;
            gap: .5rem;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: nowrap;
            margin: 5px 0
        }

            .projectDetailMap .content .accordion ul li .uk-accordion-content .accElement p {
                margin: 0;
                padding: 0;
                font-family: Chalet;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 28px;
                color: #b59a88
            }

                .projectDetailMap .content .accordion ul li .uk-accordion-content .accElement p.distance {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 13px;
                    line-height: 20px;
                    letter-spacing: .04em;
                    color: #b59a88;
                    padding: 2px 4px;
                    border: 1px solid #b59a88;
                    border-radius: 4px
                }

.nefReserveDetailMap {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 53.472vw;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .35s;
    overflow: hidden
}

    .nefReserveDetailMap .projectMap {
        display: none
    }

    .nefReserveDetailMap .title {
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        position: relative;
        gap: 12px
    }

        .nefReserveDetailMap .title h5 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: .02em;
            color: #1d1d1b;
            padding: 0;
            margin: 0
        }

@media (min-width:960px) {
    .nefReserveDetailMap .title h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        color: #1d1d1b
    }
}

.nefReserveDetailMap .title .uk-switch {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 52px;
    margin-right: 60px
}

    .nefReserveDetailMap .title .uk-switch input {
        display: none
    }

.nefReserveDetailMap .title .uk-switch-slider {
    background-color: rgba(0,0,0,.22);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 70px;
    bottom: 0;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .2s;
    box-shadow: inset 0 0 2px rgba(0,0,0,.07)
}

    .nefReserveDetailMap .title .uk-switch-slider:before {
        content: '';
        background-color: #fff;
        position: absolute;
        width: 22px;
        height: 22px;
        left: 4px;
        bottom: 4px;
        border-radius: 50%;
        transition-property: transform,box-shadow;
        transition-duration: .2s
    }

.nefReserveDetailMap .title input:checked + .uk-switch-slider {
    background-color: #39f !important
}

    .nefReserveDetailMap .title input:checked + .uk-switch-slider:before {
        transform: translateX(22px)
    }

.nefReserveDetailMap .title .uk-switch-slider.uk-switch-on-off {
    background-color: #657676
}

.nefReserveDetailMap .title input:checked + .uk-switch-slider.uk-switch-on-off {
    background-color: #657676 !important
}

.nefReserveDetailMap .title .uk-switch-slider.uk-switch-big:before {
    transform: scale(1.2);
    box-shadow: 0 0 6px rgba(0,0,0,.22)
}

.nefReserveDetailMap .title .uk-switch-slider.uk-switch-small:before {
    box-shadow: 0 0 6px rgba(0,0,0,.22)
}

.nefReserveDetailMap .title input:checked + .uk-switch-slider.uk-switch-big:before {
    transform: translateX(26px) scale(1.2)
}

.nefReserveDetailMap .title .uk-card-primary.uk-card-body .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-card-primary > :not([class*=uk-card-media]) .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-card-secondary.uk-card-body .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-card-secondary > :not([class*=uk-card-media]) .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-light .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-offcanvas-bar .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-overlay-primary .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-section-primary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-section-secondary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-tile-primary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off), .nefReserveDetailMap .title .uk-tile-secondary:not(.uk-preserve-color) .uk-switch-slider:not(.uk-switch-on-off) {
    background-color: rgba(255,255,255,.22)
}

.nefReserveDetailMap .toggle-button-wrapper {
    padding: 15px 20px
}

@media (min-width:960px) {
    .nefReserveDetailMap .toggle-button-wrapper {
        padding: 15px 60px
    }
}

.nefReserveDetailMap #map {
    width: 100%;
    height: 570px
}

@media (min-width:1200px) {
    .nefReserveDetailMap #map {
        height: 770px
    }
}

.nefReserveDetailMap .image-box {
    width: 110%;
    height: 1085px
}

@media (min-width:1200px) {
    .nefReserveDetailMap .image-box {
        height: 770px
    }
}

.nefReserveDetailMap .custom-label {
    text-align: center;
    padding: 4px 8px;
    background: rgba(29,29,27,.66);
    backdrop-filter: blur(2px);
    border-radius: 4px;
    position: relative
}

    .nefReserveDetailMap .custom-label.rotate {
        top: -8px;
        transform: translateX(10%)
    }

.nefReserveDetailMap .info-window-title {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .02em;
    color: #fff;
    height: 56px;
    width: 120px
}

.nefReserveDetailMap .distance {
    padding: 2px 4px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .04em;
    color: #fff;
    max-width: 55px
}

.nefReserveDetailMap .gm-fullscreen-control, .nefReserveDetailMap .gm-style-cc, .nefReserveDetailMap .gm-svpc, .nefReserveDetailMap .gmnoprint {
    display: none
}

.nefReserveDetailMap .gm-ui-hover-effect {
    display: none !important
}

.nefReserveDetailMap .gm-style .gm-style-iw-tc::after {
    background: #657676;
    content: "";
    height: 39px;
    left: 12px;
    position: absolute;
    top: -4px;
    width: 2px
}

.nefReserveDetailMap .gm-style-iw-c {
    left: 0;
    transform: translate3d(0,-100%,0);
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #657676;
    backdrop-filter: blur(2px);
    background: #657676;
    padding: 20px 14px !important;
    border-radius: 10px 10px 10px 0
}

.nefReserveDetailMap .gm-style-iw-d {
    overflow: auto !important
}

.nefReserveDetailMap .content {
    max-width: 370px;
    margin-left: auto
}

    .nefReserveDetailMap .content h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 170%;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    .nefReserveDetailMap .content h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    .nefReserveDetailMap .content .accordion ul li {
        margin-top: 12px
    }

        .nefReserveDetailMap .content .accordion ul li.uk-open a.uk-accordion-title {
            font-family: Chalet;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 28px;
            color: #1d1d1b
        }

            .nefReserveDetailMap .content .accordion ul li.uk-open a.uk-accordion-title::before {
                background-image: url(../../custom/icons/icn-toggle.svg);
                transition: .35s;
                transform: rotate(180deg)
            }

        .nefReserveDetailMap .content .accordion ul li a.uk-accordion-title {
            font-family: Chalet;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 28px;
            color: #595959;
            padding-bottom: 12px;
            border-bottom: 1px solid #e6e6e6
        }

            .nefReserveDetailMap .content .accordion ul li a.uk-accordion-title::before {
                transition: .35s;
                background-image: url(../../custom/icons/icn-toggle.svg)
            }

        .nefReserveDetailMap .content .accordion ul li .uk-accordion-content {
            margin-top: 12px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e6e6e6
        }

            .nefReserveDetailMap .content .accordion ul li .uk-accordion-content .accElement {
                display: flex;
                align-items: center;
                gap: .5rem;
                justify-content: space-between;
                flex-direction: row;
                flex-wrap: nowrap;
                margin: 5px 0
            }

                .nefReserveDetailMap .content .accordion ul li .uk-accordion-content .accElement p {
                    margin: 0;
                    padding: 0;
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 28px;
                    color: #b59a88
                }

                    .nefReserveDetailMap .content .accordion ul li .uk-accordion-content .accElement p.distance {
                        font-family: Chalet;
                        font-style: normal;
                        font-weight: 600;
                        font-size: 13px;
                        line-height: 20px;
                        letter-spacing: .04em;
                        color: #b59a88;
                        padding: 2px 4px;
                        border: 1px solid #b59a88;
                        border-radius: 4px
                    }

.projectDetailgallery .tabContent {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px
}

    .projectDetailgallery .tabContent .swiper-slide {
        width: max-content
    }

    .projectDetailgallery .tabContent a {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: .02em;
        color: #595959;
        transition: .5s;
        padding: 0 13px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 36px
    }

        .projectDetailgallery .tabContent a:hover {
            color: #595959
        }

        .projectDetailgallery .tabContent a.active {
            color: #232321;
            background: #f7f7f7;
            border-radius: 30px
        }

.projectDetailgallery .projectDetailSwiper {
    position: relative;
    display: flex;
    align-items: center
}

    .projectDetailgallery .projectDetailSwiper .swiper-next-button {
        width: 120px;
        height: 120px;
        border: 1px solid #fff;
        border-radius: 150px 0 0 150px;
        cursor: pointer;
        position: absolute;
        display: flex;
        z-index: 2;
        align-items: center;
        justify-content: flex-end;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        right: 115px
    }

        .projectDetailgallery .projectDetailSwiper .swiper-next-button > * {
            color: #fff;
            padding-right: 35px
        }

    .projectDetailgallery .projectDetailSwiper .swiper-prev-button {
        width: 120px;
        height: 120px;
        border: 1px solid #fff;
        border-radius: 0 150px 150px 0;
        cursor: pointer;
        position: absolute;
        display: flex;
        z-index: 2;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        left: 0
    }

        .projectDetailgallery .projectDetailSwiper .swiper-prev-button > * {
            color: #fff;
            padding-left: 35px
        }

    .projectDetailgallery .projectDetailSwiper .swiper-wrapper {
        align-items: center
    }

        .projectDetailgallery .projectDetailSwiper .swiper-wrapper .swiper-slide {
            width: calc(100% - 115px);
            position: relative;
            display: flex;
            align-items: center;
            align-content: center
        }

            .projectDetailgallery .projectDetailSwiper .swiper-wrapper .swiper-slide picture {
                width: 100%;
                aspect-ratio: 1286/710;
                max-height: 100vh
            }

                .projectDetailgallery .projectDetailSwiper .swiper-wrapper .swiper-slide picture > * {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center
                }

.projectDetailCommunication .imageArea {
    width: 550px;
    max-width: 100%;
    height: 488px;
    max-height: 100%;
    aspect-ratio: 55/48;
    display: flex;
    position: relative
}

    .projectDetailCommunication .imageArea img {
        transition: .35s ease
    }

        .projectDetailCommunication .imageArea img:hover {
            transform: scale(1.025)
        }

    .projectDetailCommunication .imageArea > img:first-child {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 365px;
        aspect-ratio: 365/440;
        object-fit: cover
    }

    .projectDetailCommunication .imageArea > img:last-child {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        width: 250px;
        aspect-ratio: 250/300;
        object-fit: cover
    }

.projectDetailCommunication .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 100px
}

    .projectDetailCommunication .content p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342
    }

    .projectDetailCommunication .content .buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center
    }

        .projectDetailCommunication .content .buttons .uk-flex {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: row;
            align-content: center;
            gap: 11px
        }

        .projectDetailCommunication .content .buttons .nef-button-light {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            width: 162px;
            height: 58px;
            background: #fff;
            border: 1px solid #f7f7f7;
            backdrop-filter: blur(2px);
            border-radius: 4px;
            transition: .35s ease
        }

            .projectDetailCommunication .content .buttons .nef-button-light:hover {
                width: 182px
            }

            .projectDetailCommunication .content .buttons .nef-button-light a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 17px;
                text-align: center;
                letter-spacing: .02em;
                color: #1d1d1b;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

#InnerInfoForm .uk-checkbox:checked {
    background-image: url("../../../../images/icn-check.svg") !important
}

#InnerInfoForm label#Phone3-error {
    position: absolute;
    left: 0;
    bottom: -24px;
    color: red;
    font-size: 12px
}

#InnerInfoForm label#kvkkCheckbox-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    color: red;
    font-size: 12px
}

#InnerInfoForm label#subsCheckbox-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    color: red;
    font-size: 12px
}

#InnerInfoForm label#name-error {
    position: absolute;
    left: 0;
    bottom: -24px;
    color: red;
    font-size: 12px
}

#InnerInfoForm label#email-error {
    position: absolute;
    left: 0;
    bottom: -24px;
    color: red;
    font-size: 12px
}

#InnerInfoForm label#surname-error {
    position: absolute;
    left: 0;
    bottom: -24px;
    color: red;
    font-size: 12px
}

#InnerInfoForm .checkboxgroup {
    display: flex;
    column-gap: 12px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
    margin-bottom: 1rem
}

    #InnerInfoForm .checkboxgroup input[type=checkbox] {
        width: 16px;
        min-width: 16px;
        height: 16px;
        min-height: 16px;
        margin-top: 5px;
        border-color: #8f8f8f
    }

        #InnerInfoForm .checkboxgroup input[type=checkbox]:checked + label {
            color: #b59a88
        }

        #InnerInfoForm .checkboxgroup input[type=checkbox]:checked {
            border-color: #b59a88
        }

.projectDetailContact {
    background: #232321
}

    .projectDetailContact #InnerContactForm .uk-checkbox:checked {
        background-image: url("../../../../images/icn-check.svg") !important
    }

    .projectDetailContact #InnerContactForm label#Phone2-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .projectDetailContact #InnerContactForm label#kvkkCheckbox-error {
        position: absolute;
        left: 0;
        bottom: -20px;
        color: red;
        font-size: 12px
    }

    .projectDetailContact #InnerContactForm label#subsCheckbox-error {
        position: absolute;
        left: 0;
        bottom: -20px;
        color: red;
        font-size: 12px
    }

    .projectDetailContact #InnerContactForm label#name-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .projectDetailContact #InnerContactForm label#email-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .projectDetailContact #InnerContactForm label#surname-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .projectDetailContact #InnerContactForm .checkboxgroup {
        display: flex;
        column-gap: 12px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        align-content: center;
        margin-bottom: 1rem
    }

        .projectDetailContact #InnerContactForm .checkboxgroup input[type=checkbox] {
            width: 16px;
            min-width: 16px;
            height: 16px;
            min-height: 16px;
            margin-top: 5px
        }

            .projectDetailContact #InnerContactForm .checkboxgroup input[type=checkbox]:checked + label {
                color: #b59a88
            }

            .projectDetailContact #InnerContactForm .checkboxgroup input[type=checkbox]:checked {
                border-color: #b59a88
            }

    .projectDetailContact .content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px
    }

        .projectDetailContact .content .titleArea > * {
            padding-right: 110px
        }

        .projectDetailContact .content .titleArea h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            padding-top: 0;
            margin-bottom: 0;
            padding-bottom: 28px
        }

        .projectDetailContact .content .titleArea h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: .02em;
            color: #fff;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 28px
        }

        .projectDetailContact .content .titleArea p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            color: #e6e6e6
        }

        .projectDetailContact .content > div {
            width: calc(100% / 2)
        }

.reserveDetailContact {
    background: #232321
}

    .reserveDetailContact .uk-button {
        background: #657676 !important
    }

    .reserveDetailContact #InnerContactForm .uk-checkbox:checked {
        background-image: url("../../../../images/icn-check.svg") !important
    }

    .reserveDetailContact #InnerContactForm label#Phone2-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .reserveDetailContact #InnerContactForm label#kvkkCheckbox-error {
        position: absolute;
        left: 0;
        bottom: -20px;
        color: red;
        font-size: 12px
    }

    .reserveDetailContact #InnerContactForm label#subsCheckbox-error {
        position: absolute;
        left: 0;
        bottom: -20px;
        color: red;
        font-size: 12px
    }

    .reserveDetailContact #InnerContactForm label#name-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .reserveDetailContact #InnerContactForm label#email-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .reserveDetailContact #InnerContactForm label#surname-error {
        position: absolute;
        left: 0;
        bottom: -24px;
        color: red;
        font-size: 12px
    }

    .reserveDetailContact #InnerContactForm .checkboxgroup {
        display: flex;
        column-gap: 12px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        align-content: center;
        margin-bottom: 1rem
    }

        .reserveDetailContact #InnerContactForm .checkboxgroup input[type=checkbox] {
            width: 16px;
            min-width: 16px;
            height: 16px;
            min-height: 16px;
            margin-top: 5px
        }

            .reserveDetailContact #InnerContactForm .checkboxgroup input[type=checkbox]:checked + label {
                color: #657676
            }

            .reserveDetailContact #InnerContactForm .checkboxgroup input[type=checkbox]:checked {
                border-color: #657676
            }

    .reserveDetailContact .content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px
    }

        .reserveDetailContact .content .titleArea > * {
            padding-right: 110px
        }

        .reserveDetailContact .content .titleArea h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            padding-top: 0;
            margin-bottom: 0;
            padding-bottom: 28px
        }

        .reserveDetailContact .content .titleArea h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: .02em;
            color: #fff;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 28px
        }

        .reserveDetailContact .content .titleArea p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px
        }

        .reserveDetailContact .content > div {
            width: calc(100% / 2)
        }

#InnerContactForm .uk-margin {
    margin-bottom: 32px
}

#InnerContactForm .iti {
    position: relative;
    display: inline-block;
    width: 100%
}

#InnerContactForm .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

    #InnerContactForm .iti--separate-dial-code .iti__selected-flag::after {
        content: "";
        width: 1px;
        height: 12px;
        background: #e6e6e6;
        margin-left: 5px;
        margin-top: 1px
    }

#InnerContactForm .uk-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 52px;
    background: #b59a88;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    margin-left: auto;
    transition: .35s ease
}

    #InnerContactForm .uk-button:hover {
        width: 190px
    }

#InnerContactForm h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #1d1d1b
}

#InnerContactForm .uk-form-label, #InnerContactForm label {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #fff
}

#InnerContactForm input {
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    background-repeat: no-repeat
}

    #InnerContactForm input:not([type=checkbox]) {
        height: 52px !important;
        background: #fff
    }

    #InnerContactForm input[type=checkbox] {
        background-color: transparent
    }

#InnerContactForm select {
    height: 52px !important;
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 4px
}

#InnerContactForm .uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("../../../../images/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%
}

#InnerInfoForm .uk-margin {
    margin-bottom: 20px
}

#InnerInfoForm .iti {
    position: relative;
    display: inline-block;
    width: 100%
}

#InnerInfoForm .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,0)
}

    #InnerInfoForm .iti--separate-dial-code .iti__selected-flag::after {
        content: "";
        width: 1px;
        height: 12px;
        background: #e6e6e6;
        margin-left: 5px;
        margin-top: 1px
    }

#InnerInfoForm .uk-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 52px;
    background: #b59a88;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    margin-left: auto
}

#InnerInfoForm h2 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #1d1d1b
}

#InnerInfoForm .uk-form-label, #InnerInfoForm label {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #1d1d1b
}

#InnerInfoForm input {
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    background-repeat: no-repeat
}

    #InnerInfoForm input:not([type=checkbox]) {
        height: 52px !important;
        background: #fff
    }

    #InnerInfoForm input[type=checkbox] {
        background-color: transparent
    }

#InnerInfoForm select {
    height: 52px !important;
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 4px
}

#InnerInfoForm .uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("../../../../images/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%
}

.infoForm {
    position: fixed;
    top: 0;
    right: -540px;
    width: 340px;
    height: calc(100vh - 80px);
    z-index: 999;
    background-color: #f7f7f7;
    padding: 40px 80px 40px 80px;
    transition: right .5s ease;
    overflow-y: scroll
}

    .infoForm.open {
        right: 0
    }

    .infoForm h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    .infoForm h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-top: 0
    }

    .infoForm p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        color: #1d1d1b
    }

#close-infoForm {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer
}

#open-infoForm {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 190px;
    height: 60px;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 250px;
    bottom: 40px
}

.buildingSiteNewsBanner {
    padding-bottom: 0;
    padding-top: 80px
}

    .buildingSiteNewsBanner .buildingSiteNewsSwiper .swiper-wrapper .swiper-slide {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center
    }

        .buildingSiteNewsBanner .buildingSiteNewsSwiper .swiper-wrapper .swiper-slide picture {
            aspect-ratio: 1360/640;
            width: 100%
        }

            .buildingSiteNewsBanner .buildingSiteNewsSwiper .swiper-wrapper .swiper-slide picture > * {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center
            }

.buildingSiteNewsInfo .infoContainer {
    max-width: 774px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

    .buildingSiteNewsInfo .infoContainer h2 {
        color: #1d1d1b;
        font-family: Chalet;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 56px;
        letter-spacing: .96px;
        margin-top: 0;
        margin-bottom: 32px;
        padding: 0
    }

@media (max-width:959.98px) {
    .buildingSiteNewsInfo .infoContainer h2 {
        font-size: 32px;
        line-height: normal;
        letter-spacing: .64px
    }
}

.buildingSiteNewsInfo .infoContainer p {
    color: #1d1d1b;
    font-family: Chalet;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 64px;
    padding: 0
}

@media (max-width:959.98px) {
    .buildingSiteNewsInfo .infoContainer p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px
    }
}

.buildingSiteNewsInfo .infoContainer picture img {
    aspect-ratio: 774/424;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.nefReserveDetailBanner {
    padding-bottom: 0
}

    .nefReserveDetailBanner .shadow-page2 {
        position: fixed;
        width: 100vw;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        opacity: .6;
        display: none;
        z-index: 999
    }

    .nefReserveDetailBanner .logoArea {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap
    }

        .nefReserveDetailBanner .logoArea h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 75px
        }

    .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center
    }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide a.download {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;
            width: 190px;
            height: 60px;
            background: #fff;
            border: 1px solid rgba(0,0,0,.1);
            border-radius: 4px;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #1d1d1b;
            position: absolute;
            right: 40px;
            bottom: 40px
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide h2 {
            position: absolute;
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 22.222vw;
            color: #ffffff80;
            mix-blend-mode: overlay;
            cursor: default;
            transition: .35s ease
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide .swiper-next-button {
            width: 120px;
            height: 120px;
            border: 1px solid #fff;
            border-radius: 150px 0 0 150px;
            cursor: pointer;
            position: absolute;
            display: flex;
            z-index: 2;
            align-items: center;
            justify-content: flex-end;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            right: 0
        }

            .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide .swiper-next-button > * {
                color: #fff;
                padding-right: 35px
            }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide .swiper-prev-button {
            width: 120px;
            height: 120px;
            border: 1px solid #fff;
            border-radius: 0 150px 150px 0;
            cursor: pointer;
            position: absolute;
            display: flex;
            z-index: 2;
            align-items: center;
            justify-content: flex-start;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            left: 0
        }

            .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide .swiper-prev-button > * {
                color: #fff;
                padding-left: 35px
            }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .swiper-next-button {
            display: none
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .swiper-prev-button {
            display: none
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide:last-child .swiper-next-button {
            display: none
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide:first-child .swiper-prev-button {
            display: none
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide picture {
            aspect-ratio: 1360/640;
            width: 100%
        }

            .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide picture > * {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center
            }

.nefReserveDetailInformation {
    padding-top: 80px;
    padding-bottom: 80px
}

    .nefReserveDetailInformation .counters {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        gap: .5rem;
        margin-top: 160px
    }

        .nefReserveDetailInformation .counters .counterElement {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap
        }

            .nefReserveDetailInformation .counters .counterElement .count {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 24px;
                line-height: 56px;
                letter-spacing: .02em;
                color: #1d1d1b
            }

                .nefReserveDetailInformation .counters .counterElement .count .stat-number {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 48px;
                    line-height: 56px;
                    letter-spacing: .02em;
                    color: #1d1d1b
                }

            .nefReserveDetailInformation .counters .counterElement b {
                font-family: Chalet;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 28px;
                color: #657676
            }

    .nefReserveDetailInformation .textArea h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-bottom: 28px
    }

    .nefReserveDetailInformation .textArea p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342
    }

    .nefReserveDetailInformation .content {
        display: flex;
        justify-content: flex-end;
        padding-top: 84px
    }

        .nefReserveDetailInformation .content .turner {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-end
        }

            .nefReserveDetailInformation .content .turner img {
                transition: 1.35s
            }

.nefReserveDetailInformationSlider {
    background: #1d1d1b;
    padding: 0;
    position: relative
}

    .nefReserveDetailInformationSlider .textArea {
        padding-left: 135px;
        padding-top: 135px;
        padding-bottom: 80px
    }

        .nefReserveDetailInformationSlider .textArea > * {
            max-width: 90%
        }

        .nefReserveDetailInformationSlider .textArea h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: .02em;
            color: #657676
        }

        .nefReserveDetailInformationSlider .textArea h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 48px;
            line-height: 56px;
            letter-spacing: .02em;
            color: #fff;
            background: linear-gradient(to right,rgba(255,255,255,.1) 1.9%,#fff 7%);
            -webkit-background-clip: text
        }

        .nefReserveDetailInformationSlider .textArea p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px
        }

        .nefReserveDetailInformationSlider .textArea a {
            font-family: Chalet;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #fff
        }

    .nefReserveDetailInformationSlider .textSwiper {
        position: relative
    }

        .nefReserveDetailInformationSlider .textSwiper .galleryNavigation {
            display: flex;
            flex-direction: row;
            gap: 9px;
            align-items: center;
            justify-content: flex-start;
            align-content: center;
            flex-wrap: nowrap;
            position: absolute;
            bottom: 0;
            left: 135px;
            z-index: 3
        }

            .nefReserveDetailInformationSlider .textSwiper .galleryNavigation > * {
                color: #fff
            }

            .nefReserveDetailInformationSlider .textSwiper .galleryNavigation span {
                cursor: pointer
            }

    .nefReserveDetailInformationSlider .imgSwiper .swiper-slide {
        width: 100%;
        height: auto
    }

        .nefReserveDetailInformationSlider .imgSwiper .swiper-slide picture {
            height: 100%;
            width: 100%;
            aspect-ratio: 720/764
        }

            .nefReserveDetailInformationSlider .imgSwiper .swiper-slide picture > * {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

.foldhomeTitleReserve {
    padding-top: 152px;
    padding-bottom: 120px;
    background: #1d1d1b;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

    .foldhomeTitleReserve::after {
        content: url(../../../../images/foldhomebg4.png);
        left: 0;
        position: absolute;
        margin-bottom: 0;
        bottom: -90px
    }

    .foldhomeTitleReserve .title h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .02em;
        color: #657676;
        margin-bottom: 24px
    }

    .foldhomeTitleReserve .title h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #fff;
        margin-bottom: 48px
    }

    .foldhomeTitleReserve .title p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px
    }

    .foldhomeTitleReserve .gallery .imageArea {
        width: 550px;
        max-width: 100%;
        height: 488px;
        max-height: 100%;
        aspect-ratio: 55/48;
        display: flex;
        position: relative;
        margin-bottom: 40px
    }

        .foldhomeTitleReserve .gallery .imageArea > img:first-child {
            width: 365px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            aspect-ratio: 365/440;
            object-fit: cover
        }

        .foldhomeTitleReserve .gallery .imageArea > img:last-child {
            position: absolute;
            width: 250px;
            bottom: 0;
            right: 0;
            z-index: 1;
            aspect-ratio: 250/300;
            object-fit: cover
        }

    .foldhomeTitleReserve .gallery p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #f7f7f7
    }

    .foldhomeTitleReserve .gallery a {
        width: 100%;
        height: 60px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 4px;
        gap: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #fff
    }

.nefReserveOtherPrivileges {
    background: #f7f8f8;
    overflow: hidden
}

    .nefReserveOtherPrivileges .opSwiper .swiper-slide {
        width: fit-content
    }

    .nefReserveOtherPrivileges h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 34px;
        line-height: 56px;
        letter-spacing: .02em;
        color: #1d1d1b;
        width: 100%;
        text-align: center;
        margin-bottom: 44px
    }

@media (min-width:960px) {
    .nefReserveOtherPrivileges h2 {
        font-size: 48px
    }
}

.nefReserveOtherPrivileges .tabContent {
    display: flex;
    column-gap: 20px;
    margin-bottom: 48px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: hidden
}

    .nefReserveOtherPrivileges .tabContent .tablinks {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: .02em;
        color: #657676;
        padding: 4px 12px;
        background: 0 0;
        transition: .35s;
        text-decoration: none !important
    }

        .nefReserveOtherPrivileges .tabContent .tablinks.active {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            letter-spacing: .02em;
            color: #fff;
            background: #657676;
            border-radius: 40px
        }

    .nefReserveOtherPrivileges .tabcontent .imgArea {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 2.083vw
    }

        .nefReserveOtherPrivileges .tabcontent .imgArea .imgElement-1 img {
            aspect-ratio: 57/67;
            object-fit: cover
        }

        .nefReserveOtherPrivileges .tabcontent .imgArea .imgElement-2 img {
            aspect-ratio: 57/32;
            object-fit: cover
        }

        .nefReserveOtherPrivileges .tabcontent .imgArea .imgElement-3 img {
            aspect-ratio: 27/32;
            object-fit: cover
        }

        .nefReserveOtherPrivileges .tabcontent .imgArea .imgElement-4 img {
            aspect-ratio: 27/32;
            object-fit: cover
        }

        .nefReserveOtherPrivileges .tabcontent .imgArea div:has(img) {
            border-radius: 4px;
            overflow: hidden;
            position: relative
        }

            .nefReserveOtherPrivileges .tabcontent .imgArea div:has(img) .more-image-btn {
                position: absolute;
                bottom: 12px;
                right: 12px;
                z-index: 2;
                border-radius: 4px;
                background: rgba(0,0,0,.2);
                backdrop-filter: blur(2px);
                display: inline-flex;
                padding: 8px 12px;
                justify-content: center;
                align-items: center;
                gap: 4px
            }

                .nefReserveOtherPrivileges .tabcontent .imgArea div:has(img) .more-image-btn p {
                    color: #fff;
                    text-align: center;
                    font-size: 14px;
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    letter-spacing: .28px;
                    text-transform: uppercase;
                    padding: 0;
                    margin: 0
                }

                .nefReserveOtherPrivileges .tabcontent .imgArea div:has(img) .more-image-btn span {
                    color: #fff
                }

        .nefReserveOtherPrivileges .tabcontent .imgArea > div:nth-child(2) {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            align-content: center;
            gap: 2.083vw;
            flex-wrap: nowrap
        }

            .nefReserveOtherPrivileges .tabcontent .imgArea > div:nth-child(2) > div:nth-child(2) {
                display: flex;
                align-items: center;
                justify-content: center;
                align-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
                gap: 2.083vw
            }

.foundationCounter {
    background: #1d1d1b;
    padding-top: 40px;
    padding-bottom: 40px
}

    .foundationCounter .counters {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        gap: .5rem
    }

        .foundationCounter .counters .counterElement {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap
        }

            .foundationCounter .counters .counterElement .count {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 48px;
                line-height: 56px;
                letter-spacing: .02em;
                color: #fff
            }

            .foundationCounter .counters .counterElement b {
                font-family: Chalet;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 28px;
                color: #b59a88
            }

.foundationInformation {
    padding-top: 0
}

    .foundationInformation .textArea h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    .foundationInformation .textArea p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342
    }

.foundationContent .textArea {
    max-width: calc(50% - 260px);
    margin-left: auto;
    margin-right: auto
}

    .foundationContent .textArea h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    .foundationContent .textArea p {
        font-family: Chalet;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #434342
    }

    .foundationContent .textArea a.discover {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28px;
        color: #1d1d1b
    }

        .foundationContent .textArea a.discover span {
            transition: .35s
        }

        .foundationContent .textArea a.discover:hover span {
            padding-left: 12.5px !important
        }

    .foundationContent .textArea .tablinks {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        color: #595959;
        background: 0 0;
        text-decoration: none !important
    }

        .foundationContent .textArea .tablinks.active {
            background: #f7f7f7;
            border-radius: 500px;
            color: #1d1d1b;
            padding: 8px 16px
        }

    .foundationContent .textArea .swiper-slide {
        max-width: max-content
    }

    .foundationContent .textArea .tabContent {
        padding-bottom: 8px;
        margin-bottom: 28px;
        border-bottom: 1px solid #f6f6f6
    }

.foundationContent .imageArea {
    max-width: calc(50% - 40px)
}

    .foundationContent .imageArea:nth-child(odd) {
        margin-left: 40px
    }

    .foundationContent .imageArea:nth-child(2n) {
        margin-right: 40px
    }

    .foundationContent .imageArea picture {
        width: 100%;
        aspect-ratio: 665/460
    }

        .foundationContent .imageArea picture img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .35s ease
        }

            .foundationContent .imageArea picture img:hover {
                transform: scale(1.05)
            }

.foundationSocial {
    background: #f7f7f7
}

    .foundationSocial .titleArea {
        text-align: center
    }

        .foundationSocial .titleArea h6 {
            margin: 0;
            padding: 0
        }

            .foundationSocial .titleArea h6 a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 600;
                font-size: 13px;
                line-height: 20px;
                text-align: center;
                letter-spacing: .04em;
                color: #434342;
                margin: 0;
                padding: 0;
                margin-bottom: 8px
            }

        .foundationSocial .titleArea h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 48px;
            line-height: 56px;
            text-align: center;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin: 0;
            margin-bottom: 24px;
            padding: 0
        }

        .foundationSocial .titleArea h5 {
            margin: 0;
            padding: 0
        }

            .foundationSocial .titleArea h5 a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 28px;
                color: #1d1d1b;
                margin: 0;
                padding: 0
            }

    .foundationSocial .cardsArea {
        width: 100%;
        display: flex;
        margin-top: 48px;
        flex-wrap: wrap;
        gap: 20px
    }

        .foundationSocial .cardsArea .cardElement {
            width: calc((100% - 60px)/ 4);
            transition: transform .35s ease
        }

            .foundationSocial .cardsArea .cardElement:hover {
                transform: translateY(-10px)
            }

            .foundationSocial .cardsArea .cardElement picture {
                width: 100%;
                aspect-ratio: 1
            }

                .foundationSocial .cardsArea .cardElement picture > * {
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

.foundationDonation {
    background: #232321
}

    .foundationDonation .titleArea {
        max-width: 600px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap
    }

        .foundationDonation .titleArea h3 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 48px;
            line-height: 56px;
            text-align: center;
            letter-spacing: .02em;
            color: #fff;
            margin: 0;
            padding: 0;
            margin-bottom: 20px
        }

        .foundationDonation .titleArea p {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #f7f7f7;
            margin: 0;
            padding: 0;
            margin-bottom: 28px
        }

        .foundationDonation .titleArea a {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 127px;
            height: 60px;
            background: #fff;
            border-radius: 4px;
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #1d1d1b;
            text-decoration: none !important
        }

@media screen and (min-width:1600px) and (max-width:1699.98px) {
    .salesOffices .swiperContainer {
        padding-right: 0
    }

        .salesOffices .swiperContainer .salesSwiper {
            margin-right: -260px;
            padding-bottom: 30px
        }

    .salesOffices .salesOfficesCard {
        width: 14.5vw
    }

        .salesOffices .salesOfficesCard .buttons a {
            width: 14.5vw
        }
}

@media screen and (min-width:1500px) and (max-width:1599.98px) {
    .salesOffices .swiperContainer {
        padding-right: 0
    }

        .salesOffices .swiperContainer .salesSwiper {
            margin-right: -260px
        }

    .salesOffices .salesOfficesCard {
        width: 18.889vw
    }

        .salesOffices .salesOfficesCard h4 {
            font-size: 1.528vw
        }

        .salesOffices .salesOfficesCard .buttons a {
            width: 18.889vw
        }
}

@media screen and (min-width:1300px) and (max-width:1499.98px) {
    .salesOffices .swiperContainer {
        padding-right: 0
    }

        .salesOffices .swiperContainer .salesSwiper {
            margin-right: -260px
        }

    .salesOffices .salesOfficesCard {
        width: 18.889vw
    }

        .salesOffices .salesOfficesCard h4 {
            font-size: 1.528vw
        }

        .salesOffices .salesOfficesCard .buttons a {
            width: 18.889vw
        }
}

@media screen and (min-width:1300px) and (max-width:1399px) {
    .landSlider {
        height: 45vw
    }

        .landSlider .verticalSwiper {
            height: 45vw
        }
}

@media screen and (min-width:1300px) {
    .container-nef {
        max-width: 100% !important;
        padding-left: 135px !important;
        padding-right: 135px !important
    }

    .salesOffices .swiperContainer {
        padding-right: 0
    }

        .salesOffices .swiperContainer .salesSwiper {
            margin-right: -260px
        }
}

@media screen and (max-width:1299.98px) {
    .landSlider {
        height: 50vw
    }

        .landSlider .verticalSwiper {
            height: 50vw
        }

        .landSlider .sliderContainer .content .title h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 40px;
            line-height: 52px;
            letter-spacing: .02em;
            color: #fff;
            padding-right: 26px
        }

        .landSlider .galleryNavigationV {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            top: 120px;
            left: 39%;
            gap: 1rem
        }

    .salesOffices .swiperContainer .salesSwiper {
        margin-right: auto
    }

    .salesOffices .salesOfficesCard {
        width: 24vw
    }

        .salesOffices .salesOfficesCard .buttons a {
            width: 24vw
        }

    .counterSlider .swiper-button-next, .counterSlider .swiper-button-prev {
        bottom: 30px
    }

    .counterSlider .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: 50px
    }
}

@media screen and (max-width:1199.98px) {
    .landSlider {
        height: 640px
    }

        .landSlider .verticalSwiper {
            height: 640px
        }

    .foldHome .textArea {
        transition: .35s;
        padding-left: 20px
    }
}

@media screen and (max-width:959.98px) {
    .nefReserveDetailInformationSlider .textSwiper {
        position: relative;
        width: 100%
    }

    .shadow-bg {
        background: #fff;
        opacity: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        display: none;
        left: 0;
        top: 228px;
        z-index: 2
    }

    .projectListFilter .filters .filter .locationFilter {
        position: absolute;
        top: 64px;
        left: 0;
        background: #fff;
        padding: 24px;
        border-radius: 4px;
        display: none;
        z-index: 9;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 16px;
        width: calc(100% - 48px);
        height: calc(100vh - 324px);
        overflow: scroll;
        align-content: flex-start;
        align-items: flex-start
    }

        .projectListFilter .filters .filter .locationFilter .filterItem {
            width: calc(50% - 8px);
            height: 60px
        }

    .projectListFilter .filters .filter .categoryFilter .half-filter {
        width: 100%
    }

    .projectListFilter .filters .filter .categoryFilter {
        position: absolute;
        top: 125px;
        left: 0;
        background: #fff;
        padding: 24px;
        border-radius: 4px;
        display: none;
        z-index: 9;
        justify-content: flex-start;
        gap: 16px;
        width: calc(100% - 48px);
        height: calc(100vh - 324px);
        overflow: scroll;
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap
    }

    .projectListFilter .filters .filter .locationFilter .filterItem .location-container .custom-checkbox {
        position: absolute;
        bottom: calc(50% - 12px);
        right: 18px;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-color: transparent;
        border-radius: 50%
    }

    .projectListFilter .filters .filter .locationFilter .filterItem .location-container {
        position: relative;
        display: flex;
        width: calc(100% - 36px);
        height: calc(100% - 36px);
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #e6e6e6;
        padding: 18px
    }

    .projectListFilter .filters .filter .categoryFilter .full-filter .filterItems {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: flex-start;
        gap: 0
    }

    .projectListFilter .filters .filter .categoryFilter .filterItem {
        width: 100%;
        height: 60px
    }

        .projectListFilter .filters .filter .categoryFilter .filterItem .image-container {
            position: relative;
            display: flex;
            width: calc(100% - 36px);
            height: calc(100% - 36px);
            align-items: center;
            justify-content: flex-start;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: row;
            cursor: pointer;
            border-radius: 4px;
            border: 1px solid #e6e6e6;
            padding: 18px
        }

            .projectListFilter .filters .filter .categoryFilter .filterItem .image-container .custom-checkbox {
                position: absolute;
                bottom: calc(50% - 12px);
                right: 18px;
                display: inline-block;
                width: 24px;
                height: 24px;
                background-color: transparent;
                border-radius: 50%
            }

            .projectListFilter .filters .filter .categoryFilter .filterItem .image-container img {
                max-height: 100%
            }

    .historyMilestones {
        background: #1d1d1b;
        padding-top: 192px;
        padding-bottom: 20px
    }

    .historySliders {
        padding: 40px 0 !important
    }

        .historySliders .history {
            flex-direction: column
        }

            .historySliders .history .year {
                width: 100%
            }

            .historySliders .history .content {
                width: 100%
            }

    .projectDetailgallery .projectDetailSwiper .swiper-wrapper .swiper-next-button {
        right: 50px
    }

    .sponsorshipsInfo .innerInfo {
        flex-direction: column
    }

    .manifestInformation .manifestContent .content .left-content {
        width: 100%;
        max-width: 100%
    }

    .manifestInformation .manifestContent .content .right-content {
        width: 100%;
        max-width: 100%;
        margin-top: 0
    }

    .salesFilter .filterContainer {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        padding: 0;
        border: none;
        border-radius: 0;
        gap: 10px
    }

        .salesFilter .filterContainer input {
            background: #fff;
            border: 1px solid #f7f7f7;
            border-radius: 4px;
            background-repeat: no-repeat
        }

            .salesFilter .filterContainer input:not([type=checkbox]) {
                height: 52px !important
            }

        .salesFilter .filterContainer select {
            height: 52px !important;
            background: #fff;
            border: 1px solid #f7f7f7;
            border-radius: 4px
        }

        .salesFilter .filterContainer .uk-select:not([multiple]):not([size]) {
            border: 1px solid #e6e6e6;
            border-radius: 4px
        }

    #open-infoForm {
        right: 20px;
        bottom: 100px
    }

    .landSlider {
        height: 860px
    }

        .landSlider .galleryNavigationV {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            top: 1rem;
            left: auto;
            gap: 1rem;
            right: 1rem;
            z-index: 9999
        }

        .landSlider .verticalSwiper {
            height: 860px
        }

    .nefReserveDetailBanner .logoArea h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #1d1d1b;
        margin-bottom: 18px;
        max-width: 217px;
        text-align: center
    }

    .nefReserveDetailInformationSlider .row-1-2 {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-content: center
    }

        .nefReserveDetailInformationSlider .row-1-2 .imgSwiper {
            width: 100%
        }

        .nefReserveDetailInformationSlider .row-1-2 .textArea {
            padding-left: 20px;
            padding-top: 40px;
            padding-bottom: 80px;
            padding-right: 20px;
            width: calc(100% - 40px)
        }

            .nefReserveDetailInformationSlider .row-1-2 .textArea .galleryNavigation {
                display: flex;
                flex-direction: row;
                gap: 9px;
                align-items: center;
                justify-content: flex-start;
                align-content: center;
                flex-wrap: nowrap;
                position: relative;
                bottom: auto;
                left: auto;
                margin-top: 70px
            }

    .nefReserveDetailInformation .counters {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        gap: 80px;
        margin-top: 120px
    }

    .nefReserveDetailInformation .textArea {
        width: 100%
    }

    .nefReserveDetailInformation .content {
        display: none
    }

    .nefReserveDetailTitles {
        display: none
    }

    .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide {
        padding-bottom: 80px
    }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide .swiper-next-button {
            display: none !important
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide .swiper-prev-button {
            display: none !important
        }

        .nefReserveDetailBanner .nefReserveDetailSwiper .swiper-wrapper .swiper-slide a.download {
            right: 0;
            bottom: 0;
            width: 99.7%
        }

    .nefReserveDetailBanner {
        padding-top: 120px
    }

    .foundationDonation .titleArea h3 {
        font-size: 28px;
        line-height: 40px
    }

    .foundationSocial .cardsArea {
        flex-direction: column
    }

        .foundationSocial .cardsArea .cardElement {
            width: 100%
        }

    .foundationContent .textArea {
        max-width: 100%;
        margin-left: auto;
        width: calc(100% - 40px);
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }

    .foundationContent .imageArea {
        max-width: 100%;
        width: calc(100% - 40px);
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 31px
    }

    .foundationContent .row-1-2:nth-child(odd) {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-end
    }

    .foundationContent .row-1-2:nth-child(2n) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start
    }

    .foundationCounter .counters {
        flex-direction: column;
        gap: 36px
    }

    .foundationInformation .textArea {
        width: 100%
    }

        .foundationInformation .textArea h5 {
            font-size: 32px
        }

    .hrBanner .title .imgArea picture {
        aspect-ratio: 176/39;
        width: 100%;
        height: auto
    }

    .projectDetailContact #InnerContactForm .uk-button {
        width: 100%
    }

    .projectDetailContact .content {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column
    }

        .projectDetailContact .content .titleArea h3 {
            margin-top: 0
        }

        .projectDetailContact .content .titleArea > * {
            padding-right: 0
        }

        .projectDetailContact .content > div {
            width: 100%
        }

    .reserveDetailContact #InnerContactForm .uk-button {
        width: 100%
    }

    .reserveDetailContact .content {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column
    }

        .reserveDetailContact .content .titleArea h3 {
            margin-top: 0
        }

        .reserveDetailContact .content .titleArea > * {
            padding-right: 0
        }

        .reserveDetailContact .content > div {
            width: 100%
        }

    .projectDetailgallery .projectDetailSwiper .swiper-wrapper .swiper-slide {
        width: calc(100% - 50px)
    }

        .projectDetailgallery .projectDetailSwiper .swiper-wrapper .swiper-slide picture {
            width: 100%;
            aspect-ratio: 320/420
        }

    .projectDetailgallery .projectDetailSwiper .swiper-next-button {
        display: none !important
    }

    .projectDetailgallery .projectDetailSwiper .swiper-prev-button {
        display: none !important
    }

    .projectDetailCommunication .uk-grid {
        margin-left: 0
    }

    .projectDetailCommunication .content {
        padding-left: 0
    }

    .projectDetailCommunication .imageArea > img:first-child {
        max-width: 90%
    }

    .nefReserveDetailMap {
        padding-top: 0;
        padding-bottom: 0;
        min-height: auto;
        height: auto;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: .35s;
        overflow: hidden
    }

        .nefReserveDetailMap .projectMap {
            display: block
        }

            .nefReserveDetailMap .projectMap img {
                width: 100%;
                height: auto;
                margin-top: -71px
            }

        .nefReserveDetailMap .content {
            max-width: 100%;
            margin-top: 40px
        }

    .projectDetailMap {
        padding-top: 0;
        padding-bottom: 0;
        min-height: auto;
        height: auto;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: .35s;
        overflow: hidden
    }

        .projectDetailMap .projectMap {
            display: block
        }

            .projectDetailMap .projectMap img {
                width: 100%;
                height: auto;
                margin-top: -71px
            }

        .projectDetailMap .content {
            max-width: 100%;
            margin-top: 40px
        }

    .projectDetailBanner .title {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row
    }

        .projectDetailBanner .title .announcement {
            display: none
        }

        .projectDetailBanner .title .textArea {
            left: auto;
            bottom: 22px
        }

            .projectDetailBanner .title .textArea h1 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 5px
            }

        .projectDetailBanner .title a {
            display: none
        }

    .projectDetailInfo {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .projectDetailInfo h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            letter-spacing: .02em;
            color: #1d1d1b;
            margin-top: 20px
        }

    .projectDetailFeatures .counters {
        flex-wrap: wrap;
        row-gap: 3rem
    }

    .projectDetailFeatures h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        color: #fff
    }

    .projectDetailFeatures .content {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        flex-wrap: nowrap;
        width: 100%;
        padding-top: 28px;
        padding-bottom: 46px
    }

        .projectDetailFeatures .content .textArea {
            padding-left: 0;
            margin-top: 20px
        }

            .projectDetailFeatures .content .textArea a.downloadButton {
                gap: 10px;
                width: 100%
            }

        .projectDetailFeatures .content > div {
            width: 100%
        }

    .projectListFilter {
        height: 136px
    }

        .projectListFilter .filters {
            width: 100%;
            height: auto;
            background: 0 0;
            border: none;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap;
            flex-direction: column;
            gap: 8px
        }

            .projectListFilter .filters .filter {
                display: flex;
                height: 32px;
                width: calc(100% - 1rem);
                background: #fff;
                align-items: center;
                justify-content: space-between;
                align-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
                padding: 10px;
                border-radius: 4px
            }

    .projectListTabs .swiper-wrapper {
        justify-content: start
    }

    .projectListCards .projectCards {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        flex-direction: column
    }

        .projectListCards .projectCards .projectCard {
            position: relative;
            width: 100%
        }

            .projectListCards .projectCards .projectCard .upper .inner img {
                width: 100px;
                height: auto;
                aspect-ratio: auto;
                margin: 15px;
                border-radius: 0;
                object-fit: contain
            }

            .projectListCards .projectCards .projectCard .upper .inner > div {
                position: absolute;
                bottom: 15px;
                left: 15px;
                text-align: start;
                padding-right: 0
            }

            .projectListCards .projectCards .projectCard .upper .inner a {
                position: absolute;
                bottom: 0;
                right: 0;
                text-align: start;
                font-family: Chalet;
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 28px;
                color: transparent;
                width: 100%;
                height: 100%
            }

            .projectListCards .projectCards .projectCard picture {
                aspect-ratio: 335/230
            }

    .dealershipApplicationForm {
        padding-top: 120px
    }

        .dealershipApplicationForm .content {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: center;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px
        }

            .dealershipApplicationForm .content > div {
                width: 100%
            }

        .dealershipApplicationForm .uk-button {
            width: 100% !important
        }

    .mediaCenterCategory {
        padding-top: 0;
        padding-bottom: 20px
    }

    .mediaCenterTabs {
        padding-bottom: 30px
    }

    .mediaCenterTitle {
        padding-top: 120px;
        padding-bottom: 30px
    }

        .mediaCenterTitle .title h1 {
            font-size: 32px;
            line-height: 40px
        }

    .mediaCenterCards .naCards {
        display: flex;
        gap: 48px;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

        .mediaCenterCards .naCards .naCard {
            display: flex;
            flex-direction: column;
            width: 100%;
            min-height: 330px;
            background: #fff
        }

            .mediaCenterCards .naCards .naCard picture {
                margin-bottom: 20px
            }

    .mediaCenterCards .bnCards {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

        .mediaCenterCards .bnCards .bnCard {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 230px;
            background: #fff
        }

            .mediaCenterCards .bnCards .bnCard picture {
                margin-bottom: 20px;
                aspect-ratio: 335/230
            }

    .mediaCenterCards .kkCards {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 15px
    }

        .mediaCenterCards .kkCards .kkCard {
            display: flex;
            flex-direction: column;
            width: calc((100% - 30px)/ 2);
            min-height: 129px;
            background: #fff;
            border-radius: 4px;
            border: 1px solid rgba(29,29,27,.1)
        }

            .mediaCenterCards .kkCards .kkCard picture {
                width: 100%;
                margin: 0;
                aspect-ratio: 160/115
            }

                .mediaCenterCards .kkCards .kkCard picture > * {
                    width: fit-content;
                    object-fit: contain
                }

    .mediaCenterCards .rfCards {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px
    }

        .mediaCenterCards .rfCards .rfCard {
            display: flex;
            flex-direction: column;
            width: 100%;
            min-height: 230px;
            background: #fff
        }

            .mediaCenterCards .rfCards .rfCard picture {
                margin-bottom: 16px;
                aspect-ratio: 335/230
            }

                .mediaCenterCards .rfCards .rfCard picture img {
                    aspect-ratio: 335/230
                }

    .hrNavigator-2 .navigator h2 {
        font-size: 32px;
        line-height: 40px
    }

    .hrNavigator-1 .navigator {
        flex-direction: column;
        align-items: flex-start
    }

        .hrNavigator-1 .navigator .title h2 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 20px
        }

    .hrBanner .title h1 {
        font-size: 32px;
        line-height: 40px;
        left: 20px;
        bottom: 20px
    }

    .hrBanner .title .imgArea {
        left: 20px;
        bottom: 20px
    }

    .hrProcess h2 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 40px
    }

    .hrProcess .processCards {
        padding-left: 0;
        column-count: 1
    }

        .hrProcess .processCards .processCard {
            margin-bottom: 24px
        }

            .hrProcess .processCards .processCard h4 {
                font-size: 24px;
                line-height: 30px;
                margin-bottom: 12px
            }

    .naDetailOthers {
        position: relative
    }

        .naDetailOthers .title .galleryNavigation {
            position: absolute;
            bottom: 20px;
            right: 20px
        }

        .naDetailOthers .uk-container {
            padding-right: 0
        }

        .naDetailOthers .naDetailSwiper .swiper-slide {
            width: 88%
        }

            .naDetailOthers .naDetailSwiper .swiper-slide .naCard .contentArea h5 {
                padding-right: 50px;
                font-weight: 400
            }

            .naDetailOthers .naDetailSwiper .swiper-slide .naCard .imgArea a {
                position: absolute;
                width: 40px;
                height: 40px;
                background: 0 0;
                bottom: -50px;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center
            }

    .naDetailContent .content h1 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-bottom: 20px
    }

    .naDetailContent .content h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        margin-bottom: 20px;
        color: #1d1d1b
    }

    .naDetailBanner {
        padding-bottom: 20px
    }

        .naDetailBanner > div {
            padding: 0
        }

    .news-announcements-title {
        padding-top: 120px;
        padding-bottom: 10px
    }

        .news-announcements-title .title {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 1rem
        }

            .news-announcements-title .title h1 {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 32px;
                line-height: 40px;
                letter-spacing: .02em;
                color: #1d1d1b
            }

            .news-announcements-title .title .subsciber {
                width: 100%
            }

                .news-announcements-title .title .subsciber h5 {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 14px;
                    color: #1d1d1b
                }

                .news-announcements-title .title .subsciber form .uk-inline {
                    width: 100%
                }

                .news-announcements-title .title .subsciber form input {
                    width: 100%;
                    height: 52px !important;
                    background: #fff;
                    border: 1px solid #e6e6e6;
                    border-radius: 4px
                }

                .news-announcements-title .title .subsciber form a.submit {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    width: 100%;
                    height: 60px;
                    background: #b59a88;
                    border-radius: 4px;
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 28px;
                    text-align: center;
                    color: #fff;
                    margin: 0;
                    margin-top: 1rem
                }

    .news-announcements-cards .naCards {
        display: flex;
        gap: 48px;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

        .news-announcements-cards .naCards .naCard {
            display: flex;
            flex-direction: column;
            width: 100%;
            min-height: 330px;
            background: #fff
        }

            .news-announcements-cards .naCards .naCard picture {
                margin-bottom: 20px
            }

    .salesOfficeCards .soCards {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

        .salesOfficeCards .soCards .soCard {
            display: flex;
            flex-direction: column;
            padding: 40px 28px 30px 28px;
            gap: 20px;
            width: calc(100% - 58px);
            min-height: 330px;
            background: #fff;
            border: 1px solid #e6e6e6;
            border-radius: 8px
        }

    .salesBanner {
        padding-top: 120px;
        padding-bottom: 20px
    }

        .salesBanner .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #1d1d1b
        }

    .contactBanner {
        padding-top: 120px;
        padding-bottom: 20px
    }

        .contactBanner .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #1d1d1b
        }

    .contactMap {
        padding-top: 0
    }

        .contactMap .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            align-content: center;
            flex-wrap: nowrap
        }

            .contactMap .content #map {
                width: 100%;
                aspect-ratio: 63/46;
                margin-bottom: 20px
            }

            .contactMap .content .contactDetails {
                width: 100%;
                padding-left: 0;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start
            }

                .contactMap .content .contactDetails h4 {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 30px;
                    color: #1d1d1b
                }

                .contactMap .content .contactDetails a.tel {
                    margin-bottom: 28px;
                    font-size: 14px;
                    line-height: 17px
                }

                .contactMap .content .contactDetails a.recipeButton {
                    width: 100%
                }

    .kvkk {
        padding-top: 120px
    }

    .blogDetailSlider {
        position: relative
    }

        .blogDetailSlider .title .galleryNavigation {
            position: absolute;
            bottom: 20px;
            right: 20px
        }

        .blogDetailSlider .uk-container {
            padding-right: 0
        }

        .blogDetailSlider .blogDetailSwiper .swiper-slide {
            width: 88%
        }

            .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .contentArea h5 {
                padding-right: 50px;
                font-weight: 400
            }

            .blogDetailSlider .blogDetailSwiper .swiper-slide .blogCard .imgArea a {
                position: absolute;
                width: 40px;
                height: 40px;
                background: 0 0;
                bottom: -50px;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center
            }

    .blogDetailContent {
        margin-top: 22px
    }

        .blogDetailContent .content picture > * {
            aspect-ratio: 375/270;
            margin-bottom: 28px
        }

        .blogDetailContent .content h1 {
            font-size: 32px;
            line-height: 40px
        }

        .blogDetailContent .content h5 {
            font-size: 16px;
            line-height: 22px
        }

        .blogDetailContent .content h3 {
            font-size: 24px;
            line-height: 30px
        }

    .blogCards {
        padding-top: 20px;
        padding-bottom: 40px
    }

        .blogCards .blogCardList {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            align-content: center
        }

            .blogCards .blogCardList .blogCard {
                width: 100%;
                min-height: 323px;
                height: auto
            }

                .blogCards .blogCardList .blogCard .imgArea a {
                    right: 0;
                    bottom: -50px;
                    background: #fff
                }

                    .blogCards .blogCardList .blogCard .imgArea a span {
                        color: #1d1d1b
                    }

                .blogCards .blogCardList .blogCard .contentArea h5 {
                    padding-right: 60px
                }

            .blogCards .blogCardList > div {
                max-width: 100%
            }

    .blogTitleAndFiltering {
        padding-top: 152px;
        padding-bottom: 20px
    }

        .blogTitleAndFiltering .title {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem
        }

            .blogTitleAndFiltering .title h1 {
                font-size: 32px;
                line-height: 40px
            }

            .blogTitleAndFiltering .title #BlogCategory {
                width: 100%
            }

    .nefReserveFormNavigator {
        padding-top: 40px !important;
        background: #fff
    }

        .nefReserveFormNavigator h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            text-align: center;
            letter-spacing: .02em;
            color: #000
        }

    .nefReserveCurrentProjects {
        padding-bottom: 40px !important
    }

        .nefReserveCurrentProjects > .uk-container {
            padding-right: 0;
            padding-left: 0
        }

            .nefReserveCurrentProjects > .uk-container .see-more, .nefReserveCurrentProjects > .uk-container a, .nefReserveCurrentProjects > .uk-container h2, .nefReserveCurrentProjects > .uk-container h3, .nefReserveCurrentProjects > .uk-container h5, .nefReserveCurrentProjects > .uk-container p {
                padding-right: 15px;
                padding-left: 15px
            }

        .nefReserveCurrentProjects h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #1d1d1b;
            text-align: start
        }

        .nefReserveCurrentProjects .see-more {
            justify-content: flex-start;
            margin-bottom: 24px
        }

        .nefReserveCurrentProjects .row-1-2 {
            margin-bottom: 0
        }

            .nefReserveCurrentProjects .row-1-2:nth-child(odd) {
                flex-direction: column-reverse
            }

            .nefReserveCurrentProjects .row-1-2:nth-child(2n) {
                flex-direction: column
            }

            .nefReserveCurrentProjects .row-1-2 > div {
                width: 100%
            }

            .nefReserveCurrentProjects .row-1-2 .uk-margin-large-right {
                margin-right: 0 !important
            }

            .nefReserveCurrentProjects .row-1-2 .imageArea {
                margin-bottom: 28px
            }

                .nefReserveCurrentProjects .row-1-2 .imageArea img {
                    width: 100%
                }

    .nefReserveContactArea .title {
        margin-bottom: 28px
    }

        .nefReserveContactArea .title h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #1d1d1b
        }

        .nefReserveContactArea .title .buttons {
            display: none
        }

    .nefReserveContactArea .content h4 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-bottom: 28px
    }

    .nefReserveContactArea .content .details {
        max-width: 100%
    }

    .projectCategories .categoryCard > img:last-child {
        left: 20px;
        top: 20px;
        max-height: 38px
    }

    .projectCategories picture {
        width: 100%
    }

        .projectCategories picture > * {
            width: 100%
        }

    .projectCategories .row-1-3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-content: center;
        gap: 20px
    }

        .projectCategories .row-1-3 > div {
            width: 100%
        }

    .foldhomeCityAndVillage .videoArea {
        margin-bottom: 28px
    }

    .foldhomeCityAndVillage .row-1-2 {
        flex-direction: column
    }

        .foldhomeCityAndVillage .row-1-2:first-child {
            flex-direction: column-reverse
        }

        .foldhomeCityAndVillage .row-1-2 > div {
            width: 100%
        }

        .foldhomeCityAndVillage .row-1-2 .uk-margin-medium-right {
            margin-right: 0 !important
        }

    .foldhomeCityAndVillage .textArea h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        color: #fff
    }

    .foldhomeAdvantages h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b;
        margin-bottom: 20px
    }

    .foldhomeAdvantages ul {
        column-count: 1
    }

    .foldhomeDesignInnovation h2 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: .02em;
        color: #1d1d1b
    }

    .foldhomeDesignInnovation p {
        margin-bottom: 40px
    }

    .foldhomeBanner .foldhomeTitle {
        background: #181818;
        padding-bottom: 40px;
        padding-top: 120px
    }

        .foldhomeBanner .foldhomeTitle .gallery .imageArea > img:first-child {
            max-width: 90%
        }

        .foldhomeBanner .foldhomeTitle .gallery .imageArea > img:last-child {
            max-width: 70%
        }

        .foldhomeBanner .foldhomeTitle .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            margin-bottom: 12px
        }

        .foldhomeBanner .foldhomeTitle .title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .02em;
            color: #fff
        }

        .foldhomeBanner .foldhomeTitle .row-1-2 {
            flex-direction: column
        }

            .foldhomeBanner .foldhomeTitle .row-1-2 > div {
                width: 100%
            }

        .foldhomeBanner .foldhomeTitle::after {
            display: none
        }

    .foldhomeTitleReserve {
        background: #181818;
        padding-bottom: 40px;
        padding-top: 120px
    }

        .foldhomeTitleReserve .gallery .imageArea > img:first-child {
            max-width: 90%
        }

        .foldhomeTitleReserve .gallery .imageArea > img:last-child {
            max-width: 70%
        }

        .foldhomeTitleReserve .title h1 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff;
            margin-bottom: 12px
        }

        .foldhomeTitleReserve .title h4 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .02em;
            color: #fff
        }

        .foldhomeTitleReserve .row-1-2 {
            flex-direction: column
        }

            .foldhomeTitleReserve .row-1-2 > div {
                width: 100%
            }

        .foldhomeTitleReserve::after {
            display: none
        }

    .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide {
        width: calc(100% - 50px)
    }

    .manifestProjecs .manifestCompletedProjects .container-nef .title {
        padding-right: 30px
    }

    .manifestProjecs .manifestCompletedProjects .container-nef .galleryNavigation {
        padding-right: 50px
    }

    .ourFounderMessage {
        display: flex;
        flex-direction: column-reverse
    }

        .ourFounderMessage .founderMessage {
            background-color: #1d1d1b;
            padding-top: 40px;
            padding-bottom: 40px
        }

            .ourFounderMessage .founderMessage .content {
                width: 100%;
                max-width: 100%
            }

                .ourFounderMessage .founderMessage .content h1 {
                    font-size: 32px;
                    line-height: 40px
                }

        .ourFounderMessage .founderImage {
            padding-bottom: 0
        }

            .ourFounderMessage .founderImage .container-nef {
                padding: 0
            }

            .ourFounderMessage .founderImage .gallery {
                max-width: 100%;
                margin-left: auto;
                margin-top: 80px;
                margin-right: auto
            }

                .ourFounderMessage .founderImage .gallery .imgArea {
                    width: 419px;
                    height: 420px;
                    max-width: 100%;
                    max-height: 100%;
                    aspect-ratio: auto;
                    margin-left: auto;
                    margin-right: auto
                }

    .foldHome h3 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .02em;
        color: #fff;
        margin-top: 0;
        margin-bottom: 20px
    }

    .foldHome h5 {
        font-family: Chalet;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .02em;
        color: #b59a88;
        margin-bottom: 28px;
        margin-top: 0;
        font-size: 32px;
        line-height: 40px
    }

    .counterSlider .swiper-button-next, .counterSlider .swiper-button-prev {
        position: absolute;
        bottom: 20px;
        padding: 0 20px;
        top: auto;
        margin-left: auto;
        margin-right: auto;
        width: 70%
    }

    .counterSlider {
        padding-top: 0
    }

        .counterSlider .sliderContainer {
            display: flex;
            width: 100%;
            flex-wrap: nowrap;
            align-items: center;
            position: relative;
            flex-direction: column-reverse;
            justify-content: center;
            align-content: center;
            padding-bottom: 30px
        }

            .counterSlider .sliderContainer .content {
                width: 100%;
                display: flex;
                flex-direction: column;
                padding-right: 0;
                align-items: center;
                text-align: center
            }

            .counterSlider .sliderContainer .gallery .counter {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 64px;
                line-height: 78px;
                text-align: center;
                color: #1d1d1b;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 40px
            }

        .counterSlider .swiper-scrollbar.swiper-scrollbar-horizontal {
            bottom: 90px;
            width: 90%;
            margin-left: 5%
        }

    .nefHousing .imageArea {
        gap: 20px;
        flex-direction: column !important
    }

        .nefHousing .imageArea > div {
            max-width: 100%;
            position: relative
        }

    .landSlider .sliderContainer {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        flex-wrap: nowrap;
        align-items: center;
        position: relative;
        gap: 40px
    }

        .landSlider .sliderContainer .content {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding-right: 0
        }

        .landSlider .sliderContainer .gallery {
            width: 100%
        }

    .salesOffices .salesOfficesCard {
        width: 34vw
    }

        .salesOffices .salesOfficesCard .buttons a {
            width: 34vw
        }

    header .hamburgerMenu {
        display: none;
        visibility: hidden
    }

    header .uk-navbar-container {
        background: #fff
    }

        header .uk-navbar-container .header-logo {
            filter: none
        }

    header .uk-navbar-nav > li > a {
        color: #1d1d1b
    }

        header .uk-navbar-nav > li > a:hover {
            color: #1d1d1b;
            text-decoration: none
        }

    header .hamburgerButton {
        margin-left: 30px;
        margin-right: 15px
    }

        header .hamburgerButton #nav-icon span {
            background: #1d1d1b
        }

        header .hamburgerButton #nav-icon.open {
            right: 20px
        }

    header .hamburgerMenu-m {
        position: absolute;
        top: 80px;
        right: 0;
        background: #fff;
        height: calc(100vh - 80px);
        max-height: calc(100vh - 80px);
        width: 0;
        max-width: 100%;
        z-index: 3;
        transition: .3s ease;
        display: block;
        overflow: hidden
    }

        header .hamburgerMenu-m .menuElements {
            padding: 30px 15px 15px 15px;
            width: calc(100% - 40px);
            height: var(--dinamic-height);
            overflow: scroll;
            border-top: 1px solid #e6e6e6
        }

            header .hamburgerMenu-m .menuElements > div {
                margin-bottom: 12px
            }

            header .hamburgerMenu-m .menuElements .linkElement a {
                color: #1d1d1b;
                font-family: Chalet;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px
            }

                header .hamburgerMenu-m .menuElements .linkElement a:hover {
                    color: #1d1d1b;
                    text-decoration: none
                }

            header .hamburgerMenu-m .menuElements .dropElement a {
                text-decoration: none
            }

                header .hamburgerMenu-m .menuElements .dropElement a:hover {
                    text-decoration: none
                }

            header .hamburgerMenu-m .menuElements .dropElement > a {
                font-family: Chalet;
                color: #232321;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 6px 12px;
                margin-left: -12px;
                color: #1d1d1b;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px
            }

                header .hamburgerMenu-m .menuElements .dropElement > a.open {
                    background: #f7f7f7;
                    border-radius: 4px
                }

                    header .hamburgerMenu-m .menuElements .dropElement > a.open .uk-icon {
                        transform: rotate(180deg);
                        transition: .3s ease
                    }

            header .hamburgerMenu-m .menuElements .dropElement .subLinks {
                display: none;
                flex-direction: column;
                align-items: flex-start;
                margin-top: 14px;
                margin-bottom: 20px
            }

                header .hamburgerMenu-m .menuElements .dropElement .subLinks.open {
                    display: flex
                }

                header .hamburgerMenu-m .menuElements .dropElement .subLinks a {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 28px;
                    color: #232321;
                    width: 100%;
                    border-bottom: 1px solid #f6f6f6;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    align-content: center;
                    flex-wrap: nowrap;
                    flex-direction: row;
                    padding-top: 4px;
                    padding-bottom: 4px
                }

                    header .hamburgerMenu-m .menuElements .dropElement .subLinks a:first-child {
                        border-top: 1px solid #f6f6f6
                    }

        header .hamburgerMenu-m .socialIcons {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            gap: 12px;
            padding: 15px;
            padding-bottom: 28px
        }

            header .hamburgerMenu-m .socialIcons a {
                width: 40px;
                height: 40px;
                aspect-ratio: 1;
                border: 1px solid rgba(0,0,0,.1);
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center
            }

                header .hamburgerMenu-m .socialIcons a .uk-icon {
                    color: #1d1d1b
                }

        header .hamburgerMenu-m .mailLinks {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-wrap: nowrap;
            gap: 8px
        }

            header .hamburgerMenu-m .mailLinks a {
                font-family: Chalet;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 28px;
                letter-spacing: .02em;
                color: #595959
            }

        header .hamburgerMenu-m .m-menuButtons {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            flex-direction: column;
            align-content: center;
            gap: 4px;
            margin-top: 33px
        }

            header .hamburgerMenu-m .m-menuButtons .uk-flex {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: nowrap;
                flex-direction: row;
                align-content: center;
                gap: 11px
            }

            header .hamburgerMenu-m .m-menuButtons .nef-button-light {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: 162px;
                height: 58px;
                background: #fff;
                border: 1px solid #f7f7f7;
                backdrop-filter: blur(2px);
                border-radius: 4px
            }

                header .hamburgerMenu-m .m-menuButtons .nef-button-light a {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 17px;
                    text-align: center;
                    letter-spacing: .02em;
                    color: #1d1d1b
                }

            header .hamburgerMenu-m .m-menuButtons .nef-button-dark {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: 339px;
                max-width: 100%;
                height: 60px;
                background: #1d1d1b;
                border-radius: 4px
            }

                header .hamburgerMenu-m .m-menuButtons .nef-button-dark a {
                    font-family: Chalet;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 28px;
                    text-align: center;
                    color: #fff
                }

        header .hamburgerMenu-m .m-menu-fixed {
            position: relative;
            padding-bottom: 20px;
            width: calc(100% - 30px);
            margin-right: 15px;
            margin-left: 15px
        }

    .letsCallYouModal h2 {
        border-bottom: 1px solid #e6e6e6
    }

    .letsCallYouModal.uk-modal {
        padding: 0 !important
    }

        .letsCallYouModal.uk-modal .uk-modal-dialog {
            width: 100%;
            padding: 20px;
            border-radius: 0;
            min-height: 100%
        }

    .letsCallYouModal .uk-button {
        width: 100%
    }

    .PromoSlider .swiper-pagination-bullets {
        display: none
    }

    .PromoSlider .sliderContent {
        bottom: 28px;
        left: 20px
    }

        .PromoSlider .sliderContent h2 {
            font-size: 48px;
            line-height: 56px;
            margin-bottom: 12px
        }

    .information .uk-section-large {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .information .uk-container .title h3 {
        font-weight: 700;
        font-size: 28px;
        line-height: 40px;
        max-width: 100%
    }

    .information .uk-container .title img {
        display: none
    }

    .information .uk-container .content {
        margin-top: 24px
    }

        .information .uk-container .content p {
            max-width: 100%
        }

        .information .uk-container .content a {
            max-width: 100%
        }

    .sponsorshipsPAV .pavList ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }

    .sponsorshipsCards .ss-cards .ss-card {
        max-width: 100%
    }

    footer {
        padding-top: 60px
    }

        footer .footerLogo {
            margin-bottom: 28px
        }

        footer .socialIcons {
            margin-bottom: 28px
        }

        footer .footerMenu {
            margin-bottom: 28px;
            display: flex;
            align-items: center;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-content: center;
            gap: 6px
        }

        footer .callButton .nef-button-light {
            margin-bottom: 28px
        }

        footer .mailLinks {
            flex-direction: column;
            gap: 12px
        }

        footer .copyRight {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            flex-wrap: wrap;
            margin-top: 28px;
            gap: 28px;
            margin-bottom: 128px !important
        }

            footer .copyRight .leftArea {
                flex-direction: column
            }

                footer .copyRight .leftArea h5 {
                    text-align: center
                }

            footer .copyRight .rightArea {
                flex-direction: column;
                gap: 9px
            }

                footer .copyRight .rightArea a {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    align-content: center;
                    flex-wrap: nowrap
                }

                    footer .copyRight .rightArea a:not(:last-child)::after {
                        content: "";
                        position: absolute;
                        width: 15px;
                        height: 1px;
                        background: #595959;
                        margin: 4px 0;
                        bottom: -9px
                    }
}

@media screen and (max-width:639.98px) {
    .projectListFilter .filters .filter .locationFilter {
        height: calc(100vh - 324px)
    }

    #LandingPage .infoFormlanding {
        position: relative;
        width: auto;
        height: auto;
        background-color: #f7f7f7;
        padding: 40px 20px 40px 20px;
        transition: right .5s ease;
        overflow-y: scroll
    }

    #LandingPage .landing-container {
        flex-direction: column
    }

    #LandingPage .landingImg {
        height: auto;
        width: 100%
    }

        #LandingPage .landingImg picture img {
            object-fit: cover;
            aspect-ratio: 375/200;
            height: 100%;
            width: 100%
        }

    #InnerInfoForm .uk-button {
        width: 100%
    }

    .infoForm {
        right: -100%;
        width: calc(100% - 80px);
        padding: 40px
    }

    #open-infoForm {
        z-index: 999;
        width: 120px;
        height: 40px;
        font-size: 12px;
        right: 10px;
        bottom: 90px
    }

    .landSlider {
        height: calc(130vw + 120px)
    }

        .landSlider .verticalSwiper {
            height: calc(130vw + 120px)
        }

    .nefReserveBanner {
        padding-top: 92px
    }

        .nefReserveBanner > div {
            padding-left: 0;
            padding-right: 0
        }

        .nefReserveBanner .gallery .sliderArea .swiper-slide {
            display: flex;
            justify-content: center
        }

            .nefReserveBanner .gallery .sliderArea .swiper-slide img {
                aspect-ratio: 25/18;
                object-fit: cover;
                width: 100%
            }

        .nefReserveBanner .gallery .sliderArea .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            display: inline-block;
            border: 1px solid #fff;
            border-radius: 50%;
            background: 0 0;
            opacity: 1
        }

        .nefReserveBanner .gallery .sliderArea .swiper-pagination-bullet-active {
            opacity: 1;
            background: #fff
        }

    .foldhomeBanner .foldhomeTitle .gallery .imageArea {
        width: auto;
        max-width: 100%;
        height: 488px;
        max-height: 100%;
        aspect-ratio: auto;
        display: flex;
        position: relative;
        margin-bottom: 40px
    }

    .foldhomeTitleReserve .gallery .imageArea {
        width: auto;
        max-width: 100%;
        height: 488px;
        max-height: 100%;
        aspect-ratio: auto;
        display: flex;
        position: relative;
        margin-bottom: 40px
    }

    .historyMilestones {
        padding-top: 120px
    }

        .historyMilestones .title h1 {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 16px
        }

        .historyMilestones .title h4 {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 40px
        }

    .sponsorshipsBanner {
        padding-top: 120px;
        padding-bottom: 40px;
        background: #1d1d1b
    }

        .sponsorshipsBanner .title h1 {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 16px
        }

        .sponsorshipsBanner .title h4 {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 40px
        }

    .sponsorshipsInfo {
        padding-top: 60px;
        padding-bottom: 0
    }

    .sponsorshipsPAV {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .sponsorshipsPAV h2 {
            font-size: 28px;
            line-height: 40px;
            margin-bottom: 20px
        }

    .manifestProjecs .manifestCompletedProjects {
        padding-bottom: 100px
    }

        .manifestProjecs .manifestCompletedProjects .container-nef {
            position: relative
        }

            .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent img {
                padding-left: 15px;
                padding-top: 15px
            }

            .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div {
                padding: 15px;
                padding-top: 0
            }

                .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div {
                    flex-direction: column
                }

                    .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div h4 {
                        font-size: 18px;
                        line-height: 22px
                    }

                    .manifestProjecs .manifestCompletedProjects .container-nef .sliderContainer .swiper-slide .sliderContent > div > div p {
                        font-size: 12px;
                        line-height: 18px
                    }

            .manifestProjecs .manifestCompletedProjects .container-nef .title {
                margin-bottom: 22px
            }

                .manifestProjecs .manifestCompletedProjects .container-nef .title a {
                    position: absolute;
                    bottom: -44px;
                    z-index: 9
                }

    .nefReserveOtherPrivileges .tabcontent .sliderArea .swiper-slide {
        display: flex;
        justify-content: center
    }

        .nefReserveOtherPrivileges .tabcontent .sliderArea .swiper-slide img {
            aspect-ratio: 5/4;
            object-fit: cover
        }

    .nefReserveOtherPrivileges .tabcontent .sliderArea .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        display: inline-block;
        border: 1px solid #fff;
        border-radius: 50%;
        background: 0 0;
        opacity: 1
    }

    .nefReserveOtherPrivileges .tabcontent .sliderArea .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff
    }

    .manifestInformation .manifestTitle {
        padding-top: 120px;
        padding-bottom: 40px
    }

    .manifestInformation .manifestContent .container-nef {
        padding-right: 0;
        padding-left: 0
    }

    .manifestInformation .manifestContent .gallery {
        margin-top: 0;
        margin-bottom: 28px
    }

        .manifestInformation .manifestContent .gallery .sliderArea .swiper-slide {
            display: flex;
            justify-content: center;
            position: relative
        }

            .manifestInformation .manifestContent .gallery .sliderArea .swiper-slide img {
                aspect-ratio: 5/4;
                object-fit: cover;
                width: 100%
            }

            .manifestInformation .manifestContent .gallery .sliderArea .swiper-slide .innerLogo {
                aspect-ratio: auto;
                position: absolute;
                top: 0;
                right: 0;
                padding: 1rem;
                width: auto
            }

        .manifestInformation .manifestContent .gallery .sliderArea .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            display: inline-block;
            border: 1px solid #fff;
            border-radius: 50%;
            background: 0 0;
            opacity: 1
        }

        .manifestInformation .manifestContent .gallery .sliderArea .swiper-pagination-bullet-active {
            opacity: 1;
            background: #fff
        }

    .manifestInformation .manifestContent .content {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

    .fixed-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        gap: 0;
        position: fixed;
        right: auto;
        transform: rotate(0);
        top: auto;
        width: 100%;
        bottom: 0;
        justify-content: center
    }

        .fixed-buttons > div {
            width: 50% !important;
            border-radius: 0 !important;
            border: none;
            height: 46px !important
        }

    .landSlider {
        padding-bottom: 120px
    }

        .landSlider .sliderContainer .gallery .swiper-slide {
            width: 90% !important;
            flex-direction: column
        }

            .landSlider .sliderContainer .gallery .swiper-slide .upper {
                position: relative;
                width: 100%;
                height: 100%;
                opacity: 1;
                transition: .35s all
            }

                .landSlider .sliderContainer .gallery .swiper-slide .upper .inner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    display: block
                }

                    .landSlider .sliderContainer .gallery .swiper-slide .upper .inner > div {
                        position: relative;
                        bottom: 0;
                        left: 0;
                        text-align: start;
                        margin-top: 10px
                    }

                        .landSlider .sliderContainer .gallery .swiper-slide .upper .inner > div h5 {
                            font-family: Chalet;
                            font-style: normal;
                            font-weight: 700;
                            font-size: 20px;
                            line-height: 30px;
                            color: #fff;
                            margin: 0;
                            padding: 0
                        }

        .landSlider .galleryNavigation {
            right: 20px
        }

        .landSlider .sliderContainer .content .title h2 {
            font-family: Chalet;
            font-style: normal;
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            color: #fff
        }

    .salesOffices .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center
    }

    .salesOffices .title .navigators {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 12px;
        position: absolute;
        bottom: 10px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        left: 0
    }

    .salesOffices .salesOfficesCard {
        width: 75vw;
        height: 400px
    }

        .salesOffices .salesOfficesCard .buttons a {
            width: 75vw
        }

    .sponsorshipsCards {
        padding-top: 48px;
        padding-bottom: 0
    }

        .sponsorshipsCards > div {
            padding-right: 0;
            padding-left: 0
        }

        .sponsorshipsCards h2 {
            font-size: 28px;
            line-height: 40px;
            margin-bottom: 48px
        }
}

@media screen and (max-width:429.98px) {
    .landSlider {
        height: calc(150vw + 120px)
    }

        .landSlider .verticalSwiper {
            height: calc(150vw + 120px)
        }
}

@media screen and (min-width:1600px) {
    .salesOfficeCards .soCards .soCard {
        display: flex;
        flex-direction: column;
        padding: 40px 28px 30px 28px;
        gap: 20px;
        width: calc(((100% - 40px)/ 4) - 64px);
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px
    }
}

@media screen and (min-width:960px) {
    .sticky-img {
        position: sticky;
        top: 20px
    }
}

b, strong {
    font-family: Chalet
}

.FaqAccordion h3 {
    font-family: Chalet;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .02em;
    text-align: left;
    margin-bottom: 60px
}

.FaqAccordion .uk-accordion li {
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 22px;
    padding-top: 22px;
    margin: 0 !important
}

    .FaqAccordion .uk-accordion li p {
        font-family: Chalet;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: .02em;
        text-align: left
    }

    .FaqAccordion .uk-accordion li .uk-accordion-title {
        font-family: Chalet;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: .02em;
        text-align: left;
        color: #1d1d1b
    }

    .FaqAccordion .uk-accordion li.uk-open .uk-accordion-title {
        color: #b59a88
    }

@media screen and (min-width:1300px) {
    .FaqAccordion .container-nef {
        max-width: 100% !important;
        padding-left: 235px !important;
        padding-right: 235px !important
    }
}

.navs-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 22px
}

    .navs-container .navs {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 12px
    }

        .navs-container .navs .icn-swiper-l {
            color: #fff
        }

        .navs-container .navs .icn-swiper-r {
            color: #fff
        }

.uk-form-danger {
    color: #f0506e !important
}

.uk-checkbox {
    border: 1px solid #595959 !important;
    border-radius: 2px
}

    .uk-checkbox:checked {
        border: 1px solid #b59a88;
        background-color: #fff !important;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.82426 0.175736C10.0586 0.410051 10.0586 0.789949 9.82426 1.02426L4.22426 6.62426C3.98995 6.85858 3.61005 6.85858 3.37574 6.62426L0.175736 3.42426C-0.0585786 3.18995 -0.0585786 2.81005 0.175736 2.57574C0.410051 2.34142 0.789949 2.34142 1.02426 2.57574L3.8 5.35147L8.97574 0.175736C9.21005 -0.0585786 9.58995 -0.0585786 9.82426 0.175736Z' fill='%23B59A88'/%3E%3C/svg%3E")
    }

.uk-lightbox {
    background: rgba(0,0,0,.1)
}

.uk-lightbox-toolbar {
    background: rgba(0,0,0,.1)
}

#search-modal {
    padding: 0
}

    #search-modal .uk-modal-dialog {
        width: 100vw;
        padding: 70px 20px 0 20px
    }

@media (min-width:960px) {
    #search-modal .uk-modal-dialog {
        padding: 80px 80px 0 80px
    }
}

#search-modal .uk-modal-dialog #searchForm .uk-inline {
    display: flex;
    align-items: center
}

#search-modal .uk-modal-dialog .title {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: .02em;
    color: #000
}

#search-modal .uk-modal-dialog .icon-button {
    background: #b59a88;
    border-radius: 4px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    padding: 7px 35px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 5px
}

    #search-modal .uk-modal-dialog .icon-button:hover {
        opacity: .8
    }

#search-modal .uk-modal-dialog input {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    border: none;
    height: 52px
}

    #search-modal .uk-modal-dialog input:focus {
        border-color: #b59a88
    }

#search-modal .uk-modal-dialog .popular-search .title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #000
}

#search-modal .uk-modal-dialog .popular-search .popular-button {
    padding: 6px 10px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .02em;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    cursor: pointer
}

    #search-modal .uk-modal-dialog .popular-search .popular-button:hover {
        opacity: .8
    }

#search-modal .uk-modal-dialog .all-results {
    margin-bottom: 40px
}

    #search-modal .uk-modal-dialog .all-results .title {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        color: #000
    }

    #search-modal .uk-modal-dialog .all-results .result {
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        color: #000
    }

#search-modal .uk-modal-dialog .result-cards .result-card {
    padding: 32px 0;
    border-bottom: 1px solid #e6e6e6
}

    #search-modal .uk-modal-dialog .result-cards .result-card .title {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        color: #000
    }

    #search-modal .uk-modal-dialog .result-cards .result-card .desc {
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        color: #8f8f8f;
        margin-top: 8px
    }

        #search-modal .uk-modal-dialog .result-cards .result-card .desc p {
            margin-bottom: 0
        }

    #search-modal .uk-modal-dialog .result-cards .result-card .show-more {
        font-family: Chalet;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: .02em;
        cursor: pointer
    }

.uk-text-truncate-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.our-founder-section {
    background: #181816;
    padding-top: 80px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .our-founder-section {
        padding-top: 190px;
        padding-bottom: 250px
    }
}

.our-founder-section .uk-h1 {
    font-family: Chalet;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 24px
}

@media (min-width:960px) {
    .our-founder-section .uk-h1 {
        font-weight: 400;
        font-size: 64px;
        line-height: 78px;
        margin-bottom: 40px
    }
}

.our-founder-section .desc {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #f7f7f7
}

    .our-founder-section .desc p:last-child {
        margin-bottom: 0
    }

.our-founder-section .image-box {
    width: 100%;
    height: 420px
}

    .our-founder-section .image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

@media (min-width:960px) {
    .our-founder-section .image-box {
        width: 420px;
        height: 520px
    }
}

.our-founder-section .our-founder-card {
    padding: 40px 20px
}

@media (min-width:960px) {
    .our-founder-section .our-founder-card {
        padding: 0
    }
}

@media (max-width:960px) {
    .our-founder-section .uk-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.grecaptcha-badge {
    opacity: 0
}