@font-face {
    font-family: 'RFDewi';
    src: url('fonts/RFDewiExtended-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Для лучшей производительности */
}
@font-face {
    font-family: 'RFDewi';
    src: url('fonts/RFDewiExtended-Semibold.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RFDewi';
    src: url('fonts/RFDewiExtended-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'RFDewi', sans-serif;
    /* overflow-x: hidden; */
}

.irs {
    -webkit-touch-callout: none;
    font-family: 'RFDewi', sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs,.irs-line {
    display: block;
    position: relative
}

.irs-line {
    outline: none!important;
    overflow: hidden
}

.irs-shadow {
    display: none
}

.irs-bar,.irs-shadow {
    left: 0;
    position: absolute;
    width: 0
}

.irs-bar,.irs-handle {
    display: block
}

.irs-handle {
    box-sizing: border-box;
    cursor: default;
    position: absolute;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-max,.irs-min {
    cursor: default;
    display: block;
    position: absolute
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,.irs-single,.irs-to {
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.irs-grid {
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    background: #000;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    bottom: 0;
    color: #000;
    font-size: 9px;
    left: 0;
    line-height: 9px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.irs-disable-mask {
    background: transparent;
    cursor: default;
    display: block;
    height: 100%;
    left: -1%;
    position: absolute;
    top: 0;
    width: 102%;
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed;
    filter: alpha(opacity=0)
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    background: none!important;
    border-color: transparent!important;
    border-style: solid!important;
    display: block!important;
    font-size: 0!important;
    height: 0!important;
    left: 0!important;
    line-height: 0!important;
    margin: 0!important;
    outline: none!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    top: 0!important;
    width: 0!important;
    z-index: -9999!important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    background-color: #dee5eb;
    border-radius: 4px;
    height: 12px;
    top: 25px
}

.irs--flat .irs-bar {
    background-color: #485ed2;
    height: 12px;
    top: 25px
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    background-color: #dee5eb;
    bottom: 16px;
    height: 1px
}

.irs--flat .irs-handle {
    background-color: initial;
    height: 18px;
    top: 22px;
    width: 16px
}

.irs--flat .irs-handle>i:first-child {
    background-color: #3243a9;
    border-radius: 1px;
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 2px
}

.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child {
    background-color: #5783f4
}

.irs--flat .irs-max,.irs--flat .irs-min {
    background-color: #dee5eb;
    border-radius: 4px;
    color: #5d687d;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 3px;
    text-shadow: none;
    top: 0
}

.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to {
    background-color: #485ed2;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none
}

.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #485ed2;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0
}

.irs--flat .irs-grid-pol {
    background-color: #dee5eb
}

.irs--flat .irs-grid-text {
    color: #5d687d
}

body,html {
    height: 100%
}

body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
    overflow-anchor: none
}

main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

main.main_theme_full {
    width: 100%
}

a,button,label {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

a[href^="tel:"] {
    white-space: nowrap
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

textarea {
    resize: none
}

input,textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    font-family: inherit
}

input:focus,textarea:focus {
    outline: none
}

input:invalid,textarea:invalid {
    box-shadow: none
}

input::-ms-clear,textarea::-ms-clear {
    display: none
}

input:-webkit-autofill,textarea:-webkit-autofill {
    -webkit-transition: background-color 0s 50000s;
    transition: background-color 0s 50000s
}

input:-webkit-autofill[readonly=readonly],textarea:-webkit-autofill[readonly=readonly] {
    -webkit-text-fill-color: rgba(var(--color-brand-text-rgb),.7)
}

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

picture {
    background-repeat: no-repeat;
    background-size: cover;
    display: block
}

iframe {
    border-style: none
}

:root {
    --header-logo-height: 20px;
    --header-height: 0px;
    --is-br: 1
}


html {
    color: var(--color-brand-text);
    font-family: 'RFDewi', sans-serif;
}

h1 {
    color: var(--color-brand-headers);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    h1 {
        font-size:56px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    h1 {
        font-size:3.5vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    h1 {
        font-size:56px;
        line-height: 1.1
    }
}

h2 {
    color: var(--color-brand-headers);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    h2 {
        font-size:48px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    h2 {
        font-size:3vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    h2 {
        font-size:48px;
        line-height: 1.1
    }
}

h3 {
    color: var(--color-brand-headers);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    h3 {
        font-size:40px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    h3 {
        font-size:2.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    h3 {
        font-size:40px;
        line-height: 1.2
    }
}

h4 {
    color: var(--color-brand-headers);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    h4 {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    h4 {
        font-size:2vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    h4 {
        font-size:32px;
        line-height: 1.2
    }
}

h5 {
    color: var(--color-brand-headers);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    h5 {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    h5 {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    h5 {
        font-size:24px;
        line-height: 1.2
    }
}

h1,h2,h3,h4,h5,h6 {
    text-wrap: balance
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    p {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    p {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    p {
        font-size:18px;
        line-height: 1.5
    }
}

ol,ul {
    border: 0;
    font: inherit;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

.typo-reset li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .typo-reset li {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset li {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset li {
        font-size:18px;
        line-height: 1.5
    }
}

.typo-reset ul li:before {
    content: "•";
    left: 0;
    padding-right: 5px;
    position: absolute;
    text-align: right;
    top: 0
}

@media only screen and (min-width: 960px) {
    .typo-reset ul li:before {
        padding-right:5px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ul li:before {
        padding-right:.313vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ul li:before {
        padding-right:5px
    }
}

.typo-reset ol {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.typo-reset ol>li {
    counter-increment: list-0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.typo-reset ol>li:before {
    content: counter(list-0) ". ";
    left: 0;
    padding-right: 5px;
    position: absolute;
    top: 0;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .typo-reset ol>li:before {
        padding-right:5px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ol>li:before {
        padding-right:.313vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ol>li:before {
        padding-right:5px
    }
}

.typo-reset ol>li.ql-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.typo-reset ol>li.ql-indent-1:before {
    content: counter(list-1,lower-alpha) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.typo-reset ol>li.ql-indent-2:before {
    content: counter(list-2,lower-roman) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.typo-reset ol>li.ql-indent-3:before {
    content: counter(list-3,decimal) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.typo-reset ol>li.ql-indent-4:before {
    content: counter(list-4,lower-alpha) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6 list-7 list-8 list-9
}

.typo-reset ol>li.ql-indent-5:before {
    content: counter(list-5,lower-roman) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-6 {
    counter-increment: list-6;
    counter-reset: list-7 list-8 list-9
}

.typo-reset ol>li.ql-indent-6:before {
    content: counter(list-6,decimal) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-7 {
    counter-increment: list-7;
    counter-reset: list-8 list-9
}

.typo-reset ol>li.ql-indent-7:before {
    content: counter(list-7,lower-alpha) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-8 {
    counter-increment: list-8;
    counter-reset: list-9
}

.typo-reset ol>li.ql-indent-8:before {
    content: counter(list-8,lower-roman) ". ";
    text-align: right
}

.typo-reset ol>li.ql-indent-9 {
    counter-increment: list-9;
    counter-reset: list-10 list-9
}

.typo-reset ol>li.ql-indent-9:before {
    content: counter(list-9,decimal) ". ";
    text-align: right
}

.typo-reset ol li,.typo-reset ul li {
    padding-left: 24px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .typo-reset ol li,.typo-reset ul li {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ol li,.typo-reset ul li {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ol li,.typo-reset ul li {
        padding-left:24px
    }
}

.typo-reset ol li:not(:first-child),.typo-reset ul li:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .typo-reset ol li:not(:first-child),.typo-reset ul li:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ol li:not(:first-child),.typo-reset ul li:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ol li:not(:first-child),.typo-reset ul li:not(:first-child) {
        margin-top:24px
    }
}

.typo-reset ol:not(:first-child),.typo-reset ul:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .typo-reset ol:not(:first-child),.typo-reset ul:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ol:not(:first-child),.typo-reset ul:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ol:not(:first-child),.typo-reset ul:not(:first-child) {
        margin-top:24px
    }
}

.typo-reset ol ol,.typo-reset ol ul,.typo-reset ul ol,.typo-reset ul ul {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .typo-reset ol ol,.typo-reset ol ul,.typo-reset ul ol,.typo-reset ul ul {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ol ol,.typo-reset ol ul,.typo-reset ul ol,.typo-reset ul ul {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ol ol,.typo-reset ol ul,.typo-reset ul ol,.typo-reset ul ul {
        margin-top:24px
    }
}

.typo-reset ol ol,.typo-reset ul ul {
    margin-left: 40px
}

@media only screen and (min-width: 960px) {
    .typo-reset ol ol,.typo-reset ul ul {
        margin-left:40px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset ol ol,.typo-reset ul ul {
        margin-left:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset ol ol,.typo-reset ul ul {
        margin-left:40px
    }
}

.typo-reset .ql-indent-1 {
    padding-left: 48px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-1 {
        padding-left:48px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-1 {
        padding-left:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-1 {
        padding-left:48px
    }
}

.typo-reset .ql-indent-1:before {
    width: 48px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-1:before {
        width:48px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-1:before {
        width:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-1:before {
        width:48px
    }
}

.typo-reset .ql-indent-2 {
    padding-left: 72px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-2 {
        padding-left:72px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-2 {
        padding-left:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-2 {
        padding-left:72px
    }
}

.typo-reset .ql-indent-2:before {
    width: 72px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-2:before {
        width:72px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-2:before {
        width:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-2:before {
        width:72px
    }
}

.typo-reset .ql-indent-3 {
    padding-left: 96px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-3 {
        padding-left:96px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-3 {
        padding-left:6vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-3 {
        padding-left:96px
    }
}

.typo-reset .ql-indent-3:before {
    width: 96px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-3:before {
        width:96px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-3:before {
        width:6vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-3:before {
        width:96px
    }
}

.typo-reset .ql-indent-4 {
    padding-left: 120px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-4 {
        padding-left:120px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-4 {
        padding-left:7.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-4 {
        padding-left:120px
    }
}

.typo-reset .ql-indent-4:before {
    width: 120px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-4:before {
        width:120px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-4:before {
        width:7.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-4:before {
        width:120px
    }
}

.typo-reset .ql-indent-5 {
    padding-left: 144px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-5 {
        padding-left:144px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-5 {
        padding-left:9vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-5 {
        padding-left:144px
    }
}

.typo-reset .ql-indent-5:before {
    width: 144px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-5:before {
        width:144px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-5:before {
        width:9vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-5:before {
        width:144px
    }
}

.typo-reset .ql-indent-6 {
    padding-left: 168px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-6 {
        padding-left:168px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-6 {
        padding-left:10.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-6 {
        padding-left:168px
    }
}

.typo-reset .ql-indent-6:before {
    width: 168px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-6:before {
        width:168px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-6:before {
        width:10.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-6:before {
        width:168px
    }
}

.typo-reset .ql-indent-7 {
    padding-left: 192px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-7 {
        padding-left:192px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-7 {
        padding-left:12vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-7 {
        padding-left:192px
    }
}

.typo-reset .ql-indent-7:before {
    width: 192px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-7:before {
        width:192px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-7:before {
        width:12vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-7:before {
        width:192px
    }
}

.typo-reset .ql-indent-8 {
    padding-left: 216px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-8 {
        padding-left:216px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-8 {
        padding-left:13.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-8 {
        padding-left:216px
    }
}

.typo-reset .ql-indent-8:before {
    width: 216px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-8:before {
        width:216px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-8:before {
        width:13.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-8:before {
        width:216px
    }
}

.typo-reset .ql-indent-9 {
    padding-left: 240px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-9 {
        padding-left:240px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-9 {
        padding-left:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-9 {
        padding-left:240px
    }
}

.typo-reset .ql-indent-9:before {
    width: 240px
}

@media only screen and (min-width: 960px) {
    .typo-reset .ql-indent-9:before {
        width:240px
    }
}

@media only screen and (min-width: 1280px) {
    .typo-reset .ql-indent-9:before {
        width:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .typo-reset .ql-indent-9:before {
        width:240px
    }
}

.grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 100%
}

.grid__common {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    width: 83.3333333333%
}

@media only screen and (min-width: 1280px) {
    .grid__common {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.grid__wrapper:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width: 960px) {
    .grid__wrapper:not(:first-child) {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__wrapper:not(:first-child) {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__wrapper:not(:first-child) {
        margin-top:32px
    }
}

.grid__button-wrapper {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .grid__button-wrapper {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__button-wrapper {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__button-wrapper {
        margin-top:24px
    }
}

.grid__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid__row-shadow {
    box-shadow: 0 13px 14px -4px rgba(33,36,32,.08);
    margin-bottom: 28px;
    padding-bottom: 28px
}

@media only screen and (min-width: 960px) {
    .grid__row-shadow {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__row-shadow {
        margin-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__row-shadow {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 960px) {
    .grid__row-shadow {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__row-shadow {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__row-shadow {
        padding-bottom:48px
    }
}

.grid__content {
    width: 100%
}

@media only screen and (min-width: 960px) {
    .grid__content {
        width:66.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content {
        width:64.2857142857%
    }
}

.grid__content:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width: 960px) {
    .grid__content:not(:first-child) {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content:not(:first-child) {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content:not(:first-child) {
        margin-top:32px
    }
}

.grid__content>p:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .grid__content>p:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content>p:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content>p:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content>p a:hover {
        color:var(--color-brand-dark)
    }
}

.grid__content h2:first-child+p,.grid__content h3:first-child+p,.grid__content h4:first-child+p,.grid__content h5:first-child+p {
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .grid__content h2:first-child+p,.grid__content h3:first-child+p,.grid__content h4:first-child+p,.grid__content h5:first-child+p {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content h2:first-child+p,.grid__content h3:first-child+p,.grid__content h4:first-child+p,.grid__content h5:first-child+p {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content h2:first-child+p,.grid__content h3:first-child+p,.grid__content h4:first-child+p,.grid__content h5:first-child+p {
        margin-top:40px
    }
}

.grid__content h2:not(:first-child),.grid__content h3:not(:first-child),.grid__content h4:not(:first-child),.grid__content h5:not(:first-child) {
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .grid__content h2:not(:first-child),.grid__content h3:not(:first-child),.grid__content h4:not(:first-child),.grid__content h5:not(:first-child) {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content h2:not(:first-child),.grid__content h3:not(:first-child),.grid__content h4:not(:first-child),.grid__content h5:not(:first-child) {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content h2:not(:first-child),.grid__content h3:not(:first-child),.grid__content h4:not(:first-child),.grid__content h5:not(:first-child) {
        margin-top:40px
    }
}

.grid__content small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .grid__content small {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content small {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content small {
        font-size:14px;
        line-height: 1.5
    }
}

.grid__content small:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .grid__content small:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content small:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content small:not(:first-child) {
        margin-top:24px
    }
}

.grid__content p:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .grid__content p:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content p:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content p:not(:first-child) {
        margin-top:24px
    }
}

.grid__content-section {
    width: 100%
}

.grid__content-section:not(:first-child) {
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .grid__content-section:not(:first-child) {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content-section:not(:first-child) {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content-section:not(:first-child) {
        margin-top:40px
    }
}

.grid__content-section .gallery-mini {
    margin-left: -6.6666666667%;
    margin-right: -6.6666666667%;
    width: 113.3333333333%
}

@media only screen and (min-width: 670px) {
    .grid__content-section .gallery-mini {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}

.grid__factoid {
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .grid__factoid {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .grid__factoid {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .grid__factoid {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) {
    .grid__factoid {
        margin-left:6.6666666667%;
        width: 26.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__factoid {
        margin-left:7.1428571429%;
        width: 28.5714285714%
    }
}

.grid__media {
    margin-left: 2.7777777778%;
    margin-right: 2.7777777778%;
    position: relative;
    width: 94.4444444444%
}

@media only screen and (min-width: 1280px) {
    .grid__media {
        margin-left:5.5555555556%;
        margin-right: 5.5555555556%;
        width: 88.8888888889%
    }
}

.grid__media .visual-inner {
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px)
}

@media only screen and (min-width: 960px) {
    .grid__media .visual-inner {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .grid__media .visual-inner {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .grid__media .visual-inner {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.grid__flat {
    margin-left: 5.5555555556%;
    margin-right: 5.5555555556%;
    width: 88.8888888889%
}

.grid__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    width: 83.3333333333%
}

@media only screen and (min-width: 670px) {
    .grid__text {
        margin-left:8.3333333333%;
        margin-right: 8.3333333333%;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__text {
        -webkit-box-align:start;
        -webkit-box-ordinal-group: 3;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-left: 0;
        margin-right: 11.1111111111%;
        -webkit-order: 2;
        order: 2;
        width: 22.2222222222%
    }
}

.grid__visual {
    margin-left: 2.7777777778%;
    margin-right: 2.7777777778%;
    width: 94.4444444444%
}

@media only screen and (min-width: 670px) {
    .grid__visual {
        margin-left:8.3333333333%;
        margin-right: 8.3333333333%;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__visual {
        -webkit-box-ordinal-group:2;
        margin-left: 11.1111111111%;
        margin-right: 5.5555555556%;
        -webkit-order: 1;
        order: 1;
        width: 50%
    }
}

.grid__caption {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .grid__caption {
        width:26.6666666667%
    }
}

.grid__caption h2,.grid__caption h3,.grid__caption h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .grid__caption h2,.grid__caption h3,.grid__caption h4 {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .grid__caption h2,.grid__caption h3,.grid__caption h4 {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .grid__caption h2,.grid__caption h3,.grid__caption h4 {
        font-size:24px;
        line-height: 1.2
    }
}

.grid__caption>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .grid__caption>p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .grid__caption>p {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .grid__caption>p {
        font-size:16px;
        line-height: 1.5
    }
}

.grid__caption>p:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .grid__caption>p:not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__caption>p:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__caption>p:not(:first-child) {
        margin-top:16px
    }
}

.grid__figure {
    margin-top: 24px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .grid__figure {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__figure {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .grid__figure {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .grid__figure {
        margin-left:6.6666666667%;
        width: 66.6666666667%
    }
}

.grid__figure img {
    display: block;
    width: 100%
}

.grid__figure svg {
    height: auto;
    width: 100%
}

.grid__map {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    overflow: hidden;
    position: relative;
    width: 83.3333333333%
}

@media only screen and (min-width: 1280px) {
    .grid__map {
        margin-left:5.5555555556%;
        margin-right: 5.5555555556%;
        width: 88.8888888889%
    }
}

.grid__map-route {
    margin-right: 56px;
    position: absolute;
    right: 0;
    top: 8px
}

@media only screen and (min-width: 670px) {
    .grid__map-route {
        margin-right:64px;
        top: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__map-route {
        margin-right:4vw;
        top: 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__map-route {
        margin-right:64px;
        top: 16px
    }
}

.grid__map-location {
    bottom: 0;
    height: 100vh;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 960px) {
    .grid__map-location {
        height:auto;
        position: static;
        width: 45%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__map-location {
        width:33.3333333333%
    }
}

@media only screen and (min-width: 1440px) {
    .grid__map-location {
        width:28.125%
    }
}

.grid__map-location.is-open {
    pointer-events: all
}

.grid__map-filter-btn {
    bottom: 8px;
    left: 8px;
    position: absolute
}

@media only screen and (min-width: 670px) {
    .grid__map-filter-btn {
        bottom:16px;
        left: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__map-filter-btn {
        bottom:1vw;
        left: 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__map-filter-btn {
        bottom:16px;
        left: 16px
    }
}

.grid__news {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.grid__news:not(:first-child) {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .grid__news:not(:first-child) {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__news:not(:first-child) {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__news:not(:first-child) {
        margin-top:48px
    }
}

.grid__features {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -12px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .grid__features {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__features {
        margin-bottom:-1vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__features {
        margin-bottom:-16px
    }
}

.grid__feature {
    margin-bottom: 12px;
    padding-right: 8px;
    width: 50%
}

@media only screen and (min-width: 960px) {
    .grid__feature {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__feature {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__feature {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .grid__feature {
        padding-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__feature {
        padding-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__feature {
        padding-right:16px
    }
}

@media only screen and (min-width: 670px) {
    .grid__feature {
        width:33.3333333333%
    }
}

@media only screen and (min-width: 1440px) {
    .grid__feature {
        width:25%
    }
}

.grid__feature-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: .5
}

@media only screen and (min-width: 960px) {
    .grid__feature-title {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .grid__feature-title {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .grid__feature-title {
        font-size:14px;
        line-height: 1.5
    }
}

p.grid__feature-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    p.grid__feature-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    p.grid__feature-text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    p.grid__feature-text {
        font-size:16px;
        line-height: 1.5
    }
}

p.grid__feature-text:not(:first-child) {
    margin-top: 4px
}

@media only screen and (min-width: 960px) {
    p.grid__feature-text:not(:first-child) {
        margin-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    p.grid__feature-text:not(:first-child) {
        margin-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    p.grid__feature-text:not(:first-child) {
        margin-top:4px
    }
}

.grid__form {
    border: 1px solid var(--color-brand-gray);
    border-bottom-left-radius: -webkit-calc(var(--is-br)*8px);
    border-bottom-left-radius: calc(var(--is-br)*8px);
    border-bottom-right-radius: -webkit-calc(var(--is-br)*8px);
    border-bottom-right-radius: calc(var(--is-br)*8px);
    border-top-left-radius: -webkit-calc(var(--is-br)*8px);
    border-top-left-radius: calc(var(--is-br)*8px);
    border-top-right-radius: -webkit-calc(var(--is-br)*8px);
    border-top-right-radius: calc(var(--is-br)*8px);
    margin-left: -6.6666666667%;
    margin-right: -6.6666666667%;
    padding: 28px 10% 32px;
    width: 113.3333333333%
}

@media only screen and (min-width: 960px) {
    .grid__form {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__form {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__form {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .grid__form {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__form {
        padding-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__form {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 960px) {
    .grid__form {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .grid__form {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .grid__form {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 960px) {
    .grid__form {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .grid__form {
        border-top-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .grid__form {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .grid__form {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .grid__form {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .grid__form {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .grid__form {
        border-bottom-right-radius:0;
        border-top-right-radius: 0
    }
}

@media only screen and (min-width: 670px) {
    .grid__form {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (min-width: 960px) {
    .grid__form {
        border-right:none;
        padding-left: 7.1428571429%;
        padding-right: 7.1428571429%;
        width: 50%
    }
}

.grid__poster {
    display: none
}

@media only screen and (min-width: 960px) {
    .grid__poster {
        display:block;
        width: 50%
    }
}

.grid__poster picture {
    display: inline
}

.grid__poster img {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .grid__poster img {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .grid__poster img {
        border-top-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .grid__poster img {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .grid__poster img {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .grid__poster img {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .grid__poster img {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

.grid__parametric {
    margin-left: 5.5555555556%;
    margin-right: 5.5555555556%;
    width: 88.8888888889%
}

@media only screen and (min-width: 1280px) {
    .grid__parametric {
        margin-left:5.5555555556%;
        margin-right: 2.7777777778%;
        width: 91.6666666667%
    }
}

.grid__flat-plan {
    position: absolute;
    right: 2.7777777778%;
    top: -80px;
    width: 37.5%;
    z-index: 1
}

@media only screen and (min-width: 670px) {
    .grid__flat-plan {
        right:1.3888888889%;
        top: 0
    }
}

@media only screen and (min-width: 960px) {
    .grid__flat-plan {
        top:-40px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__flat-plan {
        right:5.5555555556%;
        top: -11.25vw;
        width: 36.1111111111%
    }
}

@media only screen and (min-width: 1440px) {
    .grid__flat-plan {
        top:-12.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__flat-plan {
        top:-200px
    }
}

.grid__gallery {
    margin-top: 36px
}

@media only screen and (min-width: 960px) {
    .grid__gallery {
        margin-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__gallery {
        margin-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__gallery {
        margin-top:64px
    }
}

.grid__favorites {
    margin-left: 5.5555555556%;
    margin-right: 5.5555555556%;
    width: 88.8888888889%
}

@media only screen and (min-width: 1280px) {
    .grid__common_size_wide {
        margin-left:11.1111111111%;
        margin-right: 5.5555555556%;
        width: 83.3333333333%
    }
}

.grid__content_theme_inline-form {
    margin-bottom: 32px
}

@media only screen and (min-width: 960px) {
    .grid__content_theme_inline-form {
        margin-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content_theme_inline-form {
        margin-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__content_theme_inline-form {
        margin-bottom:56px
    }
}

.grid_theme_relative {
    position: relative
}

@media only screen and (min-width: 960px) {
    .grid_theme_reverse .grid__content {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        order: 1
    }

    .grid_theme_reverse .grid__factoid {
        -webkit-box-ordinal-group: 1;
        margin-left: 0;
        margin-right: 6.6666666667%;
        -webkit-order: 0;
        order: 0
    }
}

@media only screen and (min-width: 1280px) {
    .grid_theme_reverse .grid__factoid {
        margin-right:7.1428571429%
    }

    .grid_theme_reverse .grid__visual {
        -webkit-box-ordinal-group: 3;
        margin-left: 2.7777777778%;
        margin-right: 11.1111111111%;
        -webkit-order: 2;
        order: 2
    }

    .grid_theme_reverse .grid__text {
        margin-left: 11.1111111111%;
        margin-right: 2.7777777778%
    }

    .grid_theme_reverse .grid__caption,.grid_theme_reverse .grid__text {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .grid_theme_reverse .grid__figure {
        -webkit-box-ordinal-group: 1;
        margin-left: 0;
        margin-right: 6.6666666667%;
        -webkit-order: 0;
        order: 0
    }
}

.grid_theme_reverse .grid__common_size_wide {
    margin-left: 5.5555555556%;
    margin-right: 11.1111111111%
}

@media only screen and (min-width: 960px) and (max-width:1279px) {
    .grid_side_laptop .grid__content {
        width:100%
    }

    .grid_side_laptop .grid__factoid {
        margin-left: 0;
        margin-top: 40px;
        width: 100%
    }
}

.grid__wrapper_size_blue:not(:first-child) {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .grid__wrapper_size_blue:not(:first-child) {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .grid__wrapper_size_blue:not(:first-child) {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .grid__wrapper_size_blue:not(:first-child) {
        margin-top:48px
    }
}

@media only screen and (min-width: 670px) {
    .grid__content_size_medium {
        width:56.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content_size_medium {
        width:53.5714285714%
    }
}

@media only screen and (min-width: 960px) {
    .grid__content_size_full {
        width:100%
    }
}

@media only screen and (min-width: 1280px) {
    .grid__content_size_full {
        width:100%
    }
}

.grid__flat_theme_v2 {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width: 670px) {
    .grid__flat_theme_v2 {
        margin-left:5.5555555556%;
        margin-right: 5.5555555556%;
        width: 88.8888888889%
    }
}

.accordion__header {
    -webkit-box-pack: justify;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.accordion__content-wrapper {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.accordion_theme_reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.action-price {
    display: inline-block
}

.action-price__action-wrapper {
    display: inline
}

.action-price__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(var(--color-additional-1-rgb),1);
    border-radius: -webkit-calc(var(--is-br)*40px);
    border-radius: calc(var(--is-br)*40px);
    color: var(--color-white);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-left: 11px;
    padding: 0 6px;
    position: relative;
    top: -3px
}

@media only screen and (min-width: 960px) {
    .action-price__action {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .action-price__action {
        top:-3px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action {
        top:-.187vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action {
        top:-3px
    }
}

@media only screen and (min-width: 960px) {
    .action-price__action {
        margin-left:11px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action {
        margin-left:.688vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action {
        margin-left:11px
    }
}

@media only screen and (min-width: 960px) {
    .action-price__action {
        padding:0 6px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action {
        padding:0 .375vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action {
        padding:0 6px
    }
}

@media only screen and (min-width: 960px) {
    .action-price__action {
        border-radius:-webkit-calc(var(--is-br)*40px);
        border-radius: calc(var(--is-br)*40px)
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action {
        border-radius:-webkit-calc(var(--is-br)*2.5vw);
        border-radius: calc(var(--is-br)*2.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action {
        border-radius:-webkit-calc(var(--is-br)*40px);
        border-radius: calc(var(--is-br)*40px)
    }
}

.action-price__action:before {
    background-color: rgba(var(--color-brand-text-rgb),.2);
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: -11px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px
}

@media only screen and (min-width: 960px) {
    .action-price__action:before {
        width:3px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action:before {
        width:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action:before {
        width:3px
    }
}

@media only screen and (min-width: 960px) {
    .action-price__action:before {
        height:3px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action:before {
        height:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action:before {
        height:3px
    }
}

@media only screen and (min-width: 960px) {
    .action-price__action:before {
        left:-11px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action:before {
        left:-.687vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action:before {
        left:-11px
    }
}

.action-price__action-icon svg {
    display: block;
    margin-left: 4px;
    margin-top: -1px
}

@media only screen and (min-width: 960px) {
    .action-price__action-icon svg {
        margin-left:4px
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__action-icon svg {
        margin-left:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__action-icon svg {
        margin-left:4px
    }
}

.action-price__action-icon svg circle {
    fill: var(--color-white);
    stroke: var(--color-white)
}

.action-price__action-icon svg path {
    stroke: rgba(var(--color-additional-1-rgb),1)
}

.action-price__basic-price {
    color: rgba(var(--color-brand-text-rgb),.64);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: line-through
}

@media only screen and (min-width: 960px) {
    .action-price__basic-price {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .action-price__basic-price {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .action-price__basic-price {
        font-size:16px;
        line-height: 1.5
    }
}

.advantages {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.advantage {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .advantage {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage {
        margin-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .advantage {
        padding-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage {
        padding-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage {
        padding-left:8px
    }
}

@media only screen and (min-width: 960px) {
    .advantage {
        padding-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage {
        padding-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage {
        padding-right:8px
    }
}

@media only screen and (min-width: 670px) {
    .advantage {
        width:50%
    }
}

.advantage__icon {
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    width: 64px
}

@media only screen and (min-width: 960px) {
    .advantage__icon {
        width:64px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage__icon {
        width:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage__icon {
        width:64px
    }
}

@media only screen and (min-width: 960px) {
    .advantage__icon {
        height:64px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage__icon {
        height:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage__icon {
        height:64px
    }
}

.advantage__icon img {
    display: block;
    font-family: "object-fit: contain; object-position: center;";
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.advantage__title {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .advantage__title {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage__title {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage__title {
        margin-top:16px
    }
}

.advantage__text {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .advantage__text {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .advantage__text {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .advantage__text {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .advantages_wrap_3 .advantage {
        width:33.3333333333%
    }

    .advantages_wrap_4 .advantage {
        width: 25%
    }

    .advantages_wrap_5 .advantage {
        width: 20%
    }

    .advantages_wrap_6 .advantage {
        width: 16.6666666667%
    }

    .advantages_theme_nowrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.bank-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--color-white);
    border: 1px solid rgba(33,36,32,.08);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 6px 18px rgba(33,36,32,.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 16px 6.6666666667%
}

@media only screen and (min-width: 960px) {
    .bank-card {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .bank-card {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .bank-card {
        border:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card {
        border:.063vw solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card {
        border:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 960px) {
    .bank-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .bank-card {
        box-shadow:0 6px 18px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card {
        box-shadow:0 .375vw 1.125vw rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card {
        box-shadow:0 6px 18px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 670px) {
    .bank-card {
        padding-left:6.8965517241%;
        padding-right: 6.8965517241%
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card {
        padding-left:11.1111111111%;
        padding-right: 11.1111111111%
    }
}

.bank-card__bank {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media only screen and (min-width: 1280px) {
    a.bank-card__bank:hover .bank-card__title {
        color:var(--color-brand-dark)
    }
}

.bank-card__logo {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-family: "object-fit: contain; object-position: center;";
    height: 48px;
    margin-right: 20px;
    object-fit: contain;
    object-position: center;
    width: 48px
}

@media only screen and (min-width: 960px) {
    .bank-card__logo {
        margin-right:20px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__logo {
        margin-right:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__logo {
        margin-right:20px
    }
}

@media only screen and (min-width: 960px) {
    .bank-card__logo {
        width:48px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__logo {
        width:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__logo {
        width:48px
    }
}

@media only screen and (min-width: 960px) {
    .bank-card__logo {
        height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__logo {
        height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__logo {
        height:48px
    }
}

.bank-card__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .bank-card__title {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__title {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__title {
        font-size:18px;
        line-height: 1.5
    }
}

.bank-card__conditions:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .bank-card__conditions:not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__conditions:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__conditions:not(:first-child) {
        margin-top:16px
    }
}

.bank-card__condition {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.bank-card__condition:not(:first-child) {
    margin-top: 4px
}

@media only screen and (min-width: 960px) {
    .bank-card__condition:not(:first-child) {
        margin-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__condition:not(:first-child) {
        margin-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__condition:not(:first-child) {
        margin-top:4px
    }
}

.bank-card__condition span {
    width: 50%
}

.bank-card__key {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .bank-card__key {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__key {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__key {
        font-size:14px;
        line-height: 1.5
    }
}

.bank-card__value {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .bank-card__value {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__value {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__value {
        font-size:16px;
        line-height: 1.5
    }
}

.bank-card__footer {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: auto;
    opacity: .5
}

@media only screen and (min-width: 960px) {
    .bank-card__footer {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__footer {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__footer {
        font-size:14px;
        line-height: 1.5
    }
}

.bank-card__footer:not(:first-child) {
    padding-top: 12px
}

@media only screen and (min-width: 960px) {
    .bank-card__footer:not(:first-child) {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__footer:not(:first-child) {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__footer:not(:first-child) {
        padding-top:16px
    }
}

.bank-card__footer p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .bank-card__footer p {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .bank-card__footer p {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .bank-card__footer p {
        font-size:14px;
        line-height: 1.5
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumb__item {
    color: var(--color-white);
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .breadcrumb__item {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .breadcrumb__item {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .breadcrumb__item {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) {
    .breadcrumb__item {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.breadcrumb__item:not(:last-child) {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .breadcrumb__item:not(:last-child) {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .breadcrumb__item:not(:last-child) {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .breadcrumb__item:not(:last-child) {
        margin-right:8px
    }
}

@media only screen and (min-width: 670px) {
    .breadcrumb {
        opacity:.8
    }
}

a.breadcrumb {
    margin-right: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    a.breadcrumb {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    a.breadcrumb {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    a.breadcrumb {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    a.breadcrumb:hover {
        opacity:1
    }
}

.breadcrumb__back-btn {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    margin: 0;
    opacity: .8;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto
}

.breadcrumb__back-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.breadcrumb__back-btn-icon {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .breadcrumb__back-btn-icon {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .breadcrumb__back-btn-icon {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .breadcrumb__back-btn-icon {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .breadcrumb__back-btn-icon {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .breadcrumb__back-btn-icon {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .breadcrumb__back-btn-icon {
        height:16px
    }
}

.breadcrumb__back-btn-icon svg {
    height: 100%;
    width: 100%
}

.breadcrumb__back-btn-text {
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .breadcrumb__back-btn-text {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .breadcrumb__back-btn-text {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .breadcrumb__back-btn-text {
        margin-left:8px
    }
}

.breadcrumb__item_show_mobile {
    display: block
}

@media only screen and (min-width: 670px) {
    .breadcrumb__item_show_mobile {
        display:none
    }
}

.button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-brand-base);
    border: 1px solid transparent;
    border-radius: -webkit-calc(var(--is-br)*18px);
    border-radius: calc(var(--is-br)*18px);
    color: inherit;
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    line-height: 1.5;
    margin: 0;
    min-height: 36px;
    outline: none;
    overflow: visible;
    padding: 0 24px;
    text-align: inherit;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color,border-color,opacity,-webkit-transform;
    transition-property: color,background-color,border-color,opacity,-webkit-transform;
    transition-property: color,background-color,border-color,opacity,transform;
    transition-property: color,background-color,border-color,opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto
}

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

@media only screen and (min-width: 960px) {
    .button {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .button {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button {
        padding-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .button {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .button {
        padding-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button {
        padding-right:24px
    }
}

@media only screen and (min-width: 960px) {
    .button {
        min-height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .button {
        min-height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button {
        min-height:40px
    }
}

@media only screen and (min-width: 960px) {
    .button {
        border:1px solid transparent
    }
}

@media only screen and (min-width: 1280px) {
    .button {
        border:.063vw solid transparent
    }
}

@media only screen and (min-width: 1600px) {
    .button {
        border:1px solid transparent
    }
}

@media only screen and (min-width: 960px) {
    .button {
        border-radius:-webkit-calc(var(--is-br)*20px);
        border-radius: calc(var(--is-br)*20px)
    }
}

@media only screen and (min-width: 1280px) {
    .button {
        border-radius:-webkit-calc(var(--is-br)*1.25vw);
        border-radius: calc(var(--is-br)*1.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .button {
        border-radius:-webkit-calc(var(--is-br)*20px);
        border-radius: calc(var(--is-br)*20px)
    }
}

@media only screen and (min-width: 960px) {
    .button {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .button {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .button {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .button:hover {
        background-color:rgba(var(--color-brand-base-rgb),.8)
    }
}

.button-disabled,.button.is-disabled,.button:disabled {
    cursor: default;
    pointer-events: none
}

a.button {
    line-height: 36px
}

@media only screen and (min-width: 960px) {
    a.button {
        line-height:40px
    }
}

@media only screen and (min-width: 1280px) {
    a.button {
        line-height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    a.button {
        line-height:40px
    }
}

.button.button_animation_infinite-v1 {
    -webkit-animation: animation-v1 .8s linear infinite both;
    animation: animation-v1 .8s linear infinite both
}

.button.button_animation_infinite-v2 {
    -webkit-animation: button-animation-v4 .8s ease-in-out infinite both;
    animation: button-animation-v4 .8s ease-in-out infinite both
}

.button_width_block {
    width: 100%
}

.button_theme_white {
    background-color: var(--color-white);
    border-color: var(--color-brand-gray);
    color: var(--color-brand-base)
}

@media only screen and (min-width: 1280px) {
    .button_theme_white:hover {
        border-color:transparent;
        color: var(--color-white)
    }
}

.button_theme_icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding-right: 16px
}

@media only screen and (min-width: 960px) {
    .button_theme_icon {
        padding-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .button_theme_icon {
        padding-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .button_theme_icon {
        padding-right:16px
    }
}

.button_theme_icon svg {
    fill: var(--color-white);
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .button_theme_icon svg {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .button_theme_icon svg {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button_theme_icon svg {
        margin-left:8px
    }
}

.button_theme_left-icon svg {
    margin-left: 0;
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .button_theme_left-icon svg {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .button_theme_left-icon svg {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button_theme_left-icon svg {
        margin-right:8px
    }
}

.button_size_mega {
    border-radius: -webkit-calc(var(--is-br)*100px);
    border-radius: calc(var(--is-br)*100px);
    min-height: 48px
}

@media only screen and (min-width: 960px) {
    .button_size_mega {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 1280px) {
    .button_size_mega {
        border-radius:-webkit-calc(var(--is-br)*6.25vw);
        border-radius: calc(var(--is-br)*6.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .button_size_mega {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 960px) {
    .button_size_mega {
        min-height:58px
    }
}

@media only screen and (min-width: 1280px) {
    .button_size_mega {
        min-height:3.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .button_size_mega {
        min-height:58px
    }
}

.button_theme_gray {
    background-color: rgba(var(--color-brand-gray-rgb),.5);
    color: rgba(var(--color-brand-dark),.7)
}

@media only screen and (min-width: 1280px) {
    .button_theme_gray:hover {
        color:var(--color-white)
    }
}

.button_theme_favorites {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 40px
}

@media only screen and (min-width: 960px) {
    .button_theme_favorites {
        min-height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .button_theme_favorites {
        min-height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .button_theme_favorites {
        min-height:48px
    }
}

@media only screen and (min-width: 960px) {
    .button_theme_favorites {
        border-radius:40px
    }
}

@media only screen and (min-width: 1280px) {
    .button_theme_favorites {
        border-radius:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button_theme_favorites {
        border-radius:40px
    }
}

@media only screen and (min-width: 1280px) {
    .button_theme_favorites:hover path {
        stroke:var(--color-white)
    }

    .button_animation_hover-v1:hover {
        -webkit-animation: button-animation-v1 .8s linear infinite both;
        animation: button-animation-v1 .8s linear infinite both
    }

    .button_animation_hover-v2:hover {
        -webkit-animation: button-animation-v2 .8s cubic-bezier(.455,.03,.515,.955) infinite both;
        animation: button-animation-v2 .8s cubic-bezier(.455,.03,.515,.955) infinite both
    }

    .button_animation_hover-v3:hover {
        -webkit-animation: button-animation-v3 .8s cubic-bezier(.455,.03,.515,.955) infinite both;
        animation: button-animation-v3 .8s cubic-bezier(.455,.03,.515,.955) infinite both
    }

    .button_animation_hover-v4:hover {
        -webkit-animation: button-animation-v4 .8s ease-in-out infinite both;
        animation: button-animation-v4 .8s ease-in-out infinite both
    }
}

@-webkit-keyframes button-animation-v1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes button-animation-v1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes button-animation-v2 {
    0%,90%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    20%,80% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    30%,50% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    40%,60% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    70% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@keyframes button-animation-v2 {
    0%,90%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    20%,80% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    30%,50% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    40%,60% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    70% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes button-animation-v3 {
    0%,80%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    20% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    30%,50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    40%,60% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    70% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }
}

@keyframes button-animation-v3 {
    0%,80%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    20% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    30%,50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    40%,60% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    70% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }
}

@-webkit-keyframes button-animation-v4 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes button-animation-v4 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.button-circle {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-brand-base);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: inherit;
    width: auto;
    width: 40px
}

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

@media only screen and (min-width: 960px) {
    .button-circle {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .button-circle {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button-circle {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .button-circle {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .button-circle {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .button-circle {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .button-circle:hover:before {
        -webkit-transform:scale(1);
        transform: scale(1);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }
}

.button-circle:before {
    background-color: rgba(var(--color-white-rgb),.2);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.button-circle.is-disabled,.button-circle:disabled {
    cursor: default;
    pointer-events: none
}

.button-circle svg {
    fill: var(--color-white);
    position: relative
}

.button-circle span {
    color: var(--color-white)
}

.button-circle_theme_white {
    background-color: var(--color-white);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 1280px) {
    .button-circle_theme_white:hover {
        opacity:.6
    }
}

.button-circle_theme_white svg {
    fill: var(--color-brand-text)
}

.button-circle_theme_gray {
    background-color: rgba(var(--color-gray-rgb),.4)
}

.button-circle_theme_gray svg {
    fill: var(--color-brand-text)
}

.button-circle_theme_small {
    height: 32px;
    width: 32px
}

@media only screen and (min-width: 960px) {
    .button-circle_theme_small {
        width:32px
    }
}

@media only screen and (min-width: 1280px) {
    .button-circle_theme_small {
        width:2.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .button-circle_theme_small {
        width:38px
    }
}

@media only screen and (min-width: 960px) {
    .button-circle_theme_small {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .button-circle_theme_small {
        height:2.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .button-circle_theme_small {
        height:38px
    }
}

.contacts {
    width: 100%
}

@media only screen and (min-width: 670px) {
    .contacts {
        grid-column-gap:6.6666666667%;
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }
}

@media only screen and (min-width: 1280px) {
    .contacts {
        grid-column-gap:7.1428571429%
    }
}

.contacts__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .contacts__item {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .contacts__item {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__item {
        margin-bottom:40px
    }
}

.contacts__icon {
    margin-right: 5%
}

.contacts__icon svg {
    margin-top: 4px
}

@media only screen and (min-width: 960px) {
    .contacts__icon svg {
        margin-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    .contacts__icon svg {
        margin-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__icon svg {
        margin-top:4px
    }
}

.contacts__icon svg path {
    fill: var(--color-brand-dark)
}

.contacts__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .contacts__title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .contacts__title {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .contacts__title {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .contacts__title {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__title {
        font-size:18px;
        line-height: 1.5
    }
}

.contacts__info {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .contacts__info {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .contacts__info {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__info {
        font-size:16px;
        line-height: 1.5
    }
}

.contacts__info:not(:last-child) {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .contacts__info:not(:last-child) {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .contacts__info:not(:last-child) {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .contacts__info:not(:last-child) {
        margin-bottom:8px
    }
}

.contacts__info:not(.not-wrap)>span {
    display: block
}

@media only screen and (min-width: 1280px) {
    .contacts__info_phone_contact {
        pointer-events:none
    }
}

.cookies-notice {
    background-color: rgba(var(--color-dark-rgb),.85);
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px);
    bottom: 0;
    display: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 18px;
    position: fixed;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%;
    z-index: 6
}

@media only screen and (min-width: 960px) {
    .cookies-notice {
        padding:24px 48px
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice {
        padding:1.5vw 3vw
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice {
        padding:24px 48px
    }
}

@media only screen and (min-width: 960px) {
    .cookies-notice {
        bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice {
        bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice {
        bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .cookies-notice {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 960px) {
    .cookies-notice {
        -webkit-box-align:center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        left: 50%;
        -webkit-transform: translateY(200%) translateX(-50%);
        transform: translateY(200%) translateX(-50%);
        width: auto
    }
}

.cookies-notice.is-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media only screen and (min-width: 960px) {
    .cookies-notice.is-open {
        -webkit-transform:translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%)
    }
}

.cookies-notice__text {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .cookies-notice__text {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice__text {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice__text {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .cookies-notice__text {
        width:365px
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice__text {
        width:22.813vw
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice__text {
        width:365px
    }
}

.cookies-notice__text p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .cookies-notice__text p {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice__text p {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice__text p {
        font-size:14px;
        line-height: 1.5
    }
}

.cookies-notice__text p:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .cookies-notice__text p:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice__text p:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice__text p:not(:first-child) {
        margin-top:8px
    }
}

.cookies-notice__text a,.cookies-notice__text button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(var(--color-white-rgb),.75);
    color: inherit;
    color: var(--color-brand-base);
    cursor: pointer;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-bottom-color,color;
    transition-property: border-bottom-color,color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto
}

.cookies-notice__text a::-moz-focus-inner,.cookies-notice__text button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 1280px) {
    .cookies-notice__text a:hover,.cookies-notice__text button:hover {
        border-bottom-color:transparent;
        color: var(--color-brand-dark)
    }
}

.cookies-notice__button {
    margin-top: 16px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .cookies-notice__button {
        margin-left:32px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .cookies-notice__button {
        margin-left:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .cookies-notice__button {
        margin-left:32px
    }
}

@media only screen and (min-width: 960px) {
    .cookies-notice__button {
        width:auto
    }
}

.details details {
    width: 100%
}

.details details:not(:last-child) summary {
    border-bottom: 1px solid var(--color-brand-gray)
}

@media only screen and (min-width: 960px) {
    .details details:not(:last-child) summary {
        border-bottom:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .details details:not(:last-child) summary {
        border-bottom:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .details details:not(:last-child) summary {
        border-bottom:1px solid var(--color-brand-gray)
    }
}

.details details[data-open=true] .summary__icon:after {
    -webkit-transform: rotate(180deg) translate(-50%,-50%);
    transform: rotate(180deg) translate(-50%,-50%)
}

.details details[data-open=true] .flat__more-details-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.details details[data-open=true] .navigation-fullscreen__sub-ico {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.details details[data-open=true] .summary__text {
    color: var(--color-brand-dark)
}

.details summary {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 960px) {
    .details summary {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .details summary {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .details summary {
        padding-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .details summary {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .details summary {
        padding-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .details summary {
        padding-bottom:16px
    }
}

.details summary::-webkit-details-marker {
    display: none
}

.summary__icon {
    border: 1px solid var(--color-brand-gray);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 40px;
    margin-right: 20px;
    position: relative;
    width: 40px
}

@media only screen and (min-width: 960px) {
    .summary__icon {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 960px) {
    .summary__icon {
        margin-right:20px
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon {
        margin-right:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon {
        margin-right:20px
    }
}

@media only screen and (min-width: 960px) {
    .summary__icon {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .summary__icon {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon {
        height:40px
    }
}

.summary__icon:after,.summary__icon:before {
    background-color: var(--color-brand-dark);
    border-radius: -webkit-calc(var(--is-br)*2px);
    border-radius: calc(var(--is-br)*2px);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 14px
}

@media only screen and (min-width: 960px) {
    .summary__icon:after,.summary__icon:before {
        border-radius:-webkit-calc(var(--is-br)*2px);
        border-radius: calc(var(--is-br)*2px)
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon:after,.summary__icon:before {
        border-radius:-webkit-calc(var(--is-br)*0.125vw);
        border-radius: calc(var(--is-br)*.125vw)
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon:after,.summary__icon:before {
        border-radius:-webkit-calc(var(--is-br)*2px);
        border-radius: calc(var(--is-br)*2px)
    }
}

@media only screen and (min-width: 960px) {
    .summary__icon:after,.summary__icon:before {
        width:14px
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon:after,.summary__icon:before {
        width:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon:after,.summary__icon:before {
        width:14px
    }
}

@media only screen and (min-width: 960px) {
    .summary__icon:after,.summary__icon:before {
        height:2px
    }
}

@media only screen and (min-width: 1280px) {
    .summary__icon:after,.summary__icon:before {
        height:.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .summary__icon:after,.summary__icon:before {
        height:2px
    }
}

.summary__icon:after {
    -webkit-transform: rotate(90deg) translate(-50%,-50%);
    transform: rotate(90deg) translate(-50%,-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.summary__icon:after,.summary__text {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.summary__text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .summary__text {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .summary__text {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .summary__text {
        font-size:24px;
        line-height: 1.2
    }
}

.summary__count {
    border: 1px solid var(--color-brand-gray);
    border-radius: -webkit-calc(var(--is-br)*50px);
    border-radius: calc(var(--is-br)*50px);
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-left: auto;
    padding: 0 12px
}

@media only screen and (min-width: 960px) {
    .summary__count {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .summary__count {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .summary__count {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .summary__count {
        padding:0 12px
    }
}

@media only screen and (min-width: 1280px) {
    .summary__count {
        padding:0 .75vw
    }
}

@media only screen and (min-width: 1600px) {
    .summary__count {
        padding:0 12px
    }
}

@media only screen and (min-width: 960px) {
    .summary__count {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .summary__count {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .summary__count {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 960px) {
    .summary__count {
        border-radius:-webkit-calc(var(--is-br)*50px);
        border-radius: calc(var(--is-br)*50px)
    }
}

@media only screen and (min-width: 1280px) {
    .summary__count {
        border-radius:-webkit-calc(var(--is-br)*3.125vw);
        border-radius: calc(var(--is-br)*3.125vw)
    }
}

@media only screen and (min-width: 1600px) {
    .summary__count {
        border-radius:-webkit-calc(var(--is-br)*50px);
        border-radius: calc(var(--is-br)*50px)
    }
}

.details__content {
    border-bottom: 1px solid var(--color-brand-gray);
    border-top: 1px solid var(--color-brand-gray);
    margin-bottom: -1px;
    margin-top: -1px;
    padding-bottom: 32px;
    padding-top: 24px
}

@media only screen and (min-width: 960px) {
    .details__content {
        padding-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .details__content {
        padding-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .details__content {
        padding-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .details__content {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .details__content {
        padding-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .details__content {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 960px) {
    .details__content {
        border-top:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .details__content {
        border-top:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .details__content {
        border-top:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 960px) {
    .details__content {
        border-bottom:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .details__content {
        border-bottom:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .details__content {
        border-bottom:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 960px) {
    .details__content {
        margin-top:-1px
    }
}

@media only screen and (min-width: 1280px) {
    .details__content {
        margin-top:-.062vw
    }
}

@media only screen and (min-width: 1600px) {
    .details__content {
        margin-top:-1px
    }
}

@media only screen and (min-width: 960px) {
    .details__content {
        margin-bottom:-1px
    }
}

@media only screen and (min-width: 1280px) {
    .details__content {
        margin-bottom:-.062vw
    }
}

@media only screen and (min-width: 1600px) {
    .details__content {
        margin-bottom:-1px
    }
}

.document {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.document:not(:last-child) {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .document:not(:last-child) {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .document:not(:last-child) {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .document:not(:last-child) {
        margin-bottom:32px
    }
}

.document__icon {
    margin-right: 6.6666666667%
}

@media only screen and (min-width: 670px) {
    .document__icon {
        margin-right:3.3333333333%
    }
}

@media only screen and (min-width: 960px) {
    .document__icon {
        margin-right:2.5%
    }
}

.document__icon svg path:first-child {
    fill: var(--color-brand-dark)
}

.document__icon svg path:nth-child(2) {
    fill: var(--color-brand-light)
}

.document__title {
    color: var(--color-brand-text);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .document__title {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .document__title {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .document__title {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .document__title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .document__title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .document__title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .document__title:hover {
        color:var(--color-brand-dark)
    }
}

.document__info {
    color: rgba(var(--color-brand-text-rgb),.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .document__info {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .document__info {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .document__info {
        font-size:16px;
        line-height: 1.5
    }
}

.document__size span {
    text-transform: uppercase
}

.document__info>span {
    display: inline-block;
    margin-right: 3.3333333333%
}

@media only screen and (min-width: 670px) {
    .document__info>span:not(:last-of-type) {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .document__info>span {
        margin-right:2.5%
    }
}

.document__info>span:not(:last-of-type) {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .document__info>span:not(:last-of-type) {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .document__info>span:not(:last-of-type) {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .document__info>span:not(:last-of-type) {
        margin-bottom:8px
    }
}

.factoids {
    width: 100%
}

.factoid {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    position: relative
}

@media only screen and (min-width: 960px) {
    .factoid {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .factoid {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .factoid {
        font-size:16px;
        line-height: 1.5
    }
}

.factoid:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width: 960px) {
    .factoid:not(:first-child) {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid:not(:first-child) {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid:not(:first-child) {
        margin-top:32px
    }
}

.factoid__text:not(:first-child) {
    margin-top: 4px
}

@media only screen and (min-width: 960px) {
    .factoid__text:not(:first-child) {
        margin-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid__text:not(:first-child) {
        margin-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid__text:not(:first-child) {
        margin-top:4px
    }
}

.factoid__text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .factoid__text p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .factoid__text p {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .factoid__text p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .factoid__text a:not(.button):hover {
        color:var(--color-brand-dark)
    }
}

.factoid__text .button:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .factoid__text .button:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid__text .button:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid__text .button:not(:first-child) {
        margin-top:24px
    }
}

.factoids_theme_marked .factoid {
    padding-left: 32px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .factoids_theme_marked .factoid {
        padding-left:32px
    }
}

@media only screen and (min-width: 1280px) {
    .factoids_theme_marked .factoid {
        padding-left:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoids_theme_marked .factoid {
        padding-left:32px
    }
}

.factoids_theme_marked .factoid__title:before {
    background-color: var(--color-brand-light);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 8px
}

@media only screen and (min-width: 960px) {
    .factoids_theme_marked .factoid__title:before {
        width:8px
    }
}

@media only screen and (min-width: 1280px) {
    .factoids_theme_marked .factoid__title:before {
        width:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoids_theme_marked .factoid__title:before {
        width:8px
    }
}

@media only screen and (min-width: 960px) {
    .factoids_theme_marked .factoid__title:before {
        height:8px
    }
}

@media only screen and (min-width: 1280px) {
    .factoids_theme_marked .factoid__title:before {
        height:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoids_theme_marked .factoid__title:before {
        height:8px
    }
}

@media only screen and (min-width: 960px) {
    .factoids_theme_marked .factoid__title:before {
        top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .factoids_theme_marked .factoid__title:before {
        top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoids_theme_marked .factoid__title:before {
        top:8px
    }
}

@media only screen and (min-width: 960px) {
    .factoids_theme_marked .factoid__title:before {
        left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .factoids_theme_marked .factoid__title:before {
        left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoids_theme_marked .factoid__title:before {
        left:8px
    }
}

.factoids_size_small .factoid,.factoids_size_small .factoid__text p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .factoids_size_small .factoid,.factoids_size_small .factoid__text p {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .factoids_size_small .factoid,.factoids_size_small .factoid__text p {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .factoids_size_small .factoid,.factoids_size_small .factoid__text p {
        font-size:14px;
        line-height: 1.5
    }
}

.factoid-cards {
    margin-bottom: -12px
}

@media only screen and (min-width: 960px) {
    .factoid-cards {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-cards {
        margin-bottom:-1vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-cards {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 670px) {
    .factoid-cards {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1.6666666667%;
        margin-right: -1.6666666667%;
        width: 103.3333333333%
    }
}

@media only screen and (min-width: 960px) {
    .factoid-cards {
        margin-left:-.8333333333%;
        margin-right: -.8333333333%;
        width: 101.6666666667%
    }
}

.factoid-cards:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .factoid-cards:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-cards:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-cards:not(:first-child) {
        margin-top:24px
    }
}

.factoid-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 10px 60px rgba(33,36,32,.08);
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .factoid-card {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .factoid-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .factoid-card {
        box-shadow:0 10px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card {
        box-shadow:0 .625vw 3.75vw rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card {
        box-shadow:0 10px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 670px) {
    .factoid-card {
        margin-left:1.6129032258%;
        margin-right: 1.6129032258%;
        width: 46.7741935484%
    }
}

@media only screen and (min-width: 960px) {
    .factoid-card {
        margin-left:.8196721311%;
        margin-right: .8196721311%;
        width: 31.693989071%
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .factoid-card:nth-child(3) {
        display:none
    }
}

.factoid-card__image {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.factoid-card__image img {
    background-size: cover;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.factoid-card__image img:first-child,.factoid-card__image picture:first-child {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.factoid-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 20px 6.6666666667%;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .factoid-card__content {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card__content {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card__content {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .factoid-card__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card__content {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 670px) {
    .factoid-card__content {
        padding-left:6.8965517241%;
        padding-right: 6.8965517241%
    }
}

@media only screen and (min-width: 960px) {
    .factoid-card__content {
        padding-left:10.3448275862%;
        padding-right: 10.3448275862%
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card__content {
        padding-left:12.5%;
        padding-right: 12.5%
    }
}

.factoid-card__announcement {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .factoid-card__announcement {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card__announcement {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card__announcement {
        font-size:16px;
        line-height: 1.5
    }
}

.factoid-card__footer {
    margin-top: auto
}

.factoid-card__footer:not(:first-child) {
    padding-top: 20px
}

@media only screen and (min-width: 960px) {
    .factoid-card__footer:not(:first-child) {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card__footer:not(:first-child) {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card__footer:not(:first-child) {
        padding-top:32px
    }
}

.factoid-card__comment {
    color: var(--color-brand-dark);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .factoid-card__comment {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .factoid-card__comment {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .factoid-card__comment {
        font-size:14px;
        line-height: 1.5
    }
}

.favorite {
    cursor: pointer;
    position: relative
}

.favorite.is-active .favorite__icon svg path {
    fill: var(--color-brand-text)
}

.favorite__icon-container {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.favorite__icon svg path {
    stroke: var(--color-brand-text)
}

@media only screen and (min-width: 960px) {
    .flat {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flat__card {
    margin-bottom: 36px
}

@media only screen and (min-width: 960px) {
    .flat__card {
        margin-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__card {
        margin-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__card {
        margin-bottom:64px
    }
}

@media only screen and (min-width: 960px) {
    .flat__card {
        margin-bottom:0;
        margin-right: 6.25%;
        width: 65.625%
    }
}

.flat__tabs-content {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.flat__tabs-content:not(.is-active) {
    clip: rect(0 0 0 0);
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0
}

.flat__controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 8px;
    top: 8px
}

@media only screen and (min-width: 960px) {
    .flat__controls {
        top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__controls {
        top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__controls {
        top:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat__controls {
        right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__controls {
        right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__controls {
        right:8px
    }
}

.flat__fullscreen-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-white);
    border: none;
    border: 1px solid var(--color-brand-gray);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    line-height: 1.5;
    margin: 0 0 8px;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto;
    width: 40px
}

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

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button {
        height:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button:not(.is-active):hover {
        background-color:rgba(var(--color-brand-gray-rgb),.9)
    }
}

.flat__fullscreen-button.is-active {
    background-color: var(--color-brand-text);
    border: 1px solid var(--color-brand-text);
    color: var(--color-white)
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button.is-active {
        border:1px solid var(--color-brand-text)
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button.is-active {
        border:.063vw solid var(--color-brand-text)
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button.is-active {
        border:1px solid var(--color-brand-text)
    }
}

.flat__fullscreen-button svg {
    fill: var(--color-brand-text);
    height: 12px;
    width: 12px
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button svg {
        width:12px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button svg {
        width:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button svg {
        width:12px
    }
}

@media only screen and (min-width: 960px) {
    .flat__fullscreen-button svg {
        height:12px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__fullscreen-button svg {
        height:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__fullscreen-button svg {
        height:12px
    }
}

.flat__plan {
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*10px);
    border-radius: calc(var(--is-br)*10px);
    height: 420px;
    min-height: 380px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .flat__plan {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 1280px) {
    .flat__plan {
        border-radius:-webkit-calc(var(--is-br)*0.625vw);
        border-radius: calc(var(--is-br)*.625vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flat__plan {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 960px) {
    .flat__plan {
        height:640px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__plan {
        height:40vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__plan {
        height:640px
    }
}

@media only screen and (min-width: 960px) {
    .flat__plan {
        min-height:380px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__plan {
        min-height:23.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__plan {
        min-height:380px
    }
}

@media only screen and (min-width: 960px) {
    .flat__plan {
        max-height:-webkit-calc(100vh - 200px);
        max-height: calc(100vh - 200px)
    }
}

@media only screen and (min-width: 1280px) {
    .flat__plan {
        max-height:-webkit-calc(100vh - 12.5vw);
        max-height: calc(100vh - 12.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flat__plan {
        max-height:-webkit-calc(100vh - 200px);
        max-height: calc(100vh - 200px)
    }
}

@media only screen and (min-width: 670px) {
    .flat__plan {
        max-height:-webkit-calc(100vh - 225px);
        max-height: calc(100vh - 225px)
    }
}

.flat__widget {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: inherit;
    max-height: 100%;
    max-width: 100%
}

.flat__image {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 4.6875%;
    padding-right: 4.6875%
}

@media only screen and (min-width: 960px) {
    .flat__image {
        padding-left:7.1428571429%;
        padding-right: 7.1428571429%
    }
}

.flat__image img {
    font-family: "object-fit: contain; object-position: center;";
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.flat__slider {
    height: 100%
}

@media only screen and (min-width: 960px) {
    .flat__info {
        width:28.125%
    }
}

.flat__general {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .flat__general {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__general {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__general {
        margin-bottom:24px
    }
}

.flat__title {
    color: var(--color-brand-text);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .flat__title {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__title {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__title {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat__title {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .flat__title {
        font-size:2vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .flat__title {
        font-size:32px;
        line-height: 1.2
    }
}

.flat__price {
    color: var(--color-brand-dark);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .flat__price {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__price {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__price {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat__price {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__price {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__price {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat__price {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .flat__price {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .flat__price {
        font-size:24px;
        line-height: 1.2
    }
}

.flat__callback {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .flat__callback {
        gap:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__callback {
        gap:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__callback {
        gap:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat__callback {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__callback {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__callback {
        margin-bottom:32px
    }
}

.flat__callback .button {
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flat__callback .button {
        width:auto
    }
}

.flat__callback-print {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media only screen and (min-width: 1280px) {
    .flat__callback-print:hover svg {
        fill:var(--color-white)
    }
}

.flat__callback-print svg {
    fill: var(--color-brand-base);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.flat__details {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .flat__details {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__details {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__details {
        margin-bottom:32px
    }
}

.flat__general-details {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .flat__general-details {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__general-details {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__general-details {
        margin-bottom:24px
    }
}

.flat__details-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .flat__details-title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__details-title {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__details-title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .flat__details-title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__details-title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__details-title {
        font-size:16px;
        line-height: 1.5
    }
}

.flat__details-list {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.flat__detail {
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .flat__detail {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__detail {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__detail {
        margin-bottom:8px
    }
}

.flat__detail-name {
    color: rgba(var(--color-brand-text-rgb),.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flat__detail-name {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__detail-name {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__detail-name {
        font-size:16px;
        line-height: 1.5
    }
}

.flat__detail-separator {
    -webkit-box-flex: 1;
    background-color: rgba(var(--color-brand-text-rgb),.1);
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 1px;
    margin: 0 16px
}

@media only screen and (min-width: 960px) {
    .flat__detail-separator {
        margin:0 16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__detail-separator {
        margin:0 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__detail-separator {
        margin:0 16px
    }
}

@media only screen and (min-width: 960px) {
    .flat__detail-separator {
        height:1px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__detail-separator {
        height:.063vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__detail-separator {
        height:1px
    }
}

.flat__detail-value {
    color: var(--color-brand-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flat__detail-value {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__detail-value {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__detail-value {
        font-size:16px;
        line-height: 1.5
    }
}

.flat__more-details-title {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-right: 16px
}

@media only screen and (min-width: 960px) {
    .flat__more-details-title {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__more-details-title {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__more-details-title {
        margin-right:16px
    }
}

@media only screen and (min-width: 960px) {
    .flat__more-details-title {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__more-details-title {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__more-details-title {
        font-size:14px;
        line-height: 1.5
    }
}

.flat__more-details-content {
    margin-bottom: 16px;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .flat__more-details-content {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__more-details-content {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__more-details-content {
        margin-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat__more-details-content {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__more-details-content {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__more-details-content {
        margin-bottom:24px
    }
}

.flat__more-details-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.flat__more-details-icon svg path {
    stroke: var(--color-brand-text)
}

.flat__specials-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .flat__specials-title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-title {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .flat__specials-title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-title {
        font-size:16px;
        line-height: 1.5
    }
}

.flat__specials-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flat__specials-detail {
    background-color: rgba(var(--color-gray-rgb),.4);
    border-radius: -webkit-calc(var(--is-br)*44px);
    border-radius: calc(var(--is-br)*44px);
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px;
    padding: 6px 16px;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .flat__specials-detail {
        padding:6px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-detail {
        padding:.375vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-detail {
        padding:6px 16px
    }
}

@media only screen and (min-width: 960px) {
    .flat__specials-detail {
        border-radius:-webkit-calc(var(--is-br)*44px);
        border-radius: calc(var(--is-br)*44px)
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-detail {
        border-radius:-webkit-calc(var(--is-br)*2.75vw);
        border-radius: calc(var(--is-br)*2.75vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-detail {
        border-radius:-webkit-calc(var(--is-br)*44px);
        border-radius: calc(var(--is-br)*44px)
    }
}

@media only screen and (min-width: 960px) {
    .flat__specials-detail {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-detail {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-detail {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 960px) {
    .flat__specials-detail {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-detail {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-detail {
        font-size:14px;
        line-height: 1.5
    }
}

.flat__specials-detail:not(:last-child) {
    margin-right: 4px
}

@media only screen and (min-width: 960px) {
    .flat__specials-detail:not(:last-child) {
        margin-right:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat__specials-detail:not(:last-child) {
        margin-right:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat__specials-detail:not(:last-child) {
        margin-right:4px
    }
}

.flat__detail_accent_detail .flat__detail-value {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flat__detail_accent_detail .flat__detail-value {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat__detail_accent_detail .flat__detail-value {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat__detail_accent_detail .flat__detail-value {
        font-size:16px;
        line-height: 1.5
    }
}

.flat__plan_theme_overflow {
    overflow: visible
}

.flat-block-card {
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    position: relative
}

@media only screen and (min-width: 960px) {
    .flat-block-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.flat-block-card__content {
    padding: 16px 6.6666666667%
}

@media only screen and (min-width: 960px) {
    .flat-block-card__content {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__content {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__content {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card__content {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__content {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__content {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 670px) {
    .flat-block-card__content {
        padding-left:6.6666666667%;
        padding-right: 6.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card__content {
        padding-left:3.3333333333%;
        padding-right: 3.3333333333%
    }
}

.flat-block-card__plan-wrap {
    margin-bottom: 16px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .flat-block-card__plan-wrap {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__plan-wrap {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__plan-wrap {
        margin-bottom:24px
    }
}

.flat-block-card__plan-wrap img {
    display: block;
    left: 50%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto
}

.flat-block-card__plan-wrap .flat__controls {
    right: 0;
    top: 0
}

.flat-block-card__gallery {
    position: relative
}

.flat-block-card__gallery img {
    font-family: "object-fit: cover; object-position: center;";
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    top: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.flat-block-card__widget {
    height: 100%;
    pointer-events: auto;
    width: 100%
}

.flat-block-card__title {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .flat-block-card__title {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__title {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__title {
        margin-bottom:24px
    }
}

.flat-block-card__information {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .flat-block-card__information {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__information {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__information {
        margin-bottom:24px
    }
}

.flat-block-card__info {
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 400;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1.5;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .flat-block-card__info {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__info {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__info {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card__info {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__info {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__info {
        font-size:16px;
        line-height: 1.5
    }
}

.flat-block-card__info:last-child {
    margin-bottom: 0
}

.flat-block-card__info-title {
    color: rgba(var(--color-brand-text-rgb),.5)
}

.flat-block-card__info-divider {
    position: relative
}

.flat-block-card__info-divider:after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0
}

.flat-block-card__info-value {
    white-space: nowrap
}

.flat-block-card__labels {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .flat-block-card__labels {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__labels {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__labels {
        margin-bottom:24px
    }
}

.flat-block-card__labels .flat__specials-list {
    margin-bottom: -4px
}

@media only screen and (min-width: 960px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-4px
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-8px
    }
}

@media only screen and (min-width: 960px) and (min-width:960px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-8px
    }
}

@media only screen and (min-width: 960px) and (min-width:1280px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-.5vw
    }
}

@media only screen and (min-width: 960px) and (min-width:1600px) {
    .flat-block-card__labels .flat__specials-list {
        margin-bottom:-8px
    }
}

.flat-block-card_theme_big-slider .flat-block-card__info-divider,.flat-block-card_theme_two-cards .flat-block-card__info-divider {
    margin: 0 16px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__info-divider,.flat-block-card_theme_two-cards .flat-block-card__info-divider {
        margin:0 16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__info-divider,.flat-block-card_theme_two-cards .flat-block-card__info-divider {
        margin:0 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_big-slider .flat-block-card__info-divider,.flat-block-card_theme_two-cards .flat-block-card__info-divider {
        margin:0 16px
    }
}

.flat-block-card_theme_big-slider .flat-block-card__info-divider:after,.flat-block-card_theme_two-cards .flat-block-card__info-divider:after {
    border: 1px solid rgba(var(--color-brand-text-rgb),.1);
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__info-divider:after,.flat-block-card_theme_two-cards .flat-block-card__info-divider:after {
        border:1px solid rgba(var(--color-brand-text-rgb),.1)
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__info-divider:after,.flat-block-card_theme_two-cards .flat-block-card__info-divider:after {
        border:.063vw solid rgba(var(--color-brand-text-rgb),.1)
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_big-slider .flat-block-card__info-divider:after,.flat-block-card_theme_two-cards .flat-block-card__info-divider:after {
        border:1px solid rgba(var(--color-brand-text-rgb),.1)
    }
}

.flat-block-card_theme_three-cards,.flat-block-card_theme_two-cards {
    border: 1px solid var(--color-brand-gray);
    margin-right: 2.7777777778%;
    min-width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards,.flat-block-card_theme_two-cards {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards,.flat-block-card_theme_two-cards {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards,.flat-block-card_theme_two-cards {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 670px) {
    .flat-block-card_theme_three-cards,.flat-block-card_theme_two-cards {
        min-width:40.2777777778%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards,.flat-block-card_theme_two-cards {
        min-width:unset
    }
}

.flat-block-card_theme_three-cards:first-child,.flat-block-card_theme_two-cards:first-child {
    margin-left: 8.3333333333%
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards:first-child,.flat-block-card_theme_two-cards:first-child {
        margin-left:0
    }
}

.flat-block-card_theme_three-cards:last-child,.flat-block-card_theme_two-cards:last-child {
    margin-right: 8.3333333333%
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards:last-child,.flat-block-card_theme_two-cards:last-child {
        margin-right:0
    }
}

.flat-block-card_theme_three-cards .flat-block-card__content,.flat-block-card_theme_two-cards .flat-block-card__content {
    padding-left: 10.3448275862%;
    padding-right: 10.3448275862%
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__content {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 6.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__content {
        padding-right:7.1428571429%
    }
}

.flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 312px;
    margin-bottom: 0;
    pointer-events: none
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
        height:512px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
        height:32vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
        height:512px
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
        height:512px
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
        -webkit-box-flex:1;
        box-sizing: border-box;
        -webkit-flex-basis: 60.7142857143%;
        flex-basis: 60.7142857143%;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin-right: 3.5714285714%;
        max-width: 60.7142857143%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__plan-wrap {
        -webkit-box-flex:1;
        box-sizing: border-box;
        -webkit-flex-basis: 57.6923076923%;
        flex-basis: 57.6923076923%;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin-right: 3.8461538462%;
        max-width: 57.6923076923%
    }
}

.flat-block-card_theme_big-slider .flat-block-card__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__title {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__title {
        font-size:2vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_big-slider .flat-block-card__title {
        font-size:32px;
        line-height: 1.2
    }
}

.flat-block-card_theme_big-slider .flat-block-card__info-title {
    color: var(--color-brand-text)
}

.flat-block-card_theme_big-slider .flat-block-card__info:last-child .flat-block-card__info-value {
    font-weight: 700
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_big-slider .flat-block-card__details {
        -webkit-box-flex:1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-basis: 35.7142857143%;
        flex-basis: 35.7142857143%;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 35.7142857143%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_big-slider .flat-block-card__details {
        -webkit-box-flex:1;
        box-sizing: border-box;
        -webkit-flex-basis: 38.4615384615%;
        flex-basis: 38.4615384615%;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 38.4615384615%
    }

    .flat-block-card_theme_two-cards {
        margin-bottom: 1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_two-cards {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards {
        margin-right:3.5714285714%;
        width: 48.2142857143%
    }

    .flat-block-card_theme_two-cards:nth-child(2n) {
        margin-right: 0
    }
}

.flat-block-card_theme_two-cards .flat-block-card__gallery,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap img {
    height: 230px
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_two-cards .flat-block-card__gallery,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap img {
        height:330px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__gallery,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap img {
        height:20.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_two-cards .flat-block-card__gallery,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap,.flat-block-card_theme_two-cards .flat-block-card__plan-wrap img {
        height:330px
    }
}

.flat-block-card_theme_two-cards .flat-block-card__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_two-cards .flat-block-card__title {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__title {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_two-cards .flat-block-card__title {
        font-size:24px;
        line-height: 1.2
    }
}

.flat-block-card_theme_two-cards .flat-block-card__content {
    padding-bottom: 28px
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_two-cards .flat-block-card__content {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__content {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_two-cards .flat-block-card__content {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__information {
        -webkit-box-pack:justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .flat-block-card_theme_two-cards .flat-block-card__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-right: 3.7037037037%
    }

    .flat-block-card_theme_two-cards .flat-block-card__info:first-child {
        width: 29.6296296296%
    }

    .flat-block-card_theme_two-cards .flat-block-card__info:nth-child(2) {
        width: 22.2222222222%
    }

    .flat-block-card_theme_two-cards .flat-block-card__info:last-child {
        margin-right: 0;
        width: 40.7407407407%
    }
}

.flat-block-card_theme_two-cards .flat-block-card__info-title {
    margin-bottom: 4px
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-title {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-title {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-title {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-divider {
        display:none
    }
}

.flat-block-card_theme_two-cards .flat-block-card__info-value {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-value {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-value {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-value {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_two-cards .flat-block-card__info-value {
        white-space:pre-line
    }

    .flat-block-card_theme_three-cards {
        margin-bottom: 1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards {
        margin-right:1.7857142857%;
        width: 32.1428571429%
    }

    .flat-block-card_theme_three-cards:nth-child(3n) {
        margin-right: 0
    }
}

.flat-block-card_theme_three-cards .flat-block-card__gallery,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap img {
    height: 196px
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards .flat-block-card__gallery,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap img {
        height:240px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__gallery,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap img {
        height:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards .flat-block-card__gallery,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap,.flat-block-card_theme_three-cards .flat-block-card__plan-wrap img {
        height:240px
    }
}

.flat-block-card_theme_three-cards .flat-block-card__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards .flat-block-card__title {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__title {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards .flat-block-card__title {
        font-size:18px;
        line-height: 1.5
    }
}

.flat-block-card_theme_three-cards .flat-block-card__info {
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    justify-content: unset
}

.flat-block-card_theme_three-cards .flat-block-card__info-divider {
    margin: 0 10px
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider {
        margin:0 10px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider {
        margin:0 .625vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider {
        margin:0 10px
    }
}

.flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
    background-color: rgba(var(--color-brand-text-rgb),.3);
    border-radius: 50%;
    height: 3px;
    left: -2px;
    width: 3px
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        left:-2px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        left:-.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        left:-2px
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        width:3px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        width:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        width:3px
    }
}

@media only screen and (min-width: 960px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        height:3px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        height:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-block-card_theme_three-cards .flat-block-card__info-divider:after {
        height:3px
    }
}

.flat-block-card_theme_three-cards .flat-block-card__buttons .button {
    background-color: var(--color-white);
    border-color: var(--color-brand-base);
    color: var(--color-brand-dark)
}

@media only screen and (min-width: 1280px) {
    .flat-block-card_theme_three-cards .flat-block-card__buttons .button:hover {
        background-color:var(--color-brand-base);
        border-color: transparent;
        color: var(--color-white)
    }
}

.flat-card__breadcrumbs {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .flat-card__breadcrumbs {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__breadcrumbs {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__breadcrumbs {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__breadcrumbs {
        -webkit-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.flat-card__back {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media only screen and (min-width: 960px) {
    .flat-card__back {
        -webkit-box-flex:0;
        -webkit-box-ordinal-group: 2;
        -webkit-flex: none;
        flex: none;
        -webkit-order: 1;
        order: 1
    }
}

.flat-card__back svg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.flat-card__back svg path {
    stroke: var(--color-brand-text)
}

.flat-card__share {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto
}

@media only screen and (min-width: 960px) {
    .flat-card__share {
        -webkit-box-flex:0;
        -webkit-box-ordinal-group: 4;
        -webkit-flex: none;
        flex: none;
        -webkit-order: 3;
        order: 3
    }
}

.flat-card__icon {
    background-color: rgba(var(--color-gray-rgb),.4);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    height: 40px;
    padding: 0;
    width: 40px
}

@media only screen and (min-width: 960px) {
    .flat-card__icon {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__icon {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__icon {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__icon {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__icon {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__icon {
        height:40px
    }
}

.flat-card__icon:first-child {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .flat-card__icon:first-child {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__icon:first-child {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__icon:first-child {
        margin-right:8px
    }
}

.flat-card__tab-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-container {
        padding-left:30px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-container {
        padding-left:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-container {
        padding-left:30px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-container {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        order: 2;
        width: 52.7777777778%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-container {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        order: 2;
        width: 55.5555555556%
    }
}

.flat-card__tab-container:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(var(--color-white-rgb),0)),to(rgba(var(--color-white-rgb),1)));
    background: linear-gradient(90deg,rgba(var(--color-white-rgb),0) 0,rgba(var(--color-white-rgb),1) 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.5555555556%
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-container:after {
        display:none
    }
}

.flat-card__tab-wrapper {
    -webkit-box-align: center;
    -webkit-box-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    overflow-x: auto;
    position: relative;
    width: auto
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-wrapper {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-wrapper {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-wrapper {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-wrapper {
        gap:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-wrapper {
        gap:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-wrapper {
        gap:4px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-wrapper {
        -webkit-box-pack:center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        overflow: hidden;
        width: 100%
    }
}

.flat-card__tab:not(:last-child) {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .flat-card__tab:not(:last-child) {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab:not(:last-child) {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab:not(:last-child) {
        margin-right:8px
    }
}

.flat-card__tab-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: rgba(var(--color-gray-rgb),.4);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*40px);
    border-radius: calc(var(--is-br)*40px);
    color: inherit;
    color: var(--color-brand-text);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: normal;
    line-height: 1.5;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0 16px;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    white-space: nowrap;
    width: auto
}

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

@media only screen and (min-width: 960px) {
    .flat-card__tab-button {
        border-radius:-webkit-calc(var(--is-br)*40px);
        border-radius: calc(var(--is-br)*40px)
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-button {
        border-radius:-webkit-calc(var(--is-br)*2.5vw);
        border-radius: calc(var(--is-br)*2.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-button {
        border-radius:-webkit-calc(var(--is-br)*40px);
        border-radius: calc(var(--is-br)*40px)
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-button {
        padding:0 16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-button {
        padding:0 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-button {
        padding:0 16px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-button {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-button {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-button {
        height:32px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card__tab-button {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card__tab-button {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card__tab-button {
        font-size:14px;
        line-height: 1.5
    }
}

.flat-card__tab-button.is-active {
    background-color: var(--color-brand-base);
    color: var(--color-white);
    pointer-events: none
}

@media only screen and (min-width: 960px) {
    .flat-card-v2 {
        -webkit-box-align:stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.flat-card-v2__views {
    background-color: var(--color-white);
    border-radius: 8px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views {
        border-radius:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views {
        border-radius:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views {
        border-radius:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-box-ordinal-group: 3;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: auto;
        margin-left: 3.125%;
        -webkit-order: 2;
        order: 2;
        width: 56.25%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views {
        margin-left:1.5625%;
        width: 61.71875%
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs {
        height:100%
    }

    .flat-card-v2__views .flat__tabs-content,.flat-card-v2__views .flat__tabs-content-wrapper {
        height: 100%;
        max-height: 100%
    }
}

.flat-card-v2__views .flat__tabs-content {
    padding-bottom: 28px;
    padding-top: 60px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content {
        padding-top:72px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content {
        padding-top:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content {
        padding-top:72px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content {
        -webkit-box-align:center;
        -webkit-box-pack: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.flat-card-v2__views .flat__tabs-content.is-widget {
    padding: 16px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding-top:4px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding-bottom:4px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-widget {
        padding:16px
    }
}

.flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
    height: 466px;
    max-height: 466px;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
        max-height:100%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
        max-height:100%
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
        max-height:100%
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
        height:100%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
        height:100%
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-widget .flat__plan {
        height:100%
    }
}

.flat-card-v2__views .flat__tabs-content.is-full {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    left: 0;
    padding-bottom: 0;
    padding-top: 72px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-full {
        padding-top:72px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-full {
        padding-top:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-full {
        padding-top:72px
    }
}

.flat-card-v2__views .flat__tabs-content.is-full.is-sun-open {
    padding-bottom: 72px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__tabs-content.is-full.is-sun-open {
        padding-bottom:72px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__tabs-content.is-full.is-sun-open {
        padding-bottom:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__tabs-content.is-full.is-sun-open {
        padding-bottom:72px
    }
}

.flat-card-v2__views .flat__tabs-content.is-full .flat__plan {
    height: 85%;
    max-height: 85%;
    min-height: 85%;
    padding-left: 2.7777777778%;
    padding-right: 2.7777777778%;
    width: 100%
}

.flat-card-v2__views .flat__plan {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    max-height: 410px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__plan {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__plan {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__plan {
        padding-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__plan {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__plan {
        padding-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__plan {
        padding-right:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__plan {
        max-height:510px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__plan {
        max-height:31.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__plan {
        max-height:510px
    }
}

.flat-card-v2__views .flat__widget {
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__widget {
        -webkit-box-align:center;
        -webkit-align-items: center;
        align-items: center
    }
}

.flat-card-v2__views .flat__image {
    position: relative;
    width: 100%
}

.flat-card-v2__views .flat__image picture {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.flat-card-v2__views .flat__image img {
    display: block;
    position: absolute
}

.flat-card-v2__views .flat__image img.is-small {
    width: 60%
}

.flat-card-v2__views .flat__image img,.flat-card-v2__views .flat__image svg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,width;
    transition-property: opacity,width;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.flat-card-v2__views .flat__image img.is-hide,.flat-card-v2__views .flat__image svg.is-hide {
    opacity: 0
}

.flat-card-v2__views .flat__image .sun {
    height: 42px;
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 42px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__image .sun {
        width:42px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__image .sun {
        width:2.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__image .sun {
        width:42px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__views .flat__image .sun {
        height:42px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__views .flat__image .sun {
        height:2.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__views .flat__image .sun {
        height:42px
    }
}

.flat-card-v2__views .flat__image .sun-circle {
    height: 100%;
    width: 100%
}

.flat-card-v2__switchers {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__switchers {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__switchers {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__switchers {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__switchers {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__switchers {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__switchers {
        padding-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__switchers {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__switchers {
        padding-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__switchers {
        padding-right:24px
    }
}

.flat-card-v2__switchers.is-full {
    background-color: var(--color-white);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 7
}

.flat-card-v2__switchers .switcher:not(:first-child) {
    margin-left: 24px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__switchers .switcher:not(:first-child) {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__switchers .switcher:not(:first-child) {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__switchers .switcher:not(:first-child) {
        margin-left:24px
    }
}

.flat-card-v2__switchers .flat__fullscreen-button {
    margin-bottom: 0;
    margin-left: auto;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.flat-card-v2__switchers .flat__fullscreen-button.is-active {
    background-color: var(--color-white);
    border: 1px solid var(--color-brand-gray)
}

.flat-card-v2__switchers .flat__fullscreen-button.is-hide {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.flat-card-v2__tab-container {
    border-top: 1px solid rgba(var(--color-brand-gray-rgb),.5);
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__tab-container {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__tab-container {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__tab-container {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__tab-container {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__tab-container {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__tab-container {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__tab-container {
        justify-self:flex-end
    }
}

.flat-card-v2__tab-container .flat-card__tab-wrapper {
    -ms-overflow-style: none;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    scrollbar-width: none
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper {
        padding-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper {
        padding-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper {
        padding-right:24px
    }
}

@media only screen and (max-width: 959px) {
    .flat-card-v2__tab-container .flat-card__tab-wrapper::-webkit-scrollbar {
        display:none
    }
}

.flat-card-v2__tab-container button {
    min-height: 36px;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__tab-container button {
        min-height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__tab-container button {
        min-height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__tab-container button {
        min-height:40px
    }
}

.flat-card-v2__tab-container button.is-active {
    background-color: var(--color-brand-base);
    color: var(--color-white)
}

.flat-card-v2__sun-rotate {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: visible;
    width: 100%;
    z-index: 1
}

.flat-card-v2__sun-rotate.is-hide {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.flat-card-v2__sun-rotate.is-full {
    background-color: var(--color-white);
    bottom: 0;
    height: 69px;
    left: 0;
    position: fixed;
    top: auto;
    width: 100%;
    z-index: 7
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__sun-rotate.is-full {
        height:69px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__sun-rotate.is-full {
        height:4.313vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__sun-rotate.is-full {
        height:69px
    }
}

.flat-card-v2__sun-rotate button:not(:first-child) {
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__sun-rotate button:not(:first-child) {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__sun-rotate button:not(:first-child) {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__sun-rotate button:not(:first-child) {
        margin-left:8px
    }
}

.flat-card-v2__sun-rotate button.is-active,.flat-card-v2__sun-rotate button:hover {
    background-color: var(--color-brand-base);
    color: var(--color-white)
}

.flat-card-v2__details {
    background-color: var(--color-white);
    border-radius: 8px;
    margin-top: 16px;
    padding: 24px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details {
        border-radius:8px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details {
        border-radius:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details {
        border-radius:8px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details {
        padding-left:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details {
        padding-left:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details {
        padding-right:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details {
        padding-right:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details {
        padding-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details {
        padding-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details {
        padding-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details {
        padding-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details {
        -webkit-box-ordinal-group:2;
        height: auto;
        -webkit-order: 1;
        order: 1;
        width: 40.625%
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details {
        width:36.71875%
    }
}

.flat-card-v2__details .flat__info {
    position: relative
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: 100%;
        width: 100%
    }
}

.flat-card-v2__details .flat-card__back {
    display: none;
    left: -42px;
    position: absolute;
    top: -2px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat-card__back {
        left:-42px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat-card__back {
        left:-3.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat-card__back {
        left:-58px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat-card__back {
        top:-2px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat-card__back {
        top:-.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat-card__back {
        top:-2px
    }
}

@media only screen and (min-width: 670px) {
    .flat-card-v2__details .flat-card__back {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat-card__back svg {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat-card__back svg {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat-card__back svg {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat-card__back svg {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat-card__back svg {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat-card__back svg {
        height:16px
    }
}

.flat-card-v2__details .flat-card__back svg path {
    stroke: var(--color-white)
}

.flat-card-v2__details .flat-card__back span {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%
}

.flat-card-v2__details .flat-card__favorite {
    background-color: transparent;
    padding: 0;
    position: absolute;
    right: -5px;
    top: -15px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat-card__favorite {
        top:-15px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat-card__favorite {
        top:-.937vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat-card__favorite {
        top:-15px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat-card__favorite {
        right:-5px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat-card__favorite {
        right:-.312vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat-card__favorite {
        right:-5px
    }
}

.flat-card-v2__details .flat-card__favorite.is-active svg {
    fill: var(--color-black)
}

.flat-card-v2__details .price__current {
    -webkit-box-ordinal-group: 2;
    color: var(--color-brand-dark);
    -webkit-order: 1;
    order: 1
}

.flat-card-v2__details .price__discount {
    -webkit-box-align: center;
    -webkit-box-ordinal-group: 3;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-left: 24px;
    -webkit-order: 2;
    order: 2;
    position: relative
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .price__discount {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .price__discount {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .price__discount {
        margin-left:24px
    }
}

.flat-card-v2__details .price__discount:before {
    background-color: rgba(var(--color-brand-text-rgb),.3);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: -14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .price__discount:before {
        width:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .price__discount:before {
        width:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .price__discount:before {
        width:4px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .price__discount:before {
        height:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .price__discount:before {
        height:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .price__discount:before {
        height:4px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .price__discount:before {
        left:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .price__discount:before {
        left:-.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .price__discount:before {
        left:-14px
    }
}

.flat-card-v2__details .price__basic {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3
}

.flat-card-v2__details .flat__general {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__general {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__general {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__general {
        margin-bottom:32px
    }
}

.flat-card-v2__details .flat__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__title {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__title {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__title {
        font-size:24px;
        line-height: 1.2
    }
}

.flat-card-v2__details .flat__callback {
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__callback {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__callback {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__callback {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__callback .button {
        width:100%
    }
}

.flat-card-v2__details .flat__details {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__details {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__details {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__details {
        margin-bottom:24px
    }
}

.flat-card-v2__details .flat__general-details {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__general-details {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__general-details {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__general-details {
        margin-bottom:8px
    }
}

.flat-card-v2__details .flat__detail {
    margin-bottom: 4px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__detail {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__detail {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__detail {
        margin-bottom:4px
    }
}

.flat-card-v2__details .flat__detail-separator {
    display: none
}

.flat-card-v2__details .flat__more-details summary {
    padding: 0
}

.flat-card-v2__details .flat__more-details-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__more-details-title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__more-details-title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__more-details-title {
        font-size:16px;
        line-height: 1.5
    }
}

.flat-card-v2__details .flat__more-details-content {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__more-details-content {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__more-details-content {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__more-details-content {
        margin-top:8px
    }
}

.flat-card-v2__details .flat__buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-top: 24px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__buttons {
        padding-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__buttons {
        padding-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__buttons {
        padding-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__buttons {
        margin-top:auto
    }
}

.flat-card-v2__details .flat__buttons .flat__buttons-download,.flat-card-v2__details .flat__buttons .flat__buttons-share {
    width: -webkit-calc(50% - 4px);
    width: calc(50% - 4px)
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-download,.flat-card-v2__details .flat__buttons .flat__buttons-share {
        width:-webkit-calc(50% - 4px);
        width: calc(50% - 4px)
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-download,.flat-card-v2__details .flat__buttons .flat__buttons-share {
        width:-webkit-calc(50% - .25vw);
        width: calc(50% - .25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-download,.flat-card-v2__details .flat__buttons .flat__buttons-share {
        width:-webkit-calc(50% - 4px);
        width: calc(50% - 4px)
    }
}

.flat-card-v2__details .flat__buttons .flat__buttons-download {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-download:hover path {
        stroke:var(--color-white);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: stroke;
        transition-property: stroke;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }
}

.flat-card-v2__details .flat__buttons .flat__buttons-share {
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-share {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-share {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__buttons .flat__buttons-share {
        margin-left:8px
    }
}

.flat-card-v2__details .flat__buttons .share__icon-container {
    min-height: 36px
}

@media only screen and (min-width: 960px) {
    .flat-card-v2__details .flat__buttons .share__icon-container {
        min-height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .flat-card-v2__details .flat__buttons .share__icon-container {
        min-height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flat-card-v2__details .flat__buttons .share__icon-container {
        min-height:40px
    }
}

.flats-compilation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    background-color: rgba(var(--color-white-rgb),.3);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 16px 24px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        min-height:128px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        min-height:8vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        min-height:128px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        margin-bottom:2px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        margin-bottom:.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        margin-bottom:2px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        padding-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        padding-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        padding-right:24px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .flats-compilation {
        min-height:128px
    }
}

@media only screen and (min-width: 670px) {
    .flats-compilation {
        width:-webkit-calc(50% - 1px);
        width: calc(50% - 1px)
    }

    .flats-compilation:nth-child(odd) {
        margin-right: 1px
    }

    .flats-compilation:nth-child(2n) {
        margin-left: 1px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation {
        width:-webkit-calc(33.33333% - 2px);
        width: calc(33.33333% - 2px)
    }

    .flats-compilation:nth-child(2n),.flats-compilation:nth-child(odd) {
        margin-left: 1px;
        margin-right: 1px
    }

    .flats-compilation:first-child {
        margin-left: 0
    }

    .flats-compilation:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation {
        width:-webkit-calc(25% - 2px);
        width: calc(25% - 2px)
    }

    .flats-compilation:hover {
        background-color: rgba(var(--color-white-rgb),.9)
    }
}

.flats-compilation:after {
    background-color: var(--color-brand-base);
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flats-compilation:after {
        height:4px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation:after {
        height:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation:after {
        height:4px
    }
}

.flats-compilation__heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .flats-compilation__heading {
        min-height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__heading {
        min-height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__heading {
        min-height:48px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation__heading {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__heading {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__heading {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .flats-compilation__heading {
        min-height:48px
    }
}

.flats-compilation__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flats-compilation__list-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-item {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-item {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-item {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-item {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-item {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-item {
        font-size:14px;
        line-height: 1.5
    }
}

.flats-compilation__list-item:not(:last-child) {
    padding-right: 8px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-item:not(:last-child) {
        padding-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-item:not(:last-child) {
        padding-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-item:not(:last-child) {
        padding-right:8px
    }
}

.flats-compilation__list-item:not(:last-child):after {
    background-color: rgba(var(--color-brand-text-rgb),.2);
    border-radius: 50%;
    content: "";
    height: 3px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-item:not(:last-child):after {
        width:3px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-item:not(:last-child):after {
        width:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-item:not(:last-child):after {
        width:3px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-item:not(:last-child):after {
        height:3px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-item:not(:last-child):after {
        height:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-item:not(:last-child):after {
        height:3px
    }
}

.flats-compilation__list-plus {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 50%;
    bottom: -19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 38px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 38px
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-plus {
        width:38px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-plus {
        width:2.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-plus {
        width:38px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-plus {
        height:38px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-plus {
        height:2.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-plus {
        height:38px
    }
}

@media only screen and (min-width: 960px) {
    .flats-compilation__list-plus {
        bottom:-19px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-compilation__list-plus {
        bottom:-1.187vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-compilation__list-plus {
        bottom:-19px
    }
}

.flats-compilation__list-plus svg {
    fill: rgba(var(--color-brand-text-rgb),.7)
}

.form p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .form p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .form p {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .form p {
        font-size:16px;
        line-height: 1.5
    }
}

.form p:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .form p:not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .form p:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .form p:not(:first-child) {
        margin-top:16px
    }
}

.form__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .form__title {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .form__title {
        font-size:2vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .form__title {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 960px) {
    .form__title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .form__title {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__title {
        margin-bottom:16px
    }
}

.form__caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .form__caption {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .form__caption {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .form__caption {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .form__caption {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .form__caption {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__caption {
        margin-bottom:40px
    }
}

.form__input {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .form__input {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .form__input {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__input {
        margin-bottom:32px
    }
}

.form__submit {
    margin-bottom: 16px;
    padding-top: 16px
}

@media only screen and (min-width: 960px) {
    .form__submit {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .form__submit {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__submit {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .form__submit {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .form__submit {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__submit {
        margin-bottom:24px
    }
}

.form__agreement {
    color: var(--color-brand-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .form__agreement {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .form__agreement {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .form__agreement {
        font-size:14px;
        line-height: 1.5
    }
}

.form__response {
    display: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.form__response.is-active {
    -webkit-animation: form-show-result .3s ease-out .1s both;
    animation: form-show-result .3s ease-out .1s both;
    display: block;
    opacity: 1
}

.form__response-heading {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .form__response-heading {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .form__response-heading {
        font-size:2vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .form__response-heading {
        font-size:32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 960px) {
    .form__response-heading {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .form__response-heading {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__response-heading {
        margin-bottom:16px
    }
}

.form__response-message {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .form__response-message {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .form__response-message {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .form__response-message {
        font-size:16px;
        line-height: 1.5
    }
}

.form__parametric-content {
    background-color: rgba(var(--color-brand-base-rgb),.16);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    margin-bottom: 24px;
    padding: 16px
}

@media only screen and (min-width: 960px) {
    .form__parametric-content {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .form__parametric-content {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .form__parametric-content {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .form__parametric-content {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .form__parametric-content {
        padding-left:16px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content {
        padding-left:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content {
        padding-left:16px
    }
}

@media only screen and (min-width: 960px) {
    .form__parametric-content {
        padding-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content {
        padding-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content {
        padding-right:16px
    }
}

.form__parametric-content-heading:not(:last-of-type),.form__parametric-content-prices:not(:last-of-type) {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .form__parametric-content-heading:not(:last-of-type),.form__parametric-content-prices:not(:last-of-type) {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content-heading:not(:last-of-type),.form__parametric-content-prices:not(:last-of-type) {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content-heading:not(:last-of-type),.form__parametric-content-prices:not(:last-of-type) {
        margin-bottom:8px
    }
}

.form__parametric-content-params {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .form__parametric-content-params {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content-params {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content-params {
        font-size:14px;
        line-height: 1.5
    }
}

.form__parametric-content-params:not(:last-of-type) {
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .form__parametric-content-params:not(:last-of-type) {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .form__parametric-content-params:not(:last-of-type) {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .form__parametric-content-params:not(:last-of-type) {
        margin-bottom:16px
    }
}

.form_share_form .form__response-heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .form_share_form .form__response-heading {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .form_share_form .form__response-heading {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .form_share_form .form__response-heading {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 960px) {
    .form_share_form .form__response-heading {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .form_share_form .form__response-heading {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .form_share_form .form__response-heading {
        margin-bottom:8px
    }
}

.form_share_form .form__response-message {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .form_share_form .form__response-message {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .form_share_form .form__response-message {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .form_share_form .form__response-message {
        font-size:16px;
        line-height: 1.5
    }
}

@-webkit-keyframes form-show-result {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

@keyframes form-show-result {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

.checkbox {
    display: block;
    position: relative
}

.checkbox__input {
    clip: rect(0 0 0 0);
    border: 0;
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.checkbox__input:checked~.checkbox__label .checkbox__icon {
    background-color: var(--color-brand-base)
}

.checkbox__input:checked~.checkbox__label .checkbox__icon svg {
    opacity: 1
}

.checkbox__input.validate-input-error~.checkbox__error {
    opacity: 1;
    pointer-events: auto
}

.checkbox__label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.checkbox__label>* {
    pointer-events: none
}

.checkbox__label a {
    pointer-events: auto
}

.checkbox__icon {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    background-color: var(--color-brand-gray);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 24px
}

@media only screen and (min-width: 960px) {
    .checkbox__icon {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .checkbox__icon {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox__icon {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .checkbox__icon {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .checkbox__icon {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox__icon {
        height:24px
    }
}

@media only screen and (min-width: 960px) {
    .checkbox__icon {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .checkbox__icon {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox__icon {
        margin-right:8px
    }
}

.checkbox__icon svg {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.checkbox__text {
    color: var(--color-brand-text);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox__error {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0;
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .checkbox__error {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .checkbox__error {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox__error {
        font-size:14px;
        line-height: 1.5
    }
}

.checkbox__error-text {
    color: var(--color-error-red)
}

.checkbox__icon_type_checkbox {
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px)
}

@media only screen and (min-width: 960px) {
    .checkbox__icon_type_checkbox {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .checkbox__icon_type_checkbox {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox__icon_type_checkbox {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

.checkbox__icon_type_radio {
    border-radius: -webkit-calc(var(--is-br)*36px);
    border-radius: calc(var(--is-br)*36px)
}

@media only screen and (min-width: 960px) {
    .checkbox__icon_type_radio {
        border-radius:-webkit-calc(var(--is-br)*36px);
        border-radius: calc(var(--is-br)*36px)
    }
}

@media only screen and (min-width: 1280px) {
    .checkbox__icon_type_radio {
        border-radius:-webkit-calc(var(--is-br)*2.25vw);
        border-radius: calc(var(--is-br)*2.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox__icon_type_radio {
        border-radius:-webkit-calc(var(--is-br)*36px);
        border-radius: calc(var(--is-br)*36px)
    }
}

.custom-select {
    margin-bottom: 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .custom-select {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select {
        margin-bottom:24px
    }
}

.custom-select.is-open .custom-select__input-icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-select.is-open .custom-select__content {
    opacity: 1;
    overflow: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.custom-select.is-disabled,.custom-select.is-disabled .custom-select__input {
    pointer-events: none
}

.custom-select.is-disabled .custom-select__input-icon svg svg {
    -webkit-transform: none;
    transform: none
}

.custom-select.is-disabled .custom-select__content {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.custom-select.is-selected .custom-select__input-text {
    color: var(--color-brand-text);
    font-weight: 700
}

.custom-select.validate-input-success .custom-select__input {
    border-color: var(--color-brand-base)
}

.custom-select.validate-input-error .custom-select__input {
    border-color: var(--color-error-red)
}

.custom-select.validate-input-error .input__error {
    opacity: 1;
    pointer-events: auto
}

.custom-select__label {
    color: rgba(var(--color-brand-text-rgb),.72);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .custom-select__label {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__label {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__label {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__label {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__label {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__label {
        font-size:14px;
        line-height: 1.5
    }
}

.custom-select__input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: rgba(var(--color-brand-gray-light-rgb),.5);
    border: 1px solid transparent;
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .custom-select__input {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.custom-select__input-text {
    color: rgba(var(--color-brand-text-rgb),.5);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 100%;
    overflow: hidden;
    padding: 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .custom-select__input-text {
        padding:16px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-text {
        padding:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-text {
        padding:16px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__input-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-text {
        font-size:16px;
        line-height: 1.5
    }
}

.custom-select__input-icon {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 0;
    width: 10px
}

@media only screen and (min-width: 960px) {
    .custom-select__input-icon {
        width:10px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-icon {
        width:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-icon {
        width:10px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__input-icon {
        right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-icon {
        right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-icon {
        right:16px
    }
}

.custom-select__input-icon svg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.custom-select__input-icon .custom-select__icon {
    display: block;
    height: 10px;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .custom-select__input-icon .custom-select__icon {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-icon .custom-select__icon {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-icon .custom-select__icon {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__input-icon .custom-select__icon {
        height:10px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-icon .custom-select__icon {
        height:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-icon .custom-select__icon {
        height:10px
    }
}

.custom-select__input-icon .custom-select__icon-open {
    display: none;
    height: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 960px) {
    .custom-select__input-icon .custom-select__icon-open {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__input-icon .custom-select__icon-open {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__input-icon .custom-select__icon-open {
        height:16px
    }
}

.custom-select__content {
    background-color: var(--color-white);
    bottom: auto;
    box-shadow: 32px 16px 60px rgba(var(--color-brand-gray-rgb),.5);
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    max-width: 424px;
    min-width: 100%;
    opacity: 0;
    overflow: hidden;
    pointer-events: auto;
    position: absolute;
    right: auto;
    top: 100%;
    -webkit-transition-delay: .15s,0;
    transition-delay: .15s,0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,height;
    transition-property: opacity,height;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 7
}

@media only screen and (min-width: 960px) {
    .custom-select__content {
        max-width:424px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__content {
        max-width:26.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__content {
        max-width:424px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__content {
        box-shadow:32px 16px 60px rgba(var(--color-brand-gray-rgb),.5)
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__content {
        box-shadow:2vw 1vw 3.75vw rgba(var(--color-brand-gray-rgb),.5)
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__content {
        box-shadow:32px 16px 60px rgba(var(--color-brand-gray-rgb),.5)
    }
}

.custom-select__content-inner {
    background-color: var(--color-white);
    border: 1px solid var(--color-brand-gray);
    display: inline-block;
    margin-bottom: 24px;
    position: static;
    vertical-align: middle;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .custom-select__content-inner {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__content-inner {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__content-inner {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 670px) {
    .custom-select__content-inner {
        margin-bottom:0
    }
}

.custom-select__items {
    max-height: 217px;
    overflow-y: auto
}

@media only screen and (min-width: 960px) {
    .custom-select__items {
        max-height:230px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__items {
        max-height:14.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__items {
        max-height:230px
    }
}

.custom-select__items::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.custom-select__items::-webkit-scrollbar-track {
    background-color: transparent
}

.custom-select__items::-webkit-scrollbar-thumb {
    background: rgba(var(--color-brand-light-rgb),.5);
    border-radius: 24px
}

@media only screen and (min-width: 960px) {
    .custom-select__items::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__items::-webkit-scrollbar-thumb {
        border-radius:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__items::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

.custom-select__items::-webkit-scrollbar-thumb:hover {
    background-image: rgba(var(--color-brand-light-rgb),.5)
}

.custom-select__items::-webkit-scrollbar-track {
    margin: 8px
}

@media only screen and (min-width: 960px) {
    .custom-select__items::-webkit-scrollbar-track {
        margin:4px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__items::-webkit-scrollbar-track {
        margin:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__items::-webkit-scrollbar-track {
        margin:8px
    }
}

.custom-select__item {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.custom-select__item span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .custom-select__item span {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__item span {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__item span {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__item:hover {
        background-color:rgba(var(--color-brand-base-rgb),.1)
    }
}

.custom-select__submit {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(var(--color-brand-base-rgb),.2);
    color: var(--color-brand-light);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .custom-select__submit {
        height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__submit {
        height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__submit {
        height:48px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__submit {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__submit {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__submit {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__submit {
        display:none
    }
}

.custom-select__checkbox .checkbox__label {
    padding: 8px 18px
}

@media only screen and (min-width: 960px) {
    .custom-select__checkbox .checkbox__label {
        padding:8px 18px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__checkbox .checkbox__label {
        padding:.75vw 2vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__checkbox .checkbox__label {
        padding:12px 32px
    }
}

.custom-select__group {
    padding-bottom: 8px;
    padding-top: 8px
}

@media only screen and (min-width: 960px) {
    .custom-select__group {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__group {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group {
        padding-bottom:8px
    }
}

.custom-select__group-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 8px 18px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox {
        padding:8px 18px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox {
        padding:.75vw 2vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox {
        padding:12px 32px
    }
}

.custom-select__group-checkbox.is-hidden {
    display: none
}

.custom-select__group-checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.custom-select__group-checkbox-label>* {
    pointer-events: none
}

.custom-select__group-checkbox-text {
    -webkit-box-flex: 1;
    color: var(--color-brand-text);
    display: block;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 20px;
    font-weight: 700;
    font-weight: 400;
    letter-spacing: 1;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-text {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-text {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-text {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-text {
        letter-spacing:1.5
    }
}

.custom-select__group-checkbox-icon {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    border: 1px solid rgba(var(--color-brand-base),.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 20px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 12px;
    width: 20px
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-icon {
        width:20px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-icon {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-icon {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-icon {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-icon {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-icon {
        height:24px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-icon {
        margin-left:12px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-icon {
        margin-left:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-icon {
        margin-left:12px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-icon {
        border:1px solid rgba(var(--color-brand-base),.3)
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-icon {
        border:.063vw solid rgba(var(--color-brand-base),.3)
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-icon {
        border:1px solid rgba(var(--color-brand-base),.3)
    }
}

.custom-select__group-checkbox-icon svg {
    stroke: var(--color-brand-light);
    stroke-width: 2;
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    fill: none;
    display: block;
    height: 9px;
    opacity: 0;
    -webkit-transition: stroke-dashoffset .3s ease-in .2s,opacity .2s ease-out 0s;
    transition: stroke-dashoffset .3s ease-in .2s,opacity .2s ease-out 0s;
    width: 13px
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-icon svg {
        width:13px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-icon svg {
        width:.813vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-icon svg {
        width:13px
    }
}

@media only screen and (min-width: 960px) {
    .custom-select__group-checkbox-icon svg {
        height:9px
    }
}

@media only screen and (min-width: 1280px) {
    .custom-select__group-checkbox-icon svg {
        height:.563vw
    }
}

@media only screen and (min-width: 1600px) {
    .custom-select__group-checkbox-icon svg {
        height:9px
    }
}

.custom-select__group-checkbox-input {
    clip: rect(0 0 0 0);
    border: 0;
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.custom-select__group-checkbox-input:checked~.custom-select__group-checkbox-label .custom-select__group-checkbox-text,.custom-select__group-checkbox-label.is-checked .custom-select__group-checkbox-text {
    color: var(--color-brand-light)
}

.custom-select__group-checkbox-input:checked~.custom-select__group-checkbox-label .custom-select__group-checkbox-icon svg,.custom-select__group-checkbox-label.is-checked .custom-select__group-checkbox-icon svg {
    stroke-dashoffset: 0;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-property: stroke-dashoffset;
    transition-property: stroke-dashoffset
}

.custom-select__group-checkbox-input:disabled~.custom-select__group-checkbox-label,.custom-select__group-checkbox-label.is-disabled {
    pointer-events: none
}

.custom-select__group-checkbox-input:disabled~.custom-select__group-checkbox-label .custom-select__group-checkbox-text,.custom-select__group-checkbox-label.is-disabled .custom-select__group-checkbox-text {
    color: rgba(var(--color-brand-text),.4)
}

.custom-select__checkbox .checkbox__input:checked~.checkbox__label span {
    font-weight: 700
}

.input {
    position: relative;
    width: 100%
}

.input__label {
    color: rgba(var(--color-brand-text-rgb),.72);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px
}

@media only screen and (min-width: 960px) {
    .input__label {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .input__label {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .input__label {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 960px) {
    .input__label {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .input__label {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .input__label {
        font-size:14px;
        line-height: 1.5
    }
}

.input__input {
    background-color: rgba(var(--color-brand-gray-light-rgb),.8);
    border: 1px solid transparent;
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    color: var(--color-brand-text);
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 16px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .input__input {
        padding:16px
    }
}

@media only screen and (min-width: 1280px) {
    .input__input {
        padding:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .input__input {
        padding:16px
    }
}

@media only screen and (min-width: 960px) {
    .input__input {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .input__input {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .input__input {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .input__input {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .input__input {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .input__input {
        font-size:16px;
        line-height: 1.5
    }
}

.input__input[disabled=disabled] {
    background-color: rgba(var(--color-white),.8);
    border-color: var(--color-brand-gray);
    pointer-events: none
}

.input__input[disabled=disabled]::-webkit-input-placeholder {
    color: rgba(var(--color-brand-text-rgb),.3)
}

.input__input[disabled=disabled]::-ms-input-placeholder {
    color: rgba(var(--color-brand-text-rgb),.3)
}

.input__input[disabled=disabled]::placeholder {
    color: rgba(var(--color-brand-text-rgb),.3)
}

.input__input::-webkit-input-placeholder {
    color: rgba(var(--color-brand-text-rgb),.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.input__input::-ms-input-placeholder {
    color: rgba(var(--color-brand-text-rgb),.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    transition-duration: .3s;
    -ms-transition-property: color;
    transition-property: color;
    transition-timing-function: ease
}

.input__input::placeholder {
    color: rgba(var(--color-brand-text-rgb),.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .input__input::-webkit-input-placeholder {
        font-size:16px;
        line-height: 1.5
    }

    .input__input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 1.5
    }

    .input__input::placeholder {
        font-size: 16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .input__input::-webkit-input-placeholder {
        font-size:1vw;
        line-height: 1.5
    }

    .input__input::-ms-input-placeholder {
        font-size: 1vw;
        line-height: 1.5
    }

    .input__input::placeholder {
        font-size: 1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .input__input::-webkit-input-placeholder {
        font-size:16px;
        line-height: 1.5
    }

    .input__input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 1.5
    }

    .input__input::placeholder {
        font-size: 16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .input__input:not([disabled=disabled]):hover::-webkit-input-placeholder {
        color:var(--color-brand-text)
    }

    .input__input:not([disabled=disabled]):hover::-ms-input-placeholder {
        color: var(--color-brand-text)
    }

    .input__input:not([disabled=disabled]):hover::placeholder {
        color: var(--color-brand-text)
    }
}

.input__input.validate-input-success {
    border-color: var(--color-brand-base)
}

.input__input.validate-input-error {
    border-color: var(--color-error-red)
}

.input__input.validate-input-error~.input__error {
    opacity: 1;
    pointer-events: auto
}

textarea.input__input {
    min-height: 120px;
    padding-top: 10px;
    resize: none
}

@media only screen and (min-width: 960px) {
    textarea.input__input {
        padding-top:10px
    }
}

@media only screen and (min-width: 1280px) {
    textarea.input__input {
        padding-top:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    textarea.input__input {
        padding-top:10px
    }
}

@media only screen and (min-width: 960px) {
    textarea.input__input {
        min-height:120px
    }
}

@media only screen and (min-width: 1280px) {
    textarea.input__input {
        min-height:7.5vw
    }
}

@media only screen and (min-width: 1600px) {
    textarea.input__input {
        min-height:120px
    }
}

@media only screen and (min-width: 670px) {
    textarea.input__input {
        height:100%
    }
}

.input__icon {
    height: 20px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

@media only screen and (min-width: 960px) {
    .input__icon {
        width:20px
    }
}

@media only screen and (min-width: 1280px) {
    .input__icon {
        width:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .input__icon {
        width:20px
    }
}

@media only screen and (min-width: 960px) {
    .input__icon {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .input__icon {
        height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .input__icon {
        height:20px
    }
}

@media only screen and (min-width: 960px) {
    .input__icon {
        right:20px
    }
}

@media only screen and (min-width: 1280px) {
    .input__icon {
        right:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .input__icon {
        right:20px
    }
}

.input__error {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0;
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .input__error {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .input__error {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .input__error {
        font-size:14px;
        line-height: 1.5
    }
}

.input__error-text {
    color: var(--color-error-red)
}

.switcher {
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.switcher.is-hide {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.switcher__input {
    clip: rect(0 0 0 0);
    border: 0;
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.switcher__input:checked~.switcher__label .switcher__icon {
    background-color: var(--color-brand-base)
}

.switcher__input:checked~.switcher__label .switcher__icon:before {
    left: 18px
}

@media only screen and (min-width: 960px) {
    .switcher__input:checked~.switcher__label .switcher__icon:before {
        left:18px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__input:checked~.switcher__label .switcher__icon:before {
        left:1.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__input:checked~.switcher__label .switcher__icon:before {
        left:18px
    }
}

.switcher__label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.switcher__icon {
    background-color: var(--color-black);
    border-radius: 200px;
    height: 20px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 36px
}

@media only screen and (min-width: 960px) {
    .switcher__icon {
        width:36px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon {
        width:2.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon {
        width:36px
    }
}

@media only screen and (min-width: 960px) {
    .switcher__icon {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon {
        height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon {
        height:20px
    }
}

@media only screen and (min-width: 960px) {
    .switcher__icon {
        border-radius:200px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon {
        border-radius:12.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon {
        border-radius:200px
    }
}

.switcher__icon:before {
    background-color: var(--color-white);
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .switcher__icon:before {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon:before {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon:before {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .switcher__icon:before {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon:before {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon:before {
        height:16px
    }
}

@media only screen and (min-width: 960px) {
    .switcher__icon:before {
        top:2px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon:before {
        top:.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon:before {
        top:2px
    }
}

@media only screen and (min-width: 960px) {
    .switcher__icon:before {
        left:2px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__icon:before {
        left:.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__icon:before {
        left:2px
    }
}

.switcher__text {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .switcher__text {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__text {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__text {
        margin-left:8px
    }
}

@media only screen and (min-width: 960px) {
    .switcher__text {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .switcher__text {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .switcher__text {
        font-size:14px;
        line-height: 1.5
    }
}

.header {
    background-color: var(--color-white);
    box-shadow: 0 0 10px rgba(var(--color-brand-text-rgb),.16);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,top;
    transition-property: background-color,top;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%;
    z-index: 6
}

@media only screen and (min-width: 960px) {
    .header {
        box-shadow:0 0 10px rgba(var(--color-brand-text-rgb),.16)
    }
}

@media only screen and (min-width: 1280px) {
    .header {
        box-shadow:0 0 .625vw rgba(var(--color-brand-text-rgb),.16)
    }
}

@media only screen and (min-width: 1600px) {
    .header {
        box-shadow:0 0 10px rgba(var(--color-brand-text-rgb),.16)
    }
}

.header.is-open-menu .header__mobile-menu {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.header.is-open-menu .header__mobile-phone {
    background-color: rgba(var(--color-brand-text-rgb),.04)
}

.header.is-open-menu .header__mobile-phone svg {
    fill: var(--color-brand-base)
}

.header.is-open-menu .header__logo-light {
    opacity: 0
}

.header.is-open-menu .header__logo-dark {
    opacity: 1
}

.header.is-fixed {
    left: 0;
    position: fixed;
    top: 0
}

.header .navigation__link:before {
    top: -8px
}

@media only screen and (min-width: 960px) {
    .header .navigation__link:before {
        top:-10px
    }
}

@media only screen and (min-width: 1280px) {
    .header .navigation__link:before {
        top:-.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .header .navigation__link:before {
        top:-10px
    }
}

.header+main .first-screen:first-child .first-screen__wrap:before,.header+main .page-header:first-child:before,.header+main .section:first-child:before {
    content: "";
    display: block;
    height: -webkit-calc(var(--header-logo-height)*0.75 + 16px);
    height: calc(var(--header-logo-height)*.75 + 16px);
    min-height: 60px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .header+main .first-screen:first-child .first-screen__wrap:before,.header+main .page-header:first-child:before,.header+main .section:first-child:before {
        min-height:80px
    }
}

@media only screen and (min-width: 1280px) {
    .header+main .first-screen:first-child .first-screen__wrap:before,.header+main .page-header:first-child:before,.header+main .section:first-child:before {
        min-height:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header+main .first-screen:first-child .first-screen__wrap:before,.header+main .page-header:first-child:before,.header+main .section:first-child:before {
        min-height:80px
    }
}

@media only screen and (min-width: 960px) {
    .header+main .first-screen:first-child .first-screen__wrap:before,.header+main .page-header:first-child:before,.header+main .section:first-child:before {
        height:-webkit-calc(var(--header-logo-height) + 20px);
        height: calc(var(--header-logo-height) + 20px)
    }
}

.header+main .first-screen.first-screen_theme_alternative:first-child .first-screen__wrap:before {
    display: none
}

.header__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 100%
}

.header__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 5.5555555556%;
    margin-right: 5.5555555556%;
    min-height: 60px;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 88.8888888889%
}

@media only screen and (min-width: 960px) {
    .header__inner {
        min-height:80px
    }
}

@media only screen and (min-width: 1280px) {
    .header__inner {
        min-height:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__inner {
        min-height:80px
    }
}

@media only screen and (min-width: 960px) {
    .header__inner {
        padding-top:10px
    }
}

@media only screen and (min-width: 1280px) {
    .header__inner {
        padding-top:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__inner {
        padding-top:10px
    }
}

@media only screen and (min-width: 960px) {
    .header__inner {
        padding-bottom:10px
    }
}

@media only screen and (min-width: 1280px) {
    .header__inner {
        padding-bottom:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__inner {
        padding-bottom:10px
    }
}

@media only screen and (min-width: 670px) {
    .header__inner {
        margin-left:2.7777777778%;
        margin-right: 2.7777777778%;
        width: 94.4444444444%
    }
}

.header__logo {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 2
}

@media only screen and (min-width: 1280px) {
    .header__logo:hover {
        opacity:.6
    }
}

.header__logo img {
    height: -webkit-calc(var(--header-logo-height)*0.75);
    height: calc(var(--header-logo-height)*.75);
    max-height: 100%;
    min-height: 20px;
    width: auto
}

@media only screen and (min-width: 960px) {
    .header__logo img {
        min-height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .header__logo img {
        min-height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__logo img {
        min-height:20px
    }
}

@media only screen and (min-width: 960px) {
    .header__logo img {
        height:var(--header-logo-height)
    }
}

.header__logo-dark,.header__logo-light {
    display: block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.header__logo-light {
    opacity: 0
}

.header__logo-dark {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header__group-navigation,.header__search-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 2.7777777778%
}

.header__group-navigation .navigation-group__grouper .navigation {
    margin-left: 0
}

.header__navigation {
    display: none;
    margin-left: 40px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .header__navigation {
        margin-left:40px
    }
}

@media only screen and (min-width: 1280px) {
    .header__navigation {
        margin-left:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__navigation {
        margin-left:40px
    }
}

@media only screen and (min-width: 960px) {
    .header__navigation {
        -webkit-align-self:stretch;
        align-self: stretch;
        display: block;
        width: 0
    }
}

.header__navigation.is-active {
    opacity: 1
}

.header__lead {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    z-index: 2
}

.header__phone {
    display: none
}

@media only screen and (min-width: 670px) {
    .header__phone {
        display:block
    }
}

.header__phone .phone {
    color: var(--color-brand-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .header__phone .phone {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header__phone .phone {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .header__phone .phone {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header__phone .phone:hover {
        color:var(--color-brand-base)
    }
}

.header__callback-button {
    display: none
}

@media only screen and (min-width: 960px) {
    .header__callback-button {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .header__callback-button {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__callback-button {
        margin-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .header__callback-button {
        display:block
    }
}

.header__mobile-phone {
    background-color: rgba(var(--color-brand-text-rgb),.04);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 670px) {
    .header__mobile-phone {
        margin-left:16px
    }
}

@media only screen and (min-width: 960px) {
    .header__mobile-phone {
        display:none
    }
}

.header__mobile-phone svg {
    fill: var(--color-brand-base)
}

.header__favorites {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(var(--color-brand-base-rgb),.1);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 8px;
    position: relative;
    width: 40px
}

@media only screen and (min-width: 960px) {
    .header__favorites {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites {
        height:40px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites {
        margin-left:16px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites {
        margin-left:24px
    }
}

.header__favorites svg {
    fill: var(--color-brand-base);
    stroke: var(--color-brand-base);
    height: 24px;
    width: 24px
}

@media only screen and (min-width: 960px) {
    .header__favorites svg {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites svg {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites svg {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites svg {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites svg {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites svg {
        height:24px
    }
}

.header__favorites-counter {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-brand-base);
    border: 2px solid var(--color-white);
    border-radius: 50%;
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    font-weight: 600;
    height: 20px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.5;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 20px
}

@media only screen and (min-width: 960px) {
    .header__favorites-counter {
        width:20px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites-counter {
        width:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites-counter {
        width:20px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites-counter {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites-counter {
        height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites-counter {
        height:20px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites-counter {
        top:-5px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites-counter {
        top:-.312vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites-counter {
        top:-5px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites-counter {
        right:-5px
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites-counter {
        right:-.312vw
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites-counter {
        right:-5px
    }
}

@media only screen and (min-width: 960px) {
    .header__favorites-counter {
        font-size:12px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header__favorites-counter {
        font-size:.75vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .header__favorites-counter {
        font-size:12px;
        line-height: 1.5
    }
}

.header__burger {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-brand-base);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0 0 0 8px;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: inherit;
    width: auto;
    width: 40px
}

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

@media only screen and (min-width: 670px) {
    .header__burger {
        margin-left:16px
    }
}

@media only screen and (min-width: 960px) {
    .header__burger {
        display:none
    }
}

.header__burger.is-open .header__burger-line {
    background-color: transparent
}

.header__burger.is-open .header__burger-line:before {
    -webkit-transform: rotate(45deg) translateY(0);
    transform: rotate(45deg) translateY(0)
}

.header__burger.is-open .header__burger-line:after {
    -webkit-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0)
}

.header__burger-text {
    display: none
}

.header__burger-line {
    position: relative;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 16px
}

.header__burger-line,.header__burger-line:after,.header__burger-line:before {
    background-color: var(--color-white);
    height: 2px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.header__burger-line:after,.header__burger-line:before {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

.header__burger-line:before {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.header__burger-line:after {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.header__mobile-menu {
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-white);
    height: 100vh;
    left: 0;
    padding-top: 56px;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .header__mobile-menu {
        display:none
    }
}

.header_theme_transparent {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(transparent));
    background: linear-gradient(180deg,rgba(0,0,0,.2),transparent);
    box-shadow: none
}

.header_theme_transparent .header__logo-light {
    opacity: 1
}

.header_theme_transparent .header__logo-dark {
    opacity: 0
}

.header_theme_transparent .navigation__link {
    color: var(--color-white)
}

@media only screen and (min-width: 1280px) {
    .header_theme_transparent .navigation__link:hover {
        color:var(--color-brand-base)
    }
}

.header_theme_transparent .navigation__link.is-active {
    color: var(--color-brand-base)
}

.header_theme_transparent .priority-nav__dropdown-toggle svg {
    height: 100%;
    width: 100%
}

.header_theme_transparent .priority-nav__dropdown-toggle svg circle {
    fill: var(--color-white)
}

.header_theme_transparent .priority-nav__dropdown-toggle svg path {
    stroke: var(--color-white)
}

@media only screen and (min-width: 960px) {
    .header_theme_transparent .priority-nav__dropdown-toggle:hover {
        background-color:var(--color-white)
    }

    .header_theme_transparent .priority-nav__dropdown-toggle:hover svg circle {
        fill: var(--color-brand-base)
    }

    .header_theme_transparent .priority-nav__dropdown-toggle:hover svg path {
        stroke: var(--color-brand-base)
    }
}

.header_theme_transparent .navigation-group__item.is-group .navigation-group__grouper {
    color: var(--color-white)
}

.header_theme_transparent .navigation-group__item:not(.is-open) .navigation__link {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .header_theme_transparent .navigation-group__item:not(.is-open) .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_transparent .navigation-group__item:not(.is-open) .navigation__link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_transparent .navigation-group__item:not(.is-open) .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_transparent .navigation-group__item:not(.is-open) .navigation__link:hover {
        color:var(--color-brand-base)
    }
}

.header_theme_transparent .navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child) {
    position: relative
}

.header_theme_transparent .navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child):before {
    color: var(--color-white)
}

.header_theme_transparent .navigation-group__item:last-child {
    margin-right: 0
}

.header_theme_transparent .navigation-group__grouper {
    color: rgba(var(--color-white-rgb),.5)
}

.header_theme_transparent .navigation-group__grouper-icon svg {
    stroke: var(--color-white)
}

.header_theme_transparent .priority-nav__dropdown .navigation-group__item.is-group .navigation-group__grouper {
    color: var(--color-brand-text)
}

.header_theme_transparent .priority-nav__dropdown .navigation-group__grouper-icon svg {
    stroke: var(--color-brand-text)
}

.header_theme_transparent .header__phone .phone {
    color: var(--color-white)
}

@media only screen and (min-width: 1280px) {
    .header_theme_transparent .header__phone .phone:hover {
        color:var(--color-brand-base)
    }
}

.header_theme_transparent .header__mobile-phone {
    background-color: rgba(var(--color-white-rgb),.24)
}

.header_theme_transparent .header__mobile-phone svg {
    fill: var(--color-white)
}

.header_theme_group .header__group-navigation,.header_theme_group .header__inner,.header_theme_group .navigation,.header_theme_group .navigation-group {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media only screen and (min-width: 960px) {
    .header_theme_group .header__navigation {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_group .header__navigation {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_group .header__navigation {
        margin-left:24px
    }
}

.header_theme_group .navigation__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.header_theme_group .navigation__item-button,.header_theme_group .navigation__link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .header_theme_group .navigation__item-button,.header_theme_group .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_group .navigation__item-button,.header_theme_group .navigation__link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_group .navigation__item-button,.header_theme_group .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

.header_theme_no-shadow {
    box-shadow: none
}

.header_theme_no-shadow.header_theme_transparent {
    box-shadow: 0 0 10px rgba(var(--color-brand-text-rgb),.16)
}

@media only screen and (min-width: 960px) {
    .header_theme_no-shadow.header_theme_transparent {
        box-shadow:0 0 10px rgba(var(--color-brand-text-rgb),.16)
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_no-shadow.header_theme_transparent {
        box-shadow:0 0 .625vw rgba(var(--color-brand-text-rgb),.16)
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_no-shadow.header_theme_transparent {
        box-shadow:0 0 10px rgba(var(--color-brand-text-rgb),.16)
    }
}

.header_theme_fullscreen.is-open-menu .header__mobile-phone {
    background-color: rgba(var(--color-white-rgb),.24)
}

.header_theme_fullscreen.is-open-menu .header__mobile-phone svg {
    fill: var(--color-brand-base)
}

.header_theme_fullscreen.is-open-menu .header__logo-light {
    opacity: 1
}

.header_theme_fullscreen.is-open-menu .header__logo-dark {
    opacity: 0
}

.header_theme_fullscreen.is-open-menu .header__phone .phone {
    color: var(--color-white)
}

@media only screen and (min-width: 1280px) {
    .header_theme_fullscreen.is-open-menu .header__phone .phone:hover {
        color:var(--color-brand-base)
    }
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__lead {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .header_theme_fullscreen .header__phone {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .header_theme_fullscreen .header__callback-button,.header_theme_fullscreen .header__favorites {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }
}

.header_theme_fullscreen .header__burger {
    border-radius: 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger {
        padding:0 24px
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_fullscreen .header__burger {
        padding:0 1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_fullscreen .header__burger {
        padding:0 24px
    }
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger {
        margin-left:40px
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_fullscreen .header__burger {
        margin-left:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_fullscreen .header__burger {
        margin-left:40px
    }
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger {
        border-radius:40px
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_fullscreen .header__burger {
        border-radius:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_fullscreen .header__burger {
        border-radius:40px
    }
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger {
        -webkit-box-ordinal-group:2;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-right: auto;
        -webkit-order: 1;
        order: 1;
        width: auto
    }

    .header_theme_fullscreen .header__burger.is-open {
        background-color: var(--color-white)
    }

    .header_theme_fullscreen .header__burger.is-open .header__burger-text {
        color: var(--color-brand-text)
    }

    .header_theme_fullscreen .header__burger.is-open .header__burger-line:after,.header_theme_fullscreen .header__burger.is-open .header__burger-line:before {
        background-color: var(--color-brand-text)
    }
}

.header_theme_fullscreen .header__burger-text {
    color: var(--color-white);
    display: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_fullscreen .header__burger-text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_fullscreen .header__burger-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger-text {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .header_theme_fullscreen .header__burger-text {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .header_theme_fullscreen .header__burger-text {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__burger-text {
        display:block
    }
}

.header_theme_fullscreen .header__mobile-menu {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(var(--color-black-rgb),.3)
}

@media only screen and (min-width: 960px) {
    .header_theme_fullscreen .header__mobile-menu {
        display:block
    }
}

.header_position_fixed {
    left: 0;
    position: fixed;
    top: 0
}

.header_main_screen-v3 {
    background: var(--color-white) none;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background,box-shadow;
    transition-property: background,box-shadow;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.header_main_screen-v3 .header__logo-dark {
    opacity: 1
}

.header_main_screen-v3 .header__logo-light {
    opacity: 0
}

.header_main_screen-v3 .navigation__link {
    color: var(--color-brand-text)
}

.header_main_screen-v3 .navigation-group__grouper-icon svg {
    stroke: var(--color-brand-text)
}

.header_main_screen-v3 .navigation-group__item.is-group .navigation-group__grouper {
    color: var(--color-brand-text)
}

.header_main_screen-v3 .priority-nav__dropdown-toggle svg circle {
    fill: var(--color-brand-base)
}

.info-pin {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-brand-base);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    height: 14px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.5;
    margin-left: 6px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    vertical-align: middle;
    width: 14px
}

@media only screen and (min-width: 960px) {
    .info-pin {
        width:14px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin {
        width:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin {
        width:14px
    }
}

@media only screen and (min-width: 960px) {
    .info-pin {
        height:14px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin {
        height:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin {
        height:14px
    }
}

@media only screen and (min-width: 960px) {
    .info-pin {
        margin-left:6px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin {
        margin-left:.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin {
        margin-left:6px
    }
}

@media only screen and (min-width: 960px) {
    .info-pin {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin {
        font-size:14px;
        line-height: 1.5
    }
}

.info-pin:hover {
    background-color: var(--color-brand-dark)
}

.info-pin:hover .info-pin__tooltip {
    opacity: 1;
    visibility: visible
}

.info-pin__tooltip {
    background-color: #fff;
    border-radius: -webkit-calc(var(--is-br)*6px);
    border-radius: calc(var(--is-br)*6px);
    box-shadow: 0 20px 60px rgba(0,0,0,.1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0;
    padding: 10px 13px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: -10px;
    -webkit-transform: translate(50%,-100%);
    transform: translate(50%,-100%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden;
    white-space: normal;
    width: 230px;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        padding:10px 13px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        padding:.625vw .813vw
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        padding:10px 13px
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        top:-10px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        top:50%
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        top:50%
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        right:50%
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        right:-.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        right:-10px
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        width:230px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        width:14.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        width:230px
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        border-radius:-webkit-calc(var(--is-br)*6px);
        border-radius: calc(var(--is-br)*6px)
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        border-radius:-webkit-calc(var(--is-br)*0.375vw);
        border-radius: calc(var(--is-br)*.375vw)
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        border-radius:-webkit-calc(var(--is-br)*6px);
        border-radius: calc(var(--is-br)*6px)
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        box-shadow:0 20px 60px rgba(0,0,0,.1)
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        box-shadow:0 1.25vw 3.75vw rgba(0,0,0,.1)
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        box-shadow:0 20px 60px rgba(0,0,0,.1)
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip {
        -webkit-transform:translate(100%,-50%);
        transform: translate(100%,-50%)
    }
}

.info-pin__tooltip:before {
    border: 5px solid transparent;
    border-top: 5px solid var(--color-white);
    bottom: -10px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip:before {
        top:50%
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip:before {
        top:50%
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip:before {
        left:50%
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip:before {
        left:0
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip:before {
        left:0
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip:before {
        bottom:-10px
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip:before {
        bottom:auto
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip:before {
        bottom:auto
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip:before {
        border:5px solid transparent
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip:before {
        border:.313vw solid transparent
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip:before {
        border:5px solid transparent
    }
}

@media only screen and (min-width: 960px) {
    .info-pin__tooltip:before {
        border-top:5px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip:before {
        border-right:.313vw solid var(--color-white)
    }
}

@media only screen and (min-width: 1600px) {
    .info-pin__tooltip:before {
        border-right:5px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .info-pin__tooltip:before {
        -webkit-transform:translate(-100%,-50%);
        transform: translate(-100%,-50%)
    }
}

.legend {
    margin-bottom: -12px
}

@media only screen and (min-width: 960px) {
    .legend {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 1280px) {
    .legend {
        margin-bottom:-1vw
    }
}

@media only screen and (min-width: 1600px) {
    .legend {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 670px) {
    .legend {
        -webkit-columns:2;
        column-count: 2;
        -webkit-column-gap: 10%;
        column-gap: 10%
    }
}

@media only screen and (min-width: 960px) {
    .legend {
        -webkit-column-gap:6.6666666667%;
        column-gap: 6.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .legend {
        -webkit-columns:auto;
        columns: auto
    }
}

.legend:not(:first-child) {
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .legend:not(:first-child) {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .legend:not(:first-child) {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .legend:not(:first-child) {
        margin-top:40px
    }
}

.legend__item {
    -webkit-box-align: start;
    -webkit-column-break-inside: avoid;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    break-inside: avoid-column;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .legend__item {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .legend__item {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .legend__item {
        margin-bottom:16px
    }
}

.legend__icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 28px;
    margin-right: 16px;
    width: 28px
}

@media only screen and (min-width: 960px) {
    .legend__icon {
        width:28px
    }
}

@media only screen and (min-width: 1280px) {
    .legend__icon {
        width:1.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .legend__icon {
        width:28px
    }
}

@media only screen and (min-width: 960px) {
    .legend__icon {
        height:28px
    }
}

@media only screen and (min-width: 1280px) {
    .legend__icon {
        height:1.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .legend__icon {
        height:28px
    }
}

@media only screen and (min-width: 960px) {
    .legend__icon {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .legend__icon {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .legend__icon {
        margin-right:16px
    }
}

.legend__icon svg {
    display: block;
    height: 100%;
    width: 100%
}

.legend__text {
    -webkit-align-self: center;
    align-self: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .legend__text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .legend__text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .legend__text {
        font-size:16px;
        line-height: 1.5
    }
}

.link {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    color: var(--color-brand-dark);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto
}

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

@media only screen and (min-width: 1280px) {
    .link:active,.link:hover {
        opacity:.8
    }
}

.link svg {
    margin-left: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .link svg {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .link svg {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .link svg {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .link_theme_external:active svg,.link_theme_external:hover svg {
        -webkit-transform:translate(.125vw,-.125vw);
        transform: translate(.125vw,-.125vw)
    }
}

@media only screen and (min-width: 1600px) {
    .link_theme_external:active svg,.link_theme_external:hover svg {
        -webkit-transform:translate(2px,-2px);
        transform: translate(2px,-2px)
    }
}

.loader {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.loader__item {
    background-color: var(--color-brand-light);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    height: 16px;
    margin-left: 15px;
    margin-right: 15px;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .loader__item {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .loader__item {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .loader__item {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .loader__item {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .loader__item {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .loader__item {
        height:16px
    }
}

@media only screen and (min-width: 960px) {
    .loader__item {
        margin-left:15px
    }
}

@media only screen and (min-width: 1280px) {
    .loader__item {
        margin-left:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .loader__item {
        margin-left:15px
    }
}

@media only screen and (min-width: 960px) {
    .loader__item {
        margin-right:15px
    }
}

@media only screen and (min-width: 1280px) {
    .loader__item {
        margin-right:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .loader__item {
        margin-right:15px
    }
}

.loader__item:first-child {
    -webkit-animation: scale .6s linear 0s infinite alternate;
    animation: scale .6s linear 0s infinite alternate
}

.loader__item:nth-child(2) {
    -webkit-animation: scale .6s linear .2s infinite alternate;
    animation: scale .6s linear .2s infinite alternate
}

.loader__item:nth-child(3) {
    -webkit-animation: scale .6s linear .4s infinite alternate;
    animation: scale .6s linear .4s infinite alternate
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.list {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.list__item {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .list__item {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .list__item {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list__item {
        margin-right:8px
    }
}

.list__item-label {
    color: rgba(var(--color-brand-text-rgb),.5)
}

.list__item-accent {
    font-weight: 800
}

.list__tooltip-container {
    -webkit-box-pack: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

@media only screen and (min-width: 670px) {
    .list__tooltip-container {
        position:relative
    }
}

.list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type) {
    padding-right: 8px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type) {
        padding-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type) {
        padding-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type) {
        padding-right:8px
    }
}

.list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
    background-color: rgba(var(--color-brand-text-rgb),.2);
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px
}

@media only screen and (min-width: 960px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
        width:3px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
        width:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
        width:3px
    }
}

@media only screen and (min-width: 960px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
        height:3px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
        height:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_dot>.list__item:not(:only-of-type):not(:last-of-type):after {
        height:3px
    }
}

.list_theme_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.list_theme_column .list__item {
    margin-right: 0
}

.list_theme_column .list__item:not(:last-of-type) {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .list_theme_column .list__item:not(:last-of-type) {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_column .list__item:not(:last-of-type) {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_column .list__item:not(:last-of-type) {
        margin-bottom:8px
    }
}

.list_theme_relative {
    position: relative
}

.list_theme_details .list__item {
    background-color: rgba(var(--color-brand-base-rgb),.16);
    border-radius: -webkit-calc(var(--is-br)*44px);
    border-radius: calc(var(--is-br)*44px);
    padding: 7px 16px;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .list_theme_details .list__item {
        border-radius:-webkit-calc(var(--is-br)*44px);
        border-radius: calc(var(--is-br)*44px)
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_details .list__item {
        border-radius:-webkit-calc(var(--is-br)*2.75vw);
        border-radius: calc(var(--is-br)*2.75vw)
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_details .list__item {
        border-radius:-webkit-calc(var(--is-br)*44px);
        border-radius: calc(var(--is-br)*44px)
    }
}

@media only screen and (min-width: 960px) {
    .list_theme_details .list__item {
        padding:4px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_details .list__item {
        padding:.25vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_details .list__item {
        padding:4px 16px
    }
}

.list_theme_details .list__item:only-of-type {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .list_theme_details .list__item:only-of-type {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_details .list__item:only-of-type {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_details .list__item:only-of-type {
        margin-bottom:8px
    }
}

.list_theme_details .list__item:not(:last-of-type) {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .list_theme_details .list__item:not(:last-of-type) {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_details .list__item:not(:last-of-type) {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_details .list__item:not(:last-of-type) {
        margin-bottom:8px
    }
}

.list_theme_sort .list__item {
    -webkit-box-pack: justify;
    color: rgba(var(--color-brand-text-rgb),.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 21px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-height: 21px;
    min-height: 21px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    white-space: nowrap;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .list_theme_sort .list__item {
        height:21px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_sort .list__item {
        height:1.313vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_sort .list__item {
        height:21px
    }
}

@media only screen and (min-width: 960px) {
    .list_theme_sort .list__item {
        min-height:21px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_sort .list__item {
        min-height:1.313vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_sort .list__item {
        min-height:21px
    }
}

@media only screen and (min-width: 960px) {
    .list_theme_sort .list__item {
        max-height:21px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_sort .list__item {
        max-height:1.313vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_sort .list__item {
        max-height:21px
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_sort .list__item:hover {
        color:var(--color-brand-text)
    }
}

.list_theme_sort .list__item.is-active {
    color: var(--color-brand-text)
}

.list__item.list__item_option_counter {
    margin-right: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.list__item.list__item_option_counter.is-active {
    background-color: var(--color-brand-base);
    color: var(--color-white)
}

.list_theme_accent {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .list_theme_accent {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_accent {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_accent {
        font-size:18px;
        line-height: 1.5
    }
}

.list_theme_medium {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .list_theme_medium {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_medium {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_medium {
        font-size:16px;
        line-height: 1.5
    }
}

.list_theme_regular {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .list_theme_regular {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .list_theme_regular {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .list_theme_regular {
        font-size:14px;
        line-height: 1.5
    }
}

.list_indent_tomato {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .list_indent_tomato {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .list_indent_tomato {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_indent_tomato {
        margin-bottom:8px
    }
}

.list_indent_yellow {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .list_indent_yellow {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .list_indent_yellow {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .list_indent_yellow {
        margin-bottom:24px
    }
}

.mortgage-calculator__filter {
    background-color: rgba(var(--color-brand-base-rgb),.2);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    margin-bottom: 24px;
    padding: 20px 6.25%
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter {
        padding-left:3.5714285714%;
        padding-right: 3.5714285714%
    }
}

.mortgage-calculator__filter-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter-item {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter-item {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter-item {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter-item {
        margin-bottom:0
    }

    .mortgage-calculator__filter-item:not(:last-child) {
        margin-right: 3.5714285714%
    }
}

.mortgage-calculator__filter-heading {
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter-heading {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter-heading {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter-heading {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter-heading {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter-heading {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter-heading {
        font-size:14px;
        line-height: 1.5
    }
}

.mortgage-calculator__filter-percent {
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__filter-percent {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__filter-percent {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__filter-percent {
        font-size:14px;
        line-height: 1.5
    }
}

.mortgage-calculator__filter-percent.is-error {
    color: var(--color-error-red)
}

.mortgage-calculator__mortgage-heading.is-hidden,.mortgage-calculator__mortgage-programs-no-result.is-hidden,.mortgage-calculator__mortgage-programs-result.is-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.mortgage-calculator__mortgage-heading {
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-heading {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-heading {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-heading {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__container {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.mortgage-calculator__mortgage-programs {
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-programs {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-programs {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs {
        margin-bottom:0;
        margin-right: 3.5714285714%;
        width: 67.8571428571%
    }
}

.mortgage-calculator__mortgage-fit {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-fit {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-fit {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-fit {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-fit {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-fit {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-fit {
        font-size:24px;
        line-height: 1.2
    }
}

.mortgage-calculator__mortgage-amount {
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-amount {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-amount {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-amount {
        font-size:18px;
        line-height: 1.5
    }
}

.mortgage-calculator__mortgage-amount span {
    color: var(--color-brand-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-amount span {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-amount span {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-amount span {
        font-size:18px;
        line-height: 1.5
    }
}

.mortgage-calculator__programs-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-list {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-list {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-list {
        margin-bottom:40px
    }
}

.mortgage-calculator__programs-details {
    grid-column-gap: 16px;
    border: 1px solid rgba(var(--color-black-rgb),.1);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    color: rgba(var(--color-brand-text-rgb),.8);
    display: none;
    font-size: 12px;
    font-weight: 400;
    grid-template-columns: 8.9285714286% 2fr repeat(3,1fr);
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 8px 3.5714285714%
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        grid-column-gap:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        grid-column-gap:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        grid-column-gap:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__programs-details {
        border:.063vw solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__programs-details {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__programs-details {
        display:grid
    }
}

.mortgage-calculator__program {
    grid-column-gap: 16px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    align-items: start;
    border: 1px solid rgba(var(--color-black-rgb),.1);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: auto;
    margin-bottom: 12px;
    padding: 16px 6.25%
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        grid-column-gap:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program {
        grid-column-gap:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program {
        grid-column-gap:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program {
        border:.063vw solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 670px) {
    .mortgage-calculator__program {
        grid-template-columns:10% repeat(3,1fr);
        padding-left: 3.3333333333%;
        padding-right: 3.3333333333%
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program {
        -webkit-box-align:end;
        -webkit-align-items: end;
        align-items: end;
        grid-template-columns: 8.9285714286% 2fr repeat(3,1fr);
        padding-left: 3.5714285714%;
        padding-right: 3.5714285714%
    }
}

.mortgage-calculator__program.is-disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.mortgage-calculator__program-logo-wrapper {
    grid-column: 1;
    grid-row: 1;
    height: 48px;
    width: 48px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-logo-wrapper {
        width:48px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-logo-wrapper {
        width:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-logo-wrapper {
        width:48px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-logo-wrapper {
        height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-logo-wrapper {
        height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-logo-wrapper {
        height:48px
    }
}

.mortgage-calculator__program-logo {
    font-family: "object-fit: contain; object-position: center;";
    height: 48px;
    object-fit: contain;
    object-position: center;
    width: 48px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-logo {
        width:48px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-logo {
        width:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-logo {
        width:48px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-logo {
        height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-logo {
        height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-logo {
        height:48px
    }
}

.mortgage-calculator__program-payment {
    grid-column: 2/5;
    grid-row: 1;
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-payment {
        margin-bottom:0
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .mortgage-calculator__program-payment {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-payment {
        grid-column:unset;
        grid-row: unset
    }
}

.mortgage-calculator__program-name {
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-name {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-name {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-name {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 669px) {
    .mortgage-calculator__program-name {
        width:43.3333333333%
    }
}

.mortgage-calculator__program-amount {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-amount {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-amount {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-amount {
        font-size:18px;
        line-height: 1.5
    }
}

.mortgage-calculator__program-percent,.mortgage-calculator__program-range,.mortgage-calculator__program-rate {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 4px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-percent,.mortgage-calculator__program-range,.mortgage-calculator__program-rate {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-percent,.mortgage-calculator__program-range,.mortgage-calculator__program-rate {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-percent,.mortgage-calculator__program-range,.mortgage-calculator__program-rate {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 669px) {
    .mortgage-calculator__program-percent,.mortgage-calculator__program-range,.mortgage-calculator__program-rate {
        -webkit-box-align:center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        grid-column: 1/6
    }
}

@media only screen and (min-width: 670px) {
    .mortgage-calculator__program-rate {
        grid-column:2/3
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-rate {
        grid-column:unset
    }
}

.mortgage-calculator__program-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-value {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-value {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-value {
        font-size:18px;
        line-height: 1.5
    }
}

.mortgage-calculator__program-about {
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 14px;
    font-weight: 400;
    grid-column: 1/6;
    line-height: 1.5;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-about {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-about {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-about {
        margin-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__program-about {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__program-about {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__program-about {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) {
    .mortgage-calculator__program-about {
        grid-column:2/6
    }
}

.mortgage-calculator__mortgage-programs-no-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid rgba(var(--color-black-rgb),.1);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px 6.25%
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-programs-no-result {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs-no-result {
        border:.063vw solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-programs-no-result {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__mortgage-programs-no-result {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs-no-result {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__mortgage-programs-no-result {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__mortgage-programs-no-result {
        padding-left:3.5714285714%;
        padding-right: 3.5714285714%
    }
}

.mortgage-calculator__empty-result-icon {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__empty-result-icon {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__empty-result-icon {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__empty-result-icon {
        margin-bottom:32px
    }
}

.mortgage-calculator__empty-result-icon path {
    fill: var(--color-brand-dark)
}

.mortgage-calculator__no-result-heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__no-result-heading {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__no-result-heading {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__no-result-heading {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__no-result-heading {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__no-result-heading {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__no-result-heading {
        font-size:16px;
        line-height: 1.5
    }
}

.mortgage-calculator__reset {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__reset {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__reset {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__reset {
        margin-top:16px
    }
}

.mortgage-calculator__contact {
    border: 1px solid rgba(var(--color-black-rgb),.1);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 20px 6.25%
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact {
        border:.063vw solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact {
        border:1px solid rgba(var(--color-black-rgb),.1)
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact {
        padding-left:3.5714285714%;
        padding-right: 3.5714285714%;
        width: 28.5714285714%
    }
}

.mortgage-calculator__contact-info:not(:last-child) {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact-info:not(:last-child) {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact-info:not(:last-child) {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact-info:not(:last-child) {
        margin-bottom:32px
    }
}

.mortgage-calculator__contact-info .button:not(:last-child) {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact-info .button:not(:last-child) {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact-info .button:not(:last-child) {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact-info .button:not(:last-child) {
        margin-bottom:8px
    }
}

.mortgage-calculator__contact-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact-text {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact-text {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact-text {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact-text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact-text {
        font-size:16px;
        line-height: 1.5
    }
}

.mortgage-calculator__contact-number {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact-number {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact-number {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact-number {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__contact-number {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__contact-number {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__contact-number {
        font-size:16px;
        line-height: 1.5
    }
}

.mortgage-calculator__notice,.mortgage-calculator__notice p {
    color: rgba(var(--color-brand-text-rgb),.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .mortgage-calculator__notice,.mortgage-calculator__notice p {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .mortgage-calculator__notice,.mortgage-calculator__notice p {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .mortgage-calculator__notice,.mortgage-calculator__notice p {
        font-size:14px;
        line-height: 1.5
    }
}

.navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.navigation__list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.navigation__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    position: relative
}

.navigation__item:not(:first-child) {
    margin-left: 12px
}

@media only screen and (min-width: 960px) {
    .navigation__item:not(:first-child) {
        margin-left:12px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item:not(:first-child) {
        margin-left:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item:not(:first-child) {
        margin-left:12px
    }
}

.navigation__item:not(:last-child) {
    margin-right: 12px
}

@media only screen and (min-width: 960px) {
    .navigation__item:not(:last-child) {
        margin-right:12px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item:not(:last-child) {
        margin-right:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item:not(:last-child) {
        margin-right:12px
    }
}

.navigation__item .navigation-group__grouper {
    padding: 0
}

.navigation__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    line-height: 1.5;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation__link:before {
    background-color: var(--color-brand-base);
    border-bottom-left-radius: -webkit-calc(var(--is-br)*4px);
    border-bottom-left-radius: calc(var(--is-br)*4px);
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: -webkit-calc(var(--is-br)*4px);
    border-top-right-radius: calc(var(--is-br)*4px);
    content: "";
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation__link:before {
        height:4px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__link:before {
        height:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__link:before {
        height:4px
    }
}

@media only screen and (min-width: 960px) {
    .navigation__link:before {
        border-top-right-radius:-webkit-calc(var(--is-br)*4px);
        border-top-right-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__link:before {
        border-top-right-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-top-right-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__link:before {
        border-top-right-radius:-webkit-calc(var(--is-br)*4px);
        border-top-right-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation__link:before {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*4px);
        border-bottom-left-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__link:before {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-bottom-left-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__link:before {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*4px);
        border-bottom-left-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation__link:hover:not(.is-active) {
        color:var(--color-brand-base)
    }
}

.navigation__link.is-active {
    pointer-events: none
}

.navigation__link.is-active:before {
    opacity: 1
}

.navigation__item-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    color: var(--color-brand-text);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    line-height: 1.5;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 12px 16px;
    position: relative;
    text-align: inherit;
    width: auto;
    width: 100%
}

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

@media only screen and (min-width: 960px) {
    .navigation__item-button {
        padding:12px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item-button {
        padding:.75vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item-button {
        padding:12px 16px
    }
}

@media only screen and (min-width: 960px) {
    .navigation__item-button {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item-button {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item-button {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation__item-button {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item-button {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item-button {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation__item-button:after {
    background-color: transparent;
    content: "";
    height: 100%;
    position: absolute
}

@media only screen and (min-width: 960px) {
    .navigation__item-button:after {
        width:50px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item-button:after {
        width:3.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item-button:after {
        width:50px
    }
}

@media only screen and (min-width: 960px) {
    .navigation__item-button:after {
        right:-50px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation__item-button:after {
        right:-3.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation__item-button:after {
        right:-50px
    }
}

@media only screen and (min-width: 960px) {
    .navigation__item-button:hover:not(.is-active) {
        background-color:rgba(var(--color-brand-base-rgb),.2);
        color: var(--color-brand-dark)
    }
}

.navigation__item-button:hover:not(.is-active) svg {
    fill: var(--color-brand-base)
}

.navigation__item-button svg {
    fill: var(--color-brand-text);
    margin-left: auto;
    margin-right: 0
}

.navigation_theme_group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 0;
    top: 64px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group {
        min-width:280px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group {
        min-width:17.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group {
        min-width:280px
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group {
        top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group {
        top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group {
        top:48px
    }
}

.navigation_theme_group .navigation__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.navigation_theme_group .navigation__link svg {
    fill: var(--color-brand-base)
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation__link svg {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group .navigation__link svg {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group .navigation__link svg {
        margin-right:8px
    }
}

.priority-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    white-space: nowrap
}

.priority-nav .navigation-group__item {
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .priority-nav .navigation-group__item {
        padding-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav .navigation-group__item {
        padding-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav .navigation-group__item {
        padding-left:8px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav .navigation-group__item {
        padding-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav .navigation-group__item {
        padding-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav .navigation-group__item {
        padding-right:8px
    }
}

.priority-nav .navigation-group__grouper-item {
    width: 100%
}

.priority-nav__dropdown-toggle {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font: inherit;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden;
    width: 40px;
    width: auto
}

@media only screen and (min-width: 960px) {
    .priority-nav__dropdown-toggle {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__dropdown-toggle {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__dropdown-toggle {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__dropdown-toggle {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__dropdown-toggle {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__dropdown-toggle {
        height:40px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__dropdown-toggle {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__dropdown-toggle {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__dropdown-toggle {
        margin-left:24px
    }
}

.priority-nav__dropdown-toggle::-moz-focus-inner {
    border: 0;
    padding: 0
}

.priority-nav__dropdown-toggle svg {
    pointer-events: none
}

.priority-nav__dropdown-toggle svg circle {
    fill: var(--color-brand-base);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.priority-nav__dropdown-toggle svg path {
    stroke: var(--color-brand-base);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: stroke;
    transition-property: stroke;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .priority-nav__dropdown-toggle:hover {
        background-color:var(--color-brand-base)
    }

    .priority-nav__dropdown-toggle:hover svg circle {
        fill: var(--color-white)
    }

    .priority-nav__dropdown-toggle:hover svg path {
        stroke: var(--color-white)
    }
}

.priority-nav__dropdown-toggle.priority-nav-is-visible {
    visibility: visible
}

.navigation_theme_group,.priority-nav__dropdown {
    background-color: var(--color-white);
    border: 1px solid rgba(var(--color-black-rgb),.08);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 5px 60px rgba(33,36,32,.08);
    margin-left: 24px;
    opacity: 0;
    padding: 8px;
    position: absolute;
    visibility: hidden
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group,.priority-nav__dropdown {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group,.priority-nav__dropdown {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group,.priority-nav__dropdown {
        margin-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group,.priority-nav__dropdown {
        padding:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group,.priority-nav__dropdown {
        padding:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group,.priority-nav__dropdown {
        padding:8px
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group,.priority-nav__dropdown {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group,.priority-nav__dropdown {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group,.priority-nav__dropdown {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group,.priority-nav__dropdown {
        border:1px solid rgba(var(--color-black-rgb),.08)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group,.priority-nav__dropdown {
        border:.063vw solid rgba(var(--color-black-rgb),.08)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group,.priority-nav__dropdown {
        border:1px solid rgba(var(--color-black-rgb),.08)
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group,.priority-nav__dropdown {
        box-shadow:0 5px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group,.priority-nav__dropdown {
        box-shadow:0 .313vw 3.75vw rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group,.priority-nav__dropdown {
        box-shadow:0 5px 60px rgba(33,36,32,.08)
    }
}

.navigation_theme_group.show,.priority-nav__dropdown.show {
    opacity: 1;
    -webkit-transform: rotateX(0deg) translateX(-50%);
    transform: rotateX(0deg) translateX(-50%);
    visibility: visible
}

.navigation_theme_group .navigation__item,.priority-nav__dropdown .navigation__item {
    display: block;
    margin-left: 0;
    margin-right: 0
}

.navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 12px 16px;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
        padding:12px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
        padding:.75vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
        padding:12px 16px
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group .navigation__link,.priority-nav__dropdown .navigation__link {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.navigation_theme_group .navigation__link:before,.priority-nav__dropdown .navigation__link:before {
    content: none
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation__link:hover,.priority-nav__dropdown .navigation__link:hover {
        background-color:rgba(var(--color-brand-base-rgb),.2);
        color: var(--color-brand-dark)
    }
}

.navigation_theme_group .navigation__link svg,.priority-nav__dropdown .navigation__link svg {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.navigation_theme_group .navigation-group__grouper,.navigation_theme_group .navigation-group__item,.priority-nav__dropdown .navigation-group__grouper,.priority-nav__dropdown .navigation-group__item {
    padding: 0
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        padding:12px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        padding:.75vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        padding:12px 16px
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation_theme_group .navigation-group__grouper .button,.priority-nav__dropdown .navigation-group__grouper .button {
        background-color:transparent;
        color: var(--color-brand-text);
        margin-left: 0;
        width: 100%
    }
}

.navigation_theme_group .navigation-group__grouper .button:hover,.priority-nav__dropdown .navigation-group__grouper .button:hover {
    background-color: rgba(var(--color-brand-base-rgb),.2);
    color: var(--color-brand-dark)
}

.navigation_theme_group .navigation-group__grouper .button:hover svg,.priority-nav__dropdown .navigation-group__grouper .button:hover svg {
    fill: var(--color-brand-dark)
}

.navigation_theme_group .navigation-group__grouper .button svg,.priority-nav__dropdown .navigation-group__grouper .button svg {
    fill: var(--color-brand-text);
    margin-left: auto
}

.priority-nav__dropdown {
    left: 50%;
    top: 100%;
    -webkit-transform: rotateX(-30deg) translateX(-50%);
    transform: rotateX(-30deg) translateX(-50%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .priority-nav__dropdown {
        min-width:210px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__dropdown {
        min-width:13.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__dropdown {
        min-width:210px
    }
}

.priority-nav__wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    position: relative
}

.priority-nav__wrapper .navigation-group__item .button svg,.priority-nav__wrapper .navigation-group__item .navigation-group__grouper-icon svg,.priority-nav__wrapper .navigation-group__item.is-open .button svg,.priority-nav__wrapper .navigation-group__item.is-open .navigation-group__grouper-icon svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested {
    left: auto;
    right: 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested {
        margin-right:27px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested {
        margin-right:1.688vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested {
        margin-right:27px
    }
}

.priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
    bottom: auto;
    content: "";
    height: 100%;
    position: absolute;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
        right:-64px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
        right:-4vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
        right:-64px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
        width:64px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
        width:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper>.navigation-group__grouper-nested:before {
        width:64px
    }
}

.priority-nav__wrapper .navigation-group__item.is-left .navigation-group__grouper:hover>.navigation-group__grouper-nested {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.priority-nav__wrapper .navigation-group__grouper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.priority-nav__wrapper .navigation-group__grouper>.navigation {
    left: 100%;
    opacity: 0;
    right: auto;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden;
    z-index: -1
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation {
        min-width:200px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation {
        min-width:12.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation {
        min-width:200px
    }
}

.priority-nav__wrapper .navigation-group__grouper>.navigation:before {
    bottom: auto;
    content: "";
    height: 100%;
    position: absolute;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation:before {
        left:-64px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation:before {
        left:-4vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation:before {
        left:-64px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation:before {
        width:64px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation:before {
        width:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__grouper>.navigation:before {
        width:64px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper:hover>.navigation {
        display:block;
        opacity: 1;
        -webkit-transform: translateX(24px);
        transform: translateX(24px);
        visibility: visible;
        z-index: 1
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__grouper:hover>.navigation {
        -webkit-transform:translateX(1.5vw);
        transform: translateX(1.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__grouper:hover>.navigation {
        -webkit-transform:translateX(24px);
        transform: translateX(24px)
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper-item {
        padding:12px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__grouper-item {
        padding:.75vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__grouper-item {
        padding:12px 16px
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper-item {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .priority-nav__wrapper .navigation-group__grouper-item {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .priority-nav__wrapper .navigation-group__grouper-item {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .priority-nav__wrapper .navigation-group__grouper-item:hover {
        background-color:rgba(var(--color-brand-base-rgb),.2);
        color: var(--color-brand-base)
    }

    .priority-nav__wrapper .navigation-group__grouper-item:hover .navigation-group__grouper-icon svg {
        stroke: var(--color-brand-base)
    }
}

.priority-nav__wrapper .navigation-group__grouper-item .navigation-group__grouper-icon {
    margin-left: auto;
    margin-right: 0
}

.navigation-group {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden
}

.navigation-group.is-active {
    opacity: 1;
    visibility: visible
}

.navigation-group__item {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    cursor: pointer;
    display: none;
    margin-right: 16px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .navigation-group__item {
        margin-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__item {
        margin-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__item {
        margin-right:24px
    }
}

.navigation-group__item.is-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.navigation-group__item.is-group {
    padding-left: 0;
    padding-right: 0
}

.navigation-group__item.is-group .navigation-group__grouper {
    color: var(--color-brand-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-group__item.is-group .navigation-group__grouper {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__item.is-group .navigation-group__grouper {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__item.is-group .navigation-group__grouper {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation-group__item.is-group .navigation-group__grouper-icon svg {
    display: block
}

.navigation-group__item.is-group .navigation {
    opacity: 0;
    visibility: hidden
}

.navigation-group__item.is-open .navigation {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.navigation-group__item.is-open .button svg,.navigation-group__item.is-open .navigation-group__grouper-icon svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.navigation-group__item:not(.is-open) .navigation__link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .navigation-group__item:not(.is-open) .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__item:not(.is-open) .navigation__link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__item:not(.is-open) .navigation__link {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation-group__item:not(.is-open) .navigation_theme_group {
    pointer-events: none
}

.navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child) {
    position: relative
}

.navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child):before {
    color: var(--color-brand-text);
    content: "";
    content: "/";
    font-weight: 700;
    left: -16px;
    position: absolute
}

@media only screen and (min-width: 960px) {
    .navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child):before {
        left:-16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child):before {
        left:-1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__item:not(.is-group) .navigation-group__grouper .navigation__item:not(:first-child):before {
        left:-16px
    }
}

.navigation-group__grouper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: rgba(var(--color-brand-text-rgb),.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-right: 8px;
    padding: 18px 0
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper {
        padding:18px 0
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper {
        padding:1.125vw 0
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper {
        padding:18px 0
    }
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation-group__grouper:after {
    background-color: transparent;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper:after {
        height:30px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper:after {
        height:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper:after {
        height:30px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper:after {
        bottom:-30px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper:after {
        bottom:-1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper:after {
        bottom:-30px
    }
}

.navigation-group__grouper>.navigation-group__grouper-nested {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden;
    z-index: -1
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper:hover>.navigation-group__grouper-nested {
        display:block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(24px);
        transform: translateX(24px);
        visibility: visible;
        z-index: 1
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper:hover>.navigation-group__grouper-nested {
        -webkit-transform:translateX(1.5vw);
        transform: translateX(1.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper:hover>.navigation-group__grouper-nested {
        -webkit-transform:translateX(24px);
        transform: translateX(24px)
    }
}

.navigation-group__grouper .navigation {
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper .navigation {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper .navigation {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper .navigation {
        margin-left:8px
    }
}

.navigation-group__grouper .button {
    height: 36px
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper .button {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper .button {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper .button {
        height:40px
    }
}

.navigation-group__grouper .button svg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.navigation-group__grouper-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper-item:hover:not(.is-active) {
        color:var(--color-brand-base)
    }

    .navigation-group__grouper-item:hover:not(.is-active) .navigation-group__grouper-icon svg {
        stroke: var(--color-brand-base)
    }
}

.navigation-group__grouper-icon svg {
    stroke: var(--color-brand-text);
    display: none;
    margin-left: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper-icon svg {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper-icon svg {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper-icon svg {
        margin-left:8px
    }
}

.navigation-group__grouper-nested {
    background-color: var(--color-white);
    height: auto;
    left: 100%;
    position: absolute;
    top: 0;
    width: auto
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper-nested {
        min-width:200px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper-nested {
        min-width:12.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper-nested {
        min-width:200px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper-nested {
        border-radius:-webkit-calc(var(--is-br)*12px);
        border-radius: calc(var(--is-br)*12px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper-nested {
        border-radius:-webkit-calc(var(--is-br)*0.75vw);
        border-radius: calc(var(--is-br)*.75vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper-nested {
        border-radius:-webkit-calc(var(--is-br)*12px);
        border-radius: calc(var(--is-br)*12px)
    }
}

.navigation-group__grouper-nested .navigation {
    border: none;
    box-shadow: none;
    left: auto;
    margin: 0;
    position: relative;
    right: auto;
    top: auto
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper-nested .navigation {
        min-width:200px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper-nested .navigation {
        min-width:12.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper-nested .navigation {
        min-width:200px
    }
}

.navigation-group__grouper_theme_nested {
    padding: 0
}

.navigation-group__grouper_theme_nested .navigation__item-button {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-group__grouper_theme_nested .navigation__item-button {
        padding:12px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-group__grouper_theme_nested .navigation__item-button {
        padding:.75vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-group__grouper_theme_nested .navigation__item-button {
        padding:12px 16px
    }
}

.navigation-mobile {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: scroll;
    padding: 16px 8.3333333333% 24px
}

@media only screen and (min-width: 960px) {
    .navigation-mobile {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-mobile {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile {
        padding-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile {
        padding-bottom:40px
    }
}

.navigation-mobile__button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto;
    width: 100%
}

.navigation-mobile__button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.navigation-mobile__button,.navigation-mobile__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 12px 16px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-mobile__button,.navigation-mobile__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile__button,.navigation-mobile__link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile__button,.navigation-mobile__link {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation-mobile__button.is-active,.navigation-mobile__link.is-active {
    color: var(--color-brand-dark)
}

.navigation-mobile__button svg,.navigation-mobile__link svg {
    fill: var(--color-brand-base);
    margin-right: 16px
}

.navigation-mobile__button img,.navigation-mobile__link img {
    margin-right: 16px
}

.navigation-mobile__button-back {
    background-color: rgba(var(--color-brand-gray-rgb),.2);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    margin-top: 16px
}

.navigation-mobile__button-back svg {
    fill: var(--color-brand-text)
}

.navigation-mobile__phone:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .navigation-mobile__phone:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile__phone:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile__phone:not(:first-child) {
        margin-top:24px
    }
}

.navigation-mobile__phone .phone {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .navigation-mobile__phone .phone {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile__phone .phone {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile__phone .phone {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation-mobile__list-item_theme_search {
    margin-bottom: 4px
}

@media only screen and (min-width: 960px) {
    .navigation-mobile__list-item_theme_search {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile__list-item_theme_search {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile__list-item_theme_search {
        margin-bottom:4px
    }
}

.navigation-mobile__list-item_theme_search .navigation-mobile__link {
    background-color: rgba(var(--color-brand-base-rgb),.2);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .navigation-mobile__list-item_theme_search .navigation-mobile__link {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile__list-item_theme_search .navigation-mobile__link {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile__list-item_theme_search .navigation-mobile__link {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation-mobile__list-item_theme_search .navigation-mobile__link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-mobile__list-item_theme_search .navigation-mobile__link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-mobile__list-item_theme_search .navigation-mobile__link {
        font-size:16px;
        line-height: 1.5
    }
}

.navigation-mobile__list_theme_nested {
    position: relative
}

.navigation-mobile__list_theme_nested .navigation-mobile__list-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.navigation-mobile__list_theme_nested .navigation-mobile__list-arrow {
    fill: var(--color-brand-text);
    margin-left: auto;
    margin-right: 0
}

.navigation-mobile__list_theme_nested .navigation-mobile__list-nested {
    background-color: var(--color-white);
    height: 100%;
    left: 0;
    padding-top: 56px;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%;
    z-index: 1
}

.navigation-mobile__list_theme_nested .navigation-mobile__list-nested.is-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.navigation-fullscreen {
    display: none
}

@media only screen and (min-width: 670px) {
    .navigation-fullscreen {
        display:block
    }
}

.navigation-fullscreen__menu {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(var(--color-black-rgb),.7);
    height: 100vh;
    left: 0;
    overflow: hidden;
    padding-bottom: 60px;
    padding-left: 2.7777777778%;
    padding-right: 2.7777777778%;
    padding-top: calc(var(--header-height) + 24px);
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu {
        padding-top:calc(var(--header-height) + 24px)
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu {
        padding-top:calc(var(--header-height) + 1.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu {
        padding-top:calc(var(--header-height) + 24px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu {
        padding-bottom:80px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu {
        padding-bottom:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu {
        padding-bottom:80px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu {
        padding-left:0;
        padding-right: 0
    }
}

.navigation-fullscreen__menu .details details:not(:last-child) summary {
    border-bottom: none
}

.navigation-fullscreen__menu-wrapper {
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-wrapper {
        max-width:100vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-wrapper {
        max-width:1600px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-wrapper {
        scrollbar-color:rgba(var(--color-white-rgb),.2) transparent;
        scrollbar-width: thin
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar {
        height:16px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar-track {
        background:transparent
    }

    .navigation-fullscreen__menu-wrapper::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: rgba(var(--color-white-rgb),.2);
        border-right: 10px solid transparent
    }
}

.navigation-fullscreen__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.navigation-fullscreen__main-row {
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-row {
        width:100%
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__main-row {
        width:-webkit-calc(94.44444% + 1vw);
        width: calc(94.44444% + 1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__main-row {
        width:-webkit-calc(94.44444% + 16px);
        width: calc(94.44444% + 16px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-row {
        grid-template-columns:repeat(auto-fit,minmax(max(100px,19%),1fr))
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__main-row {
        margin-left:2.7777777778%;
        margin-right: 2.7777777778%
    }
}

.navigation-fullscreen__main-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    background-color: rgba(var(--color-white-rgb),.1);
    border-radius: 8px;
    color: rgba(var(--color-white-rgb),.8);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    min-height: 120px;
    padding: 16px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-item {
        min-height:160px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__main-item {
        min-height:10vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__main-item {
        min-height:160px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-item {
        padding:24px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__main-item {
        padding:1.5vw 2.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__main-item {
        padding:24px 34px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-item {
        border-radius:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__main-item {
        border-radius:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__main-item {
        border-radius:8px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-item:hover {
        background-color:rgba(var(--color-white-rgb),.25)
    }
}

.navigation-fullscreen__main-ico {
    margin-bottom: auto
}

.navigation-fullscreen__main-ico svg {
    fill: var(--color-brand-base)
}

.navigation-fullscreen__menu-sub {
    background-color: rgba(var(--color-white-rgb),.1);
    border-radius: 8px;
    color: rgba(var(--color-white-rgb),.8);
    margin-top: 2px;
    padding-bottom: 16px;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-sub {
        width:100%
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-sub {
        width:-webkit-calc(94.44% + 1vw);
        width: calc(94.44% + 1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-sub {
        width:-webkit-calc(94.44% + 16px);
        width: calc(94.44% + 16px)
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-sub {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-sub {
        padding-bottom:1.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-sub {
        padding-bottom:26px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-sub {
        border-radius:8px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-sub {
        border-radius:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-sub {
        border-radius:8px
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-sub {
        display:grid;
        grid-template-columns: repeat(auto-fit,minmax(max(100px,33%),1fr))
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-sub {
        grid-template-columns:repeat(auto-fit,minmax(max(100px,25%),1fr));
        margin-left: 2.7777777778%;
        margin-right: 2.7777777778%
    }
}

.navigation-fullscreen__menu-sub .navigation-fullscreen__sub-title {
    padding: 16px
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__menu-sub .navigation-fullscreen__sub-title {
        padding:16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__menu-sub .navigation-fullscreen__sub-title {
        padding:1.625vw 1.5vw 0
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__menu-sub .navigation-fullscreen__sub-title {
        padding:26px 24px 0
    }
}

.navigation-fullscreen__sub-title {
    border-bottom: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__sub-title {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__sub-title {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__sub-title {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__sub-title:not(a) {
        cursor:default
    }
}

.navigation-fullscreen__sub-ico {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__sub-ico {
        display:none
    }
}

.navigation-fullscreen__sub-ico svg {
    fill: rgba(var(--color-white-rgb),.8)
}

.navigation-fullscreen__sub-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 16px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__sub-list {
        padding:0 16px
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__sub-list {
        padding:0 1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__sub-list {
        padding:0 24px
    }
}

.navigation-fullscreen__sub-item {
    color: rgba(var(--color-white-rgb),.5);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 4px 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__sub-item {
        padding:5px 0
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__sub-item {
        padding:.313vw 0
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__sub-item {
        padding:5px 0
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__sub-item {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .navigation-fullscreen__sub-item {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-fullscreen__sub-item {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__sub-item:hover {
        color:rgba(var(--color-white-rgb),.8)
    }
}

.navigation-fullscreen__main-row_theme_odd .navigation-fullscreen__main-item:first-child {
    grid-column: span 2
}

@media only screen and (min-width: 960px) {
    .navigation-fullscreen__main-row_theme_odd .navigation-fullscreen__main-item:first-child {
        grid-column:1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.page-reveal {
    opacity: 0;
    -webkit-transition: .8s ease-out;
    transition: .8s ease-out;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.page-reveal.is-revealed {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.page-reveal__wrapper {
    overflow-x: hidden
}

.page-reveal_theme_vertical {
    -webkit-transform: translateY(25px);
    transform: translateY(25px)
}

@media only screen and (min-width: 960px) {
    .page-reveal_theme_vertical {
        -webkit-transform:translateY(25px);
        transform: translateY(25px)
    }
}

@media only screen and (min-width: 1280px) {
    .page-reveal_theme_vertical {
        -webkit-transform:translateY(1.563vw);
        transform: translateY(1.563vw)
    }
}

@media only screen and (min-width: 1600px) {
    .page-reveal_theme_vertical {
        -webkit-transform:translateY(25px);
        transform: translateY(25px)
    }
}

.page-reveal_theme_left {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

@media only screen and (min-width: 960px) {
    .page-reveal_theme_left {
        -webkit-transform:translateX(-50px);
        transform: translateX(-50px)
    }
}

@media only screen and (min-width: 1280px) {
    .page-reveal_theme_left {
        -webkit-transform:translateX(-3.125vw);
        transform: translateX(-3.125vw)
    }
}

@media only screen and (min-width: 1600px) {
    .page-reveal_theme_left {
        -webkit-transform:translateX(-50px);
        transform: translateX(-50px)
    }
}

.page-reveal_theme_slide.is-revealed {
    -webkit-animation: slide-left-from-bottom 1s;
    animation: slide-left-from-bottom 1s
}

.page-reveal_theme_scale.is-revealed {
    -webkit-animation: slide-in .5s;
    animation: slide-in .5s
}

.page-reveal_theme_puff.is-revealed {
    -webkit-animation: puff-in .5s;
    animation: puff-in .5s
}

@-webkit-keyframes slide-left-from-bottom {
    0% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px)
    }

    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slide-left-from-bottom {
    0% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px)
    }

    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: translateY(-25px) scaleY(.9) scaleX(.9);
        transform: translateY(-25px) scaleY(.9) scaleX(.9)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

@keyframes slide-in {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: translateY(-25px) scaleY(.9) scaleX(.9);
        transform: translateY(-25px) scaleY(.9) scaleX(.9)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

@-webkit-keyframes puff-in {
    0% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes puff-in {
    0% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.persons {
    margin-top: 32px
}

@media only screen and (min-width: 960px) {
    .persons {
        margin-top:56px
    }
}

@media only screen and (min-width: 1280px) {
    .persons {
        margin-top:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .persons {
        margin-top:56px
    }
}

@media only screen and (max-width: 669px) {
    .persons {
        margin-left:16.6666666667%;
        margin-right: 8.3333333333%;
        width: 75%
    }
}

.persons-cards {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .persons-cards {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .persons-cards {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .persons-cards {
        margin-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .persons-cards {
        -webkit-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.person-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .person-card {
        width:42.8571428571%
    }

    .person-card:nth-child(odd) {
        margin-right: 10%
    }
}

.person-card:nth-child(odd) {
    margin-bottom: 32px
}

@media only screen and (min-width: 960px) {
    .person-card:nth-child(odd) {
        margin-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .person-card:nth-child(odd) {
        margin-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .person-card:nth-child(odd) {
        margin-bottom:56px
    }
}

.person-card:nth-child(odd) .person-card__photo-logo {
    bottom: 0
}

.person-card:nth-child(2n) .person-card__photo-logo {
    top: 0
}

@media only screen and (min-width: 670px) {
    .person-card:nth-child(2n) .person-card__name {
        -webkit-align-self:flex-end;
        align-self: flex-end
    }
}

.person-card__info {
    -webkit-box-pack: space-evenly;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%
}

@media only screen and (min-width: 670px) {
    .person-card__info {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__info {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.person-card__photo {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%
}

@media only screen and (min-width: 1280px) {
    .person-card__photo {
        -webkit-flex-basis:50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

.person-card__photo-wrapper {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.person-card__photo-logo {
    height: auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 60%
}

.person-card__photo-item {
    border-radius: 50%;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.person-card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 40px
}

@media only screen and (min-width: 960px) {
    .person-card__name {
        font-size:40px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__name {
        font-size:2.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .person-card__name {
        font-size:40px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 960px) {
    .person-card__name {
        margin-top:72px
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__name {
        margin-top:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .person-card__name {
        margin-top:72px
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__name {
        -webkit-flex-basis:20%;
        flex-basis: 20%
    }
}

.person-card__quote {
    margin: 0;
    position: relative
}

@media only screen and (min-width: 960px) {
    .person-card__quote {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__quote {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .person-card__quote {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__quote {
        max-width:80%
    }
}

.person-card__quote:before {
    background-image: url(/webicons/persons/quotes.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 72px;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 6px;
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
    width: 85px
}

.person-card__quote p+p {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .person-card__quote p+p {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .person-card__quote p+p {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .person-card__quote p+p {
        margin-top:16px
    }
}

.person-card__quote strong {
    font-weight: 600
}

.phone {
    background: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    white-space: nowrap
}

@media only screen and (min-width: 1280px) {
    .phone:hover {
        color:var(--color-brand-base)
    }
}

.plan {
    left: 0;
    margin: 0 auto;
    padding-top: 100%;
    pointer-events: none;
    position: relative;
    top: 0;
    width: 100%
}

.plan__img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.plan__img img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.plug {
    background-color: var(--color-brand-base);
    color: var(--color-white);
    height: 100vh;
    padding: 5.5555555556%;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .plug {
        padding:2.7777777778%
    }
}

.plug h1,.plug h2,.plug h3,.plug h4,.plug h5 {
    color: var(--color-white)
}

.plug__picture,.plug__picture:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plug__picture:before {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(var(--color-black-rgb),.2)),to(rgba(var(--color-black-rgb),.49)));
    background: linear-gradient(180deg,rgba(var(--color-black-rgb),.2) 0,rgba(var(--color-black-rgb),.49) 100%);
    content: ""
}

.plug__picture img,.plug__picture picture {
    display: block;
    height: 100%;
    width: 100%
}

.plug__picture img {
    font-family: "object-fit: cover; object-position: center;";
    object-fit: cover;
    object-position: center
}

.plug__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media only screen and (min-width: 1280px) {
    .plug__logo {
        width:12.5%
    }
}

.plug__logo img {
    max-height: 25px
}

@media only screen and (min-width: 960px) {
    .plug__logo img {
        max-height:25px
    }
}

@media only screen and (min-width: 1280px) {
    .plug__logo img {
        max-height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .plug__logo img {
        max-height:40px
    }
}

.plug__content {
    grid-gap: 24px;
    display: grid;
    grid-template-columns: auto;
    margin-top: auto;
    padding-top: 6.25%
}

@media only screen and (min-width: 960px) {
    .plug__content {
        grid-gap:24px
    }
}

@media only screen and (min-width: 1280px) {
    .plug__content {
        grid-gap:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .plug__content {
        grid-gap:40px
    }
}

@media only screen and (min-width: 1280px) {
    .plug__content {
        padding-top:2.9411764706%;
        width: 50%
    }
}

.plug__announcement p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .plug__announcement p {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .plug__announcement p {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .plug__announcement p {
        font-size:22px;
        line-height: 1.5
    }
}

.plug__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -28px
}

@media only screen and (min-width: 960px) {
    .plug__footer {
        margin-bottom:-48px
    }
}

@media only screen and (min-width: 1280px) {
    .plug__footer {
        margin-bottom:-3vw
    }
}

@media only screen and (min-width: 1600px) {
    .plug__footer {
        margin-bottom:-48px
    }
}

.plug__footer a {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 28px;
    text-decoration: none
}

@media only screen and (min-width: 960px) {
    .plug__footer a {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .plug__footer a {
        margin-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .plug__footer a {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 960px) {
    .plug__footer a {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .plug__footer a {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .plug__footer a {
        font-size:22px;
        line-height: 1.5
    }
}

.plug__footer a:not(:last-child) {
    margin-right: 6.25%
}

@media only screen and (min-width: 1280px) {
    .plug__footer a:not(:last-child) {
        margin-right:5.8823529412%
    }
}

.popup {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-align-items: center;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: rgba(var(--color-black-rgb),.7);
    display: none;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    overflow: auto;
    position: fixed;
    z-index: 7
}

.popup,.popup__overlay {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.popup__overlay {
    position: absolute
}

.popup__close,.popup__overlay {
    background-color: transparent;
    cursor: pointer
}

.popup__close {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    font: inherit;
    height: 40px;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto;
    width: 40px
}

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

@media only screen and (min-width: 960px) {
    .popup__close {
        width:40px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__close {
        width:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__close {
        width:40px
    }
}

@media only screen and (min-width: 960px) {
    .popup__close {
        height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__close {
        height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__close {
        height:40px
    }
}

.popup__close-icon {
    fill: var(--color-brand-text);
    height: 100%;
    width: 100%
}

.popup__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .popup__container {
        -webkit-box-align:center;
        -webkit-box-pack: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.popup__wrapper {
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media only screen and (min-width: 670px) {
    .popup__wrapper {
        margin-left:auto;
        margin-right: auto;
        position: relative;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .popup__wrapper {
        width:38.8888888889%
    }
}

.popup__inner {
    background-color: var(--color-white);
    border-top-left-radius: -webkit-calc(var(--is-br)*8px);
    border-top-left-radius: calc(var(--is-br)*8px);
    border-top-right-radius: -webkit-calc(var(--is-br)*8px);
    border-top-right-radius: calc(var(--is-br)*8px);
    overflow-y: scroll;
    pointer-events: auto;
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .popup__inner {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .popup__inner {
        border-top-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .popup__inner {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .popup__inner {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .popup__inner {
        border-top-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .popup__inner {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .popup__inner {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .popup__inner {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .popup__inner {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .popup__inner {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .popup__inner {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .popup__inner {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 670px) {
    .popup__inner {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px);
        overflow-y: unset
    }
}

@media only screen and (min-width: 960px) {
    .popup__inner {
        margin-bottom:5.46875%;
        margin-top: 5.46875%
    }
}

@media only screen and (min-width: 1440px) {
    .popup__inner {
        margin-bottom:10.5263157895%;
        margin-top: 10.5263157895%
    }
}

.popup__inner-wrapper {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    padding-bottom: 32px;
    width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .popup__inner-wrapper {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__inner-wrapper {
        padding-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__inner-wrapper {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 670px) {
    .popup__inner-wrapper {
        margin-left:11.6666666667%;
        margin-right: 11.6666666667%;
        width: 76.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .popup__inner-wrapper {
        margin-left:14.2857142857%;
        margin-right: 14.2857142857%;
        width: 71.4285714286%
    }
}

.popup__hidden-content {
    display: none
}

.popup__header {
    width: 100%
}

.popup__header p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .popup__header p {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .popup__header p {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .popup__header p {
        font-size:18px;
        line-height: 1.5
    }
}

.popup__header-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media only screen and (min-width: 670px) {
    .popup__header-inner {
        padding:4px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__header-inner {
        padding:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__header-inner {
        padding:4px
    }
}

.popup__header-inner .popup__close {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: auto
}

.popup__gallery {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    padding-bottom: 36px;
    padding-top: 28px;
    width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .popup__gallery {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__gallery {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .popup__gallery {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__gallery {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery {
        margin-left:5.5555555556%;
        margin-right: 5.5555555556%;
        width: 88.8888888889%
    }
}

.popup__gallery-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.popup__gallery-item:not(:first-child) {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .popup__gallery-item:not(:first-child) {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery-item:not(:first-child) {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__gallery-item:not(:first-child) {
        margin-top:48px
    }
}

.popup__gallery-item:last-child {
    margin-bottom: 28px
}

@media only screen and (min-width: 960px) {
    .popup__gallery-item:last-child {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery-item:last-child {
        margin-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__gallery-item:last-child {
        margin-bottom:48px
    }
}

.popup__gallery-item img {
    display: block;
    max-height: 90vh
}

.popup__gallery-item img.is-active {
    z-index: 1
}

.popup__gallery-item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .popup__gallery-item p {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery-item p {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup__gallery-item p {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .popup__gallery-item p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .popup__gallery-item p {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .popup__gallery-item p {
        font-size:16px;
        line-height: 1.5
    }
}

.popup__gallery-video {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.popup__gallery-video iframe,.popup__gallery-video video,.popup__planoplan-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.popup_state_open {
    -webkit-animation: popup-open .3s ease-out .1s both;
    animation: popup-open .3s ease-out .1s both
}

.popup_state_close,.popup_state_open {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1
}

.popup_state_close {
    -webkit-animation: popup-close .3s ease-out both;
    animation: popup-close .3s ease-out both
}

.popup_theme_white {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.popup_theme_white .popup__header {
    box-shadow: 0 1px 0 rgba(var(--color-black-rgb),.06)
}

.popup_theme_white .popup__header-inner {
    padding: 2.7777777778% 2.7777777778% 2.7777777778% 8.3333333333%
}

@media only screen and (min-width: 670px) {
    .popup_theme_white .popup__header-inner {
        padding-bottom:1.3888888889%;
        padding-right: 1.3888888889%;
        padding-top: 1.3888888889%
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_white .popup__header-inner {
        padding-left:5.5555555556%
    }
}

.popup_theme_white .popup__wrapper {
    background-color: var(--color-white);
    min-height: 100%;
    top: 0
}

@media only screen and (min-width: 670px) {
    .popup_theme_white .popup__wrapper {
        width:100%
    }
}

.popup_theme_white .popup__close {
    background-color: var(--color-brand-text)
}

.popup_theme_white .popup__close-icon {
    fill: var(--color-white)
}

.popup_theme_white .popup__content {
    min-height: 100vh
}

@media only screen and (min-width: 960px) {
    .popup_theme_white .popup__content {
        min-height:inherit
    }
}

.popup_theme_callback.popup_state_open .popup__wrapper {
    -webkit-animation: popup-appear .3s ease-out .1s both;
    animation: popup-appear .3s ease-out .1s both
}

@media only screen and (min-width: 670px) {
    .popup_theme_callback.popup_state_open .popup__wrapper {
        -webkit-animation:none;
        animation: none
    }
}

.popup_theme_callback.popup_state_close .popup__wrapper {
    -webkit-animation: popup-disappear .3s ease-out both;
    animation: popup-disappear .3s ease-out both
}

@media only screen and (min-width: 670px) {
    .popup_theme_callback.popup_state_close .popup__wrapper {
        -webkit-animation:none;
        animation: none
    }
}

@media only screen and (max-width: 669px) {
    .popup_theme_callback .popup__wrapper {
        max-height:100%;
        overflow-y: scroll
    }
}

.popup_theme_callback .popup__header-inner {
    position: relative
}

.popup_theme_callback .popup__header-inner:before {
    background-color: var(--color-brand-gray);
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80px
}

@media only screen and (min-width: 960px) {
    .popup_theme_callback .popup__header-inner:before {
        width:80px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_callback .popup__header-inner:before {
        width:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_callback .popup__header-inner:before {
        width:80px
    }
}

@media only screen and (min-width: 960px) {
    .popup_theme_callback .popup__header-inner:before {
        height:4px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_callback .popup__header-inner:before {
        height:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_callback .popup__header-inner:before {
        height:4px
    }
}

@media only screen and (min-width: 960px) {
    .popup_theme_callback .popup__header-inner:before {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_callback .popup__header-inner:before {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_callback .popup__header-inner:before {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 670px) {
    .popup_theme_callback .popup__header-inner:before {
        display:none
    }
}

.popup_theme_content .popup__wrapper {
    min-height: 100%;
    top: 0
}

@media only screen and (min-width: 670px) {
    .popup_theme_content .popup__wrapper {
        width:100%
    }
}

@media only screen and (min-width: 960px) {
    .popup_theme_content .popup__inner {
        margin-bottom:0;
        margin-top: 0
    }
}

@media only screen and (min-width: 1440px) {
    .popup_theme_content .popup__inner {
        margin-bottom:5.5555555556%;
        margin-top: 5.5555555556%
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_content .popup__inner-wrapper {
        margin-left:12.5%;
        margin-right: 12.5%;
        padding-bottom: 7.4074074074%;
        padding-top: 3.7037037037%;
        width: 75%
    }
}

.popup_theme_content p:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .popup_theme_content p:not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_content p:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_content p:not(:first-child) {
        margin-top:16px
    }
}

.popup_theme_content h3:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width: 960px) {
    .popup_theme_content h3:not(:first-child) {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_content h3:not(:first-child) {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_content h3:not(:first-child) {
        margin-top:32px
    }
}

.popup_theme_content h4:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .popup_theme_content h4:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_content h4:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_content h4:not(:first-child) {
        margin-top:24px
    }
}

.popup_theme_planoplan {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.popup_theme_planoplan .popup__wrapper {
    background-color: transparent;
    min-height: 100%;
    top: 0
}

@media only screen and (min-width: 670px) {
    .popup_theme_planoplan .popup__wrapper {
        width:100%
    }
}

.popup_theme_planoplan .popup__btn-close {
    margin-top: 12px;
    position: absolute;
    right: 2.7777777778%;
    top: 0
}

@media only screen and (min-width: 960px) {
    .popup_theme_planoplan .popup__btn-close {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_planoplan .popup__btn-close {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_planoplan .popup__btn-close {
        margin-top:16px
    }
}

.popup_theme_actions .popup__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-left: auto
}

.popup_theme_actions .actions {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    padding-bottom: 36px;
    padding-top: 28px;
    width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .popup_theme_actions .actions {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_actions .actions {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .popup_theme_actions .actions {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_actions .actions {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.popup_theme_actions .actions__label {
    color: var(--color-brand-base);
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .popup_theme_actions .actions__label {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions__label {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_actions .actions__label {
        margin-bottom:8px
    }
}

.popup_theme_actions .actions__title {
    margin-bottom: 24px;
    max-width: 720px
}

@media only screen and (min-width: 960px) {
    .popup_theme_actions .actions__title {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions__title {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_actions .actions__title {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .popup_theme_actions .actions__title {
        max-width:720px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions__title {
        max-width:45vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_actions .actions__title {
        max-width:720px
    }
}

.popup_theme_actions .actions__text {
    max-width: 720px
}

@media only screen and (min-width: 960px) {
    .popup_theme_actions .actions__text {
        max-width:720px
    }
}

@media only screen and (min-width: 1280px) {
    .popup_theme_actions .actions__text {
        max-width:45vw
    }
}

@media only screen and (min-width: 1600px) {
    .popup_theme_actions .actions__text {
        max-width:720px
    }
}

@-webkit-keyframes popup-open {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

@keyframes popup-open {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes popup-close {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    to {
        display: none;
        opacity: 0
    }
}

@keyframes popup-close {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    to {
        display: none;
        opacity: 0
    }
}

@-webkit-keyframes popup-appear {
    0% {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

@keyframes popup-appear {
    0% {
        bottom: -100%
    }

    to {
        bottom: 0
    }
}

@-webkit-keyframes popup-disappear {
    0% {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}

@keyframes popup-disappear {
    0% {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}

.price {
    position: relative;
    width: 100%
}

.price__wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.price__basic {
    color: var(--color-brand-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: .4;
    text-decoration: line-through;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .price__basic {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .price__basic {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .price__basic {
        font-size:14px;
        line-height: 1.5
    }
}

.price__current {
    color: var(--color-brand-text);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .price__current {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .price__current {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .price__current {
        font-size:24px;
        line-height: 1.2
    }
}

.price__discount {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-additional-1);
    border-radius: -webkit-calc(var(--is-br)*40px);
    border-radius: calc(var(--is-br)*40px);
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-left: auto;
    margin-right: 0;
    padding: 1px 4px 1px 6px
}

@media only screen and (min-width: 960px) {
    .price__discount {
        padding:1px 4px 1px 6px
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount {
        padding:.063vw .25vw .063vw .375vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount {
        padding:1px 4px 1px 6px
    }
}

@media only screen and (min-width: 960px) {
    .price__discount {
        border-radius:-webkit-calc(var(--is-br)*40px);
        border-radius: calc(var(--is-br)*40px)
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount {
        border-radius:-webkit-calc(var(--is-br)*2.5vw);
        border-radius: calc(var(--is-br)*2.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount {
        border-radius:-webkit-calc(var(--is-br)*40px);
        border-radius: calc(var(--is-br)*40px)
    }
}

@media only screen and (min-width: 960px) {
    .price__discount {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount {
        font-size:14px;
        line-height: 1.5
    }
}

.price__discount .info-pin {
    background-color: var(--color-white);
    height: 12px;
    width: 12px
}

@media only screen and (min-width: 960px) {
    .price__discount .info-pin {
        width:12px
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount .info-pin {
        width:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount .info-pin {
        width:12px
    }
}

@media only screen and (min-width: 960px) {
    .price__discount .info-pin {
        height:12px
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount .info-pin {
        height:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount .info-pin {
        height:12px
    }
}

.price__discount .info-pin rect {
    fill: var(--color-additional-1)
}

.price__discount .info-pin__tooltip {
    right: 10%;
    top: -10px;
    -webkit-transform: translate(10%,-100%);
    transform: translate(10%,-100%)
}

@media only screen and (min-width: 960px) {
    .price__discount .info-pin__tooltip {
        top:-10px
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount .info-pin__tooltip {
        top:-.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount .info-pin__tooltip {
        top:-10px
    }
}

.price__discount .info-pin__tooltip:before {
    border-top: 5px solid var(--color-white);
    bottom: -10px;
    left: auto;
    right: 10%;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (min-width: 960px) {
    .price__discount .info-pin__tooltip:before {
        bottom:-10px
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount .info-pin__tooltip:before {
        bottom:-.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount .info-pin__tooltip:before {
        bottom:-10px
    }
}

@media only screen and (min-width: 960px) {
    .price__discount .info-pin__tooltip:before {
        border-top:5px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .price__discount .info-pin__tooltip:before {
        border-top:.313vw solid var(--color-white)
    }
}

@media only screen and (min-width: 1600px) {
    .price__discount .info-pin__tooltip:before {
        border-top:5px solid var(--color-white)
    }
}

@media only screen and (min-width: 960px) {
    .price__discount .info-pin__tooltip:before {
        border-right-color:transparent;
        top: auto
    }
}

.price__discount-text {
    padding-top: 1px
}

.price__mortgage-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid rgba(var(--color-brand-text-rgb),.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 0;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: height,opacity;
    transition-property: height,opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden;
    z-index: -1
}

.price__mortgage-wrapper.is-active {
    height: auto;
    margin-top: 12px;
    opacity: 1;
    visibility: visible;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .price__mortgage-wrapper.is-active {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .price__mortgage-wrapper.is-active {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__mortgage-wrapper.is-active {
        margin-top:16px
    }
}

.price__mortgage-wrapper.is-empty {
    position: relative
}

.price__mortgage-wrapper.is-empty .price__mortgage-empty {
    opacity: .85;
    visibility: visible;
    z-index: 1
}

.price__mortgage-title {
    color: var(--color-brand-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: .5;
    padding-bottom: 4px;
    padding-top: 12px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .price__mortgage-title {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .price__mortgage-title {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__mortgage-title {
        padding-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .price__mortgage-title {
        padding-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .price__mortgage-title {
        padding-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .price__mortgage-title {
        padding-bottom:4px
    }
}

@media only screen and (min-width: 960px) {
    .price__mortgage-title {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .price__mortgage-title {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .price__mortgage-title {
        font-size:14px;
        line-height: 1.5
    }
}

.price__mortgage-monthly {
    color: var(--color-brand-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .price__mortgage-monthly {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .price__mortgage-monthly {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .price__mortgage-monthly {
        font-size:16px;
        line-height: 1.5
    }
}

.price__mortgage-link {
    color: var(--color-brand-dark);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-left: auto;
    margin-right: 0
}

@media only screen and (min-width: 960px) {
    .price__mortgage-link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .price__mortgage-link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .price__mortgage-link {
        font-size:16px;
        line-height: 1.5
    }
}

.price__mortgage-empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--color-white);
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.premises-prices__price {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .premises-prices__price {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .premises-prices__price {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .premises-prices__price {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .premises-prices__price {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .premises-prices__price {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .premises-prices__price {
        font-size:18px;
        line-height: 1.5
    }
}

.progress {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    padding-bottom: 36px;
    padding-top: 28px;
    width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .progress {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .progress {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .progress {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .progress {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.progress+.progress__content {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .progress+.progress__content {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress+.progress__content {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress+.progress__content {
        margin-top:48px
    }
}

.progress h4+.progress__content {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .progress h4+.progress__content {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress h4+.progress__content {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress h4+.progress__content {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress .button_theme_white:hover {
        background-color:var(--color-brand-text);
        border-color: transparent;
        color: var(--color-white)
    }
}

.progress .button_theme_white.is-active {
    background-color: var(--color-brand-text);
    border-color: transparent;
    color: var(--color-white);
    pointer-events: none
}

.progress__description:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .progress__description:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__description:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__description:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .progress__description p {
        width:66.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .progress__description p {
        width:64.2857142857%
    }
}

.progress__description p:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .progress__description p:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__description p:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__description p:not(:first-child) {
        margin-top:8px
    }
}

.progress__description+.progress__content {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .progress__description+.progress__content {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__description+.progress__content {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__description+.progress__content {
        margin-top:48px
    }
}

@media only screen and (min-width: 670px) {
    .progress__content {
        margin-left:-.8333333333%;
        margin-right: -.8333333333%;
        width: 101.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .progress__content {
        margin-left:-.8928571429%;
        margin-right: -.8928571429%;
        width: 101.7857142857%
    }
}

.progress__content:last-of-type {
    margin-bottom: -5%
}

@media only screen and (min-width: 670px) {
    .progress__content:last-of-type {
        margin-bottom:-1.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .progress__content:last-of-type {
        margin-bottom:-1.7857142857%
    }
}

.progress__item {
    margin-bottom: 5%
}

@media only screen and (min-width: 670px) {
    .progress__item {
        margin-bottom:1.6393442623%;
        margin-left: .8196721311%;
        margin-right: .8196721311%
    }
}

@media only screen and (min-width: 1280px) {
    .progress__item {
        margin-bottom:1.7543859649%;
        margin-left: .8771929825%;
        margin-right: .8771929825%
    }
}

@media only screen and (min-width: 670px) {
    .progress__item-wrapper {
        height:0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.progress__item-wrapper img {
    display: block;
    width: 100%
}

@media only screen and (min-width: 670px) {
    .progress__item-wrapper img {
        font-family:"object-fit: cover; object-position: center;";
        height: 100%;
        left: 0;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0
    }
}

.progress__navigation {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(var(--color-black-rgb),.3);
    border-radius: -webkit-calc(var(--is-br)*72px);
    border-radius: calc(var(--is-br)*72px);
    bottom: 32px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 56px;
    margin-left: -5.5555555556%;
    padding: 8px;
    position: -webkit-sticky;
    position: sticky;
    width: auto
}

@media only screen and (min-width: 960px) {
    .progress__navigation {
        bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation {
        bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation {
        bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .progress__navigation {
        padding:8px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation {
        padding:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation {
        padding:8px
    }
}

@media only screen and (min-width: 960px) {
    .progress__navigation {
        border-radius:-webkit-calc(var(--is-br)*72px);
        border-radius: calc(var(--is-br)*72px)
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation {
        border-radius:-webkit-calc(var(--is-br)*4.5vw);
        border-radius: calc(var(--is-br)*4.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation {
        border-radius:-webkit-calc(var(--is-br)*72px);
        border-radius: calc(var(--is-br)*72px)
    }
}

@media only screen and (min-width: 960px) {
    .progress__navigation {
        height:56px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation {
        height:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation {
        height:56px
    }
}

@media only screen and (min-width: 670px) {
    .progress__navigation {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-left: 2.7777777778%;
        margin-right: 2.7777777778%;
        width: 94.4444444444%
    }
}

.progress__navigation:not(:first-child) {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .progress__navigation:not(:first-child) {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation:not(:first-child) {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation:not(:first-child) {
        margin-top:48px
    }
}

.progress__navigation-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    line-height: 1.5;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto
}

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

@media only screen and (min-width: 960px) {
    .progress__navigation-button {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation-button {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation-button {
        font-size:14px;
        line-height: 1.5
    }
}

.progress__navigation-button:disabled {
    opacity: .5;
    pointer-events: none
}

.progress__navigation-button:disabled .button__text {
    display: none
}

.progress__navigation-button:first-child {
    margin-right: auto
}

.progress__navigation-button:last-child {
    margin-left: 34px
}

@media only screen and (min-width: 960px) {
    .progress__navigation-button:last-child {
        margin-left:auto
    }
}

.progress__navigation-button-text {
    color: var(--color-white);
    display: none;
    margin-left: 16px;
    margin-right: 16px
}

@media only screen and (min-width: 960px) {
    .progress__navigation-button-text {
        margin-left:16px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation-button-text {
        margin-left:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation-button-text {
        margin-left:16px
    }
}

@media only screen and (min-width: 960px) {
    .progress__navigation-button-text {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation-button-text {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation-button-text {
        margin-right:16px
    }
}

@media only screen and (min-width: 670px) {
    .progress__navigation-button-text {
        display:block
    }
}

.progress__navigation-current {
    color: var(--color-white);
    display: none;
    font-size: 16px;
    font-weight: 700;
    left: 50%;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 960px) {
    .progress__navigation-current {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .progress__navigation-current {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .progress__navigation-current {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) {
    .progress__navigation-current {
        display:block
    }

    .progress__content_theme_tile {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .progress__content_theme_tile .progress__item {
        width: 48.3606557377%
    }
}

@media only screen and (min-width: 1280px) {
    .progress__content_theme_tile .progress__item {
        width:48.2456140351%
    }
}

@media only screen and (min-width: 670px) {
    .progress__content_theme_tile .progress__item:nth-child(5n+1) {
        width:98.3606557377%
    }
}

@media only screen and (min-width: 1280px) {
    .progress__content_theme_tile .progress__item:nth-child(5n+1) {
        width:98.2456140351%
    }
}

.progress__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -4px
}

@media only screen and (min-width: 960px) {
    .progress__tabs {
        margin-bottom:-4px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__tabs {
        margin-bottom:-.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__tabs {
        margin-bottom:-4px
    }
}

.progress__tabs .button {
    margin-bottom: 4px
}

@media only screen and (min-width: 960px) {
    .progress__tabs .button {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__tabs .button {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__tabs .button {
        margin-bottom:4px
    }
}

.progress__tabs .button:not(:last-child) {
    margin-right: 4px
}

@media only screen and (min-width: 960px) {
    .progress__tabs .button:not(:last-child) {
        margin-right:4px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__tabs .button:not(:last-child) {
        margin-right:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__tabs .button:not(:last-child) {
        margin-right:4px
    }
}

.progress__tabs-content {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .progress__tabs-content {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__tabs-content {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__tabs-content {
        margin-top:48px
    }
}

.progress-card {
    background-color: var(--color-white);
    border: 1px solid rgba(33,36,32,.08);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 1px solid rgba(33,36,32,.08);
    cursor: pointer;
    height: 100%;
    overflow: hidden
}

@media only screen and (min-width: 960px) {
    .progress-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .progress-card {
        box-shadow:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card {
        box-shadow:.063vw solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card {
        box-shadow:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 960px) {
    .progress-card {
        border:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card {
        border:.063vw solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card {
        border:1px solid rgba(33,36,32,.08)
    }
}

.progress-card__image {
    height: 0;
    padding-bottom: 56.75%;
    position: relative
}

.progress-card__image img,.progress-card__image picture {
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.progress-card__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 16px 6.6666666667% 20px
}

@media only screen and (min-width: 960px) {
    .progress-card__content {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__content {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__content {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .progress-card__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__content {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 670px) {
    .progress-card__content {
        padding-left:6.8965517241%;
        padding-right: 6.8965517241%
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__content {
        padding-left:11.1111111111%;
        padding-right: 11.1111111111%
    }
}

.progress-card__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .progress-card__title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__title {
        font-size:16px;
        line-height: 1.5
    }
}

.progress-card__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    opacity: .5
}

@media only screen and (min-width: 960px) {
    .progress-card__info {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__info {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__info {
        font-size:16px;
        line-height: 1.5
    }
}

.progress-card__info:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .progress-card__info:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__info:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__info:not(:first-child) {
        margin-top:8px
    }
}

.progress-card__counts {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: auto
}

.progress-card__count,.progress-card__counts {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.progress-card__count {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.progress-card__count:not(:last-child) {
    margin-right: 16px
}

@media only screen and (min-width: 960px) {
    .progress-card__count:not(:last-child) {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__count:not(:last-child) {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__count:not(:last-child) {
        margin-right:16px
    }
}

.progress-card__count svg {
    fill: var(--color-brand-dark);
    height: 16px;
    margin-right: 6px;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .progress-card__count svg {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__count svg {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__count svg {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .progress-card__count svg {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__count svg {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__count svg {
        height:16px
    }
}

@media only screen and (min-width: 960px) {
    .progress-card__count svg {
        margin-right:6px
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__count svg {
        margin-right:.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__count svg {
        margin-right:6px
    }
}

.progress-card__count-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    opacity: .5
}

@media only screen and (min-width: 960px) {
    .progress-card__count-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .progress-card__count-text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .progress-card__count-text {
        font-size:16px;
        line-height: 1.5
    }
}

.promotions {
    margin-bottom: -12px
}

@media only screen and (min-width: 960px) {
    .promotions {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 1280px) {
    .promotions {
        margin-bottom:-1vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotions {
        margin-bottom:-16px
    }
}

@media only screen and (min-width: 670px) {
    .promotions {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1.6666666667%;
        margin-right: -1.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .promotions {
        margin-left:-.8928571429%;
        margin-right: -.8928571429%
    }
}

.promotions:not(:first-child) {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .promotions:not(:first-child) {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .promotions:not(:first-child) {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotions:not(:first-child) {
        margin-top:48px
    }
}

.promotion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 10px 60px rgba(33,36,32,.08);
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .promotion {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .promotion {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .promotion {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .promotion {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .promotion {
        box-shadow:0 10px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .promotion {
        box-shadow:0 .625vw 3.75vw rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .promotion {
        box-shadow:0 10px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 670px) {
    .promotion {
        margin-left:1.6129032258%;
        margin-right: 1.6129032258%;
        width: 46.7741935484%
    }
}

@media only screen and (min-width: 1280px) {
    .promotion {
        margin-left:.8771929825%;
        margin-right: .8771929825%;
        width: 31.5789473684%
    }
}

.promotion__image {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.promotion__image img:first-child,.promotion__image picture:first-child {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.promotion__image img {
    background-size: cover;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.promotion__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 20px 6.6666666667%
}

@media only screen and (min-width: 960px) {
    .promotion__content {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__content {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__content {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .promotion__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__content {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 670px) {
    .promotion__content {
        padding-left:6.8965517241%;
        padding-right: 6.8965517241%
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__content {
        padding-left:11.1111111111%;
        padding-right: 11.1111111111%
    }
}

.promotion__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .promotion__title {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__title {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__title {
        font-size:24px;
        line-height: 1.2
    }
}

.promotion__labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -8px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .promotion__labels {
        margin-bottom:-8px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__labels {
        margin-bottom:-.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__labels {
        margin-bottom:-8px
    }
}

.promotion__labels:not(:first-child) {
    margin-top: auto;
    padding-top: 20px
}

@media only screen and (min-width: 960px) {
    .promotion__labels:not(:first-child) {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__labels:not(:first-child) {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__labels:not(:first-child) {
        padding-top:32px
    }
}

.promotion__label {
    background-color: var(--color-brand-dark);
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px);
    color: var(--color-white);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px;
    padding: 3px 12px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .promotion__label {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__label {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__label {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .promotion__label {
        padding:3px 12px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__label {
        padding:.188vw .75vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__label {
        padding:3px 12px
    }
}

@media only screen and (min-width: 960px) {
    .promotion__label {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__label {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__label {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 960px) {
    .promotion__label {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__label {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__label {
        font-size:14px;
        line-height: 1.5
    }
}

.promotion__label:not(:last-child) {
    margin-right: 4px
}

@media only screen and (min-width: 960px) {
    .promotion__label:not(:last-child) {
        margin-right:4px
    }
}

@media only screen and (min-width: 1280px) {
    .promotion__label:not(:last-child) {
        margin-right:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .promotion__label:not(:last-child) {
        margin-right:4px
    }
}

.promotion_label_animation-v1 {
    -webkit-animation: wobble 1s infinite both;
    animation: wobble 1s infinite both
}

.promotion_label_animation-v2 {
    -webkit-animation: flicker 2s infinite both;
    animation: flicker 2s infinite both
}

@-webkit-keyframes wobble {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-3px) rotate(-1deg);
        transform: translateX(-3px) rotate(-1deg)
    }

    30% {
        -webkit-transform: translateX(2px) rotate(1.4deg);
        transform: translateX(2px) rotate(1.4deg)
    }

    45% {
        -webkit-transform: translateX(-2px) rotate(-1.4deg);
        transform: translateX(-2px) rotate(-1.4deg)
    }

    60% {
        -webkit-transform: translateX(2px) rotate(1.2deg);
        transform: translateX(2px) rotate(1.2deg)
    }

    75% {
        -webkit-transform: translateX(-1px) rotate(-1deg);
        transform: translateX(-1px) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-3px) rotate(-1deg);
        transform: translateX(-3px) rotate(-1deg)
    }

    30% {
        -webkit-transform: translateX(2px) rotate(1.4deg);
        transform: translateX(2px) rotate(1.4deg)
    }

    45% {
        -webkit-transform: translateX(-2px) rotate(-1.4deg);
        transform: translateX(-2px) rotate(-1.4deg)
    }

    60% {
        -webkit-transform: translateX(2px) rotate(1.2deg);
        transform: translateX(2px) rotate(1.2deg)
    }

    75% {
        -webkit-transform: translateX(-1px) rotate(-1deg);
        transform: translateX(-1px) rotate(-1deg)
    }
}

@-webkit-keyframes flicker {
    0%,to {
        opacity: 1
    }

    41.99% {
        opacity: 1
    }

    42% {
        opacity: 0
    }

    43% {
        opacity: 0
    }

    43.01% {
        opacity: 1
    }

    47.99% {
        opacity: 1
    }

    48% {
        opacity: 0
    }

    49% {
        opacity: 0
    }

    49.01% {
        opacity: 1
    }
}

@keyframes flicker {
    0%,to {
        opacity: 1
    }

    41.99% {
        opacity: 1
    }

    42% {
        opacity: 0
    }

    43% {
        opacity: 0
    }

    43.01% {
        opacity: 1
    }

    47.99% {
        opacity: 1
    }

    48% {
        opacity: 0
    }

    49% {
        opacity: 0
    }

    49.01% {
        opacity: 1
    }
}

.range-slider {
    margin-bottom: 8px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .range-slider {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider {
        margin-bottom:8px
    }
}

.range-slider .irs-bar {
    background: var(--color-brand-dark);
    border: 0;
    bottom: 0;
    height: 2px;
    top: 0;
    z-index: 1
}

.range-slider .irs-line {
    background: var(--color-brand-base);
    border: 0;
    border-radius: 0;
    bottom: 0;
    height: 1px;
    top: 1px
}

.range-slider .irs-handle {
    background: var(--color-brand-dark);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    cursor: pointer;
    height: 16px;
    top: -7px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .range-slider .irs-handle {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider .irs-handle {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider .irs-handle {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .range-slider .irs-handle {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider .irs-handle {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider .irs-handle {
        height:16px
    }
}

@media only screen and (min-width: 960px) {
    .range-slider .irs-handle {
        top:-7px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider .irs-handle {
        top:-.437vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider .irs-handle {
        top:-7px
    }
}

.range-slider .irs-handle>i:first-child {
    clip: rect(0 0 0 0);
    border: 0;
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

@media only screen and (min-width: 1280px) {
    .range-slider .irs-handle:hover {
        -webkit-transform:scale(1.5);
        transform: scale(1.5)
    }
}

.range-slider .irs-handle:before {
    border-radius: 50%;
    content: "";
    height: 36px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 36px
}

@media only screen and (min-width: 960px) {
    .range-slider .irs-handle:before {
        width:36px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider .irs-handle:before {
        width:2.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider .irs-handle:before {
        width:36px
    }
}

@media only screen and (min-width: 960px) {
    .range-slider .irs-handle:before {
        height:36px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider .irs-handle:before {
        height:2.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider .irs-handle:before {
        height:36px
    }
}

.range-slider .irs-disabled {
    display: none
}

.range-slider__base {
    position: absolute;
    width: 100%
}

.range-slider__base input {
    display: none
}

.range-slider__input-container {
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .range-slider__input-container {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider__input-container {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider__input-container {
        padding-bottom:8px
    }
}

.range-slider__wrap-input {
    position: relative;
    width: 50%
}

.range-slider__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-brand-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    width: 70%
}

@media only screen and (min-width: 960px) {
    .range-slider__input {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .range-slider__input {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .range-slider__input {
        font-size:22px;
        line-height: 1.5
    }
}

.range-slider__input::-webkit-inner-spin-button,.range-slider__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.range-slider__input::-ms-clear {
    display: none
}

.range-slider__input:active,.range-slider__input:focus,.range-slider__input:hover {
    border: none;
    outline: none
}

.section {
    background-color: var(--color-white);
    color: var(--color-brand-text);
    padding-bottom: 36px;
    padding-top: 36px
}

@media only screen and (min-width: 960px) {
    .section {
        padding-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .section {
        padding-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .section {
        padding-top:64px
    }
}

@media only screen and (min-width: 960px) {
    .section {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .section {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .section {
        padding-bottom:64px
    }
}

.section_theme_media {
    padding-bottom: 28px;
    padding-top: 28px
}

@media only screen and (min-width: 960px) {
    .section_theme_media {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_media {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_media {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_media {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_media {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_media {
        padding-bottom:48px
    }
}

.section_theme_accent {
    background-color: var(--color-brand-base)
}

.section_theme_accent,.section_theme_accent h1,.section_theme_accent h2,.section_theme_accent h3,.section_theme_accent h4,.section_theme_accent h5 {
    color: var(--color-white)
}

.section_theme_flat {
    padding-top: 20px
}

@media only screen and (min-width: 960px) {
    .section_theme_flat {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_flat {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_flat {
        padding-top:32px
    }
}

.section_theme_flat-v2 {
    background-color: rgba(var(--color-brand-gray-rgb),.5);
    padding-top: 36px
}

@media only screen and (min-width: 960px) {
    .section_theme_flat-v2 {
        padding-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_flat-v2 {
        padding-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_flat-v2 {
        padding-top:64px
    }
}

.section_theme_flat-background {
    background-color: rgba(var(--color-brand-base-rgb),.16)
}

.section_theme_promo .factoid-card__announcement {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .section_theme_promo .factoid-card__announcement {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_promo .factoid-card__announcement {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_promo .factoid-card__announcement {
        font-size:16px;
        line-height: 1.5
    }
}

.section_theme_promo .factoid-card__comment {
    background-color: var(--color-brand-dark);
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px);
    color: var(--color-white);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    padding: 3px 12px
}

@media only screen and (min-width: 960px) {
    .section_theme_promo .factoid-card__comment {
        padding:3px 12px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_promo .factoid-card__comment {
        padding:.188vw .75vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_promo .factoid-card__comment {
        padding:3px 12px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_promo .factoid-card__comment {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_promo .factoid-card__comment {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_promo .factoid-card__comment {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_promo .factoid-card__comment {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_promo .factoid-card__comment {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_promo .factoid-card__comment {
        font-size:14px;
        line-height: 1.5
    }
}

.section_theme_progress .grid__factoid {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 960px) {
    .section_theme_progress .grid__factoid .button {
        margin-left:auto
    }

    .section_theme_contacts .grid__wrapper_theme_contacts {
        -webkit-box-align: baseline;
        -webkit-box-pack: justify;
        -webkit-align-items: baseline;
        align-items: baseline;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .grid__text {
        -webkit-box-ordinal-group:2;
        margin-left: 11.1111111111%;
        margin-right: 11.1111111111%;
        -webkit-order: 1;
        order: 1;
        width: 77.7777777778%
    }
}

.section_theme_portrait-utp .text-content {
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content {
        padding-left:14px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content {
        padding-left:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content {
        padding-left:14px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .section_theme_portrait-utp .text-content__main {
        width: 100%
    }

    .section_theme_portrait-utp .text-content__title {
        width: 62.5%
    }
}

.section_theme_portrait-utp .text-content__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text {
        display:grid;
        gap: 0 6.25%;
        grid-auto-columns: 1fr;
        grid-auto-flow: column dense;
        grid-template: repeat(2,auto)/62.5% 25%;
        grid-template-areas: "text list" "button list"
    }
}

.section_theme_portrait-utp .text-content__text p {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text p {
        grid-area:text
    }
}

.section_theme_portrait-utp .text-content__text ul {
    -webkit-box-ordinal-group: 3;
    margin-bottom: 0;
    -webkit-order: 2;
    order: 2
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text ul {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content__text ul {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content__text ul {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text ul {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        grid-area: list
    }
}

.section_theme_portrait-utp .text-content__text ul:not(:first-child) {
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text ul:not(:first-child) {
        margin-top:0
    }
}

.section_theme_portrait-utp .text-content__text ul li {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text ul li {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content__text ul li {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content__text ul li {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text ul li {
        width:100%
    }
}

.section_theme_portrait-utp .text-content__text ul li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text ul li:last-child {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content__text ul li:last-child {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content__text ul li:last-child {
        margin-bottom:0
    }
}

.section_theme_portrait-utp .text-content__text ul li:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section_theme_portrait-utp .text-content__text .text-content__button {
    -webkit-box-ordinal-group: 4;
    margin-bottom: 0;
    margin-top: 24px;
    -webkit-order: 3;
    order: 3
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        margin-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .text-content__text .text-content__button {
        grid-area:button
    }
}

.section_theme_portrait-utp .grid__visual {
    margin-right: 0;
    margin-top: 28px;
    width: 97.2222222222%
}

@media only screen and (min-width: 960px) {
    .section_theme_portrait-utp .grid__visual {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_portrait-utp .grid__visual {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_portrait-utp .grid__visual {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .grid__text,.section_theme_portrait-utp .grid__visual {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }

    .section_theme_persons .grid__text {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }
}

.section_theme_persons .text-content {
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content {
        padding-left:14px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content {
        padding-left:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content {
        padding-left:14px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .section_theme_persons .text-content__main {
        width: 100%
    }

    .section_theme_persons .text-content__title {
        width: 62.5%
    }
}

.section_theme_persons .text-content__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text {
        display:grid;
        gap: 0 6.25%;
        grid-auto-columns: 1fr;
        grid-auto-flow: column dense;
        grid-template: repeat(2,auto)/62.5% 25%;
        grid-template-areas: "text list" "button list"
    }
}

.section_theme_persons .text-content__text p {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text p {
        grid-area:text
    }
}

.section_theme_persons .text-content__text ul {
    -webkit-box-ordinal-group: 3;
    margin-bottom: 0;
    -webkit-order: 2;
    order: 2
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text ul {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content__text ul {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content__text ul {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text ul {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        grid-area: list
    }
}

.section_theme_persons .text-content__text ul:not(:first-child) {
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text ul:not(:first-child) {
        margin-top:0
    }
}

.section_theme_persons .text-content__text ul li {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text ul li {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content__text ul li {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content__text ul li {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text ul li {
        width:100%
    }
}

.section_theme_persons .text-content__text ul li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text ul li:last-child {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content__text ul li:last-child {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content__text ul li:last-child {
        margin-bottom:0
    }
}

.section_theme_persons .text-content__text ul li:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section_theme_persons .text-content__text .text-content__button {
    -webkit-box-ordinal-group: 4;
    margin-bottom: 0;
    margin-top: 24px;
    -webkit-order: 3;
    order: 3
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text .text-content__button {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content__text .text-content__button {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content__text .text-content__button {
        margin-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text .text-content__button {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .text-content__text .text-content__button {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .text-content__text .text-content__button {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .text-content__text .text-content__button {
        grid-area:button
    }
}

.section_theme_persons .grid__visual {
    margin-right: 0;
    margin-top: 28px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .section_theme_persons .grid__visual {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .grid__visual {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_theme_persons .grid__visual {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_theme_persons .grid__visual {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.section_top_indent-0 {
    padding-top: 0
}

@media only screen and (min-width: 960px) {
    .section_top_indent-0 {
        padding-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-0 {
        padding-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-0 {
        padding-top:0
    }
}

.section_bottom_indent-0 {
    padding-bottom: 0
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-0 {
        padding-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-0 {
        padding-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-0 {
        padding-bottom:0
    }
}

.section_top_indent-1 {
    padding-top: 4px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-1 {
        padding-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-1 {
        padding-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-1 {
        padding-top:4px
    }
}

.section_bottom_indent-1 {
    padding-bottom: 4px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-1 {
        padding-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-1 {
        padding-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-1 {
        padding-bottom:4px
    }
}

.section_top_indent-2 {
    padding-top: 8px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-2 {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-2 {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-2 {
        padding-top:8px
    }
}

.section_bottom_indent-2 {
    padding-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-2 {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-2 {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-2 {
        padding-bottom:8px
    }
}

.section_top_indent-3 {
    padding-top: 12px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-3 {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-3 {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-3 {
        padding-top:16px
    }
}

.section_bottom_indent-3 {
    padding-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-3 {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-3 {
        padding-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-3 {
        padding-bottom:16px
    }
}

.section_top_indent-4 {
    padding-top: 16px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-4 {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-4 {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-4 {
        padding-top:24px
    }
}

.section_bottom_indent-4 {
    padding-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-4 {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-4 {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-4 {
        padding-bottom:24px
    }
}

.section_top_indent-5 {
    padding-top: 20px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-5 {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-5 {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-5 {
        padding-top:32px
    }
}

.section_bottom_indent-5 {
    padding-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-5 {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-5 {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-5 {
        padding-bottom:32px
    }
}

.section_top_indent-6 {
    padding-top: 24px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-6 {
        padding-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-6 {
        padding-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-6 {
        padding-top:40px
    }
}

.section_bottom_indent-6 {
    padding-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-6 {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-6 {
        padding-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-6 {
        padding-bottom:40px
    }
}

.section_top_indent-7 {
    padding-top: 28px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-7 {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-7 {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-7 {
        padding-top:48px
    }
}

.section_bottom_indent-7 {
    padding-bottom: 28px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-7 {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-7 {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-7 {
        padding-bottom:48px
    }
}

.section_top_indent-8 {
    padding-top: 32px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-8 {
        padding-top:56px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-8 {
        padding-top:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-8 {
        padding-top:56px
    }
}

.section_bottom_indent-8 {
    padding-bottom: 32px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-8 {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-8 {
        padding-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-8 {
        padding-bottom:56px
    }
}

.section_top_indent-9 {
    padding-top: 36px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-9 {
        padding-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-9 {
        padding-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-9 {
        padding-top:64px
    }
}

.section_bottom_indent-9 {
    padding-bottom: 36px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-9 {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-9 {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-9 {
        padding-bottom:64px
    }
}

.section_top_indent-10 {
    padding-top: 40px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-10 {
        padding-top:72px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-10 {
        padding-top:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-10 {
        padding-top:72px
    }
}

.section_bottom_indent-10 {
    padding-bottom: 40px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-10 {
        padding-bottom:72px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-10 {
        padding-bottom:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-10 {
        padding-bottom:72px
    }
}

.section_top_indent-11 {
    padding-top: 48px
}

@media only screen and (min-width: 960px) {
    .section_top_indent-11 {
        padding-top:80px
    }
}

@media only screen and (min-width: 1280px) {
    .section_top_indent-11 {
        padding-top:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_top_indent-11 {
        padding-top:80px
    }
}

.section_bottom_indent-11 {
    padding-bottom: 48px
}

@media only screen and (min-width: 960px) {
    .section_bottom_indent-11 {
        padding-bottom:80px
    }
}

@media only screen and (min-width: 1280px) {
    .section_bottom_indent-11 {
        padding-bottom:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .section_bottom_indent-11 {
        padding-bottom:80px
    }
}

.section_animate_background-base {
    -webkit-animation: base-color-change 4s linear infinite alternate both;
    animation: base-color-change 4s linear infinite alternate both
}

.section_animate_background-additional {
    -webkit-animation: additional-color-change 8s linear infinite alternate both;
    animation: additional-color-change 8s linear infinite alternate both
}

@-webkit-keyframes base-color-change {
    0% {
        background-color: var(--color-brand-base)
    }

    50% {
        background-color: var(--color-brand-dark)
    }

    to {
        background-color: var(--color-brand-light)
    }
}

@keyframes base-color-change {
    0% {
        background-color: var(--color-brand-base)
    }

    50% {
        background-color: var(--color-brand-dark)
    }

    to {
        background-color: var(--color-brand-light)
    }
}

@-webkit-keyframes additional-color-change {
    0% {
        background: var(--color-additional-1)
    }

    33.3% {
        background: var(--color-additional-2)
    }

    66.6% {
        background: var(--color-additional-3)
    }

    to {
        background: var(--color-additional-4)
    }
}

@keyframes additional-color-change {
    0% {
        background: var(--color-additional-1)
    }

    33.3% {
        background: var(--color-additional-2)
    }

    66.6% {
        background: var(--color-additional-3)
    }

    to {
        background: var(--color-additional-4)
    }
}

.similar-flat-card {
    border: 1px solid var(--color-brand-gray);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    display: block;
    margin-bottom: 16px;
    margin-right: 2.7777777778%;
    min-width: 83.3333333333%;
    padding: 16px 6.25%
}

@media only screen and (min-width: 960px) {
    .similar-flat-card {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card {
        border:.063vw solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card {
        border:1px solid var(--color-brand-gray)
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 670px) {
    .similar-flat-card {
        min-width:40.2777777778%;
        padding-left: 3.125%;
        padding-right: 3.125%
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card {
        margin-right:1.7857142857%;
        min-width: unset;
        width: 32.1428571429%
    }
}

.similar-flat-card:first-child {
    margin-left: 8.3333333333%
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card:first-child {
        margin-left:0
    }
}

.similar-flat-card:last-child {
    margin-right: 8.3333333333%
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card:last-child,.similar-flat-card:nth-child(3n) {
        margin-right:0
    }
}

.similar-flat-card__container {
    position: relative
}

.similar-flat-card__container .flat-block-card__gallery {
    height: 196px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__container .flat-block-card__gallery {
        height:240px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__container .flat-block-card__gallery {
        height:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__container .flat-block-card__gallery {
        height:240px
    }
}

.similar-flat-card__container .flat__controls {
    right: 0;
    top: 0
}

.similar-flat-card__plan {
    height: 196px;
    margin-bottom: 16px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__plan {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__plan {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__plan {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__plan {
        height:240px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__plan {
        height:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__plan {
        height:240px
    }
}

.similar-flat-card__plan img {
    height: 196px;
    left: 50%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__plan img {
        height:240px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__plan img {
        height:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__plan img {
        height:240px
    }
}

.similar-flat-card__plan-wrap,.similar-flat-card__plan-wrap img {
    height: 196px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__plan-wrap,.similar-flat-card__plan-wrap img {
        height:240px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__plan-wrap,.similar-flat-card__plan-wrap img {
        height:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__plan-wrap,.similar-flat-card__plan-wrap img {
        height:240px
    }
}

.similar-flat-card__list {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__list {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__list {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__list {
        margin-bottom:8px
    }
}

.similar-flat-card__list-item {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__list-item {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__list-item {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__list-item {
        margin-right:8px
    }
}

.similar-flat-card__list-item:not(:last-child) {
    padding-right: 8px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__list-item:not(:last-child) {
        padding-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__list-item:not(:last-child) {
        padding-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__list-item:not(:last-child) {
        padding-right:8px
    }
}

.similar-flat-card__list-item:not(:last-child):after {
    background-color: rgba(var(--color-brand-text-rgb),.2);
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__list-item:not(:last-child):after {
        width:3px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__list-item:not(:last-child):after {
        width:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__list-item:not(:last-child):after {
        width:3px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__list-item:not(:last-child):after {
        height:3px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__list-item:not(:last-child):after {
        height:.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__list-item:not(:last-child):after {
        height:3px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__list-item:not(:last-child):after {
        right:-1px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__list-item:not(:last-child):after {
        right:-.062vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__list-item:not(:last-child):after {
        right:-1px
    }
}

.similar-flat-card__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__title {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__title {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__title {
        font-size:18px;
        line-height: 1.5
    }
}

.similar-flat-card__information {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__information {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__information {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__information {
        margin-bottom:24px
    }
}

.similar-flat-card__price {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 4px;
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__price {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__price {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__price {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__price {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__price {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__price {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__price {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__price {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__price {
        font-size:18px;
        line-height: 1.5
    }
}

.similar-flat-card__prices {
    font-size: 0
}

.similar-flat-card__prices .action-price__action {
    top: -1px
}

@media only screen and (min-width: 960px) {
    .similar-flat-card__prices .action-price__action {
        top:-1px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flat-card__prices .action-price__action {
        top:-.062vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flat-card__prices .action-price__action {
        top:-1px
    }
}

.social {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .social {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .social {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .social {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .social {
        -webkit-box-pack:end;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: end;
        justify-content: end;
        margin-top: 0
    }
}

.social__list {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .social__list {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .social__list {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .social__list {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .social__list {
        margin-top:0
    }
}

.social__list:not(:last-of-type) {
    margin-right: 12px
}

@media only screen and (min-width: 960px) {
    .social__list:not(:last-of-type) {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .social__list:not(:last-of-type) {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .social__list:not(:last-of-type) {
        margin-right:16px
    }
}

.slider {
    position: relative
}

.slider__wrap>:not(:first-child) {
    display: none
}

.slider__wrapper {
    overflow: hidden;
    position: relative
}

.slider__slides {
    background-color: var(--color-white);
    overflow: hidden
}

.slider__slides-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.slider__item {
    -webkit-box-flex: 0;
    -webkit-align-self: center;
    align-self: center;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    overflow: hidden
}

.slider__item:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slider__caption {
    -webkit-box-ordinal-group: 2;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 1.6666666667%;
    -webkit-order: 1;
    order: 1;
    overflow: hidden;
    width: 78.3333333333%
}

@media only screen and (min-width: 960px) {
    .slider__caption {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .slider__caption {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .slider__caption {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) {
    .slider__caption {
        margin-left:6.6666666667%;
        width: 80%
    }
}

@media only screen and (min-width: 960px) {
    .slider__caption {
        width:61.6666666667%
    }
}

@media only screen and (min-width: 1280px) {
    .slider__caption {
        margin-left:7.1428571429%;
        width: 62.5%
    }
}

.slider__caption-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.slider__caption-item {
    color: var(--color-brand-text);
    padding: 4px
}

@media only screen and (min-width: 960px) {
    .slider__caption-item {
        padding:8px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__caption-item {
        padding:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__caption-item {
        padding:8px
    }
}

.slider__controls {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-left: 5.8823529412%;
    padding-right: 5.8823529412%
}

@media only screen and (min-width: 960px) {
    .slider__controls {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__controls {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__controls {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__controls {
        padding-left:6.25%;
        padding-right: 6.25%
    }
}

.slider__controls:empty {
    display: none
}

.slider__counter {
    font-feature-settings: "tnum" on,"lnum" on;
    -webkit-box-ordinal-group: 1;
    color: rgba(var(--color-brand-text-rgb),.3);
    font-size: 0;
    font-variant-numeric: tabular-nums;
    -webkit-order: 0;
    order: 0;
    white-space: nowrap;
    width: 20%
}

@media only screen and (min-width: 670px) {
    .slider__counter {
        width:13.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .slider__counter {
        width:14.2857142857%
    }
}

.slider__counter span {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .slider__counter span {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .slider__counter span {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .slider__counter span {
        font-size:22px;
        line-height: 1.5
    }
}

.slider__counter span:not(:first-child) {
    margin-left: 4px
}

@media only screen and (min-width: 960px) {
    .slider__counter span:not(:first-child) {
        margin-left:4px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__counter span:not(:first-child) {
        margin-left:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__counter span:not(:first-child) {
        margin-left:4px
    }
}

.slider__counter-current {
    color: var(--color-brand-base)
}

.slider__arrows {
    display: none;
    line-height: 0
}

@media only screen and (min-width: 960px) {
    .slider__arrows {
        -webkit-box-ordinal-group:3;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: auto;
        -webkit-order: 2;
        order: 2
    }
}

.slider__arrow:not(:first-child) {
    margin-left: 16px
}

@media only screen and (min-width: 960px) {
    .slider__arrow:not(:first-child) {
        margin-left:16px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__arrow:not(:first-child) {
        margin-left:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__arrow:not(:first-child) {
        margin-left:16px
    }
}

.slider__arrow.is-disabled {
    background-color: var(--color-brand-gray);
    pointer-events: none
}

.slider__arrow.is-hidden {
    display: none
}

.slider__dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.slider__dots-item {
    margin-left: 8px;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .slider__dots-item {
        margin-left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__dots-item {
        margin-left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__dots-item {
        margin-left:8px
    }
}

.slider__dots-item:first-child {
    margin-left: 0
}

.slider__dots-item.cloned-slide {
    display: none
}

.slider__dots-item.is-active .slider__dot {
    background-color: var(--color-brand-base);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.slider__dot {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-brand-gray);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    cursor: pointer;
    display: block;
    font: inherit;
    height: 8px;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto;
    width: 8px
}

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

@media only screen and (min-width: 960px) {
    .slider__dot {
        width:8px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__dot {
        width:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__dot {
        width:8px
    }
}

@media only screen and (min-width: 960px) {
    .slider__dot {
        height:8px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__dot {
        height:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__dot {
        height:8px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__dot:hover {
        -webkit-transform:scale(1.3);
        transform: scale(1.3)
    }
}

.slider__fullscreen-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-white);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    height: 32px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 8px;
    text-align: inherit;
    top: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: auto;
    width: 32px;
    z-index: 2
}

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

@media only screen and (min-width: 960px) {
    .slider__fullscreen-button {
        width:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button {
        width:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__fullscreen-button {
        width:32px
    }
}

@media only screen and (min-width: 960px) {
    .slider__fullscreen-button {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__fullscreen-button {
        height:32px
    }
}

@media only screen and (min-width: 960px) {
    .slider__fullscreen-button {
        top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button {
        top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__fullscreen-button {
        top:16px
    }
}

@media only screen and (min-width: 960px) {
    .slider__fullscreen-button {
        right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button {
        right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__fullscreen-button {
        right:16px
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .slider__fullscreen-button {
        right:16px;
        top: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button:hover {
        background-color:rgba(var(--color-brand-gray-rgb),.9)
    }
}

.slider__fullscreen-button svg {
    fill: var(--color-brand-text);
    height: 12px;
    width: 12px
}

@media only screen and (min-width: 960px) {
    .slider__fullscreen-button svg {
        width:12px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button svg {
        width:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__fullscreen-button svg {
        width:12px
    }
}

@media only screen and (min-width: 960px) {
    .slider__fullscreen-button svg {
        height:12px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__fullscreen-button svg {
        height:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__fullscreen-button svg {
        height:12px
    }
}

.slider-flat__inner {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: inherit;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 4.6875%;
    padding-right: 4.6875%;
    padding-top: 24px
}

@media only screen and (min-width: 960px) {
    .slider-flat__inner {
        padding-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .slider-flat__inner {
        padding-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider-flat__inner {
        padding-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .slider-flat__inner {
        padding-left:7.1428571429%;
        padding-right: 7.1428571429%
    }
}

.slider-flat__inner picture {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.slider-flat__inner img {
    font-family: "object-fit: contain; object-position: center;";
    height: 100%;
    object-fit: contain;
    object-position: center
}

.slider-big,.slider-mini {
    padding-top: 56.25%;
    position: relative
}

.slider-big__inner,.slider-mini__inner {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.slider-big__inner .is-single-page img,.slider-mini__inner .is-single-page img {
    font-family: "object-fit: contain; object-position: center;";
    object-fit: contain;
    object-position: center
}

.slider-big__inner picture,.slider-mini__inner picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: -webkit-calc(var(--is-br)*10px);
    border-radius: calc(var(--is-br)*10px);
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .slider-big__inner picture,.slider-mini__inner picture {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 1280px) {
    .slider-big__inner picture,.slider-mini__inner picture {
        border-radius:-webkit-calc(var(--is-br)*0.625vw);
        border-radius: calc(var(--is-br)*.625vw)
    }
}

@media only screen and (min-width: 1600px) {
    .slider-big__inner picture,.slider-mini__inner picture {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

.slider-big__inner img,.slider-mini__inner img {
    border-radius: -webkit-calc(var(--is-br)*10px);
    border-radius: calc(var(--is-br)*10px);
    display: block;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .slider-big__inner img,.slider-mini__inner img {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 1280px) {
    .slider-big__inner img,.slider-mini__inner img {
        border-radius:-webkit-calc(var(--is-br)*0.625vw);
        border-radius: calc(var(--is-br)*.625vw)
    }
}

@media only screen and (min-width: 1600px) {
    .slider-big__inner img,.slider-mini__inner img {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

.slider-big__video,.slider-mini__video,.slider-utp__video {
    border-radius: -webkit-calc(var(--is-br)*10px);
    border-radius: calc(var(--is-br)*10px);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: -1
}

@media only screen and (min-width: 960px) {
    .slider-big__video,.slider-mini__video,.slider-utp__video {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 1280px) {
    .slider-big__video,.slider-mini__video,.slider-utp__video {
        border-radius:-webkit-calc(var(--is-br)*0.625vw);
        border-radius: calc(var(--is-br)*.625vw)
    }
}

@media only screen and (min-width: 1600px) {
    .slider-big__video,.slider-mini__video,.slider-utp__video {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

.slider-big__video iframe,.slider-big__video video,.slider-mini__video iframe,.slider-mini__video video,.slider-utp__video iframe,.slider-utp__video video {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.slider__video-mute {
    background-color: transparent;
    border: none;
    bottom: 20px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 24px
}

@media only screen and (min-width: 960px) {
    .slider__video-mute {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__video-mute {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__video-mute {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .slider__video-mute {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__video-mute {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__video-mute {
        height:24px
    }
}

@media only screen and (min-width: 960px) {
    .slider__video-mute {
        bottom:20px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__video-mute {
        bottom:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__video-mute {
        bottom:20px
    }
}

@media only screen and (min-width: 960px) {
    .slider__video-mute {
        right:20px
    }
}

@media only screen and (min-width: 1280px) {
    .slider__video-mute {
        right:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider__video-mute {
        right:20px
    }
}

.slider__video-mute.is-muted .is-on {
    display: none
}

.slider__video-mute.is-muted .is-off {
    display: block
}

.slider__video-mute .is-off {
    display: none
}

.slider__video-mute svg {
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 670px) {
    .slider__controls_mini_slide {
        padding-left:0;
        padding-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .slider__controls_mini_slide .slider__counter {
        width:16.6666666667%
    }
}

@media only screen and (min-width: 670px) {
    .slider__controls_mini_slide .slider__caption {
        margin-left:0;
        width: 86.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .slider__controls_mini_slide .slider__caption {
        width:73.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .slider__controls_mini_slide .slider__caption {
        margin-right:5.5555555556%;
        width: 61.1111111111%
    }
}

.slider__controls_mini_slide .slider__arrows {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

@media only screen and (min-width: 960px) {
    .slider__controls_mini_slide .slider__arrows {
        width:13.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .slider__controls_mini_slide .slider__arrows {
        width:16.6666666667%
    }
}

.slider_theme_banks {
    margin-left: -10%;
    margin-right: -10%;
    width: 120%
}

@media only screen and (min-width: 1280px) {
    .slider_theme_banks {
        margin-left:-.8928571429%;
        margin-right: -.8928571429%;
        width: 101.7857142857%
    }
}

.slider_theme_banks .slider__item {
    -webkit-align-self: stretch;
    align-self: stretch;
    min-height: 100%;
    padding-bottom: 20px;
    padding-left: 1.3888888889%;
    padding-right: 1.3888888889%
}

@media only screen and (min-width: 960px) {
    .slider_theme_banks .slider__item {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_banks .slider__item {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_banks .slider__item {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_banks .slider__item {
        padding-left:.8771929825%;
        padding-right: .8771929825%
    }
}

.slider_theme_banks .slider__item:first-child {
    margin-left: 6.9444444444%
}

@media only screen and (min-width: 1280px) {
    .slider_theme_banks .slider__item:first-child {
        margin-left:0
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_banks .slider__controls {
        padding-left:8.3333333333%;
        padding-right: 8.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_banks .slider__controls {
        padding-left:.8771929825%;
        padding-right: .8771929825%
    }
}

.slider_theme_banks .slider__arrows {
    margin-left: 0
}

.slider-flat {
    height: 100%
}

.slider_theme_flat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%!important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%!important
}

.slider_theme_flat .slider__wrapper {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1
}

.slider_theme_flat .slider__slides-inner {
    height: 100%
}

.slider_theme_flat .slider__item {
    -webkit-align-self: unset;
    align-self: unset;
    position: relative
}

.slider_theme_flat .slider__controls {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 3.125%;
    padding-right: 3.125%;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .slider_theme_flat .slider__controls {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_flat .slider__controls {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_flat .slider__controls {
        margin-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_flat .slider__controls {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_flat .slider__controls {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_flat .slider__controls {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_flat .slider__controls {
        padding-left:4.7619047619%;
        padding-right: 4.7619047619%
    }
}

.slider_theme_flats-big-slider .slider__wrapper {
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 5px 60px rgba(33,36,32,.08)
}

@media only screen and (min-width: 960px) {
    .slider_theme_flats-big-slider .slider__wrapper {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_flats-big-slider .slider__wrapper {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_flats-big-slider .slider__wrapper {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_flats-big-slider .slider__wrapper {
        box-shadow:0 5px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_flats-big-slider .slider__wrapper {
        box-shadow:0 .313vw 3.75vw rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_flats-big-slider .slider__wrapper {
        box-shadow:0 5px 60px rgba(33,36,32,.08)
    }
}

.slider_theme_flats-card-slider .slider__controls {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 0
}

.slider_theme_flats-compilation {
    width: 100%
}

.slider_theme_flats-compilation .slider__wrapper {
    overflow: visible
}

.slider_theme_flats-compilation .slider__slides {
    background-color: transparent;
    position: relative;
    z-index: 1
}

.slider_theme_flats-compilation .slider__item {
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    padding-right: 2px
}

@media only screen and (min-width: 960px) {
    .slider_theme_flats-compilation .slider__item {
        padding-right:2px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_flats-compilation .slider__item {
        padding-right:.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_flats-compilation .slider__item {
        padding-right:2px
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_flats-compilation .slider__item {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_flats-compilation .slider__item {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_flats-compilation .slider__item {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.slider_theme_flats-compilation .slider__item .flats-compilation {
    width: 100%
}

.slider_theme_flats-compilation .slider__arrows {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: -7.1428571429%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 114.2857142857%
}

.slider_theme_flats-compilation .slider__arrow {
    background-color: var(--color-white)
}

.slider_theme_flats-compilation .slider__arrow:not(:first-child) {
    margin-left: 0
}

.slider_theme_flats-compilation .slider__arrow.is-disabled {
    opacity: 0
}

.slider_theme_flats-compilation .slider__arrow svg {
    fill: var(--color-black)
}

.slider_theme_flats-compilation .slider__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .slider_theme_flats-compilation .slider__wrap {
        overflow-x:hidden
    }

    .slider_theme_flats-compilation .slider__wrap .flats-compilation {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }
}

.slider_theme_flats-compilation .slider__wrap>:not(:first-child) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.slider_theme_utp .slider__item {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider__item {
        padding-left:14px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider__item {
        padding-left:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_utp .slider__item {
        padding-left:14px
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider__item {
        padding-right:14px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider__item {
        padding-right:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_utp .slider__item {
        padding-right:14px
    }
}

.slider_theme_utp .slider-utp__inner {
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    height: 370px;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider-utp__inner {
        height:480px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider-utp__inner {
        height:30vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_utp .slider-utp__inner {
        height:480px
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider-utp__inner {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider-utp__inner {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_utp .slider-utp__inner {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.slider_theme_utp .slider-utp__inner img {
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.slider_theme_utp .slider-utp__caption {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider-utp__caption {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider-utp__caption {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_utp .slider-utp__caption {
        margin-top:24px
    }
}

.slider_theme_utp .slider__arrows {
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider__arrows {
        top:220px
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider__arrows {
        top:13.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider_theme_utp .slider__arrows {
        top:220px
    }
}

@media only screen and (min-width: 960px) {
    .slider_theme_utp .slider__arrows {
        display:none
    }
}

@media only screen and (min-width: 1280px) {
    .slider_theme_utp .slider__arrows {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.slider_theme_utp .slider__arrow {
    background-color: transparent;
    border-radius: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.slider_theme_utp .slider__arrow svg {
    fill: var(--color-black)
}

.slider_theme_utp .slider__arrow:first-child {
    left: -5.5555555556%
}

.slider_theme_utp .slider__arrow:last-child {
    right: -5.5555555556%
}

.slider_theme_utp .slider__arrow.is-disabled {
    opacity: .5
}

.slider_theme_utp .slider-utp_theme_video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.slider_theme_utp .slider-utp_theme_video .slider-utp__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.slider-first-screen {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.slider-first-screen picture {
    height: 100%
}

.slider-first-screen img {
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    width: 100%
}

.share {
    cursor: pointer;
    position: relative
}

.share.is-open .share__icon_icon_open {
    display: none
}

.share.is-open .share__icon_icon_close {
    display: block
}

.share.is-open .share__container {
    opacity: 1;
    pointer-events: all
}

.share__icon-container {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.share__icon svg path {
    stroke: var(--color-brand-text)
}

.share__icon_icon_close {
    display: none
}

.share__container {
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 10px 60px rgba(33,36,32,.08);
    cursor: default;
    opacity: 0;
    padding: 0 16px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 48px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 280px;
    z-index: 5
}

@media only screen and (min-width: 960px) {
    .share__container {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .share__container {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .share__container {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .share__container {
        width:280px
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        width:17.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        width:280px
    }
}

@media only screen and (min-width: 960px) {
    .share__container {
        padding:0 16px
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        padding:0 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        padding:0 16px
    }
}

@media only screen and (min-width: 960px) {
    .share__container {
        top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        top:48px
    }
}

@media only screen and (min-width: 960px) {
    .share__container {
        box-shadow:0 10px 60px rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .share__container {
        box-shadow:0 .625vw 3.75vw rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .share__container {
        box-shadow:0 10px 60px rgba(33,36,32,.08)
    }
}

.share__content {
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .share__content {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__content {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__content {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .share__content {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__content {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__content {
        padding-bottom:8px
    }
}

.share__content.is-hidden {
    -webkit-animation: hide-block .3s ease-out .1s both;
    animation: hide-block .3s ease-out .1s both;
    display: none;
    opacity: 0;
    pointer-events: none
}

.share__content.is-open {
    -webkit-animation: open-block .3s ease-out .1s both;
    animation: open-block .3s ease-out .1s both
}

.share__option-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 8px;
    padding-top: 8px
}

@media only screen and (min-width: 960px) {
    .share__option-icon {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__option-icon {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__option-icon {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .share__option-icon {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__option-icon {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__option-icon {
        padding-bottom:8px
    }
}

.share__option-icon svg {
    margin-right: 18px
}

@media only screen and (min-width: 960px) {
    .share__option-icon svg {
        margin-right:18px
    }
}

@media only screen and (min-width: 1280px) {
    .share__option-icon svg {
        margin-right:1.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__option-icon svg {
        margin-right:18px
    }
}

.share__option-icon svg path {
    stroke: var(--color-brand-text)
}

.share__option-icon svg circle {
    fill: var(--color-brand-text)
}

.share__option-heading {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .share__option-heading {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .share__option-heading {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .share__option-heading {
        font-size:14px;
        line-height: 1.5
    }
}

.share__social-heading {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .share__social-heading {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__social-heading {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__social-heading {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .share__social-heading {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .share__social-heading {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .share__social-heading {
        font-size:14px;
        line-height: 1.5
    }
}

.share__social-list {
    padding-bottom: 8px;
    padding-top: 8px
}

@media only screen and (min-width: 960px) {
    .share__social-list {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__social-list {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__social-list {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .share__social-list {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .share__social-list {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .share__social-list {
        padding-bottom:8px
    }
}

.share__social-list .social {
    margin-top: 0
}

@media only screen and (min-width: 670px) {
    .share__social-list .social {
        -webkit-box-pack:start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: start;
        justify-content: start
    }
}

.share__form {
    display: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.share__form.is-open {
    -webkit-animation: open-block .3s ease-out .1s both;
    animation: open-block .3s ease-out .1s both;
    display: block;
    opacity: 1
}

.share__form.is-hidden {
    -webkit-animation: hide-block .3s ease-out .1s both;
    animation: hide-block .3s ease-out .1s both
}

@-webkit-keyframes open-block {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

@keyframes open-block {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes hide-block {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0;
        pointer-events: none
    }

    to {
        display: none;
        opacity: 0;
        pointer-events: none
    }
}

@keyframes hide-block {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0;
        pointer-events: none
    }

    to {
        display: none;
        opacity: 0;
        pointer-events: none
    }
}

.tags {
    font-size: 0;
    margin-bottom: -8px
}

@media only screen and (min-width: 960px) {
    .tags {
        margin-bottom:-8px
    }
}

@media only screen and (min-width: 1280px) {
    .tags {
        margin-bottom:-.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tags {
        margin-bottom:-8px
    }
}

.tag {
    background-color: var(--color-additional-5,var(--color-brand-base));
    border-radius: -webkit-calc(var(--is-br)*100px);
    border-radius: calc(var(--is-br)*100px);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px;
    padding: 3px 16px 5px
}

@media only screen and (min-width: 960px) {
    .tag {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .tag {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tag {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .tag {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .tag {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .tag {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .tag {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 1280px) {
    .tag {
        border-radius:-webkit-calc(var(--is-br)*6.25vw);
        border-radius: calc(var(--is-br)*6.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .tag {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 960px) {
    .tag {
        padding:3px 16px 5px
    }
}

@media only screen and (min-width: 1280px) {
    .tag {
        padding:.188vw 1vw .313vw
    }
}

@media only screen and (min-width: 1600px) {
    .tag {
        padding:3px 16px 5px
    }
}

.tag:not(:last-child) {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .tag:not(:last-child) {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .tag:not(:last-child) {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tag:not(:last-child) {
        margin-right:8px
    }
}

.tags_theme_colorful .tag:nth-child(5n+1) {
    background-color: var(--color-additional-1)
}

.tags_theme_colorful .tag:nth-child(5n+2) {
    background-color: var(--color-additional-2)
}

.tags_theme_colorful .tag:nth-child(5n+3) {
    background-color: var(--color-additional-3)
}

.tags_theme_colorful .tag:nth-child(5n+4) {
    background-color: var(--color-additional-4)
}

.tags_theme_colorful .tag:nth-child(5n) {
    background-color: var(--color-additional-5,var(--color-brand-base))
}

.tag_color_1 {
    background-color: rgba(var(--color-additional-1),.8)
}

.tag_color_2 {
    background-color: rgba(var(--color-additional-2),.8)
}

.tag_color_3 {
    background-color: rgba(var(--color-additional-3),.8)
}

.tag_color_4 {
    background-color: rgba(var(--color-additional-4),.8)
}

.tag_color_5 {
    background-color: rgba(var(--color-additional-5,var(--color-brand-base)),.8)
}

.tags_theme_alternative {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.tags_theme_alternative .tag {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(var(--color-white-rgb),.05);
    color: rgba(var(--color-white-rgb),.8)
}

.tags_theme_alternative .tag:nth-child(n+4) {
    display: none
}

@media only screen and (min-width: 670px) {
    .tags_theme_alternative .tag:nth-child(n+4) {
        display:block
    }
}

.gallery-mini {
    opacity: 1;
    position: relative
}

.text-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .text-content {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content {
        display:block;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 670px) {
    .text-content__icon {
        padding-right:3.3333333333%;
        width: 13.3333333333%
    }
}

@media only screen and (min-width: 960px) {
    .text-content__icon {
        padding-right:0
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__icon {
        width:auto
    }
}

.text-content__icon img,.text-content__icon svg {
    height: 48px;
    width: 48px
}

@media only screen and (min-width: 960px) {
    .text-content__icon img,.text-content__icon svg {
        width:48px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__icon img,.text-content__icon svg {
        width:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__icon img,.text-content__icon svg {
        width:48px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__icon img,.text-content__icon svg {
        height:48px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__icon img,.text-content__icon svg {
        height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__icon img,.text-content__icon svg {
        height:48px
    }
}

.text-content__icon img {
    font-family: "object-fit: contain; object-position: center;";
    object-fit: contain;
    object-position: center
}

.text-content__icon svg {
    fill: var(--color-brand-light)
}

.text-content__main {
    width: 100%
}

@media only screen and (min-width: 670px) {
    .text-content__main {
        width:86.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .text-content__main {
        width:53.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__main {
        width:100%
    }
}

.text-content__main:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .text-content__main:not(:first-child) {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__main:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__main:not(:first-child) {
        margin-top:16px
    }
}

.text-content__title h2,.text-content__title h3,.text-content__title h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .text-content__title h2,.text-content__title h3,.text-content__title h4 {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__title h2,.text-content__title h3,.text-content__title h4 {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__title h2,.text-content__title h3,.text-content__title h4 {
        font-size:24px;
        line-height: 1.2
    }
}

.text-content__text:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .text-content__text:not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text:not(:first-child) {
        margin-top:16px
    }
}

.text-content__text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .text-content__text p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text p {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text p {
        font-size:16px;
        line-height: 1.5
    }
}

.text-content__text p :not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .text-content__text p :not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text p :not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text p :not(:first-child) {
        margin-top:16px
    }
}

.text-content__text ul {
    margin-bottom: -16px
}

@media only screen and (min-width: 960px) {
    .text-content__text ul {
        margin-bottom:-24px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text ul {
        margin-bottom:-1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text ul {
        margin-bottom:-24px
    }
}

@media only screen and (min-width: 670px) {
    .text-content__text ul {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text ul {
        display:block
    }
}

.text-content__text ul:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .text-content__text ul:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text ul:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text ul:not(:first-child) {
        margin-top:24px
    }
}

.text-content__text li {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px;
    padding-left: 32px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .text-content__text li {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__text li {
        padding-left:32px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li {
        padding-left:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li {
        padding-left:32px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__text li {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) {
    .text-content__text li {
        width:50%
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li {
        width:100%
    }
}

.text-content__text li:before {
    background-color: var(--color-brand-light);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 8px
}

@media only screen and (min-width: 960px) {
    .text-content__text li:before {
        width:8px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li:before {
        width:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li:before {
        width:8px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__text li:before {
        height:8px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li:before {
        height:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li:before {
        height:8px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__text li:before {
        top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li:before {
        top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li:before {
        top:8px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__text li:before {
        left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__text li:before {
        left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__text li:before {
        left:8px
    }
}

.text-content__button {
    margin-bottom: 16px;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .text-content__button {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__button {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__button {
        margin-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .text-content__button {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .text-content__button {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .text-content__button {
        margin-bottom:24px
    }
}

.location-adv {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .location-adv {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .location-adv {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .location-adv {
        margin-top:8px
    }
}

@media only screen and (min-width: 670px) {
    .location-adv {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.location-adv__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .location-adv__item {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv__item {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv__item {
        margin-top:24px
    }
}

@media only screen and (min-width: 670px) {
    .location-adv__item {
        width:46.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .location-adv__item {
        margin-right:3.3333333333%;
        width: 30%
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv__item {
        margin-right:7.1428571429%;
        width: 28.5714285714%
    }

    .location-adv__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .location-adv__item:not(:nth-child(2n)) {
        margin-right:6.6666666667%
    }
}

.location-adv__icon {
    -webkit-box-pack: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px
}

@media only screen and (min-width: 960px) {
    .location-adv__icon {
        width:44px
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv__icon {
        width:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv__icon {
        width:48px
    }
}

@media only screen and (min-width: 960px) {
    .location-adv__icon {
        height:44px
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv__icon {
        height:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv__icon {
        height:48px
    }
}

.location-adv__icon img,.location-adv__icon svg {
    display: block;
    font-family: "object-fit: contain; object-position: center;";
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center
}

.location-adv__icon svg {
    fill: var(--color-brand-light)
}

.location-adv__info {
    padding-left: 6.6666666667%
}

@media only screen and (min-width: 670px) {
    .location-adv__info {
        padding-left:15px
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv__info {
        padding-left:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv__info {
        padding-left:32px
    }
}

.location-adv__info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .location-adv__info p {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .location-adv__info p {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .location-adv__info p {
        font-size:16px;
        line-height: 1.5
    }
}

.video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video_size_4x3 {
    padding-bottom: 75%
}

.yandex-map-balloon {
    color: var(--color-brand-text-rgb);
    display: block;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon {
        width:280px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon {
        width:17.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon {
        width:280px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon {
        position:relative
    }
}

.yandex-map-balloon:after {
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*3px);
    border-radius: calc(var(--is-br)*3px);
    bottom: -8px;
    box-shadow: 9px 9px 20px rgba(var(--color-brand-text-rgb),.15);
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon:after {
        width:20px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon:after {
        width:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon:after {
        width:20px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon:after {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon:after {
        height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon:after {
        height:20px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon:after {
        bottom:-8px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon:after {
        bottom:-.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon:after {
        bottom:-8px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon:after {
        border-radius:-webkit-calc(var(--is-br)*3px);
        border-radius: calc(var(--is-br)*3px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon:after {
        border-radius:-webkit-calc(var(--is-br)*0.188vw);
        border-radius: calc(var(--is-br)*.188vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon:after {
        border-radius:-webkit-calc(var(--is-br)*3px);
        border-radius: calc(var(--is-br)*3px)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon:after {
        box-shadow:9px 9px 20px rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon:after {
        box-shadow:.563vw .563vw 1.25vw rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon:after {
        box-shadow:9px 9px 20px rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon:after {
        content:""
    }
}

.yandex-map-balloon.is-open-content .yandex-map-balloon__panel-content {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon.is-open-content .yandex-map-balloon__panel-content {
        -webkit-transform:translateY(-20px);
        transform: translateY(-20px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon.is-open-content .yandex-map-balloon__panel-content {
        -webkit-transform:translateY(-1.25vw);
        transform: translateY(-1.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon.is-open-content .yandex-map-balloon__panel-content {
        -webkit-transform:translateY(-20px);
        transform: translateY(-20px)
    }
}

.yandex-map-balloon.is-open-content .yandex-map-balloon__panel-hand:before {
    background-color: rgba(var(--color-brand-text-rgb),.5)
}

.yandex-map-balloon__modal {
    display: none
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__modal {
        border-radius:-webkit-calc(var(--is-br)*6px);
        border-radius: calc(var(--is-br)*6px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__modal {
        border-radius:-webkit-calc(var(--is-br)*0.375vw);
        border-radius: calc(var(--is-br)*.375vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__modal {
        border-radius:-webkit-calc(var(--is-br)*6px);
        border-radius: calc(var(--is-br)*6px)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__modal {
        box-shadow:0 9px 20px rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__modal {
        box-shadow:0 .563vw 1.25vw rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__modal {
        box-shadow:0 9px 20px rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__modal {
        display:block;
        overflow: hidden
    }
}

.yandex-map-balloon__visual {
    padding-top: 56.75%;
    position: relative
}

.yandex-map-balloon__visual-wrap {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.yandex-map-balloon__visual-wrap img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.yandex-map-balloon__info {
    background-color: var(--color-white);
    padding: 12px 22px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__info {
        padding:12px 22px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__info {
        padding:.75vw 1.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__info {
        padding:12px 22px
    }
}

.yandex-map-balloon__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__title {
        font-size:16px;
        line-height: 1.5
    }
}

.yandex-map-balloon__panel {
    padding-bottom: 15px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel {
        padding-bottom:15px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel {
        padding-bottom:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel {
        padding-bottom:15px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel {
        display:none
    }
}

.yandex-map-balloon__panel-content {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    background-color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*10px);
    border-radius: calc(var(--is-br)*10px);
    box-shadow: 0 6px 20px rgba(var(--color-brand-text-rgb),.16);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 2.9411764706%;
    margin-right: 2.9411764706%;
    overflow: hidden;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-content {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-content {
        border-radius:-webkit-calc(var(--is-br)*0.625vw);
        border-radius: calc(var(--is-br)*.625vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-content {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-content {
        border:1px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-content {
        border:.063vw solid var(--color-white)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-content {
        border:1px solid var(--color-white)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-content {
        box-shadow:0 6px 20px rgba(var(--color-brand-text-rgb),.16)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-content {
        box-shadow:0 .375vw 1.25vw rgba(var(--color-brand-text-rgb),.16)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-content {
        box-shadow:0 6px 20px rgba(var(--color-brand-text-rgb),.16)
    }
}

.yandex-map-balloon__panel-visual {
    min-height: 70px;
    position: relative;
    width: 125px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-visual {
        width:125px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-visual {
        width:7.813vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-visual {
        width:125px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-visual {
        min-height:70px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-visual {
        min-height:4.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-visual {
        min-height:70px
    }
}

.yandex-map-balloon__panel-visual-wrap {
    border-radius: -webkit-calc(var(--is-br)*10px);
    border-radius: calc(var(--is-br)*10px);
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-visual-wrap {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-visual-wrap {
        border-radius:-webkit-calc(var(--is-br)*0.625vw);
        border-radius: calc(var(--is-br)*.625vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-visual-wrap {
        border-radius:-webkit-calc(var(--is-br)*10px);
        border-radius: calc(var(--is-br)*10px)
    }
}

.yandex-map-balloon__panel-visual-wrap img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.yandex-map-balloon__panel-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 10px 30px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-info {
        padding:10px 30px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-info {
        padding:.625vw 1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-info {
        padding:10px 30px
    }
}

.yandex-map-balloon__panel-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__panel-title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__panel-title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__panel-title {
        font-size:16px;
        line-height: 1.5
    }
}

.yandex-map-balloon__icon {
    border: 2px solid var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*100%);
    border-radius: calc(var(--is-br)*100%);
    height: 70px;
    left: 50%;
    margin-left: -36px;
    position: absolute;
    top: -35px;
    width: 72px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__icon {
        width:72px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__icon {
        width:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__icon {
        width:72px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__icon {
        height:70px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__icon {
        height:4.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__icon {
        height:70px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__icon {
        top:-35px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__icon {
        top:-2.187vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__icon {
        top:-35px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__icon {
        margin-left:-36px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__icon {
        margin-left:-2.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__icon {
        margin-left:-36px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__icon {
        border:2px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__icon {
        border:.125vw solid var(--color-white)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__icon {
        border:2px solid var(--color-white)
    }
}

.yandex-map-balloon__text {
    color: rgba(var(--color-brand-text-rgb),.85);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__text {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__text {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__text {
        font-size:14px;
        line-height: 1.5
    }
}

.yandex-map-balloon__text:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__text:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__text:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__text:not(:first-child) {
        margin-top:8px
    }
}

.yandex-map-balloon__close {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: block;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 30px;
    text-align: inherit;
    top: 30px;
    width: auto;
    z-index: 10
}

.yandex-map-balloon__close::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__close {
        right:30px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__close {
        right:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__close {
        right:30px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__close {
        top:30px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__close {
        top:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__close {
        top:30px
    }
}

.yandex-map-balloon__param-list {
    margin-top: 15px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__param-list {
        margin-top:15px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__param-list {
        margin-top:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__param-list {
        margin-top:15px
    }
}

.yandex-map-balloon__param-item {
    margin-bottom: 10px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__param-item {
        margin-bottom:10px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__param-item {
        margin-bottom:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__param-item {
        margin-bottom:10px
    }
}

.yandex-map-balloon__param-item:last-child {
    margin-bottom: 0
}

.yandex-map-balloon__contacts-img {
    height: 180px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-img {
        height:180px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-img {
        height:11.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-img {
        height:180px
    }
}

.yandex-map-balloon__contacts-img img {
    max-height: 180px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-img img {
        max-height:180px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-img img {
        max-height:11.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-img img {
        max-height:180px
    }
}

.yandex-map-balloon__contacts-content {
    margin-top: 10px;
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-content {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-content {
        padding-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-content {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-content {
        margin-top:10px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-content {
        margin-top:.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-content {
        margin-top:10px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-content {
        padding-left:30px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-content {
        padding-left:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-content {
        padding-left:30px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-content {
        padding-right:30px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-content {
        padding-right:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-content {
        padding-right:30px
    }
}

.yandex-map-balloon__contacts-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-title {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-title {
        margin-bottom:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-title {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-title {
        font-size:40px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-title {
        font-size:2.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-title {
        font-size:40px;
        line-height: 1.2
    }
}

.yandex-map-balloon__contacts-text {
    color: rgba(var(--color-brand-text-rgb),.85);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-text {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-text {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-text {
        font-size:14px;
        line-height: 1.5
    }
}

.yandex-map-balloon__contacts-text:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-text:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-text:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-text:not(:first-child) {
        margin-top:8px
    }
}

.yandex-map-balloon__contacts-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon__contacts-link {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon__contacts-link {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon__contacts-link {
        margin-top:24px
    }
}

.yandex-map-balloon_theme_routes {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_routes {
        padding:30px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_routes {
        padding:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_routes {
        padding:30px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_routes {
        width:300px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_routes {
        width:18.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_routes {
        width:300px
    }
}

.yandex-map-balloon_theme_routes .yandex-map-balloon__title {
    width: 90%
}

.yandex-map-balloon_theme_routes .yandex-map-balloon__close {
    display: none
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        top:15px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        top:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        top:15px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        right:15px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        right:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        right:15px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_routes .yandex-map-balloon__close {
        display:block
    }
}

.yandex-map-balloon_theme_visual {
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0 50 30 30;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual {
        width:300px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_visual {
        width:18.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_visual {
        width:300px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual {
        padding:50px 30px 30px 50
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_visual {
        padding:3.125vw 1.875vw 1.875vw 50
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_visual {
        padding:50px 30px 30px 50
    }
}

.yandex-map-balloon_theme_visual:before {
    border: 6px solid transparent;
    border-top: 8px solid var(--color-white);
    bottom: -14px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual:before {
        bottom:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_visual:before {
        bottom:-.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_visual:before {
        bottom:-14px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual:before {
        border:6px solid transparent
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_visual:before {
        border:.375vw solid transparent
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_visual:before {
        border:6px solid transparent
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual:before {
        border-top:8px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_visual:before {
        border-top:.5vw solid var(--color-white)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_visual:before {
        border-top:8px solid var(--color-white)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual:before {
        content:""
    }
}

.yandex-map-balloon_theme_visual .yandex-map-balloon__panel-header-content {
    padding: 20px 0
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual .yandex-map-balloon__panel-header-content {
        padding:20px 0
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_visual .yandex-map-balloon__panel-header-content {
        padding:1.25vw 0
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_visual .yandex-map-balloon__panel-header-content {
        padding:20px 0
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_visual .link-accent {
        display:inline;
        pointer-events: none
    }
}

.yandex-map-balloon_theme_contacts {
    border: 0;
    box-shadow: 0 9px 20px rgba(var(--color-brand-text-rgb),.15);
    margin: 0;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts {
        width:320px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts {
        width:20vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts {
        width:320px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts {
        box-shadow:0 9px 20px rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts {
        box-shadow:0 .563vw 1.25vw rgba(var(--color-brand-text-rgb),.15)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts {
        box-shadow:0 9px 20px rgba(var(--color-brand-text-rgb),.15)
    }
}

.yandex-map-balloon_theme_contacts:before {
    border: 6px solid transparent;
    border-top: 8px solid var(--color-white);
    bottom: -14px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts:before {
        bottom:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts:before {
        bottom:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts:before {
        bottom:14px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts:before {
        border:6px solid transparent
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts:before {
        border:.375vw solid transparent
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts:before {
        border:6px solid transparent
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts:before {
        border-top:8px solid var(--color-white)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts:before {
        border-top:.5vw solid var(--color-white)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts:before {
        border-top:8px solid var(--color-white)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts:before {
        content:""
    }
}

.yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
    display: none
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        top:15px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        top:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        top:15px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        right:15px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        right:.938vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        right:15px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts .yandex-map-balloon__close {
        display:block
    }
}

.yandex-map-balloon_theme_contacts-main .yandex-map-balloon__panel-header-content {
    padding-bottom: 25px
}

@media only screen and (min-width: 960px) {
    .yandex-map-balloon_theme_contacts-main .yandex-map-balloon__panel-header-content {
        padding-bottom:25px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map-balloon_theme_contacts-main .yandex-map-balloon__panel-header-content {
        padding-bottom:1.563vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map-balloon_theme_contacts-main .yandex-map-balloon__panel-header-content {
        padding-bottom:25px
    }
}

.yandex-map__zoom-button {
    background-color: var(--color-white);
    box-shadow: 0 2px 4px rgba(var(--color-brand-text-rgb),.2);
    height: 32px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button {
        width:32px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button {
        width:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button {
        width:32px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button {
        height:32px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button {
        box-shadow:0 2px 4px rgba(var(--color-brand-text-rgb),.2)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button {
        box-shadow:0 .125vw .25vw rgba(var(--color-brand-text-rgb),.2)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button {
        box-shadow:0 2px 4px rgba(var(--color-brand-text-rgb),.2)
    }
}

.yandex-map__zoom-button:first-child {
    border-top-left-radius: -webkit-calc(var(--is-br)*8px);
    border-top-left-radius: calc(var(--is-br)*8px);
    border-top-right-radius: -webkit-calc(var(--is-br)*8px);
    border-top-right-radius: calc(var(--is-br)*8px)
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button:first-child {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button:first-child {
        border-top-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button:first-child {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button:first-child {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button:first-child {
        border-top-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button:first-child {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

.yandex-map__zoom-button:last-child {
    border-bottom-left-radius: -webkit-calc(var(--is-br)*8px);
    border-bottom-left-radius: calc(var(--is-br)*8px);
    border-bottom-right-radius: -webkit-calc(var(--is-br)*8px);
    border-bottom-right-radius: calc(var(--is-br)*8px)
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button:last-child {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button:last-child {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button:last-child {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button:last-child {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button:last-child {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button:last-child {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button:hover {
        background-color:rgba(var(--color-brand-gray-rgb),.9)
    }
}

.yandex-map__zoom-buttons-wrapper {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.yandex-map__zoom-button_theme_zoom-in,.yandex-map__zoom-button_theme_zoom-out {
    cursor: pointer
}

.yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
    background-color: var(--color-brand-text);
    border-radius: -webkit-calc(var(--is-br)*25%);
    border-radius: calc(var(--is-br)*25%);
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 12px
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
        width:12px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
        width:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
        width:12px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
        height:2px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
        height:.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__zoom-button_theme_zoom-in:after,.yandex-map__zoom-button_theme_zoom-in:before,.yandex-map__zoom-button_theme_zoom-out:after,.yandex-map__zoom-button_theme_zoom-out:before {
        height:2px
    }
}

.yandex-map__zoom-button_theme_zoom-in:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.yandex-map__fullscreen-button {
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    box-shadow: 0 2px 4px rgba(var(--color-brand-text),.2);
    cursor: pointer;
    height: 32px;
    margin-top: 8px;
    position: relative;
    right: 8px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 32px
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button {
        width:32px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button {
        width:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button {
        width:32px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button {
        height:32px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button {
        right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button {
        right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button {
        right:16px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button {
        box-shadow:0 2px 4px rgba(var(--color-brand-text),.2)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button {
        box-shadow:0 .125vw .25vw rgba(var(--color-brand-text),.2)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button {
        box-shadow:0 2px 4px rgba(var(--color-brand-text),.2)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button:hover {
        background-color:rgba(var(--color-brand-gray-rgb),.9)
    }
}

.yandex-map__fullscreen-button.is-open svg {
    height: 19px;
    width: 19px
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button.is-open svg {
        width:19px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button.is-open svg {
        width:1.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button.is-open svg {
        width:19px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button.is-open svg {
        height:19px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button.is-open svg {
        height:1.188vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button.is-open svg {
        height:19px
    }
}

.yandex-map__fullscreen-button svg {
    stroke: var(--color-brand-text);
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 14px
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button svg {
        width:14px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button svg {
        width:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button svg {
        width:14px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__fullscreen-button svg {
        height:14px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__fullscreen-button svg {
        height:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__fullscreen-button svg {
        height:14px
    }
}

.map-filter__overlay {
    background-color: rgba(var(--color-black-rgb),.2);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .is-open .map-filter__overlay,.map-filter__overlay {
        display:none
    }
}

.is-open .map-filter__overlay {
    display: block
}

@media only screen and (min-width: 960px) {
    .is-open .map-filter__overlay {
        display:none
    }
}

.map-filter {
    background-color: var(--color-white);
    border-top-left-radius: -webkit-calc(var(--is-br)*8px);
    border-top-left-radius: calc(var(--is-br)*8px);
    border-top-right-radius: -webkit-calc(var(--is-br)*8px);
    border-top-right-radius: calc(var(--is-br)*8px);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .map-filter {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter {
        border-top-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter {
        border-top-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter {
        border-bottom-right-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-bottom-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter {
        border-bottom-left-radius:-webkit-calc(var(--is-br)*8px);
        border-bottom-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter {
        left:-webkit-calc(8.33333% + 16px);
        left: calc(8.33333% + 16px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter {
        left:-webkit-calc(5.55556% + 1vw);
        left: calc(5.55556% + 1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter {
        left:-webkit-calc(5.55556% + 16px);
        left: calc(5.55556% + 16px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter {
        bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter {
        bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter {
        bottom:64px
    }
}

.is-open .map-filter {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (min-width: 670px) {
    .map-filter {
        margin-left:16.6666666667%;
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .map-filter {
        margin-left:0;
        width: 33.3333333333%
    }
}

.map-filter__head {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(var(--color-black-rgb),.04);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 32px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .map-filter__head {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head {
        height:32px
    }
}

.map-filter__head:before {
    background-color: var(--color-brand-gray);
    border-radius: -webkit-calc(var(--is-br)*24px);
    border-radius: calc(var(--is-br)*24px);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80px
}

@media only screen and (min-width: 960px) {
    .map-filter__head:before {
        width:80px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head:before {
        width:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head:before {
        width:80px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__head:before {
        height:4px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head:before {
        height:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head:before {
        height:4px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__head:before {
        border-radius:-webkit-calc(var(--is-br)*24px);
        border-radius: calc(var(--is-br)*24px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head:before {
        border-radius:-webkit-calc(var(--is-br)*1.5vw);
        border-radius: calc(var(--is-br)*1.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head:before {
        border-radius:-webkit-calc(var(--is-br)*24px);
        border-radius: calc(var(--is-br)*24px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__head {
        display:none
    }
}

.map-filter__head-close {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0 4px 0 auto;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto;
    width: 24px
}

.map-filter__head-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .map-filter__head-close {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head-close {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head-close {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__head-close {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head-close {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head-close {
        height:24px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__head-close {
        margin-right:4px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__head-close {
        margin-right:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__head-close {
        margin-right:4px
    }
}

.map-filter__header {
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 12px 5.5555555556%
}

@media only screen and (min-width: 960px) {
    .map-filter__header {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__header {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__header {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__header {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__header {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__header {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__header {
        margin-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__header {
        margin-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__header {
        margin-right:24px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__header {
        margin-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__header {
        margin-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__header {
        margin-left:24px
    }
}

@media only screen and (min-width: 670px) {
    .map-filter__header {
        margin-left:4.1666666667%;
        margin-right: 4.1666666667%
    }
}

.map-filter__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .map-filter__title {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__title {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__title {
        font-size:16px;
        line-height: 1.5
    }
}

.map-filter__header-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    line-height: 1.5;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto
}

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

@media only screen and (min-width: 960px) {
    .map-filter__header-button {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__header-button {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__header-button {
        font-size:14px;
        line-height: 1.5
    }
}

.map-filter__content {
    height: 330px;
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%
}

@media only screen and (min-width: 960px) {
    .map-filter__content {
        height:330px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content {
        height:20.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content {
        height:330px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__content {
        margin-right:32px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content {
        margin-right:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content {
        margin-right:32px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__content {
        margin-left:32px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content {
        margin-left:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content {
        margin-left:32px
    }
}

@media only screen and (max-width: 959px) and (orientation:landscape) {
    .map-filter__content {
        height:40vh
    }
}

@media only screen and (min-width: 670px) {
    .map-filter__content {
        margin-left:6.25%;
        margin-right: 6.25%
    }
}

.map-filter__infrastructure-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.map-filter__infrastructure-list::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.map-filter__infrastructure-list::-webkit-scrollbar-track {
    background-color: transparent
}

.map-filter__infrastructure-list::-webkit-scrollbar-thumb {
    background: rgba(var(--color-brand-base-rgb),.5);
    border-radius: 24px
}

@media only screen and (min-width: 960px) {
    .map-filter__infrastructure-list::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__infrastructure-list::-webkit-scrollbar-thumb {
        border-radius:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__infrastructure-list::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

.map-filter__infrastructure-list::-webkit-scrollbar-thumb:hover {
    background-image: rgba(var(--color-brand-base-rgb),.5)
}

.map-filter__infrastructure-item {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 16px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .map-filter__infrastructure-item {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__infrastructure-item {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__infrastructure-item {
        margin-bottom:16px
    }
}

.map-filter__infrastructure-label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .map-filter__infrastructure-label {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__infrastructure-label {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__infrastructure-label {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__infrastructure-label:hover {
        opacity:.6
    }
}

.map-filter__infrastructure-label img,.map-filter__infrastructure-label svg {
    margin-right: 4.6875%;
    width: 28px
}

@media only screen and (min-width: 960px) {
    .map-filter__infrastructure-label img,.map-filter__infrastructure-label svg {
        width:28px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__infrastructure-label img,.map-filter__infrastructure-label svg {
        width:1.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__infrastructure-label img,.map-filter__infrastructure-label svg {
        width:28px
    }
}

.map-filter__fake-checkbox {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px);
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0 6.6666666667% 0 auto;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto;
    width: 24px
}

.map-filter__fake-checkbox::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .map-filter__fake-checkbox {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__fake-checkbox {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__fake-checkbox {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__fake-checkbox {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__fake-checkbox {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__fake-checkbox {
        height:24px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__fake-checkbox {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__fake-checkbox {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__fake-checkbox {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

.map-filter__checkbox {
    clip: rect(0 0 0 0);
    border: 0;
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.map-filter__checkbox+.map-filter__fake-checkbox {
    border-color: var(--color-brand-gray);
    border-style: solid;
    border-width: 1px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border;
    transition-property: border;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.map-filter__checkbox.is-checked+.map-filter__fake-checkbox,.map-filter__checkbox:checked+.map-filter__fake-checkbox {
    background-color: var(--color-brand-dark);
    border-width: 0
}

.map-filter__checkbox.is-checked+.map-filter__fake-checkbox:after,.map-filter__checkbox:checked+.map-filter__fake-checkbox:after {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    vertical-align: initial
}

.map-filter__checkbox.is-disabled+.map-filter__fake-checkbox,.map-filter__checkbox:disabled+.map-filter__fake-checkbox {
    background-color: rgba(var(--color-white-rgb),.3)
}

.map-filter__checkbox.has-error+.map-filter__fake-checkbox,.map-filter__checkbox.is-error+.map-filter__fake-checkbox {
    background-color: rgba(var(--color-red-rgb),.2);
    border-color: rgba(var(--color-red-rgb),.4)
}

.map-filter__content-close {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-pack: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-brand-base);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*100px);
    border-radius: calc(var(--is-br)*100px);
    color: inherit;
    color: var(--color-white);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    line-height: 1.5;
    margin: 12px 5.5555555556%;
    outline: none;
    overflow: visible;
    padding: 8px 0;
    text-align: inherit;
    width: auto;
    width: 88.8888888889%
}

.map-filter__content-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .map-filter__content-close {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content-close {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content-close {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__content-close {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content-close {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content-close {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__content-close {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content-close {
        border-radius:-webkit-calc(var(--is-br)*6.25vw);
        border-radius: calc(var(--is-br)*6.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content-close {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__content-close {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .map-filter__content-close {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .map-filter__content-close {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 670px) {
    .map-filter__content-close {
        margin-left:4.1666666667%;
        margin-right: 4.1666666667%;
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .map-filter__content-close {
        display:none
    }
}

.yandex-map {
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .yandex-map {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

.yandex-map__overlay {
    background-color: rgba(var(--color-black-rgb),.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .yandex-map__overlay {
        display:none
    }
}

.yandex-map__overlay.is-hidden {
    opacity: 0
}

.yandex-map__overlay-content {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.yandex-map__overlay-content p {
    color: var(--color-white);
    margin-top: 16px;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .yandex-map__overlay-content p {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__overlay-content p {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__overlay-content p {
        margin-top:24px
    }
}

.yandex-map__overlay-img {
    background-color: var(--color-white);
    border-radius: 50%;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 56px
}

@media only screen and (min-width: 960px) {
    .yandex-map__overlay-img {
        height:56px;
        width: 56px
    }
}

.yandex-map__overlay-img img {
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 32px
}

@media only screen and (min-width: 960px) {
    .yandex-map__overlay-img img {
        width:32px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__overlay-img img {
        width:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__overlay-img img {
        width:32px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__overlay-img img {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__overlay-img img {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__overlay-img img {
        height:32px
    }
}

.yandex-map__container {
    padding-top: 448px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .yandex-map__container {
        padding-top:56.75%
    }
}

.yandex-map__base {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 100%
}

.yandex-map__base,.yandex-map__preloader {
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.yandex-map__preloader {
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.yandex-map__route {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*20px);
    border-radius: calc(var(--is-br)*20px);
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 4px 22px 4px 16px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    white-space: nowrap
}

@media only screen and (min-width: 960px) {
    .yandex-map__route {
        padding:4px 22px 4px 16px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route {
        padding:.25vw 1.375vw .25vw 1vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__route {
        padding:4px 22px 4px 16px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__route {
        border-radius:-webkit-calc(var(--is-br)*20px);
        border-radius: calc(var(--is-br)*20px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route {
        border-radius:-webkit-calc(var(--is-br)*1.25vw);
        border-radius: calc(var(--is-br)*1.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__route {
        border-radius:-webkit-calc(var(--is-br)*20px);
        border-radius: calc(var(--is-br)*20px)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__route {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__route {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route:active,.yandex-map__route:focus,.yandex-map__route:hover {
        background-color:rgba(var(--color-brand-gray-rgb),.9)
    }
}

.yandex-map__route svg {
    height: 12px;
    margin-left: 14px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 12px
}

@media only screen and (min-width: 960px) {
    .yandex-map__route svg {
        margin-left:14px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route svg {
        margin-left:.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__route svg {
        margin-left:14px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__route svg {
        width:12px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route svg {
        width:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__route svg {
        width:12px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__route svg {
        height:12px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__route svg {
        height:.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__route svg {
        height:12px
    }
}

.yandex-map__filter {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    background-color: var(--color-brand-text);
    border: none;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    box-shadow: 0 1px 2px rgba(11,23,57,.1);
    color: inherit;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: inherit;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto;
    width: 40px
}

.yandex-map__filter::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter {
        -webkit-column-gap:10px;
        column-gap: 10px;
        height: auto;
        width: auto
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter {
        -webkit-column-gap:.625vw;
        column-gap: .625vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter {
        -webkit-column-gap:10px;
        column-gap: 10px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter {
        padding:8px 24px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter {
        padding:.5vw 1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter {
        padding:8px 24px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter {
        box-shadow:0 1px 2px rgba(11,23,57,.1)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter {
        box-shadow:0 .063vw .125vw rgba(11,23,57,.1)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter {
        box-shadow:0 1px 2px rgba(11,23,57,.1)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter {
        border-radius:-webkit-calc(var(--is-br)*6.25vw);
        border-radius: calc(var(--is-br)*6.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px)
    }
}

@media only screen and (min-width: 670px) and (max-width:959px) {
    .yandex-map__filter {
        border-radius:-webkit-calc(var(--is-br)*100px);
        border-radius: calc(var(--is-br)*100px);
        height: auto;
        padding: 8px 24px;
        width: auto
    }
}

.yandex-map__filter.is-open .yandex-map__filter-icon.open {
    display: none
}

.yandex-map__filter.is-open .yandex-map__filter-icon.close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.yandex-map__filter .yandex-map__filter-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 24px
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter .yandex-map__filter-icon {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter .yandex-map__filter-icon {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter .yandex-map__filter-icon {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter .yandex-map__filter-icon {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter .yandex-map__filter-icon {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter .yandex-map__filter-icon {
        height:24px
    }
}

.yandex-map__filter .yandex-map__filter-icon.open {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.yandex-map__filter .yandex-map__filter-icon.close {
    display: none
}

.yandex-map__filter .yandex-map__filter-text {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .yandex-map__filter .yandex-map__filter-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__filter .yandex-map__filter-text {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__filter .yandex-map__filter-text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 669px) {
    .yandex-map__filter .yandex-map__filter-text {
        display:none
    }
}

.yandex-map__about-marker {
    -webkit-box-pack: center;
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    box-shadow: 0 5px 30px rgba(var(--color-brand-text),.13);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .yandex-map__about-marker {
        box-shadow:0 5px 30px rgba(var(--color-brand-text),.13)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__about-marker {
        box-shadow:0 .313vw 1.875vw rgba(var(--color-brand-text),.13)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__about-marker {
        box-shadow:0 5px 30px rgba(var(--color-brand-text),.13)
    }
}

.yandex-map__about-marker.is-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.yandex-map__about-marker img {
    height: 100%;
    width: 100%
}

.yandex-map__cluster {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border: 4px solid var(--color-brand-dark);
    border-radius: -webkit-calc(var(--is-br)*50%);
    border-radius: calc(var(--is-br)*50%);
    box-shadow: 0 3px 8px solid rgba(var(--color-brand-text),.12);
    color: var(--color-brand-dark);
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.5;
    margin-left: -23px;
    margin-top: -23px;
    width: 42px
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        width:42px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        width:2.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        width:42px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        height:42px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        height:2.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        height:42px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        border:4px solid var(--color-brand-dark)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        border:.25vw solid var(--color-brand-dark)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        border:4px solid var(--color-brand-dark)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        box-shadow:0 3px 8px solid rgba(var(--color-brand-text),.12)
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        box-shadow:0 .188vw .5vw solid rgba(var(--color-brand-text),.12)
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        box-shadow:0 3px 8px solid rgba(var(--color-brand-text),.12)
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        margin-left:-23px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        margin-left:-1.437vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        margin-left:-23px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        margin-top:-23px
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        margin-top:-1.437vw
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        margin-top:-23px
    }
}

@media only screen and (min-width: 960px) {
    .yandex-map__cluster {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .yandex-map__cluster {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .yandex-map__cluster {
        font-size:16px;
        line-height: 1.5
    }
}

.yandex-map__about-marker_object_marker {
    background: var(--color-brand-dark)
}

.page-error {
    color: var(--color-page-error-text);
    height: 100vh;
    padding-top: 60px;
    position: relative;
    z-index: 0
}

@media only screen and (min-width: 960px) {
    .page-error {
        padding-top:80px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error {
        padding-top:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error {
        padding-top:80px
    }
}

.page-error__picture {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.page-error__picture:before {
    background-color: rgba(0,0,0,.6);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.page-error__picture picture {
    height: 100%
}

.page-error__picture img {
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.page-error__content {
    padding-bottom: 32px;
    padding-top: 32px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .page-error__content {
        padding-top:56px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__content {
        padding-top:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__content {
        padding-top:56px
    }
}

@media only screen and (min-width: 960px) {
    .page-error__content {
        padding-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__content {
        padding-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__content {
        padding-bottom:56px
    }
}

.page-error__number {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .page-error__number {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__number {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__number {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .page-error__number {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__number {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__number {
        margin-bottom:24px
    }
}

.page-error__title {
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .page-error__title {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__title {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__title {
        margin-bottom:32px
    }
}

.page-error__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .page-error__description {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__description {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__description {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .page-error__description {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__description {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__description {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 670px) {
    .page-error__description {
        width:88.8888888889%
    }
}

@media only screen and (min-width: 960px) {
    .page-error__description {
        width:83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__description {
        width:66.6666666667%
    }
}

.page-error__buttons {
    -webkit-column-gap: 16px;
    column-gap: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .page-error__buttons {
        -webkit-column-gap:16px;
        column-gap: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__buttons {
        -webkit-column-gap:1.25vw;
        column-gap: 1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__buttons {
        -webkit-column-gap:20px;
        column-gap: 20px
    }
}

.page-error__button {
    line-height: 34px;
    margin-bottom: 16px;
    padding-left: 28px;
    padding-right: 28px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .page-error__button {
        margin-bottom:0;
        padding-left: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__button {
        padding-left:1.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__button {
        padding-left:28px
    }
}

@media only screen and (min-width: 960px) {
    .page-error__button {
        padding-right:28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__button {
        padding-right:1.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__button {
        padding-right:28px
    }
}

@media only screen and (min-width: 960px) {
    .page-error__button {
        line-height:38px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__button {
        line-height:2.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__button {
        line-height:38px
    }
}

@media only screen and (min-width: 670px) {
    .page-error__button {
        margin-bottom:0;
        width: auto
    }
}

.page-error__button:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 670px) {
    .page-error__button:last-child {
        margin-right:0
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__button:hover {
        opacity:.5
    }
}

.page-error__button.button_theme_white {
    border: 1px solid rgba(var(--color-brand-text),.2)
}

@media only screen and (min-width: 960px) {
    .page-error__button.button_theme_white {
        border:1px solid rgba(var(--color-brand-text),.2)
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__button.button_theme_white {
        border:.063vw solid rgba(var(--color-brand-text),.2)
    }
}

@media only screen and (min-width: 1600px) {
    .page-error__button.button_theme_white {
        border:1px solid rgba(var(--color-brand-text),.2)
    }
}

@media only screen and (min-width: 1280px) {
    .page-error__button.button_theme_white:hover {
        color:var(--color-black);
        opacity: .7
    }
}

.page-error_theme_dark {
    background-color: var(--color-page-error-text)
}

.page-error_theme_dark,.page-error_theme_dark h1,.page-error_theme_dark h2,.page-error_theme_dark h3,.page-error_theme_dark h4,.page-error_theme_dark h5 {
    color: var(--color-white)
}

.page-error_theme_dark .page-error__content {
    padding-bottom: 40px;
    padding-top: 40px
}

@media only screen and (min-width: 960px) {
    .page-error_theme_dark .page-error__content {
        padding-top:72px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error_theme_dark .page-error__content {
        padding-top:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error_theme_dark .page-error__content {
        padding-top:72px
    }
}

@media only screen and (min-width: 960px) {
    .page-error_theme_dark .page-error__content {
        padding-bottom:72px
    }
}

@media only screen and (min-width: 1280px) {
    .page-error_theme_dark .page-error__content {
        padding-bottom:4.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-error_theme_dark .page-error__content {
        padding-bottom:72px
    }
}

.action__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 36px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .action__wrap {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .action__wrap {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__wrap {
        padding-bottom:64px
    }
}

.action__wrap.action__wrap-content {
    display: none
}

.action__wrap.action__wrap-content.is-active {
    -webkit-animation: show .5s;
    animation: show .5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.action__wrap::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 669px) {
    .action__wrap {
        margin-top:-20px;
        padding-top: 20px
    }

    .action__wrap:after {
        content: "";
        display: block;
        max-width: 11.1111111111%;
        min-width: 11.1111111111%
    }
}

@media only screen and (min-width: 670px) {
    .action__wrap {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
        overflow: visible
    }
}

.action__item {
    background-color: var(--color-white);
    background-image: none;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    color: var(--color-brand-text);
    cursor: pointer;
    display: block;
    margin-right: 8px;
    min-width: 90%;
    padding: 32px 16px;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .action__item {
        padding:24px
    }
}

@media only screen and (min-width: 1280px) {
    .action__item {
        padding:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__item {
        padding:32px
    }
}

@media only screen and (min-width: 960px) {
    .action__item {
        margin-right:0
    }
}

@media only screen and (min-width: 1280px) {
    .action__item {
        margin-right:0
    }
}

@media only screen and (min-width: 1600px) {
    .action__item {
        margin-right:0
    }
}

@media only screen and (min-width: 960px) {
    .action__item {
        min-width:auto
    }
}

@media only screen and (min-width: 1280px) {
    .action__item {
        min-width:auto
    }
}

@media only screen and (min-width: 1600px) {
    .action__item {
        min-width:auto
    }
}

@media only screen and (min-width: 960px) {
    .action__item {
        border-radius:8px
    }
}

@media only screen and (min-width: 1280px) {
    .action__item {
        border-radius:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__item {
        border-radius:8px
    }
}

@media only screen and (min-width: 670px) {
    .action__item {
        box-shadow:0 10px 22px 5px #f2f2f2
    }

    .action__item:nth-child(n+7) {
        display: none;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }
}

.action__label {
    color: var(--color-brand-dark);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 12px
}

@media only screen and (min-width: 960px) {
    .action__label {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .action__label {
        margin-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__label {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .action__label {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .action__label {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .action__label {
        font-size:14px;
        line-height: 1.5
    }
}

.action__text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .action__text {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .action__text {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .action__text {
        font-size:24px;
        line-height: 1.2
    }
}

.action__item_theme_color {
    background-color: var(--color-brand-base);
    background-image: var(--color-brand-base);
    color: var(--color-brand-text)
}

@media only screen and (min-width: 1280px) {
    .action__item_theme_color:hover {
        opacity:.8
    }
}

.action__item_theme_color .action__label {
    color: var(--color-brand-text)
}

.news__label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    opacity: .5
}

@media only screen and (min-width: 960px) {
    .news__label {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .news__label {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .news__label {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .news__label {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .news__label {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .news__label {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .news__label {
        padding-right:35.7142857143%
    }
}

.news__title {
    color: var(--color-brand-headers);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .news__title {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .news__title {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .news__title {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .news__title {
        font-size:48px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    .news__title {
        font-size:3vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    .news__title {
        font-size:48px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    .news__title {
        padding-right:17.8571428571%
    }
}

.news__text {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .news__text {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .news__text {
        margin-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .news__text {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .news__text {
        padding-right:35.7142857143%
    }
}

.news__text ol,.news__text ul {
    list-style: inherit
}

.news__text ol li,.news__text ul li {
    list-style-type: inherit
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,15px,0);
        transform: translate3d(0,15px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.first-screen {
    color: var(--color-white);
    position: relative
}

.first-screen__background {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.first-screen__background-picture,.slider-first-screen__inner {
    height: 100%;
    position: relative
}

.first-screen__background-picture:not(.first-screen__background-picture_theme_clean):before,.slider-first-screen__inner:not(.first-screen__background-picture_theme_clean):before {
    background-color: rgba(var(--color-black-rgb),.4)
}

.first-screen__background-picture:before,.slider-first-screen__inner:before {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(53.7%,rgba(var(--color-black-rgb),0)),to(rgba(var(--color-black-rgb),.7))),-webkit-gradient(linear,left bottom,left top,from(rgba(var(--color-black-rgb),.2)),to(rgba(var(--color-black-rgb),.2)));
    background: linear-gradient(180deg,rgba(var(--color-black-rgb),0) 53.7%,rgba(var(--color-black-rgb),.7) 100%),linear-gradient(0deg,rgba(var(--color-black-rgb),.2),rgba(var(--color-black-rgb),.2));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.first-screen__background-picture img,.slider-first-screen__inner img {
    display: block;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: fixed;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__background-picture img,.slider-first-screen__inner img {
        position:static
    }
}

.first-screen__background-picture {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

.first-screen__background-picture picture {
    height: 100%
}

.first-screen__background-video {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    height: 100%;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__background-video {
        -webkit-clip-path:unset;
        clip-path: unset
    }
}

.first-screen__background-video iframe {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__background-video iframe {
        position:absolute
    }
}

.first-screen__background-slider,.first-screen__background-slider .slider,.first-screen__background-slider .slider__item,.first-screen__background-slider .slider__slides,.first-screen__background-slider .slider__slides-inner,.first-screen__background-slider .slider__wrapper {
    height: 100%
}

.first-screen__background-slider .slider-first-screen:before {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(53.7%,rgba(var(--color-black-rgb),0)),to(rgba(var(--color-black-rgb),.7))),-webkit-gradient(linear,left bottom,left top,from(rgba(var(--color-black-rgb),.2)),to(rgba(var(--color-black-rgb),.2)));
    background: linear-gradient(180deg,rgba(var(--color-black-rgb),0) 53.7%,rgba(var(--color-black-rgb),.7) 100%),linear-gradient(0deg,rgba(var(--color-black-rgb),.2),rgba(var(--color-black-rgb),.2));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.first-screen__background-slider .slider__item {
    cursor: default;
    position: relative
}

.first-screen__background-slider .slider__counter {
    margin: 0;
    padding-right: 8.3333333333%
}

@media only screen and (min-width: 1280px) {
    .first-screen__background-slider .slider__counter {
        padding-right:11.1111111111%
    }
}

.first-screen__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media only screen and (min-width: 1280px) {
    .first-screen__wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.first-screen__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__top {
        margin-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__top {
        margin-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__top {
        margin-bottom:64px
    }
}

.first-screen__content {
    margin: 24px 8.3333333333%;
    width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .first-screen__content {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__content {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__content {
        margin-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__content {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__content {
        margin-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__content {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__content {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__content {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.first-screen__content-container {
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__content-container {
        margin-right:6.6666666667%;
        width: 60%
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__content-container {
        margin-right:7.1428571429%;
        width: 64.2857142857%
    }
}

.first-screen__header {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .first-screen__header {
        width:94.4444444444%
    }
}

.first-screen__slogan h1 {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen__slogan h1 {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__slogan h1 {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__slogan h1 {
        font-size:16px;
        line-height: 1.5
    }
}

.first-screen__title {
    display: block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1
}

@media only screen and (min-width: 960px) {
    .first-screen__title {
        font-size:64px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__title {
        font-size:4vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__title {
        font-size:64px;
        line-height: 1.1
    }
}

.first-screen__title:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen__title:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__title:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__title:not(:first-child) {
        margin-top:8px
    }
}

.first-screen__tags {
    margin-top: 28px
}

@media only screen and (min-width: 960px) {
    .first-screen__tags {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__tags {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__tags {
        margin-top:48px
    }
}

.first-screen__lead-container {
    margin-top: 28px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-container {
        margin-top:0;
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-container {
        width:28.5714285714%
    }
}

.first-screen__lead-content {
    margin-left: 5.5555555556%;
    margin-right: 5.5555555556%;
    width: 88.8888888889%
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-content {
        margin-left:8.3333333333%;
        margin-right: 8.3333333333%;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-content {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.first-screen__lead {
    background-color: var(--color-brand-base);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    padding: 20px 10%;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__lead {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 670px) {
    .first-screen__lead {
        padding-left:6.6666666667%;
        padding-right: 6.6666666667%
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead {
        padding-left:10%;
        padding-right: 10%
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead {
        padding-left:12.5%;
        padding-right: 12.5%
    }
}

.first-screen__lead.with-offset {
    margin-bottom: var(--fs-ch,-40px);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: margin-bottom;
    transition-property: margin-bottom;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen__lead.with-offset {
        margin-bottom:var(--fs-ch,-40px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead.with-offset {
        margin-bottom:var(--fs-ch,-2.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead.with-offset {
        margin-bottom:var(--fs-ch,-40px)
    }
}

.first-screen__lead-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-label {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-label {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-label {
        font-size:14px;
        line-height: 1.5
    }
}

.first-screen__lead-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-title {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-title {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-title {
        font-size:22px;
        line-height: 1.5
    }
}

a.first-screen__lead-title {
    display: block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 1280px) {
    a.first-screen__lead-title:hover {
        opacity:.8
    }
}

.first-screen__lead-title:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-title:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-title:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-title:not(:first-child) {
        margin-top:8px
    }
}

.first-screen__lead-link {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-link {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-link {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-link {
        margin-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-link {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-link {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-link {
        font-size:14px;
        line-height: 1.5
    }
}

.first-screen__lead-link svg {
    fill: var(--color-white);
    height: 16px;
    margin-left: 4px;
    vertical-align: middle;
    width: 16px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-link svg {
        width:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-link svg {
        width:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-link svg {
        width:16px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-link svg {
        height:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-link svg {
        height:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-link svg {
        height:16px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-link svg {
        margin-left:4px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-link svg {
        margin-left:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-link svg {
        margin-left:4px
    }
}

a.first-screen__lead-link {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 1280px) {
    a.first-screen__lead-link:hover {
        opacity:.75
    }
}

.first-screen__lead-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-icon {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-icon {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-icon {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-icon {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-icon {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-icon {
        height:24px
    }
}

.first-screen__lead-icon svg {
    fill: var(--color-brand-base);
    height: 100%;
    width: 100%
}

.first-screen__lead-arrow {
    display: none;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 20px;
    margin-left: auto;
    width: 20px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-arrow {
        width:20px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-arrow {
        width:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-arrow {
        width:20px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-arrow {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-arrow {
        height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-arrow {
        height:20px
    }
}

@media only screen and (min-width: 670px) {
    .first-screen__lead-arrow {
        display:block
    }
}

.first-screen__lead-arrow svg {
    fill: var(--color-brand-base);
    height: 100%;
    width: 100%
}

.first-screen__lead-3dtour {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-brand-base);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 16px 8px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-3dtour {
        padding:16px 8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-3dtour {
        padding:1vw .5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-3dtour {
        padding:16px 8px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-3dtour {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-3dtour {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-3dtour {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-3dtour:hover .first-screen__lead-icon,.first-screen__lead-3dtour:hover span {
        opacity:.8
    }
}

.first-screen__lead-3dtour:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-3dtour:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-3dtour:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-3dtour:not(:first-child) {
        margin-top:8px
    }
}

.first-screen__lead-3dtour .first-screen__lead-icon {
    margin-right: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-3dtour .first-screen__lead-icon {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-3dtour .first-screen__lead-icon {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-3dtour .first-screen__lead-icon {
        margin-right:8px
    }
}

.first-screen__lead-3dtour .first-screen__lead-icon svg path {
    stroke: var(--color-white);
    fill: none
}

.first-screen__lead-3dtour span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen__lead-3dtour span {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__lead-3dtour span {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__lead-3dtour span {
        font-size:18px;
        line-height: 1.5
    }
}

.first-screen__flats-compilation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto auto 60px;
    max-width: 1600px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__flats-compilation {
        margin-bottom:60px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__flats-compilation {
        margin-bottom:3.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__flats-compilation {
        margin-bottom:60px
    }
}

.first-screen__flats-compilation .first-screen__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media only screen and (min-width: 960px) and (max-width:1279px) {
    .first-screen__flats-compilation .first-screen__content {
        margin-bottom:0
    }
}

.first-screen__flats-compilation-blocks {
    width: 100%
}

@media only screen and (min-width: 670px) {
    .first-screen__flats-compilation-blocks {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__flats-compilation-blocks {
        display:none
    }
}

.first-screen__flats-compilation-slider {
    display: none;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__flats-compilation-slider {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.first-screen__slider,.first-screen__slider .slider,.first-screen__slider .slider__item,.first-screen__slider .slider__slides,.first-screen__slider .slider__slides-inner,.first-screen__slider .slider__wrapper {
    height: 100%
}

.first-screen__slider .slider__item {
    cursor: default
}

.first-screen__slider .slider__controls {
    bottom: 0;
    display: block;
    left: 0;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen__slider .slider__controls {
        margin-bottom:56px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__slider .slider__controls {
        margin-bottom:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__slider .slider__controls {
        margin-bottom:56px
    }
}

.first-screen__slider .slider__counter {
    margin: 0;
    padding-right: 8.3333333333%
}

@media only screen and (min-width: 1280px) {
    .first-screen__slider .slider__counter {
        padding-right:11.1111111111%
    }
}

.first-screen__slider .slider__counter-current {
    color: var(--color-white)
}

.first-screen__scroll {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-animation: timing 3s ease infinite;
    animation: timing 3s ease infinite;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    bottom: 30px;
    color: inherit;
    cursor: pointer;
    display: none;
    font: inherit;
    height: 32px;
    left: 50%;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-align: inherit;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    width: 32px
}

.first-screen__scroll::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll {
        width:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll {
        width:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll {
        width:32px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll {
        height:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll {
        height:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll {
        height:32px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll {
        bottom:30px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll {
        bottom:1.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll {
        bottom:30px
    }
}

.first-screen__scroll:after {
    bottom: -14px;
    content: "";
    left: -14px;
    position: absolute;
    right: -14px;
    top: -14px
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll:after {
        top:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll:after {
        top:-.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll:after {
        top:-14px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll:after {
        right:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll:after {
        right:-.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll:after {
        right:-14px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll:after {
        left:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll:after {
        left:-.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll:after {
        left:-14px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll:after {
        bottom:-14px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll:after {
        bottom:-.875vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll:after {
        bottom:-14px
    }
}

.first-screen__scroll:focus {
    box-shadow: 0 0 50px 0 rgba(var(--color-brand-text-rgb),.6)
}

@media only screen and (min-width: 960px) {
    .first-screen__scroll:focus {
        box-shadow:0 0 50px 0 rgba(var(--color-brand-text-rgb),.6)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__scroll:focus {
        box-shadow:0 0 3.125vw 0 rgba(var(--color-brand-text-rgb),.6)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__scroll:focus {
        box-shadow:0 0 50px 0 rgba(var(--color-brand-text-rgb),.6)
    }
}

.first-screen__scroll svg {
    fill: var(--color-white);
    height: 100%;
    width: 100%
}

.first-screen__logo-bank {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: auto;
    max-width: 240px;
    min-height: 80px;
    padding: 16px
}

@media only screen and (min-width: 960px) {
    .first-screen__logo-bank {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__logo-bank {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__logo-bank {
        max-width:240px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        max-width:15vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__logo-bank {
        max-width:240px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__logo-bank {
        min-height:80px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        min-height:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__logo-bank {
        min-height:80px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__logo-bank {
        padding:20px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        padding:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__logo-bank {
        padding:20px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__logo-bank {
        bottom:-40px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__logo-bank {
        bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen__logo-bank {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen__logo-bank {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen__logo-bank {
        height:100%;
        left: inherit;
        margin-left: 0;
        position: absolute;
        right: 0
    }

    .first-screen:not(.first-screen_full_height):not(.first-screen_full_height-laptop):not(.first-screen_theme_alternative):not(.first-screen_version_3) .first-screen__content {
        padding-bottom: 3.5714285714%;
        padding-top: 3.5714285714%
    }
}

.first-screen_full_height .first-screen__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100vh
}

.first-screen_full_height .first-screen__scroll {
    display: block
}

@media only screen and (min-width: 1280px) {
    .first-screen_full_height-laptop .first-screen__wrap {
        min-height:100vh
    }

    .first-screen_full_height-laptop .first-screen__scroll {
        display: block
    }
}

.first-screen_with_search .first-screen__wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

@media only screen and (min-width: 960px) {
    .first-screen_with_search .first-screen__top {
        margin-bottom:0
    }
}

.first-screen_theme_alternative {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: auto;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 2.7777777778%;
    margin-right: 2.7777777778%;
    margin-top: calc(var(--header-logo-height) + 42px);
    min-height: -webkit-calc(100vh - 62px);
    min-height: calc(100vh - 62px);
    position: relative;
    width: 94.4444444444%
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative {
        min-height:-webkit-calc(100vh - var(--header-logo-height) - 60px);
        min-height: calc(100vh - var(--header-logo-height) - 60px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative {
        min-height:-webkit-calc(100vh - var(--header-logo-height) - 3.875vw);
        min-height: calc(100vh - var(--header-logo-height) - 3.875vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative {
        min-height:-webkit-calc(100vh - var(--header-logo-height) - 62px);
        min-height: calc(100vh - var(--header-logo-height) - 62px)
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative {
        margin-top:calc(var(--header-logo-height) + 60px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative {
        margin-top:calc(var(--header-logo-height) + 3.875vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative {
        margin-top:calc(var(--header-logo-height) + 62px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative {
        max-width:100vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative {
        max-width:1600px
    }
}

@media only screen and (min-width: 1440px) {
    .first-screen_theme_alternative {
        margin-left:auto;
        margin-right: auto;
        width: 100%
    }
}

.first-screen_theme_alternative .first-screen__background {
    height: 100%;
    left: 0;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__background {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__background {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__background {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1440px) {
    .first-screen_theme_alternative .first-screen__background {
        margin-left:2.7777777778%;
        margin-right: 2.7777777778%;
        width: 94.4444444444%
    }
}

.first-screen_theme_alternative .first-screen__background-picture {
    border-radius: -webkit-calc(var(--is-br)*16px);
    border-radius: calc(var(--is-br)*16px);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__background-picture {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__background-picture {
        border-radius:-webkit-calc(var(--is-br)*1vw);
        border-radius: calc(var(--is-br)*1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__background-picture {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

.first-screen_theme_alternative .first-screen__background-picture:before {
    border-radius: -webkit-calc(var(--is-br)*16px);
    border-radius: calc(var(--is-br)*16px);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__background-picture:before {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__background-picture:before {
        border-radius:-webkit-calc(var(--is-br)*1vw);
        border-radius: calc(var(--is-br)*1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__background-picture:before {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

.first-screen_theme_alternative .first-screen__background-picture img {
    position: absolute
}

.first-screen_theme_alternative .first-screen__background-slider .slider-first-screen {
    border-radius: -webkit-calc(var(--is-br)*16px);
    border-radius: calc(var(--is-br)*16px);
    overflow: hidden
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__background-slider .slider-first-screen {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__background-slider .slider-first-screen {
        border-radius:-webkit-calc(var(--is-br)*1vw);
        border-radius: calc(var(--is-br)*1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__background-slider .slider-first-screen {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

.first-screen_theme_alternative .first-screen__background-video {
    border-radius: -webkit-calc(var(--is-br)*16px);
    border-radius: calc(var(--is-br)*16px);
    overflow: hidden
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__background-video {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__background-video {
        border-radius:-webkit-calc(var(--is-br)*1vw);
        border-radius: calc(var(--is-br)*1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__background-video {
        border-radius:-webkit-calc(var(--is-br)*16px);
        border-radius: calc(var(--is-br)*16px)
    }
}

.first-screen_theme_alternative .first-screen__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding-bottom: 20px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__wrap {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__wrap {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__wrap {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1440px) {
    .first-screen_theme_alternative .first-screen__wrap {
        margin-left:2.7777777778%;
        margin-right: 2.7777777778%;
        width: 94.4444444444%
    }
}

.first-screen_theme_alternative .first-screen__top {
    -webkit-box-pack: start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__top {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__top {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__top {
        margin-bottom:0
    }
}

.first-screen_theme_alternative .first-screen__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 32px 5.5555555556% 0;
    width: 88.8888888889%
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__content {
        margin-top:56px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__content {
        margin-top:3.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__content {
        margin-top:56px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__content {
        width:77.7777777778%
    }

    .first-screen_theme_alternative .first-screen__content-container {
        margin-right: 0;
        width: 100%
    }
}

.first-screen_theme_alternative .first-screen__slogan {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__slogan {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__slogan {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__slogan {
        font-size:14px;
        line-height: 1.5
    }
}

.first-screen_theme_alternative .first-screen__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 4px;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__title {
        margin-top:4px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__title {
        margin-top:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__title {
        margin-top:4px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__title {
        font-size:48px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__title {
        font-size:3vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__title {
        font-size:48px;
        line-height: 1.1
    }
}

.first-screen_theme_alternative .first-screen__tags {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__tags {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__tags {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__tags {
        margin-top:24px
    }
}

.first-screen_theme_alternative .first-screen__lead-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 0;
    margin-top: auto;
    padding-bottom: 8px;
    padding-top: 28px
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-container {
        padding-bottom:8px;
        padding-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-container {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-container {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-container {
        width:100%
    }
}

.first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(var(--color-white-rgb),.05);
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
        padding-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
        padding-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
        padding-top:8px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
        padding-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead,.first-screen_theme_alternative .first-screen__lead-3dtour {
        padding-bottom:8px
    }
}

.first-screen_theme_alternative .first-screen__lead-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-title {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-title {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-title {
        font-size:14px;
        line-height: 1.5
    }
}

.first-screen_theme_alternative .first-screen__lead-3dtour {
    margin-bottom: 8px;
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour {
        margin-bottom:8px
    }
}

.first-screen_theme_alternative .first-screen__lead-3dtour span {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour span {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour span {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour span {
        font-size:14px;
        line-height: 1.5
    }
}

.first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
    height: 18px;
    width: 18px
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
        width:18px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
        width:1.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
        width:18px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
        height:18px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
        height:1.125vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__lead-3dtour .first-screen__lead-icon {
        height:18px
    }
}

.first-screen_theme_alternative .first-screen__flats-compilation {
    margin-bottom: 0;
    padding-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        padding-bottom:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.first-screen_theme_alternative .first-screen__flats-compilation .first-screen__content {
    margin-top: 0
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .first-screen__content {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .first-screen__content {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .first-screen__content {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .first-screen__content {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

.first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(var(--color-white-rgb),.05);
    color: var(--color-white);
    padding-bottom: 12px;
    padding-top: 12px
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        padding-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        padding-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation {
        min-height:0
    }
}

.first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation:after {
    display: none
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation .flats-compilation__heading {
        min-height:0
    }
}

.first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation .flats-compilation__list {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation .flats-compilation__list {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation .flats-compilation__list {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_theme_alternative .first-screen__flats-compilation .flats-compilation .flats-compilation__list {
        margin-top:8px
    }
}

.first-screen_theme_alternative .slider_theme_flats-compilation .slider__arrow:not(.is-disabled) {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(var(--color-white-rgb),.05)
}

.first-screen_theme_alternative .slider_theme_flats-compilation .slider__arrow:not(.is-disabled) svg {
    fill: var(--color-white)
}

@media only screen and (min-width: 1440px) {
    .first-screen_theme_alternative-full {
        max-width:100%
    }
}

.first-screen_version_3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--color-fs-bg,var(--color-white));
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.first-screen_version_3 .first-screen__wrap {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    z-index: 1
}

.first-screen_version_3 .first-screen__top {
    margin: 0
}

.first-screen_version_3 .first-screen__top .first-screen__content {
    margin: 0 5.5555555556%;
    padding-top: 36px;
    width: 88.8888888889%
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-bottom:0
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        padding-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        padding-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        padding-top:64px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-left:8.3333333333%;
        margin-right: 8.3333333333%;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__top .first-screen__content {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__content-container {
        margin-right:0;
        width: 100%
    }
}

.first-screen_version_3 .first-screen__header {
    text-align: center
}

.first-screen_version_3 .first-screen__slogan h1 {
    color: var(--color-brand-text);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__slogan h1 {
        font-size:64px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__slogan h1 {
        font-size:4vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__slogan h1 {
        font-size:64px;
        line-height: 1.1
    }
}

.first-screen_version_3 .first-screen__title {
    color: var(--color-brand-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__title {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__title {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__title {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__title {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__title {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__title {
        font-size:22px;
        line-height: 1.5
    }
}

.first-screen_version_3 .first-screen__tags {
    margin-bottom: 28px;
    margin-top: 36px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__tags {
        margin-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__tags {
        margin-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__tags {
        margin-top:64px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__tags {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__tags {
        margin-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__tags {
        margin-bottom:48px
    }
}

@media only screen and (min-width: 1440px) {
    .first-screen_version_3 .first-screen__tags {
        margin-left:14.2857142857%;
        margin-right: 14.2857142857%;
        width: 71.4285714286%
    }
}

.first-screen_version_3 .first-screen__tags .tags {
    text-align: center
}

.first-screen_version_3 .first-screen__lead-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 100%
}

.first-screen_version_3 .first-screen__lead-container+.first-screen__flats-compilation {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-container+.first-screen__flats-compilation {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-container+.first-screen__flats-compilation {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-container+.first-screen__flats-compilation {
        margin-top:8px
    }
}

.first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    color: var(--color-brand-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-filter: drop-shadow(0 10px 20px rgba(var(--color-dark-rgb),.08));
    filter: drop-shadow(0 10px 20px rgba(var(--color-dark-rgb),.08));
    padding: 16px 24px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-top:24px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-left:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-left:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-left:24px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-right:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-right:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead,.first-screen_version_3 .first-screen__lead-3dtour {
        padding-right:24px
    }
}

.first-screen_version_3 .first-screen__lead-title {
    margin-left: 16px;
    margin-top: 0;
    padding: 0
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-title {
        margin-left:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-title {
        margin-left:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-title {
        margin-left:16px
    }
}

.first-screen_version_3 .first-screen__lead-3dtour {
    margin-bottom: 8px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-3dtour {
        margin-bottom:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-3dtour {
        margin-bottom:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-3dtour {
        margin-bottom:8px
    }
}

.first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon {
    margin-right: 16px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon {
        margin-right:16px
    }
}

.first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
    height: 24px;
    width: 24px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
        width:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
        width:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
        width:24px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
        height:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
        height:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg {
        height:24px
    }
}

.first-screen_version_3 .first-screen__lead-3dtour .first-screen__lead-icon svg path {
    stroke: var(--color-brand-base);
    fill: none
}

.first-screen_version_3 .first-screen__lead-3dtour span {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__lead-3dtour span {
        font-size:22px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__lead-3dtour span {
        font-size:1.375vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__lead-3dtour span {
        font-size:22px;
        line-height: 1.5
    }
}

.first-screen_version_3 .first-screen__flats-compilation-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow-x: auto;
    overflow-y: visible
}

.first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar-track {
    background-color: transparent
}

.first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 24px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar-thumb {
        border-radius:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

.first-screen_version_3 .first-screen__flats-compilation-blocks::-webkit-scrollbar-thumb:hover {
    background-image: transparent
}

@media only screen and (min-width: 670px) {
    .first-screen_version_3 .first-screen__flats-compilation-blocks {
        -webkit-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__flats-compilation-blocks {
        display:none
    }
}

.first-screen_version_3 .first-screen__flats-compilation {
    margin-bottom: var(--fs-ch,-90px);
    min-height: 180px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: margin-bottom;
    transition-property: margin-bottom;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__flats-compilation {
        min-height:230px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__flats-compilation {
        min-height:14.375vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__flats-compilation {
        min-height:230px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__flats-compilation {
        margin-bottom:var(--fs-ch,-115px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__flats-compilation {
        margin-bottom:var(--fs-ch,-7.187vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__flats-compilation {
        margin-bottom:var(--fs-ch,-115px)
    }
}

.first-screen_version_3 .first-screen__flats-compilation .first-screen__content {
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__flats-compilation .first-screen__content {
        margin-left:8.3333333333%;
        margin-right: 8.3333333333%;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__flats-compilation .first-screen__content {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.first-screen_version_3 .first-screen__flats-compilation-slider,.first-screen_version_3 .slider_theme_flats-compilation .slider__slides,.first-screen_version_3 .slider_theme_flats-compilation .slider__slides-inner,.first-screen_version_3 .slider_theme_flats-compilation .slider__wrap,.first-screen_version_3 .slider_theme_flats-compilation .slider__wrapper {
    height: 100%
}

.first-screen_version_3 .slider_theme_flats-compilation .slider__item {
    height: 100%;
    overflow-y: visible
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        padding-left:4px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        padding-left:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        padding-left:4px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        padding-right:4px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        padding-right:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        padding-right:4px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .slider_theme_flats-compilation .slider__item {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.first-screen_version_3 .flats-compilation {
    -webkit-box-flex: 0;
    background-color: var(--color-brand-base);
    color: var(--color-white);
    -webkit-flex: none;
    flex: none;
    margin-bottom: 20px;
    margin-right: 8px;
    max-width: 230px;
    min-width: 200px;
    overflow: visible;
    padding-bottom: 28px;
    padding-top: 20px;
    text-align: center;
    width: auto
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation {
        max-width:none;
        min-width: none;
        width: -webkit-calc(33.33333% - 8px);
        width: calc(33.33333% - 8px)
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation {
        width:-webkit-calc(25% - .5vw);
        width: calc(25% - .5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation {
        width:-webkit-calc(25% - 8px);
        width: calc(25% - 8px)
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation {
        margin-right:8px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation {
        margin-right:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation {
        margin-right:8px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation {
        margin-bottom:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
}

.first-screen_version_3 .flats-compilation:after {
    content: none
}

.first-screen_version_3 .flats-compilation:first-child {
    margin-left: 5.5555555556%
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation:first-child {
        margin-left:0
    }
}

.first-screen_version_3 .flats-compilation:last-child {
    margin-right: 5.5555555556%
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation:last-child {
        margin-right:0
    }
}

.first-screen_version_3 .flats-compilation__heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation__heading {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation__heading {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation__heading {
        font-size:24px;
        line-height: 1.2
    }
}

.first-screen_version_3 .flats-compilation__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 12px
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .flats-compilation__list {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .flats-compilation__list {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .flats-compilation__list {
        padding-top:16px
    }
}

.first-screen_version_3 .flats-compilation__list-item:last-child {
    margin-right: 0
}

.first-screen_version_3 .first-screen__background {
    -webkit-box-ordinal-group: 2;
    height: 100vh;
    min-height: 490px;
    -webkit-order: 1;
    order: 1;
    position: relative
}

@media only screen and (min-width: 960px) {
    .first-screen_version_3 .first-screen__background {
        min-height:540px
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen_version_3 .first-screen__background {
        min-height:40.625vw
    }
}

@media only screen and (min-width: 1600px) {
    .first-screen_version_3 .first-screen__background {
        min-height:650px
    }
}

.first-screen_version_3 .first-screen__background-picture img {
    position: static
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation .first-screen__slogan {
        -webkit-animation:mainScreenFadeIn .6s ease-out both;
        animation: mainScreenFadeIn .6s ease-out both
    }

    .first-screen_with_animation .first-screen__title {
        -webkit-animation: mainScreenFadeIn .6s ease-out .3s both;
        animation: mainScreenFadeIn .6s ease-out .3s both
    }
}

.first-screen_with_animation .first-screen__tags {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation .first-screen__tags {
        -webkit-animation:mainScreenFadeIn .6s ease-out .6s both;
        animation: mainScreenFadeIn .6s ease-out .6s both
    }
}

.first-screen_with_animation .first-screen__lead {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation .first-screen__lead {
        -webkit-animation:mainScreenFadeIn .6s ease-out .9s both;
        animation: mainScreenFadeIn .6s ease-out .9s both
    }

    .first-screen_with_animation .first-screen__flats-compilation {
        -webkit-animation: mainScreenFadeIn .6s ease-out 1.2s both;
        animation: mainScreenFadeIn .6s ease-out 1.2s both
    }

    .first-screen_with_animation-v2 .first-screen__slogan {
        -webkit-animation: mainScreenFocusInFadeIn .6s ease-in both;
        animation: mainScreenFocusInFadeIn .6s ease-in both
    }

    .first-screen_with_animation-v2 .first-screen__title {
        -webkit-animation: mainScreenFocusInFadeIn .6s ease-in .3s both;
        animation: mainScreenFocusInFadeIn .6s ease-in .3s both
    }
}

.first-screen_with_animation-v2 .first-screen__tags {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v2 .first-screen__tags {
        -webkit-animation:mainScreenFocusInFadeIn .6s ease-in .6s both;
        animation: mainScreenFocusInFadeIn .6s ease-in .6s both
    }
}

.first-screen_with_animation-v2 .first-screen__lead {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v2 .first-screen__lead {
        -webkit-animation:mainScreenFocusInFadeIn .6s ease-in .9s both;
        animation: mainScreenFocusInFadeIn .6s ease-in .9s both
    }

    .first-screen_with_animation-v2 .first-screen__flats-compilation {
        -webkit-animation: mainScreenFocusInFadeIn .6s ease-in 1.2s both;
        animation: mainScreenFocusInFadeIn .6s ease-in 1.2s both
    }

    .first-screen_with_animation-v3 .first-screen__slogan {
        -webkit-animation: mainScreenSlideLeftFadeIn .6s ease-in both;
        animation: mainScreenSlideLeftFadeIn .6s ease-in both
    }

    .first-screen_with_animation-v3 .first-screen__title {
        -webkit-animation: mainScreenSlideLeftFadeIn .6s ease-in .3s both;
        animation: mainScreenSlideLeftFadeIn .6s ease-in .3s both
    }
}

.first-screen_with_animation-v3 .first-screen__tags {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v3 .first-screen__tags {
        -webkit-animation:mainScreenSlideLeftFadeIn .6s ease-in .6s both;
        animation: mainScreenSlideLeftFadeIn .6s ease-in .6s both
    }
}

.first-screen_with_animation-v3 .first-screen__lead {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v3 .first-screen__lead {
        -webkit-animation:mainScreenSlideLeftFadeIn .6s ease-in .9s both;
        animation: mainScreenSlideLeftFadeIn .6s ease-in .9s both
    }

    .first-screen_with_animation-v3 .first-screen__flats-compilation {
        -webkit-animation: mainScreenSlideLeftFadeIn .6s ease-in 1.2s both;
        animation: mainScreenSlideLeftFadeIn .6s ease-in 1.2s both
    }

    .first-screen_with_animation-v4 .first-screen__slogan {
        -webkit-animation: mainScreenSlideLeftBottomFadeIn .6s ease-in both;
        animation: mainScreenSlideLeftBottomFadeIn .6s ease-in both
    }

    .first-screen_with_animation-v4 .first-screen__title {
        -webkit-animation: mainScreenSlideLeftBottomFadeIn .6s ease-in .3s both;
        animation: mainScreenSlideLeftBottomFadeIn .6s ease-in .3s both
    }
}

.first-screen_with_animation-v4 .first-screen__tags {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v4 .first-screen__tags {
        -webkit-animation:mainScreenSlideLeftBottomFadeIn .6s ease-in .6s both;
        animation: mainScreenSlideLeftBottomFadeIn .6s ease-in .6s both
    }
}

.first-screen_with_animation-v4 .first-screen__lead {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v4 .first-screen__lead {
        -webkit-animation:mainScreenSlideLeftBottomFadeIn .6s ease-in .9s both;
        animation: mainScreenSlideLeftBottomFadeIn .6s ease-in .9s both
    }

    .first-screen_with_animation-v4 .first-screen__flats-compilation {
        -webkit-animation: mainScreenSlideLeftBottomFadeIn .6s ease-in 1.2s both;
        animation: mainScreenSlideLeftBottomFadeIn .6s ease-in 1.2s both
    }

    .first-screen_with_animation-v5 .first-screen__slogan {
        -webkit-animation: mainScreenScaleInFadeIn .6s ease-in both;
        animation: mainScreenScaleInFadeIn .6s ease-in both
    }

    .first-screen_with_animation-v5 .first-screen__title {
        -webkit-animation: mainScreenScaleInFadeIn .6s ease-in .3s both;
        animation: mainScreenScaleInFadeIn .6s ease-in .3s both
    }
}

.first-screen_with_animation-v5 .first-screen__tags {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v5 .first-screen__tags {
        -webkit-animation:mainScreenScaleInFadeIn .6s ease-in .6s both;
        animation: mainScreenScaleInFadeIn .6s ease-in .6s both
    }
}

.first-screen_with_animation-v5 .first-screen__lead {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v5 .first-screen__lead {
        -webkit-animation:mainScreenScaleInFadeIn .6s ease-in .9s both;
        animation: mainScreenScaleInFadeIn .6s ease-in .9s both
    }

    .first-screen_with_animation-v5 .first-screen__flats-compilation {
        -webkit-animation: mainScreenScaleInFadeIn .6s ease-in 1.2s both;
        animation: mainScreenScaleInFadeIn .6s ease-in 1.2s both
    }

    .first-screen_with_animation-v6 .first-screen__slogan {
        -webkit-animation: mainScreenPuffInFadeIn .6s ease-in both;
        animation: mainScreenPuffInFadeIn .6s ease-in both
    }

    .first-screen_with_animation-v6 .first-screen__title {
        -webkit-animation: mainScreenPuffInFadeIn .6s ease-in .3s both;
        animation: mainScreenPuffInFadeIn .6s ease-in .3s both
    }
}

.first-screen_with_animation-v6 .first-screen__tags {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v6 .first-screen__tags {
        -webkit-animation:mainScreenPuffInFadeIn .6s ease-in .6s both;
        animation: mainScreenPuffInFadeIn .6s ease-in .6s both
    }
}

.first-screen_with_animation-v6 .first-screen__lead {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .first-screen_with_animation-v6 .first-screen__lead {
        -webkit-animation:mainScreenPuffInFadeIn .6s ease-in .9s both;
        animation: mainScreenPuffInFadeIn .6s ease-in .9s both
    }

    .first-screen_with_animation-v6 .first-screen__flats-compilation {
        -webkit-animation: mainScreenPuffInFadeIn .6s ease-in 1.2s both;
        animation: mainScreenPuffInFadeIn .6s ease-in 1.2s both
    }
}

@-webkit-keyframes mainScreenFadeIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        @media only screen and (min-width: 960px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        @media only screen and (min-width: 1280px) {
            -webkit-transform:translateY(1.25vw);
            transform:translateY(1.25vw)}

        @media only screen and (min-width: 1600px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes mainScreenFadeIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        @media only screen and (min-width: 960px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        @media only screen and (min-width: 1280px) {
            -webkit-transform:translateY(1.25vw);
            transform:translateY(1.25vw)}

        @media only screen and (min-width: 1600px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes mainScreenFocusInFadeIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        @media only screen and (min-width: 960px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        @media only screen and (min-width: 1280px) {
            -webkit-transform:translateY(1.25vw);
            transform:translateY(1.25vw)}

        @media only screen and (min-width: 1600px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes mainScreenFocusInFadeIn {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        @media only screen and (min-width: 960px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        @media only screen and (min-width: 1280px) {
            -webkit-transform:translateY(1.25vw);
            transform:translateY(1.25vw)}

        @media only screen and (min-width: 1600px) {
            -webkit-transform:translateY(20px);
            transform:translateY(20px)}

        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes mainScreenSlideLeftFadeIn {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        @media only screen and (min-width: 960px) {
            -webkit-transform:translateX(-50px);
            transform:translateX(-50px)}

        @media only screen and (min-width: 1280px) {
            -webkit-transform:translateX(-3.125vw);
            transform:translateX(-3.125vw)}

        @media only screen and (min-width: 1600px) {
            -webkit-transform:translateX(-50px);
            transform:translateX(-50px)}

        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes mainScreenSlideLeftFadeIn {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        @media only screen and (min-width: 960px) {
            -webkit-transform:translateX(-50px);
            transform:translateX(-50px)}

        @media only screen and (min-width: 1280px) {
            -webkit-transform:translateX(-3.125vw);
            transform:translateX(-3.125vw)}

        @media only screen and (min-width: 1600px) {
            -webkit-transform:translateX(-50px);
            transform:translateX(-50px)}

        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes mainScreenSlideLeftBottomFadeIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes mainScreenSlideLeftBottomFadeIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes mainScreenScaleInFadeIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transform: translateY(-25px) scaleY(.9) scaleX(.9);
        transform: translateY(-25px) scaleY(.9) scaleX(.9)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

@keyframes mainScreenScaleInFadeIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transform: translateY(-25px) scaleY(.9) scaleX(.9);
        transform: translateY(-25px) scaleY(.9) scaleX(.9)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

@-webkit-keyframes mainScreenPuffInFadeIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mainScreenPuffInFadeIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        letter-spacing: .05em;
        opacity: 0;
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes timing {
    50% {
        bottom: 15px;
        @media only screen and (min-width: 960px) {
            bottom:15px
        }

        @media only screen and (min-width: 1280px) {
            bottom:.938vw
        }

        @media only screen and (min-width: 1600px) {
            bottom:15px
        }
    }
}

@keyframes timing {
    50% {
        bottom: 15px;
        @media only screen and (min-width: 960px) {
            bottom:15px
        }

        @media only screen and (min-width: 1280px) {
            bottom:.938vw
        }

        @media only screen and (min-width: 1600px) {
            bottom:15px
        }
    }
}

@-webkit-keyframes mainScreenOpacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mainScreenOpacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mainScreenZoom {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes mainScreenZoom {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes mainScreenZoomRevert {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes mainScreenZoomRevert {
    0% {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.flats-block h2 {
    width: 50%
}

@media only screen and (min-width: 670px) {
    .flats-block h2 {
        width:100%
    }
}

.flats-block__content {
    background-color: rgba(var(--color-brand-base-rgb),.16);
    padding-top: 48px
}

@media only screen and (min-width: 960px) {
    .flats-block__content {
        padding-top:80px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__content {
        padding-top:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__content {
        padding-top:80px
    }
}

.flats-block__about {
    margin-top: 20px
}

@media only screen and (min-width: 960px) {
    .flats-block__about {
        margin-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about {
        margin-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about {
        margin-top:32px
    }
}

.flats-block__about ul {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul {
        margin-top:16px
    }
}

.flats-block__about ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 28px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li {
        padding-left:28px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li {
        padding-left:1.75vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li {
        padding-left:28px
    }
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li {
        font-size:18px;
        line-height: 1.5
    }
}

.flats-block__about ul li:before {
    background-color: var(--color-brand-base);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 8px
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li:before {
        width:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li:before {
        width:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li:before {
        width:8px
    }
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li:before {
        height:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li:before {
        height:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li:before {
        height:8px
    }
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li:before {
        top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li:before {
        top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li:before {
        top:8px
    }
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li:before {
        left:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li:before {
        left:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li:before {
        left:8px
    }
}

.flats-block__about ul li:not(:first-child) {
    margin-top: 8px
}

@media only screen and (min-width: 960px) {
    .flats-block__about ul li:not(:first-child) {
        margin-top:8px
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__about ul li:not(:first-child) {
        margin-top:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__about ul li:not(:first-child) {
        margin-top:8px
    }
}

.flats-block__gallery {
    position: relative
}

.flats-block__gallery:before {
    background-color: rgba(var(--color-brand-base-rgb),.16);
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .flats-block__gallery:before {
        height:50%
    }
}

@media only screen and (min-width: 1280px) {
    .flats-block__gallery:before {
        height:25vw
    }
}

@media only screen and (min-width: 1600px) {
    .flats-block__gallery:before {
        height:400px
    }
}

.flats-block__wrapper {
    margin-left: -9.7222222222%;
    margin-right: -9.7222222222%;
    overflow: hidden;
    width: 119.4444444444%
}

@media only screen and (min-width: 1280px) {
    .flats-block__wrapper {
        margin-left:0;
        margin-right: 0;
        overflow: unset;
        width: 100%
    }
}

.flats-block__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.flats-block__container::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width: 1280px) {
    .flats-block__container {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
        overflow-x: unset
    }

    .flats-block__mobile-wrapper {
        display: none
    }
}

.flats-block__desktop-wrapper {
    display: none
}

@media only screen and (min-width: 1280px) {
    .flats-block__desktop-wrapper {
        display:block
    }
}

.footer {
    background-color: var(--color-white)
}

.footer__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 100%
}

.footer__inner {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    padding-bottom: 28px;
    padding-top: 28px;
    width: 83.3333333333%
}

@media only screen and (min-width: 960px) {
    .footer__inner {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__inner {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__inner {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .footer__inner {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__inner {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__inner {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 960px) {
    .footer__inner {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1440px) {
    .footer__inner {
        margin-left:5.5555555556%;
        margin-right: 5.5555555556%;
        width: 88.8888888889%
    }
}

.footer__row {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    width: 83.3333333333%
}

.footer__row:first-of-type {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 28px
}

@media only screen and (min-width: 960px) {
    .footer__row:first-of-type {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__row:first-of-type {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__row:first-of-type {
        padding-top:48px
    }
}

.footer__row:first-of-type .footer__info {
    display: none
}

.footer__row:last-of-type {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 28px;
    padding-top: 28px
}

@media only screen and (min-width: 960px) {
    .footer__row:last-of-type {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__row:last-of-type {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__row:last-of-type {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .footer__row:last-of-type {
        padding-bottom:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__row:last-of-type {
        padding-bottom:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__row:last-of-type {
        padding-bottom:48px
    }
}

.footer__row:last-of-type .footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .footer__row {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1440px) {
    .footer__row {
        margin-left:5.5555555556%;
        margin-right: 5.5555555556%;
        width: 88.8888888889%
    }
}

.footer__developer {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 960px) {
    .footer__developer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-right: 3.3333333333%;
        width: 20%
    }
}

@media only screen and (min-width: 1440px) {
    .footer__developer {
        margin-right:3.125%;
        width: 18.75%
    }
}

.footer__developer-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    max-width: 140px
}

@media only screen and (min-width: 670px) {
    .footer__developer-logo {
        max-width:inherit
    }
}

a.footer__developer-logo {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 1280px) {
    a.footer__developer-logo:hover {
        opacity:.5
    }
}

.footer__developer-copyright {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .footer__developer-copyright {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .footer__developer-copyright {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .footer__developer-copyright {
        font-size:14px;
        line-height: 1.5
    }
}

.footer__developer-copyright:not(:first-child) {
    padding-top: 12px
}

@media only screen and (min-width: 960px) {
    .footer__developer-copyright:not(:first-child) {
        padding-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__developer-copyright:not(:first-child) {
        padding-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__developer-copyright:not(:first-child) {
        padding-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .footer__developer-copyright:not(:first-child) {
        margin-top:auto
    }
}

.footer__info {
    margin-top: 20px
}

@media only screen and (min-width: 960px) {
    .footer__info {
        margin-top:0
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info {
        margin-top:0
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) {
    .footer__info {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 3.3333333333%;
        width: 53.3333333333%
    }
}

@media only screen and (min-width: 1440px) {
    .footer__info {
        margin-right:3.125%;
        width: 56.25%
    }
}

.footer__info-links {
    margin-bottom: -4px
}

@media only screen and (min-width: 960px) {
    .footer__info-links {
        margin-bottom:-4px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-links {
        margin-bottom:-.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-links {
        margin-bottom:-4px
    }
}

.footer__info-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .footer__info-link {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-link {
        margin-bottom:.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-link {
        margin-bottom:4px
    }
}

@media only screen and (min-width: 960px) {
    .footer__info-link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-link {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-link {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 960px) {
    .footer__info-link {
        width:auto
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-link:hover {
        opacity:.75
    }
}

@media only screen and (min-width: 960px) {
    .footer__info-link:not(:last-child) {
        margin-right:16px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-link:not(:last-child) {
        margin-right:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-link:not(:last-child) {
        margin-right:16px
    }
}

.footer__info-disclaimer {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: .5
}

@media only screen and (min-width: 960px) {
    .footer__info-disclaimer {
        font-size:12px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-disclaimer {
        font-size:.75vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-disclaimer {
        font-size:12px;
        line-height: 1.5
    }
}

.footer__info-disclaimer:not(:first-child) {
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .footer__info-disclaimer:not(:first-child) {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-disclaimer:not(:first-child) {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-disclaimer:not(:first-child) {
        margin-top:16px
    }
}

.footer__info-disclaimer p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .footer__info-disclaimer p {
        font-size:12px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .footer__info-disclaimer p {
        font-size:.75vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .footer__info-disclaimer p {
        font-size:12px;
        line-height: 1.5
    }
}

.footer__author {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 960px) {
    .footer__author {
        margin-top:20px;
        text-align: right;
        width: 20%
    }
}

@media only screen and (min-width: 960px) and (min-width:960px) {
    .footer__author {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) and (min-width:1280px) {
    .footer__author {
        margin-top:0
    }
}

@media only screen and (min-width: 960px) and (min-width:1600px) {
    .footer__author {
        margin-top:0
    }
}

@media only screen and (min-width: 1440px) {
    .footer__author {
        width:18.75%
    }
}

.footer__author .social {
    margin: 0 0 0 20px
}

.footer__author .social__list {
    margin-top: 0
}

.footer__author-logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-top: 28px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .footer__author-logo {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__author-logo {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__author-logo {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__author-logo:hover {
        opacity:.5
    }
}

.footer__author-logo svg {
    height: 20px
}

@media only screen and (min-width: 960px) {
    .footer__author-logo svg {
        height:20px
    }
}

@media only screen and (min-width: 1280px) {
    .footer__author-logo svg {
        height:1.25vw
    }
}

@media only screen and (min-width: 1600px) {
    .footer__author-logo svg {
        height:20px
    }
}

@media only screen and (min-width: 960px) {
    .location .grid__row {
        overflow:hidden;
        position: relative
    }
}

.main-news .slider__slides-inner {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media only screen and (min-width: 1280px) {
    .main-news .slider__slides {
        margin-left:10.4166666667%;
        margin-right: 10.4166666667%;
        overflow: hidden;
        width: 79.1666666667%
    }
}

.main-news .slider__item {
    -webkit-align-self: stretch;
    align-self: stretch;
    min-height: 100%;
    padding-bottom: 20px;
    padding-left: 1.3888888889%;
    padding-right: 1.3888888889%
}

@media only screen and (min-width: 960px) {
    .main-news .slider__item {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider__item {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider__item {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider__item {
        padding-left:.8771929825%;
        padding-right: .8771929825%
    }
}

.main-news .slider__item:first-child {
    margin-left: 6.9444444444%
}

@media only screen and (min-width: 1280px) {
    .main-news .slider__item:first-child {
        margin-left:0
    }
}

.main-news .slider__controls {
    display: none
}

@media only screen and (min-width: 960px) {
    .main-news .slider__controls {
        -webkit-box-pack:justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-left: 8.3333333333%;
        margin-right: 8.3333333333%;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider__controls {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.main-news .slider__arrows {
    margin-left: 0
}

.main-news .slider-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid rgba(33,36,32,.08);
    border-radius: -webkit-calc(var(--is-br)*8px);
    border-radius: calc(var(--is-br)*8px);
    box-shadow: 0 6px 18px solid rgba(33,36,32,.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news {
        border:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news {
        border:.063vw solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news {
        border:1px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news {
        border-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news {
        border-radius:-webkit-calc(var(--is-br)*8px);
        border-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news {
        box-shadow:0 6px 18px solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news {
        box-shadow:0 .375vw 1.125vw solid rgba(33,36,32,.08)
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news {
        box-shadow:0 6px 18px solid rgba(33,36,32,.08)
    }
}

.main-news .slider-news:hover .slider-news__title {
    color: var(--color-brand-dark)
}

.main-news .slider-news__images {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: -webkit-calc(var(--is-br)*8px);
    border-top-left-radius: calc(var(--is-br)*8px);
    border-top-right-radius: -webkit-calc(var(--is-br)*8px);
    border-top-right-radius: calc(var(--is-br)*8px);
    height: 0;
    overflow: hidden;
    padding-bottom: 56.75%;
    position: relative
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news__images {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news__images {
        border-top-left-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-left-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news__images {
        border-top-left-radius:-webkit-calc(var(--is-br)*8px);
        border-top-left-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news__images {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news__images {
        border-top-right-radius:-webkit-calc(var(--is-br)*0.5vw);
        border-top-right-radius: calc(var(--is-br)*.5vw)
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news__images {
        border-top-right-radius:-webkit-calc(var(--is-br)*8px);
        border-top-right-radius: calc(var(--is-br)*8px)
    }
}

.main-news .slider-news__images img,.main-news .slider-news__images picture {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.main-news .slider-news__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 5.5555555556%
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news__content {
        padding-top:32px
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news__content {
        padding-top:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news__content {
        padding-top:32px
    }
}

@media only screen and (min-width: 960px) {
    .main-news .slider-news__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news__content {
        padding-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .main-news .slider-news__content {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 670px) {
    .main-news .slider-news__content {
        padding-left:6.8965517241%;
        padding-right: 6.8965517241%
    }
}

@media only screen and (min-width: 1280px) {
    .main-news .slider-news__content {
        padding-left:9.4444444444%;
        padding-right: 9.4444444444%
    }
}

.slider-news__title {
    color: var(--color-brand-text);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@media only screen and (min-width: 960px) {
    .slider-news__title {
        font-size:24px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1280px) {
    .slider-news__title {
        font-size:1.5vw;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1600px) {
    .slider-news__title {
        font-size:24px;
        line-height: 1.2
    }
}

.slider-news__data {
    color: var(--color-brand-dark);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .slider-news__data {
        margin-top:16px
    }
}

@media only screen and (min-width: 1280px) {
    .slider-news__data {
        margin-top:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .slider-news__data {
        margin-top:16px
    }
}

@media only screen and (min-width: 960px) {
    .slider-news__data {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .slider-news__data {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .slider-news__data {
        font-size:14px;
        line-height: 1.5
    }
}

.similar-flats {
    margin-left: -9.7222222222%;
    margin-right: -9.7222222222%;
    margin-top: 28px;
    overflow: hidden;
    width: 119.4444444444%
}

@media only screen and (min-width: 960px) {
    .similar-flats {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flats {
        margin-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .similar-flats {
        margin-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .similar-flats {
        margin-left:0;
        margin-right: 0;
        overflow: unset;
        width: 100%
    }
}

.similar-flats__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

@media only screen and (min-width: 1280px) {
    .similar-flats__container {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
        overflow-x: unset
    }
}

.similar-flats__container::-webkit-scrollbar {
    display: none
}

.page-header {
    background-color: var(--color-brand-base);
    padding-bottom: 36px;
    padding-top: 36px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .page-header {
        padding-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .page-header {
        padding-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-header {
        padding-top:64px
    }
}

@media only screen and (min-width: 960px) {
    .page-header {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .page-header {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-header {
        padding-bottom:64px
    }
}

.page-header__background,.page-header__background:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-header__background:before {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(var(--color-black-rgb),.6)),to(rgba(var(--color-black-rgb),.6)));
    background: linear-gradient(0deg,rgba(var(--color-black-rgb),.6),rgba(var(--color-black-rgb),.6));
    content: ""
}

.page-header__background picture {
    height: 100%
}

.page-header__background img {
    display: block;
    font-family: "object-fit: cover; object-position: center;";
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.page-header__wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    position: relative;
    width: 100%
}

.page-header__content {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    width: 83.3333333333%
}

@media only screen and (min-width: 1280px) {
    .page-header__content {
        margin-left:11.1111111111%;
        margin-right: 11.1111111111%;
        width: 77.7777777778%
    }
}

.page-header__title {
    color: var(--color-white)
}

.page-header__title:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .page-header__title:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-header__title:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-header__title:not(:first-child) {
        margin-top:24px
    }
}

.page-header__title h1,.page-header__title h2,.page-header__title h3,.page-header__title h4,.page-header__title h5 {
    color: var(--color-white)
}

.page-header__title h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1
}

@media only screen and (min-width: 960px) {
    .page-header__title h1 {
        font-size:48px;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1280px) {
    .page-header__title h1 {
        font-size:3vw;
        line-height: 1.1
    }
}

@media only screen and (min-width: 1600px) {
    .page-header__title h1 {
        font-size:48px;
        line-height: 1.1
    }
}

.page-header__footnote {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .page-header__footnote {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .page-header__footnote {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .page-header__footnote {
        font-size:14px;
        line-height: 1.5
    }
}

.page-header__footnote:not(:first-child) {
    margin-top: 16px
}

@media only screen and (min-width: 960px) {
    .page-header__footnote:not(:first-child) {
        margin-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-header__footnote:not(:first-child) {
        margin-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-header__footnote:not(:first-child) {
        margin-top:24px
    }
}

.page-header_theme_promo .page-header__footnote span {
    background-color: var(--color-brand-dark);
    border-radius: -webkit-calc(var(--is-br)*4px);
    border-radius: calc(var(--is-br)*4px);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    padding: 3px 12px
}

@media only screen and (min-width: 960px) {
    .page-header_theme_promo .page-header__footnote span {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 1280px) {
    .page-header_theme_promo .page-header__footnote span {
        border-radius:-webkit-calc(var(--is-br)*0.25vw);
        border-radius: calc(var(--is-br)*.25vw)
    }
}

@media only screen and (min-width: 1600px) {
    .page-header_theme_promo .page-header__footnote span {
        border-radius:-webkit-calc(var(--is-br)*4px);
        border-radius: calc(var(--is-br)*4px)
    }
}

@media only screen and (min-width: 960px) {
    .page-header_theme_promo .page-header__footnote span {
        padding:3px 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-header_theme_promo .page-header__footnote span {
        padding:.188vw .75vw
    }
}

@media only screen and (min-width: 1600px) {
    .page-header_theme_promo .page-header__footnote span {
        padding:3px 12px
    }
}

@media only screen and (min-width: 960px) {
    .page-header_theme_promo .page-header__footnote span {
        font-size:14px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .page-header_theme_promo .page-header__footnote span {
        font-size:.875vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .page-header_theme_promo .page-header__footnote span {
        font-size:14px;
        line-height: 1.5
    }
}

.visual-inner {
    min-height: -webkit-calc(100vh - var(--header-height) - 36px);
    min-height: calc(100vh - var(--header-height) - 36px);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 670px) {
    .visual-inner {
        height:auto;
        min-height: -webkit-calc(100vh - var(--header-height));
        min-height: calc(100vh - var(--header-height));
        padding-top: unset
    }
}

.visual-inner__iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tour {
    background-color: var(--color-white);
    padding-bottom: 36px;
    padding-top: 36px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .tour {
        padding-top:64px
    }
}

@media only screen and (min-width: 1280px) {
    .tour {
        padding-top:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour {
        padding-top:64px
    }
}

@media only screen and (min-width: 960px) {
    .tour {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .tour {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour {
        padding-bottom:64px
    }
}

.tour__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: 48px;
    padding-top: 48px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .tour__content {
        padding-top:80px
    }
}

@media only screen and (min-width: 1280px) {
    .tour__content {
        padding-top:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour__content {
        padding-top:80px
    }
}

@media only screen and (min-width: 960px) {
    .tour__content {
        padding-bottom:80px
    }
}

@media only screen and (min-width: 1280px) {
    .tour__content {
        padding-bottom:5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour__content {
        padding-bottom:80px
    }
}

.tour__content-image {
    border-radius: 8px;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .tour__content-image {
        border-radius:8px
    }
}

@media only screen and (min-width: 1280px) {
    .tour__content-image {
        border-radius:.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour__content-image {
        border-radius:8px
    }
}

.tour__content-image:before {
    background-color: rgba(var(--color-black-rgb),.3);
    content: "";
    z-index: 1
}

.tour__content-image img,.tour__content-image:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tour__content-image img {
    display: block;
    font-family: "object-fit: cover; object-position: center;";
    object-fit: cover;
    object-position: center
}

.tour__content-title {
    color: var(--color-white);
    z-index: 1
}

.tour__content-title:not(:last-child) {
    padding-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .tour__content-title:not(:last-child) {
        padding-bottom:24px
    }
}

@media only screen and (min-width: 1280px) {
    .tour__content-title:not(:last-child) {
        padding-bottom:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour__content-title:not(:last-child) {
        padding-bottom:24px
    }
}

.tour__content-button {
    color: var(--color-brand-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    min-height: 40px;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .tour__content-button {
        min-height:40px
    }
}

@media only screen and (min-width: 1280px) {
    .tour__content-button {
        min-height:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .tour__content-button {
        min-height:40px
    }
}

@media only screen and (min-width: 960px) {
    .tour__content-button {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .tour__content-button {
        font-size:1vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .tour__content-button {
        font-size:16px;
        line-height: 1.5
    }
}

:root {
    --color-violet: #9400d3;
    --color-violet-rgb: 148,0,211;
    --color-indigo: indigo;
    --color-indigo-rgb: 75,0,130;
    --color-blue: #00f;
    --color-blue-rgb: 0,0,255;
    --color-green: #0f0;
    --color-green-rgb: 0,255,0;
    --color-yellow: #ff0;
    --color-yellow-rgb: 255,255,0;
    --color-orange: #ff7f00;
    --color-orange-rgb: 255,127,0;
    --color-red: #f76060;
    --color-red-rgb: 247,96,96;
    --color-error-red: #ff001f;
    --color-error-red-rgb: 255,0,31;
    --color-black: #000;
    --color-black-rgb: 0,0,0;
    --color-white: #fff;
    --color-white-rgb: 255,255,255;
    --color-gray: #ccc;
    --color-gray-rgb: 204,204,204;
    --color-dark: #1b1b1b;
    --color-dark-rgb: 27,27,27;
    --color-brand-text: #0b1739;
    --color-brand-text-rgb: 11,23,57;
    --color-brand-headers: #0b1739;
    --color-brand-headers-rgb: 11,23,57;
    --color-brand-gray: #e2e2e2;
    --color-brand-gray-rgb: 226,226,226;
    --color-brand-gray-light: #f2f2f2;
    --color-brand-gray-light-rgb: 242,242,242;
    --color-brand-base: #95d0a1;
    --color-brand-base-rgb: 149,208,161;
    --color-brand-dark: #3eb57c;
    --color-brand-dark-rgb: 62,181,124;
    --color-brand-light: #6cd3a2;
    --color-brand-light-rgb: 108,211,162;
    --color-additional-1: #a47feb;
    --color-additional-1-rgb: 164,127,235;
    --color-additional-2: #f66897;
    --color-additional-2-rgb: 246,104,151;
    --color-additional-3: #f2d74c;
    --color-additional-3-rgb: 242,215,76;
    --color-additional-4: #6de3fd;
    --color-additional-4-rgb: 109,227,253;
    --color-additional-5: #95d0a1;
    --color-additional-5-rgb: 149,208,161;
    --color-page-error-text: #0b1739;
    --color-page-error-text-rgb: 11,23,57
}

.action-section {
    overflow: hidden;
    padding-bottom: 36px;
    padding-top: 28px
}

@media only screen and (min-width: 960px) {
    .action-section {
        padding-top:48px
    }
}

@media only screen and (min-width: 1280px) {
    .action-section {
        padding-top:3vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-section {
        padding-top:48px
    }
}

@media only screen and (min-width: 960px) {
    .action-section {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 1280px) {
    .action-section {
        padding-bottom:4vw
    }
}

@media only screen and (min-width: 1600px) {
    .action-section {
        padding-bottom:64px
    }
}

@media only screen and (min-width: 670px) {
    .action-section {
        overflow:visible
    }
}

.action__tabs {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    box-shadow: inset 0 -3px 0 hsla(0,0%,89%,.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
    margin-top: 24px
}

@media only screen and (min-width: 960px) {
    .action__tabs {
        margin-top:40px
    }
}

@media only screen and (min-width: 1280px) {
    .action__tabs {
        margin-top:2.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__tabs {
        margin-top:40px
    }
}

@media only screen and (min-width: 960px) {
    .action__tabs {
        margin-bottom:32px
    }
}

@media only screen and (min-width: 1280px) {
    .action__tabs {
        margin-bottom:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__tabs {
        margin-bottom:32px
    }
}

.action__tab-button {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    color: #0b1739;
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    line-height: 1.5;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0 0 12px;
    text-align: inherit;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    white-space: nowrap;
    width: auto
}

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

@media only screen and (min-width: 960px) {
    .action__tab-button {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 1280px) {
    .action__tab-button {
        padding-bottom:1vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__tab-button {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 960px) {
    .action__tab-button {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .action__tab-button {
        font-size:1.125vw;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1600px) {
    .action__tab-button {
        font-size:18px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .action__tab-button:hover {
        opacity:.5
    }
}

.action__tab-button:not(:last-child) {
    margin-right: 20px
}

@media only screen and (min-width: 960px) {
    .action__tab-button:not(:last-child) {
        margin-right:25px
    }
}

@media only screen and (min-width: 1280px) {
    .action__tab-button:not(:last-child) {
        margin-right:1.563vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__tab-button:not(:last-child) {
        margin-right:25px
    }
}

.action__tab-button.is-active {
    box-shadow: inset 0 -2px 0 #3eb57c;
    color: #3eb57c;
    display: block;
    position: relative
}

.action__tab-button.is-active:after {
    background-color: #3eb57c;
    border-radius: 1.5px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.action__tabs-content-item {
    display: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.action__tabs-content-item.is-active {
    -webkit-animation: show .5s;
    animation: show .5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.action__tabs-content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto
}

.action__tabs-content-inner::-webkit-scrollbar {
    height: 0;
    width: 0
}

.action__tabs-content-inner::-webkit-scrollbar-track {
    background-color: transparent
}

.action__tabs-content-inner::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 24px
}

@media only screen and (min-width: 960px) {
    .action__tabs-content-inner::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

@media only screen and (min-width: 1280px) {
    .action__tabs-content-inner::-webkit-scrollbar-thumb {
        border-radius:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__tabs-content-inner::-webkit-scrollbar-thumb {
        border-radius:24px
    }
}

.action__tabs-content-inner::-webkit-scrollbar-thumb:hover {
    background-image: transparent
}

@media only screen and (min-width: 960px) {
    .action__tabs-content-inner {
        gap:16px
    }
}

@media only screen and (min-width: 1280px) {
    .action__tabs-content-inner {
        gap:2vw
    }
}

@media only screen and (min-width: 1600px) {
    .action__tabs-content-inner {
        gap:32px
    }
}

@media only screen and (min-width: 670px) {
    .action__tabs-content-inner {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        overflow: visible
    }
}

@media only screen and (min-width: 960px) {
    .action__tabs-content-inner {
        grid-template-columns:repeat(3,1fr)
    }
}

.action__tabs-content-inner.is-active .action__item:nth-child(n+7) {
    -webkit-animation: show .5s;
    animation: show .5s;
    display: block
}

.action__tabs-content-inner.is-active .progress__more-wrap {
    display: none
}

.progress__more-wrap {
    display: none;
    padding-top: 16px
}

@media only screen and (min-width: 960px) {
    .progress__more-wrap {
        padding-top:24px
    }
}

@media only screen and (min-width: 1280px) {
    .progress__more-wrap {
        padding-top:1.5vw
    }
}

@media only screen and (min-width: 1600px) {
    .progress__more-wrap {
        padding-top:24px
    }
}

@media only screen and (min-width: 670px) {
    .progress__more-wrap {
        display:block;
        grid-column: auto/span 2
    }
}

@media only screen and (min-width: 960px) {
    .progress__more-wrap {
        grid-column:auto/span 3
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/*# sourceMappingURL=styles.css.map*/