@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: 0 0
}

body, html {
    height: 100%;
    scrollbar-gutter: stable
}

body {
    margin: 0;
    line-height: 1;
    display: flex;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    overscroll-behavior: contain;
    overflow-x: hidden;
    background-color: var(--c8)
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

address, cite, dfn, em, i, var {
    font-style: normal
}

b, h1, h2, h3, h4, h5, h6, strong, th {
    font-weight: 400
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

summary {
    display: list-item
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none;
    transition: .3s ease-in-out
}

:focus, a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

img {
    border: 0;
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

mark {
    color: #000;
    background: #ff0
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

td, th {
    padding: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    color: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    appearance: button
}

button[disabled], html input[disabled] {
    cursor: default
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

input[type=search] {
    box-sizing: content-box;
    appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    border: 0
}

progress {
    vertical-align: baseline
}

pre, textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

@font-face {
    font-family: SFProDisplay;
    src: url(./fonts/SFProDisplay/SFProDisplayRegular/SFProDisplayRegular.woff2) format("woff2"), url(./fonts/SFProDisplay/SFProDisplayRegular/SFProDisplayRegular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SFProDisplay;
    src: url(./fonts/SFProDisplay/SFProDisplayLight/SFProDisplayLight.woff2) format("woff2"), url(./fonts/SFProDisplay/SFProDisplayLight/SFProDisplayLight.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SFProDisplay;
    src: url(./fonts/SFProDisplay/SFProDisplayMedium/SFProDisplayMedium.woff2) format("woff2"), url(./fonts/SFProDisplay/SFProDisplayMedium/SFProDisplayMedium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SFProDisplay;
    src: url(./fonts/SFProDisplay/SFProDisplayBold/SFProDisplayBold.woff2) format("woff2"), url(./fonts/SFProDisplay/SFProDisplayBold/SFProDisplayBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SFProDisplay;
    src: url(./fonts/SFProDisplay/SFProDisplayHeavy/SFProDisplayHeavy.woff2) format("woff2"), url(./fonts/SFProDisplay/SFProDisplayHeavy/SFProDisplayHeavy.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

:root {
    --fb: SFProDisplay, "Helvetica CY", "Nimbus Sans L", sans-serif;
    --cb: #303841;
    --c1: #FFFFFF;
    --c2: #000000;
    --c3: #DD700C;
    --c4: #1B2128;
    --c5: #F99F4E;
    --c6: #F9C985;
    --c7: #F1F3F5;
    --c8: #ffffff;
    --c9: #222830;
    --c10: #E0E0E0;
    --c11: #FBBC83;
    --c13: #0A66C2;
    --c14: #d44570;
    --c15: #1873ea;
    --c16: #e00420;
    --c17: #3390EC;
    --c18: #4ec95b;
    --c19: #583FBB;
    --c20: #ff0000;
    --c21: #FB5A8E;
    font: 1.25em var(--fb);
    color: var(--cb);
    box-sizing: border-box;
    scroll-behavior: smooth
}

body:has(dialog[open]) {
    overflow-y: hidden
}

*, :after, :before {
    box-sizing: inherit
}

footer, header {
    flex: 0 0 auto
}

main {
    flex: 1 0 auto
}

body:has(.top-section) header {
    border-radius: 0;
    background: 0 0
}

body:not(:has(.top-section)) main {
    padding-top: 100px
}

@media (min-width: 1281px) {
    :root {
        scroll-padding-top: 213px
    }

    body:has(.top-section) header {
        position: relative;
        z-index: 999
    }
}

a::selection, b::selection, em::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, img::selection, input:not([type=checkbox],[type=radio])::selection, li::selection, p::selection, picture::selection, span::selection, strong::selection, table td::selection, table th::selection {
    color: var(--c1);
    background-color: var(--cb)
}

.container, .container-lg, .container-md, .container-sm {
    margin-left: auto;
    margin-right: auto
}

.container {
    max-width: 1280px
}

.container-lg {
    max-width: 1080px
}

.container-md {
    max-width: 900px
}

.container-sm {
    max-width: 685px
}

.container-style-1 h1 {
    margin-bottom: 19px
}

.container-style-1 h1 ~ p {
    max-width: 468px;
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
    line-height: 1.11;
    text-align: center
}

.container-style-1 h1 ~ p:last-of-type {
    margin-bottom: 0
}

.container-style-1 h1 ~ p + .form, .container-style-1 h1 ~ p + div {
    margin-top: 96px
}

@media (max-width: 1310px) {
    .container {
        padding-left: 3.0534351145%;
        padding-right: 3.0534351145%
    }
}

@media (max-width: 1280px) {
    :root {
        scroll-padding-top: 130px
    }

    body:not(:has(.top-section)) main {
        padding-top: 170px
    }

    .container-style-1 h1 ~ p + .form, .container-style-1 h1 ~ p + div {
        margin-top: 60px
    }

    .container {
        padding-left: 3.125%;
        padding-right: 3.125%
    }
}

@media (max-width: 1200px) {
    .container {
        padding-left: 3.3333333333%;
        padding-right: 3.3333333333%
    }
}

@media (max-width: 1110px) {
    .container-lg {
        padding-left: 3.6036036036%;
        padding-right: 3.6036036036%
    }
}

@media (max-width: 1024px) {
    .container {
        padding-left: 3.90625%;
        padding-right: 3.90625%
    }
}

@media (max-width: 930px) {
    .container-md {
        padding-left: 4.3010752688%;
        padding-right: 4.3010752688%
    }
}

@media (max-width: 768px) {
    .container, .container-lg, .container-md {
        padding-left: 5.2083333333%;
        padding-right: 5.2083333333%
    }
}

@media (max-width: 715px) {
    .container-sm {
        padding-left: 5.5944055944%;
        padding-right: 5.5944055944%
    }
}

@media (max-width: 640px) {
    .container, .container-lg, .container-md, .container-sm {
        padding-left: 6.25%;
        padding-right: 6.25%
    }
}

@media (max-width: 576px) {
    :root {
        font-size: 1em
    }

    .container, .container-lg, .container-md, .container-sm {
        padding-left: 30px;
        padding-right: 30px
    }
}

h1, h2, h3 {
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere
}

h1, h2 {
    margin-bottom: 64px
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    margin-bottom: 30px;
    font-size: 1.5rem
}

@media (max-width: 576px) {
    h1 {
        font-size: 2.8125rem
    }

    h2 {
        font-size: 2.1875rem
    }

    h3 {
        font-size: 1.5625rem
    }
}

@media (max-width: 415px) {
    h1 {
        font-size: 2.5rem
    }

    h2 {
        font-size: 1.875rem
    }

    h3 {
        font-size: 1.375rem
    }
}

@media (max-width: 360px) {
    .container, .container-lg, .container-md, .container-sm {
        padding-left: 20px;
        padding-right: 20px
    }

    h1 {
        font-size: 2.1875rem
    }

    h2 {
        font-size: 1.5625rem
    }

    h3 {
        font-size: 1.25rem
    }
}

@media (max-width: 320px) {
    .container, .container-lg, .container-md, .container-sm {
        padding-left: 15px;
        padding-right: 15px
    }

    h1 {
        font-size: 1.875rem
    }

    h2 {
        font-size: 1.25rem
    }

    h3 {
        font-size: 1.125rem
    }
}

ol:not(.reset-list), p, ul:not(.reset-list) {
    margin-bottom: 40px;
    line-height: 2
}

a:hover {
    text-decoration: none
}

a:not(.reset-link) {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--cb)
}

a:not(.reset-link):hover {
    text-decoration-color: rgba(48, 56, 65, 0)
}

img, picture {
    max-width: 100%;
    height: auto
}

picture {
    display: block
}

b, strong {
    font-weight: 700
}

ol:not(.reset-list), ul:not(.reset-list) {
    display: flex;
    flex-direction: column
}

ol:not(.reset-list) li, ul:not(.reset-list) li {
    display: flex;
    column-gap: 6px
}

ol:not(.reset-list) li:before, ul:not(.reset-list) li:before {
    flex-shrink: 0;
    display: inline-block
}

/*ul:not(.reset-list) li:before {*/
/*    content: "👉";*/
/*    translate: 0 2px;*/
/*    font-size: .8rem;*/
/*    border: none;*/
/*    outline: 0*/
/*}*/

ol:not(.reset-list) {
    counter-reset: num
}

ol:not(.reset-list) li {
    position: relative
}

ol:not(.reset-list) li:before {
    content: counter(num) ".";
    counter-increment: num;
    min-width: 25px;
    color: var(--c5);
    text-align: right
}

header {
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 94.49%);
    border-radius: 0 0 100px 100px
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-logo-company svg {
    width: 180px;
    height: 70px
}

.header-logo-company svg + strong {
    margin-top: 3px
}

.header-logo-company strong {
    display: block;
    font-size: .5rem;
    font-weight: 400;
    letter-spacing: 1px;
    color: var(--cb);
    text-align: center;
    text-transform: uppercase
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mrotl {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(-15px) rotate(0)
    }
    100% {
        transform: translateY(-15px) rotate(-45deg)
    }
}

@keyframes mrotr {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(15px) rotate(0)
    }
    100% {
        transform: translateY(15px) rotate(45deg)
    }
}

.toggle-btn, .toggle-wrapper {
    width: 17px;
    height: 17px;
    position: relative
}

.toggle-btn {
    position: relative;
    display: block;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    opacity: 0;
    animation: .3s .6s forwards fadeIn
}

.toggle-btn span {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 2px;
    background-color: var(--cb);
    border-radius: 1px
}

.toggle-btn span:first-child {
    width: 11px;
    top: 0;
    transition: top .3s .3s, transform .3s ease-out .1s;
    animation: .6s cubic-bezier(.5, .2, .2, 1.01) mrotr
}

.toggle-btn span:nth-child(2), .toggle-btn span:nth-child(3) {
    width: 100%
}

.toggle-btn span:nth-child(2) {
    top: 8px;
    transition: .3s .3s;
    animation: .6s cubic-bezier(.5, .2, .2, 1.01) fadeOut
}

.toggle-btn span:nth-child(3) {
    top: calc(100% - 1px);
    transition: top .3s .3s, transform .3s ease-out .1s;
    animation: .6s cubic-bezier(.5, .2, .2, 1.01) mrotl
}

.toggle-btn-style span:first-child, .toggle-btn-style span:nth-child(3) {
    top: 8px;
    transition: top .3s .1s, rotate .3s ease-out .5s
}

.toggle-btn-style span:first-child {
    width: 100%;
    rotate: 45deg
}

.toggle-btn-style span:nth-child(2) {
    opacity: 0
}

.toggle-btn-style span:nth-child(3) {
    rotate: -45deg
}

.toggle__content {
    z-index: 998;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    background: linear-gradient(0deg, var(--c1) 0, var(--c1) 100%), linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 94.49%);
    transition: .55s cubic-bezier(.86, 0, .07, 1)
}

.toggle__content.content-visible {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.toggle__inner {
    height: 100%;
    overflow-y: auto
}

.toggle__inner h2 {
    font-weight: 700;
    line-height: 1
}

.header-nav ul {
    display: flex;
    flex-direction: column
}

.header-nav a {
    display: inline-block;
    line-height: 1.2;
    color: var(--cb)
}

.header-nav a:hover {
    color: var(--c5)
}

.header-contacts a {
    color: var(--cb)
}

.header-contacts a:hover {
    color: var(--c1)
}

.header-contacts-style-1 a:hover {
    color: var(--c5)
}

.header-lang a.active {
    color: var(--c1)
}

.header-lang a:not(.active) {
    color: var(--cb)
}

.header-lang a:not(.active):hover {
    color: var(--c1)
}

.header-lang a:not(.active):hover:hover {
    text-decoration-color: rgba(var(--cb), 0)
}

.btn.header-user-btn {
    color: var(--cb);
    border-color: var(--cb)
}

.btn.header-user-btn:hover {
    color: var(--c1);
    border: 1px solid var(--c1)
}

@media (min-width: 1281px) {
    .header-container {
        padding-top: 48px;
        /*padding-bottom: 48px*/
    }

    .header-bl-1, .header-bl-4, .header-bl-5 {
        display: flex;
        align-items: center
    }

    .header-bl-1 {
        column-gap: 66px
    }

    .header-logo-company {
        translate: 0 -6px
    }

    .header-bl-4 {
        column-gap: 65px
    }

    .header-bl-5 {
        column-gap: 27px
    }

    .toggle__content {
        position: absolute;
        top: -82px;
        left: -15px;
        width: 780px;
        height: min(380px, 100vh - 20px);
        padding: 50px 100px 85px 45px;
        border-radius: 0 0 100px 100px
    }

    .toggle__inner {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        row-gap: 30px
    }

    .toggle__inner h2 {
        margin-bottom: 27px;
        font-size: .8rem
    }

    .toggle-inner-bl-0 {
        display: flex;
        flex: 0 0 100%;
        justify-content: flex-end;
        padding-right: 30px
    }

    .toggle-inner-bl-1, .toggle-inner-bl-3 {
        display: flex;
        justify-content: flex-end;
        padding-right: 30px
    }

    .toggle-inner-bl-2, .toggle-inner-bl-4 {
        padding-left: 45px
    }

    .header-nav-style-1 ul {
        row-gap: 18px
    }

    .header-nav-style-2 ul {
        row-gap: 10px
    }

    .header-nav-style-2 a {
        font-size: .8rem
    }

    .currency-rate-info {
        display: none;
    }

}

@media (min-width: 1311px) {
    .header-bl-1 {
        padding-left: 50px
    }
}

@media (max-width: 1280px) {
    h1, h2 {
        margin-bottom: 40px
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%
    }

    .header-container {
        position: relative;
        height: 109px;
        transition: .3s ease-in-out
    }

    .header-bl-2, .header-bl-3, .header-bl-5, a.header-nav-rh-menusticked-btn {
        display: none
    }

    .header-bl-1 {
        padding-left: 40px
    }

    .header-bl-4 {
        padding-right: 40px;
        translate: 0 1px
    }

    .header-logo-company {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% calc(-50% - 3px)
    }

    .header-logo-company svg + strong {
        margin-top: 8px
    }

    .header-logo-company-path-1 {
        translate: 0 4px
    }

    .toggle__content {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 10px;
        padding-top: 136px;
        padding-bottom: 85px;
        border-radius: 0 0 100px 100px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
    }

    .toggle__inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 65px;
        padding-left: 40px;
        padding-right: 40px
    }

    .toggle__inner h2 {
        margin-bottom: 28px;
        font-size: 1rem
    }

    .toggle__inner a.header-nav-rh-menusticked-btn {
        display: inline-flex;
        width: min(265px, 100%);
        margin-bottom: -20px
    }

    .toggle__inner a.header-nav-rh-menusticked-btn:hover {
        background-color: var(--cb)
    }

    .toggle-inner-bl {
        width: min(270px, 100%)
    }

    .toggle-inner-bl-3, .toggle-inner-bl-4 {
        display: none
    }

    .header-nav-style-1 ul, .header-nav-style-2 ul {
        row-gap: 6px
    }

    .header-nav a {
        line-height: 1.45
    }

    .ovyh .header-bl-13, .ovyh .header-logo-company {
        display: none
    }

    .ovyh .header-bl-3, .ovyh .header-bl-4, .ovyh .header-bl-5 {
        display: block
    }

    .ovyh .header-bl-3, .ovyh .header-bl-4 {
        position: relative;
        z-index: 998
    }

    .ovyh .header-bl-4 {
        padding-right: 0
    }

    .ovyh .header-lang a {
        color: var(--cb)
    }

    .ovyh .header-lang a.active, .ovyh .header-lang a:hover {
        color: var(--c5)
    }

    .ovyh .header-nav-rh-topsticked-btn:hover {
        border-color: var(--cb)
    }

    body:has(.top-section) header.header--scroll {
        background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 94.49%);
        border-radius: 0 0 100px 100px
    }

    .currency-rate-info {
        display: flex;
        width: fit-content;
        align-items: center;
        justify-content: center;
        padding: .5rem 1rem;
        margin: 16px auto;
        color: var(--cb);
        font-size: 0.6em;
        font-weight: 400;
        letter-spacing: 1px;
    }
}

@media (max-width: 576px) {
    ul:not(.reset-list) li:before {
        translate: 0 3px
    }

    .toggle__inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .header-bl-1 {
        padding-left: 30px
    }

    .header-bl-4 {
        padding-right: 30px
    }

    .header-logo-company strong {
        font-size: .625rem
    }

    .header-nav a {
        font-size: 1.25rem
    }
}

@media (max-width: 390px) {
    .toggle__inner {
        padding-left: 20px;
        padding-right: 20px
    }

    .header-bl-1 {
        padding-left: 20px
    }

    .header-bl-4 {
        padding-right: 20px
    }
}

@media (max-width: 360px) {
    .toggle__content, header {
        border-radius: 0 0 40px 40px
    }

    .toggle__inner {
        padding-left: 15px;
        padding-right: 15px
    }

    .header-bl-1 {
        padding-left: 15px
    }

    .header-bl-4 {
        padding-right: 15px
    }

    body:has(.top-section) header.header--scroll {
        border-radius: 0 0 40px 40px
    }
}

@media (max-width: 320px) {
    .toggle__content, header {
        border-radius: 0 0 30px 30px
    }

    .toggle__inner {
        padding-left: 0;
        padding-right: 0
    }

    .header-bl-1 {
        padding-left: 0
    }

    .header-bl-4 {
        padding-right: 0
    }

    body:has(.top-section) header.header--scroll {
        border-radius: 0 0 30px 30px
    }
}

.hel {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    opacity: 0;
    text-indent: -9999px
}

button, input, select, textarea {
    border: none;
    background: 0 0;
    border-radius: 0
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0;
    box-shadow: none
}

button:not(.accordion__btn,.tabs__btn,.toggle-btn,.btn,.film-production-play-btn,.calculator-tabs-list-btn):focus, input:focus, select:focus, textarea:focus {
    outline: 0;
    box-shadow: none;
    background-color: transparent
}

input:not([type=checkbox],[type=radio])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgba(48, 56, 65, .5);
    text-overflow: ellipsis;
    opacity: 1
}

input:not([type=checkbox],[type=radio])::-webkit-input-placeholder:focus, textarea::-webkit-input-placeholder:focus {
    color: transparent
}

input:not([type=checkbox],[type=radio]):-moz-placeholder, textarea:-moz-placeholder {
    color: rgba(48, 56, 65, .5);
    text-overflow: ellipsis;
    opacity: 1
}

input:not([type=checkbox],[type=radio]):-moz-placeholder:focus, textarea:-moz-placeholder:focus {
    color: transparent
}

input:not([type=checkbox],[type=radio])::-moz-placeholder, textarea::-moz-placeholder {
    color: rgba(48, 56, 65, .5);
    text-overflow: ellipsis;
    opacity: 1
}

input:not([type=checkbox],[type=radio])::-moz-placeholder:focus, textarea::-moz-placeholder:focus {
    color: transparent
}

input:not([type=checkbox],[type=radio]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: rgba(48, 56, 65, .5);
    text-overflow: ellipsis;
    opacity: 1
}

input:not([type=checkbox],[type=radio]):-ms-input-placeholder:focus, textarea:-ms-input-placeholder:focus {
    color: transparent
}

.style-check {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: .9rem;
    line-height: 1.2;
    cursor: pointer
}

.style-check input[type=checkbox], .style-check input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 20px;
    height: 20px
}

.style-check input[type=checkbox] + span, .style-check input[type=radio] + span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background-color: var(--c7)
}

.style-check input[type=checkbox] + span svg, .style-check input[type=checkbox] + span:before, .style-check input[type=radio] + span svg, .style-check input[type=radio] + span:before {
    scale: 0;
    transition: .3s ease-in-out
}

.style-check input[type=checkbox] + span svg, .style-check input[type=radio] + span svg {
    width: 5px;
    height: 5px;
    fill: currentColor
}

.style-check input[type=checkbox] + span:before, .style-check input[type=radio] + span:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: var(--c5)
}

.style-check input[type=checkbox]:checked + span, .style-check input[type=radio]:checked + span {
    pointer-events: none
}

.style-check input[type=checkbox]:checked + span svg, .style-check input[type=checkbox]:checked + span:before, .style-check input[type=radio]:checked + span svg, .style-check input[type=radio]:checked + span:before {
    scale: 1;
    transition: .3s ease-in-out
}

.style-check input[type=radio] + span {
    border-radius: 50%
}

.style-check input[type=checkbox] + span {
    border-radius: 2px
}

.style-check strong {
    display: inline-block;
    margin-left: 8px;
    line-height: inherit
}

.form input:not([type=checkbox],[type=radio]), .form label:not(.style-check) {
    padding-left: 45px;
    padding-right: 45px;
    font-size: .9rem
}

.form label:not(.style-check) {
    display: block;
    margin-bottom: 19px;
    line-height: 1
}

.form input:not([type=checkbox],[type=radio]) {
    width: 100%;
    height: 80px;
    background-color: var(--c1);
    border: 1px solid var(--c10);
    border-radius: 40px;
    transition: .3s ease-in-out
}

.form input:not([type=checkbox],[type=radio]):focus {
    border-color: rgb(211.25, 211.25, 211.25)
}

.form input:not([type=checkbox],[type=radio]):user-invalid {
    border-color: var(--c20)
}

@media (max-width: 576px) {
    .style-check {
        font-size: 1.125rem
    }

    .form input:not([type=checkbox],[type=radio]) {
        height: 60px
    }

    .form input:not([type=checkbox],[type=radio]), .form label:not(.style-check) {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 1.125rem
    }
}

@media (max-width: 360px) {
    .form input:not([type=checkbox],[type=radio]), .form label:not(.style-check) {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 320px) {
    .form input:not([type=checkbox],[type=radio]), .form label:not(.style-check) {
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 30px
    }
}

.form-style-1 .input-unit-wrapper {
    position: relative
}

.form-style-1 .input-unit-wrapper span {
    position: absolute;
    top: 50%;
    right: 35px;
    translate: 0 -50%
}

.form-style-1 .input-unit-wrapper input:not([type=checkbox],[type=radio]) {
    padding-right: 65px
}

.form-style-1 input:not([type=checkbox],[type=radio]) {
    padding-left: 35px;
    padding-right: 35px;
    background-color: var(--c7);
    border: 1px solid var(--c7)
}

.form-style-1 input:not([type=checkbox],[type=radio])[data-unit] {
    position: relative
}

.form-style-1 input:not([type=checkbox],[type=radio])[data-unit]:after {
    content: ";;;";
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%)
}

.form-style-1 input:not([type=checkbox],[type=radio]):focus {
    border-color: rgb(226.125, 230.25, 234.375)
}

.form-style-2 label:not(.style-check) {
    margin-bottom: 0;
    padding: 0;
    color: rgba(48, 56, 65, .5)
}

@media (max-width: 768px) {
    .form-style-2 > div:nth-child(even) {
        margin-bottom: 28px
    }

    .form-style-2 > div:last-child {
        margin-bottom: 0
    }

    .form-style-2 label:not(.style-check) {
        margin-bottom: 17px;
        padding-left: 35px;
        padding-right: 35px
    }
}

.generic-style-select-wrapper .choices__inner {
    padding-left: 35px;
    padding-right: 55px;
    font-size: .9rem;
    line-height: 1;
    border: 1px solid var(--c7);
    border-radius: 40px;
    background-color: var(--c7);
    transition: .3s ease-in-out
}

.generic-style-select-wrapper .choices__inner:after {
    right: 35px;
    width: 13px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.54685 7.59546C5.80195 7.8545 6.14775 8 6.5083 8C6.86884 8 7.21464 7.8545 7.46974 7.59546L12.6017 2.37962C12.8568 2.12012 13.0001 1.76822 13 1.40132C13 1.21966 12.9647 1.03977 12.8963 0.87195C12.8279 0.704126 12.7276 0.551648 12.6012 0.423219C12.4749 0.29479 12.3248 0.192926 12.1597 0.123445C11.9947 0.0539623 11.8177 0.0182219 11.639 0.0182648C11.4603 0.0183077 11.2834 0.054133 11.1183 0.123694C10.9533 0.193255 10.8033 0.29519 10.677 0.42368L6.50829 4.66109L2.3396 0.422758C2.21415 0.290583 2.06408 0.185131 1.89812 0.112557C1.73216 0.0399832 1.55365 0.00174083 1.373 5.85584e-05C1.19235 -0.00162372 1.01318 0.0332898 0.845941 0.102762C0.678705 0.172234 0.526751 0.274871 0.398947 0.404688C0.271143 0.534505 0.170046 0.688901 0.101559 0.858866C0.0330712 1.02883 -0.00143747 1.21096 4.64508e-05 1.39463C0.00153038 1.5783 0.0389774 1.75983 0.110203 1.92863C0.181428 2.09743 0.285004 2.25011 0.414889 2.37778L5.54685 7.5973L5.54685 7.59546Z' fill='%23303841'/%3E%3C/svg%3E") no-repeat;
    transition: .3s ease-in-out
}

.generic-style-select-wrapper .choices__inner .choices__item--selectable {
    translate: 0 1px
}

.generic-style-select-wrapper .choices__inner:hover {
    border-color: var(--c7)
}

.generic-style-select-wrapper .choices__list--single {
    height: 40px;
    padding-right: 0
}

.generic-style-select-wrapper .choices__list--dropdown, .generic-style-select-wrapper .choices__list[aria-expanded] {
    border-color: var(--c7)
}

.generic-style-select-wrapper .choices__list--dropdown .choices__item, .generic-style-select-wrapper .choices__list[aria-expanded] .choices__item {
    padding: 30px 35px;
    font-size: .9rem;
    transition: .3s ease-in-out
}

.generic-style-select-wrapper .choices__list--dropdown .choices__item.choices__item--selectable.is-highlighted, .generic-style-select-wrapper .choices__list[aria-expanded] .choices__item.choices__item--selectable.is-highlighted {
    background-color: var(--c5);
    color: var(--cb)
}

.generic-style-select-wrapper .choices__list--dropdown .choices__list > div, .generic-style-select-wrapper .choices__list[aria-expanded] .choices__list > div {
    border-bottom-color: rgb(211.25, 211.25, 211.25)
}

.generic-style-select-wrapper .choices__list--dropdown .choices__list, .generic-style-select-wrapper .choices__list[aria-expanded] .choices__list {
    max-height: 240px
}

.generic-style-select-wrapper .is-focused.is-open .choices__inner, .generic-style-select-wrapper .is-focused.is-open .choices__list--dropdown, .generic-style-select-wrapper .is-focused.is-open .choices__list[aria-expanded] {
    border-color: rgb(211.25, 211.25, 211.25);
    border-radius: 0 0 40px 40px
}

.generic-style-select-wrapper .is-focused.is-open .choices__inner {
    border-radius: 40px 40px 0 0;
    border-bottom-color: rgb(211.25, 211.25, 211.25)
}

@media (max-width: 320px) {
    .generic-style-select-wrapper .choices__inner {
        border-radius: 30px
    }

    .generic-style-select-wrapper .is-focused.is-open .choices__inner, .generic-style-select-wrapper .is-focused.is-open .choices__list--dropdown, .generic-style-select-wrapper .is-focused.is-open .choices__list[aria-expanded] {
        border-radius: 0 0 30px 30px
    }

    .generic-style-select-wrapper .is-focused.is-open .choices__inner {
        border-radius: 30px 30px 0 0
    }
}

.db {
    display: block
}

.dn {
    display: none
}

.disabled {
    pointer-events: none
}

.hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: scale(0)
}

.visible {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.ovh {
    overflow: hidden
}

.ovyh {
    overflow-y: hidden
}

.tac {
    text-align: center
}

.ttu {
    text-transform: uppercase
}

.logo-company {
    display: inline-block;
    text-decoration: none
}

.logo-company:hover {
    text-decoration: none
}

.contacts-info {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: .65rem;
    font-weight: 300
}

.contacts-info a {
    display: inline-block;
    font-size: .85rem;
    font-weight: 800;
    line-height: 1
}

.list-img, .list-img-2 {
    position: relative
}

.list-img {
    overflow: hidden
}

.list-img img, .list-img picture {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover
}

.list-img-2 div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    overflow: hidden
}

.list-img-2 img, .list-img-2 picture {
    max-height: 100%;
    width: auto
}

iframe:not(.facebook), iframe:not(.instagram-media), iframe:not([id^=telegram]), video {
    margin-bottom: 0;
    border: none
}

.video-wrapper {
    position: relative;
    margin-bottom: 45px;
    padding-top: 56.25%;
    overflow: hidden
}

.video-wrapper iframe:not(.facebook), .video-wrapper iframe:not(.instagram-media), .video-wrapper iframe:not([id^=telegram]), .video-wrapper video {
    position: absolute;
    margin-bottom: 0;
    border: none
}

.video-wrapper--responsive iframe:not(.facebook), .video-wrapper--responsive iframe:not(.instagram-media), .video-wrapper--responsive iframe:not([id^=telegram]), .video-wrapper--responsive video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-wrapper--full iframe:not(.facebook), .video-wrapper--full iframe:not(.instagram-media), .video-wrapper--full iframe:not([id^=telegram]), .video-wrapper--full video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.s_divisions_h_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center
}

.s_divisions_h_list a, .s_divisions_h_list li {
    display: inline-block;
    width: 20px;
    height: 20px
}

.s_divisions_h_list li.current, .s_divisions_h_list a.current {
    width: 45px;
    height: 45px;
}

.s_divisions_h_list a {
    color: var(--cb);
    text-decoration: none
}

.s_divisions_h_list a:hover {
    text-decoration: none
}

.s_divisions_h_list a.s_ocial__l_inkedin:hover {
    color: var(--c13)
}

.s_divisions_h_list a.s_ocial__i_nstagram:hover, .s_divisions_h_list a.s_ocial__t_alk:hover {
    color: var(--c14)
}

.s_divisions_h_list a.s_ocial__f_acebook:hover {
    color: var(--c15)
}

.s_divisions_h_list a.s_ocial__p_interest:hover {
    color: var(--c16)
}

.s_divisions_h_list a.s_ocial__t_elegram:hover {
    color: var(--c17)
}

.s_divisions_h_list a.s_ocial__w_hatsapp:hover {
    color: var(--c18)
}

.s_divisions_h_list a.s_ocial__v_iber:hover {
    color: var(--c19)
}

.s_divisions_h_list a.s_ocial__y_outube:hover {
    color: var(--c20)
}

.s_divisions_h_list a.s_ocial__m_essenger:hover {
    color: var(--c21)
}

.s_divisions_h_list svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    transition: .3s ease-in-out
}

.map-wrapper {
    position: relative;
    padding-top: 71.845%;
    overflow: hidden;
    border-radius: 5px
}

.map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    border: none
}

.title-1 {
    font-size: 2.5rem
}

.title-2 {
    font-size: 3rem
}

@media (max-width: 1024px) {
    .title-1 {
        font-size: 2.25rem
    }

    .title-2 {
        font-size: 2.75rem
    }
}

@media (max-width: 768px) {
    .title-1 {
        font-size: 2rem
    }

    .title-2 {
        font-size: 2.5rem
    }
}

@media (max-width: 576px) {
    .generic-style-select-wrapper .choices__inner {
        font-size: 1.125rem
    }

    .generic-style-select-wrapper .choices__list--single {
        height: 58px
    }

    .generic-style-select-wrapper .choices__list--dropdown .choices__list, .generic-style-select-wrapper .choices__list[aria-expanded] .choices__list {
        max-height: 180px
    }

    .generic-style-select-wrapper .choices__list--dropdown .choices__item, .generic-style-select-wrapper .choices__list[aria-expanded] .choices__item {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 1.125rem
    }

    .title-1 {
        font-size: 2.1875rem
    }

    .title-2 {
        font-size: 2.8125rem
    }
}

@media (max-width: 415px) {
    .form input:not([type=checkbox],[type=radio]), .form label:not(.style-check) {
        font-size: 1rem
    }

    .title-1 {
        font-size: 1.875rem
    }

    .title-2 {
        font-size: 2.5rem
    }
}

@media (max-width: 360px) {
    .title-1 {
        font-size: 1.5625rem
    }

    .title-2 {
        font-size: 2.1875rem
    }
}

@media (max-width: 320px) {
    .title-1 {
        font-size: 1.25rem
    }

    .title-2 {
        font-size: 1.875rem
    }
}

.lang {
    display: flex;
    column-gap: 5px
}

.lang a {
    display: inline-block;
    font-size: .7rem;
    line-height: 1;
    text-transform: uppercase
}

.lang a.active {
    pointer-events: none
}

.lang a:not(.active) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

.style-1 {
    margin-bottom: 112px
}

@media (max-width: 576px) {
    .lang a {
        font-size: .875rem
    }

    .style-1 {
        margin-bottom: 80px
    }
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 37px
}

.breadcrumbs a, .breadcrumbs li {
    display: inline-block
}

.breadcrumbs li:not(:last-child) {
    position: relative;
    padding-right: 16px
}

.breadcrumbs li:not(:last-child):after {
    content: ">";
    position: absolute;
    top: 7px;
    right: 0;
    font-size: .5rem;
    font-weight: 400;
    line-height: 1;
    color: var(--cb)
}

.breadcrumbs li:last-child a {
    pointer-events: none;
    text-decoration: none;
    pointer-events: none
}

.breadcrumbs a {
    font-size: .7rem;
    line-height: 1.2;
    color: var(--cb);
    text-decoration: underline;
    text-underline-offset: 2px
}

.breadcrumbs a:hover {
    text-decoration-color: rgba(48, 56, 65, 0)
}

.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    padding: 11px 20px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    transition: .3s ease-in-out
}

.btn:not(.btn-rounded):has(svg) {
    column-gap: 15px;
    align-items: center
}

.btn:not(.btn-rounded):has(svg) svg {
    fill: currentColor;
    transition: rotate .3s ease-in-out
}

.btn:not(.btn-rounded):has(svg).btn-basket-icon svg {
    width: 25px;
    height: 25px;
    translate: 0 -2px
}

.btn-rounded {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%
}

.btn-rounded path {
    stroke: currentColor
}

.btn-rounded-user-icon svg {
    width: 18px;
    height: 20px
}

@media (max-width: 1280px) {
    .breadcrumbs {
        margin-bottom: 52px
    }

    .btn-rounded:not(.footer-user-btn) {
        width: 30px;
        height: 30px
    }

    .btn-rounded-user-icon:not(.footer-user-btn) svg {
        width: 12px;
        height: 13px
    }
}

.btn-default {
    color: var(--cb);
    border-color: var(--cb)
}

.btn-default:hover {
    color: var(--c1);
    border-color: var(--c1)
}

.btn-info {
    color: var(--c1);
    background-color: var(--cb);
    border-color: var(--cb)
}

.btn-info:hover {
    color: var(--cb);
    background-color: var(--c1);
    border-color: var(--c1)
}

.btn-info-2 {
    color: var(--c1);
    border-color: var(--c6)
}

.btn-info-2:hover {
    border-color: var(--c5)
}

.btn-info-3 {
    border: none;
    box-shadow: 0 2px var(--c3);
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%)
}

.btn-info-4 {
    color: var(--cb);
    border-color: var(--cb)
}

.btn-info-4:hover {
    color: var(--c6);
    background-color: var(--cb);
    border-color: var(--cb)
}

.btn-info-5 {
    border: none;
    box-shadow: 0 2px var(--c1);
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%)
}

.btn-info-5:hover {
    background: linear-gradient(276deg, rgb(248.1639344262, 145.6229508197, 53.3360655738) 4.24%, rgb(247.8046875, 190.2421875, 108.6953125) 100%)
}

.btn-primary {
    color: var(--cb);
    border-color: var(--c6);
    background-color: var(--c6)
}

.btn-primary:hover {
    border-color: var(--c5);
    background-color: var(--c5)
}

.btn-warning {
    color: var(--c1);
    background-color: var(--c16);
    border-color: var(--c16)
}

.btn-warning:hover {
    color: var(--cb);
    background-color: var(--c1);
    border-color: var(--c1)
}

.btn-style-1 {
    min-width: 170px
}

.btn-style-2 {
    min-width: 218px
}

.btn-style-3 {
    font-weight: 700
}

.btn-style-4 {
    border-radius: 40px
}

.btn-style-5 {
    padding-top: 23px;
    padding-bottom: 23px
}

.btn-style-6 {
    width: min(295px, 100%)
}

.btn-style-7 {
    border-radius: 30px
}

.btn-style-8 {
    padding: 16px 24px 16px 44px;
    justify-content: space-between
}

.btn-style-9 {
    border-width: 2px
}

.btn-style-10 {
    padding-top: 32px;
    padding-bottom: 32px
}

.btn-full {
    width: 100%
}

.btn-justify {
    display: table;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.accordion {
    display: flex;
    flex-direction: column;
    row-gap: 30px
}

.accordion > div {
    overflow: hidden
}

.accordion__btn, .accordion__btn:after, .accordion__toggle-content {
    transition: .4s ease-in-out
}

.accordion__btn {
    position: relative;
    display: block;
    width: 100%;
    line-height: 1.2;
    text-align: left;
    cursor: pointer
}

.accordion__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    transform-origin: 50% 50%
}

.accordion__btn.open:after {
    rotate: 90deg
}

.accordion__btn.open + .accordion__toggle-content {
    max-height: 9999px;
    opacity: 1
}

.accordion__toggle-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0
}

.accordion__toggle-content p:last-of-type {
    margin-bottom: 0
}

.accordion-style-1 .accordion__btn {
    padding: 21px 60px 23px 55px;
    font-size: 1.5rem;
    border-radius: 40px;
    background-color: var(--c7)
}

.accordion-style-1 .accordion__btn:after {
    right: 30px;
    width: 15px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='24' viewBox='0 0 15 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2415 13.7597C14.7272 13.2887 15 12.6503 15 11.9847C15 11.3191 14.7272 10.6807 14.2415 10.2097L4.46179 0.735324C3.97523 0.264347 3.31541 -0.000155957 2.62748 1.11737e-06C2.28685 7.88926e-05 1.94958 0.0651299 1.63491 0.191441C1.32024 0.317751 1.03434 0.502847 0.793537 0.736161C0.552733 0.969475 0.361738 1.24644 0.23146 1.55123C0.101181 1.85603 0.0341675 2.18269 0.0342476 2.51257C0.0343287 2.84245 0.101501 3.16908 0.231928 3.47382C0.362356 3.77856 0.553483 4.05543 0.794402 4.28864L8.73954 11.9847L0.792673 19.6807C0.544844 19.9123 0.347123 20.1894 0.211047 20.4958C0.07497 20.8022 0.00326607 21.1317 0.0001123 21.4652C-0.00304148 21.7987 0.0624207 22.1295 0.19268 22.4383C0.32294 22.747 0.515386 23.0275 0.758793 23.2635C1.0022 23.4994 1.29169 23.6861 1.61038 23.8125C1.92906 23.9389 2.27055 24.0027 2.61493 23.9999C2.95931 23.9972 3.29968 23.928 3.61618 23.7965C3.93267 23.6651 4.21896 23.4738 4.45833 23.2341L14.2449 13.7597L14.2415 13.7597Z' fill='%23303841'/%3E%3C/svg%3E") 50% 50% no-repeat
}

.accordion-style-1 .accordion__btn.open {
    padding-bottom: 18px;
    border-radius: 40px 40px 0 0
}

.accordion-style-1 .accordion__btn.open + .accordion__toggle-content {
    padding-bottom: 25px
}

.accordion-style-1 .accordion__toggle-content {
    background-color: var(--c7);
    padding-left: 55px;
    padding-right: 55px;
    border-radius: 0 0 40px 40px
}

@media (max-width: 576px) {
    .breadcrumbs li:not(:last-child):after {
        font-size: .625rem
    }

    .breadcrumbs a {
        font-size: .875rem
    }

    .btn-style-10 {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .btn {
        font-size: 1rem
    }

    .accordion-style-1 .accordion__btn {
        padding-left: 30px;
        padding-right: 50px;
        font-size: 1.5625rem
    }

    .accordion-style-1 .accordion__btn:after {
        width: 8px;
        height: 14px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.59546 7.95315C7.8545 7.69805 8 7.35225 8 6.9917C8 6.63116 7.8545 6.28536 7.59546 6.03026L2.37962 0.8983C2.12012 0.643188 1.76822 0.499916 1.40132 0.500001C1.21966 0.500043 1.03977 0.535279 0.87195 0.603697C0.704126 0.672115 0.551648 0.772376 0.423219 0.898754C0.29479 1.02513 0.192926 1.17515 0.123445 1.34025C0.0539623 1.50535 0.0182219 1.68229 0.0182649 1.86098C0.0183078 2.03966 0.0541331 2.21659 0.123695 2.38165C0.193256 2.54672 0.295191 2.69669 0.42368 2.82301L4.66109 6.99171L0.422758 11.1604C0.290583 11.2858 0.185132 11.4359 0.112558 11.6019C0.0399837 11.7678 0.00174133 11.9464 5.90666e-05 12.127C-0.0016232 12.3077 0.0332904 12.4868 0.102762 12.6541C0.172234 12.8213 0.274872 12.9732 0.404689 13.1011C0.534506 13.2289 0.688901 13.33 0.858866 13.3984C1.02883 13.4669 1.21096 13.5014 1.39463 13.5C1.5783 13.4985 1.75983 13.461 1.92863 13.3898C2.09743 13.3186 2.25011 13.215 2.37778 13.0851L7.5973 7.95315L7.59546 7.95315Z' fill='%23303841'/%3E%3C/svg%3E") no-repeat
    }

    .accordion-style-1 .accordion__toggle-content {
        padding-left: 30px;
        padding-right: 50px
    }
}

@media (max-width: 415px) {
    .accordion-style-1 .accordion__btn {
        font-size: 1.25rem
    }
}

@media (max-width: 360px) {
    .accordion {
        row-gap: 20px
    }

    .accordion-style-1 .accordion__btn {
        padding-left: 20px;
        padding-right: 40px;
        font-size: 1.125rem
    }

    .accordion-style-1 .accordion__btn:after {
        right: 20px
    }

    .accordion-style-1 .accordion__toggle-content {
        padding-left: 20px;
        padding-right: 40px
    }
}

@media (max-width: 320px) {
    .accordion {
        row-gap: 15px
    }

    .accordion-style-1 .accordion__btn {
        padding-left: 15px;
        border-radius: 30px
    }

    .accordion-style-1 .accordion__btn.open {
        border-radius: 30px 30px 0 0
    }

    .accordion-style-1 .accordion__toggle-content {
        padding-left: 15px;
        border-radius: 0 0 30px 30px
    }
}

.content {
    display: flex
}

.content__aside {
    flex-shrink: 0
}

.content__main {
    flex-grow: 1
}

.content-1__main {
    text-align: center;
}
.content-1__main .btn {
    margin-bottom: 8px;
}

.top-section {
    margin-bottom: 70px;
    padding-bottom: 15px;
    border-radius: 0 0 100px 100px;
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%)
}

.top-section-container {
    position: relative
}

.top-section-container .content {
    position: relative;
    z-index: 1
}

.top-section-container h2 {
    margin-bottom: 30px;
    font-size: 3rem;
    line-height: 1
}

.top-section-container p {
    max-width: 365px;
    margin-left: 35px;
    font-size: .9rem;
    line-height: 1.2
}

.top-section-container p:last-of-type {
    margin-bottom: 0
}

.top-section-container p + .btn {
    margin-top: 38px
}

.top-section-img {
    position: absolute;
    pointer-events: none
}

.top-section-partners-list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 15px
}

.top-section-partners-list > div:nth-child(5), .top-section-partners-list > div:nth-child(8) {
    grid-column: 2/span 1
}

.top-section-partners-list > div:nth-child(11), .top-section-partners-list > div:nth-child(6), .top-section-partners-list > div:nth-child(9) {
    grid-column: 3/span 1
}

.top-section-partners-list > div:nth-child(13) {
    grid-column: 4/span 1
}

.top-section-partners-list a {
    display: block;
    height: 100%;
    border: 1px solid var(--c1)
}

.top-section-partners-list a:hover {
    background-color: var(--c1)
}

.top-section-partners-list .list-img-2 {
    aspect-ratio: 20.9803921569/10
}

.top-section-partners-list .list-img-2 div {
    inset: 5px
}

@media (min-width: 1025px) {
    .content-1 {
        column-gap: 14px
    }

    .content-1__aside {
        flex-basis: 37.578125%
    }

    .top-section-container h2 {
        margin-top: -8px
    }

    .top-section-img {
        right: 16.5%;
        bottom: -73%
    }
}

@media (min-width: 1281px) {
    .top-section {
        margin-top: -181px;
        padding-top: 197px
    }
}

@media (min-width: 1311px) {
    .top-section-container .content__main {
        padding-left: 50px
    }
}
@media (max-width: 1280px) {
    .top-section {
        margin-top: -146px;
        padding-top: 252px
    }
}

@media (max-width: 1024px) {
    .content {
        flex-direction: column;
        row-gap: 60px
    }

    .content__aside, .content__main {
        margin-left: auto;
        margin-right: auto
    }

    .top-section {
        margin-bottom: 65px;
        padding-bottom: 16px
    }

    .top-section .content__aside {
        display: none
    }

    .top-section-container {
        padding-left: 40px;
        padding-right: 40px
    }

    .top-section-container h2 {
        font-size: 2.75rem
    }

    .top-section-container p {
        font-size: .75rem
    }

    .top-section-img {
        width: min(378px, 100%);
        left: 50%;
        top: calc(100% + 17px);
        translate: -50% 0
    }

    .top-section:has(.currency-rate-info) {
        padding-bottom: 16px;
    }
}

@media (max-width: 768px) {
    .top-section-container h2 {
        font-size: 2.5rem
    }
}

@media (max-width: 576px) {
    .top-section-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .top-section-container h2 {
        font-size: 2.8125rem
    }

    .top-section-container p {
        margin-left: 30px;
        font-size: .9375rem
    }
}

@media (max-width: 415px) {
    .top-section-container h2 {
        font-size: 2.1875rem
    }

    .top-section-container p + .btn {
        width: min(324px, 100%)
    }
}

@media (max-width: 360px) {
    .top-section {
        border-radius: 0 0 40px 40px
    }

    .top-section-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .top-section-container p {
        margin-left: 20px
    }
}

@media (max-width: 340px) {
    .top-section {
        margin-bottom: 140px
    }
}

@media (max-width: 320px) {
    .top-section {
        margin-bottom: 130px;
        border-radius: 0 0 30px 30px
    }

    .top-section-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .top-section-container h2 {
        font-size: 1.875rem
    }

    .top-section-container p {
        margin-left: 15px
    }
}

@media (max-width: 300px) {
    .top-section {
        margin-bottom: 120px
    }
}

.services h2 {
    padding-left: 90px
}

.services-list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 30px
}

.services-list-item {
    position: relative;
    display: block;
    height: 100%;
    min-height: 100px;
    padding: 17px 40px 17px 30px;
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%);
    box-shadow: 2px 2px var(--c3);
    border-radius: 10px 10px 50px
}

.services-list-item strong {
    display: block;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cb);
    transition: .3s ease-in-out
}

.services-list-item:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 23px;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.647059 3.08542e-07L0.647059 1.83118L7.87471 1.83118L0 9.70588L1.29412 11L9.16882 3.12529V10.3529L11 10.3529V0L0.647059 3.08542e-07Z' fill='%23303841'/%3E%3C/svg%3E");
    transition: .3s ease-in-out
}

.services-list-item:hover strong {
    color: var(--c1)
}

.services-list-item:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.647059 3.08542e-07L0.647059 1.83118L7.87471 1.83118L0 9.70588L1.29412 11L9.16882 3.12529V10.3529L11 10.3529V0L0.647059 3.08542e-07Z' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

@media (max-width: 1024px) {
    .services-list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 360px) {
    .services-list {
        row-gap: 20px
    }

    .services-list-item {
        padding-left: 20px;
        padding-right: 35px;
        border-radius: 10px 10px 40px
    }

    .services-list-item:after {
        right: 20px
    }
}

@media (max-width: 320px) {
    .services-list {
        row-gap: 15px
    }

    .services-list-item {
        padding-left: 15px;
        padding-right: 30px;
        border-radius: 10px 10px 30px
    }

    .services-list-item:after {
        right: 15px
    }
}

.order .order-container {
    padding-top: 66px;
    padding-bottom: 75px;
    background-color: var(--c7);
    border-radius: 50px
}

.order h2 {
    position: relative;
    margin-bottom: 17px;
    padding-bottom: 28px
}

.order h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    translate: -50% 0;
    width: 87px;
    height: 1px;
    background-color: var(--c6)
}

.order h2 ~ p {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
    line-height: 1.12;
    text-align: center
}

.order h2 ~ p:last-of-type {
    margin-bottom: 0
}

.order p + .order-form {
    margin-top: 73px
}

.order-form {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 769px) {
    .form-style-2 label:not(.style-check) {
        text-align: right
    }

    .order-form {
        position: relative
    }

    .order-form input:not([type=checkbox],[type=radio]) {
        padding-right: 320px
    }

    .order-form__submit-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 296px
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .order-form__submit-btn {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (max-width: 768px) {
    .services-list {
        grid-template-columns:repeat(2, 1fr)
    }

    .order-form {
        display: grid;
        row-gap: 30px
    }
}

@media (max-width: 320px) {
    .order-form {
        row-gap: 20px
    }
}

.how-it-works {
    margin-bottom: 52px
}

.how-it-works h2 {
    margin-bottom: 82px
}

.how-it-works-steps {
    position: relative
}

.how-it-works-steps-path {
    display: none
}

.how-it-works-steps__bl {
    display: flex
}

.how-it-works-steps__bl:not(.how-it-works-steps__bl-1,.how-it-works-steps__bl-4) svg {
    fill: currentColor
}

.how-it-works-steps__bl:not(.how-it-works-steps__bl-4) span {
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%);
    border-radius: 50%
}

.how-it-works-steps__bl p {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2
}

.how-it-works-steps__bl span {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.how-it-works-steps__bl-1 p, .how-it-works-steps__bl-1 span {
    animation-delay: .3s
}

.how-it-works-steps__bl-1 svg {
    width: 29px;
    height: 31px
}

.how-it-works-steps__bl-2 p, .how-it-works-steps__bl-2 span {
    animation-delay: .6s
}

.how-it-works-steps__bl-2 svg {
    width: 26px;
    height: 26px
}

.how-it-works-steps__bl-3 p, .how-it-works-steps__bl-3 span {
    animation-delay: .9s
}

.how-it-works-steps__bl-3 svg {
    width: 27px;
    height: 25px
}

.how-it-works-steps__bl-4 {
    row-gap: 13px
}

.how-it-works-steps__bl-4 p, .how-it-works-steps__bl-4 span {
    animation-delay: 1.2s
}

.how-it-works-steps__bl-4 svg {
    width: 54px;
    height: 64px
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        opacity: 1
    }
    to {
        transform: perspective(400px);
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    100%, 50% {
        opacity: 1
    }
}

.how-it-works-steps__bl p, .how-it-works-steps__bl span {
    opacity: 0
}

.how-it-works-steps--animated p, .how-it-works-steps--animated span {
    animation-duration: .7s;
    animation-fill-mode: forwards
}

.how-it-works-steps--animated span {
    backface-visibility: visible;
    animation-name: flipInY
}

.how-it-works-steps--animated p {
    animation-name: zoomIn
}

@media (min-width: 1201px) {
    .how-it-works-steps-path--desktop {
        display: block
    }

    .how-it-works-steps {
        padding-left: 3.90625%;
        padding-right: 15.78125%;
        padding-bottom: 65px
    }

    .how-it-works-steps__bl {
        position: absolute
    }

    .how-it-works-steps__bl-2, .how-it-works-steps__bl-3, .how-it-works-steps__bl-4 {
        flex-direction: column
    }

    .how-it-works-steps__bl-2, .how-it-works-steps__bl-3 {
        row-gap: 10px
    }

    .how-it-works-steps__bl-1 {
        column-gap: 25px;
        left: 1.25%;
        bottom: 0
    }

    .how-it-works-steps__bl-1 span {
        width: 80px;
        height: 80px
    }

    .how-it-works-steps__bl-1 p {
        padding-top: 35px
    }

    .how-it-works-steps__bl-2 {
        left: 30%;
        bottom: 50%
    }

    .how-it-works-steps__bl-2 span {
        width: 70px;
        height: 70px
    }

    .how-it-works-steps__bl-2 p {
        padding-left: 35px
    }

    .how-it-works-steps__bl-3 {
        left: 58%;
        bottom: 29.5%
    }

    .how-it-works-steps__bl-3 span {
        width: 60px;
        height: 60px
    }

    .how-it-works-steps__bl-3 p {
        padding-left: 30px
    }

    .how-it-works-steps__bl-4 {
        right: 2%;
        bottom: 70%
    }

    .how-it-works-steps__bl-4 span {
        width: 54px;
        height: 64px
    }

    .how-it-works-steps__bl-4 p {
        padding-left: 8px
    }
}

@media (max-width: 1200px) {
    .how-it-works {
        margin-bottom: 108px
    }

    .how-it-works h2 {
        margin-bottom: 60px
    }

    .how-it-works-steps-path--mobile {
        display: block;
        position: absolute;
        left: calc((100% - 297px) / 2 + 37px);
        top: 48px
    }

    .how-it-works-steps {
        display: flex;
        flex-direction: column;
        row-gap: 71px;
        align-items: center
    }

    .how-it-works-steps__bl {
        width: min(297px, 100%);
        column-gap: 25px
    }

    .how-it-works-steps__bl span {
        position: relative;
        z-index: 1;
        width: 80px;
        height: 80px
    }

    .how-it-works-steps__bl p {
        padding-top: 35px
    }

    .how-it-works-steps__bl-4 svg {
        width: 80px;
        height: 95px
    }
}

@media (max-width: 576px) {
    .services-list {
        grid-template-columns:1fr
    }

    .services-list-item strong {
        font-size: 1.125rem
    }

    .order .order-container {
        border-radius: 0
    }

    .order h2 ~ p {
        max-width: 320px;
        font-size: .9375rem
    }

    .how-it-works {
        margin-bottom: 70px
    }

    .how-it-works h2 {
        margin-bottom: 40px
    }

    .how-it-works-steps__bl p {
        font-size: 1.25rem
    }
}

@media (max-width: 360px) {
    .how-it-works-steps__bl {
        width: min(280px, 100%)
    }

    .how-it-works-steps__bl p {
        font-size: 1rem
    }

    .how-it-works-steps-path--mobile {
        top: 25px;
        left: calc((100% - 280px) / 2 + 37px)
    }
}

@media (max-width: 310px) {
    .how-it-works-steps-path--mobile {
        top: 25px;
        left: calc((100% - 280px) / 2 + 41px)
    }
}

.delivery-terms-list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 30px
}

.delivery-terms-list-item {
    height: 100%;
    padding: 5px;
    border-radius: 50px;
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%)
}

.delivery-terms-list-item-header {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
    min-height: 85px
}

.delivery-terms-list-item-header svg:has(use[href$=fly]) {
    width: 40px;
    height: 36px;
    margin-left: -70px
}

.delivery-terms-list-item-header svg:has(use[href$=delivery--ship]) {
    width: 39px;
    height: 34px;
    margin-left: -69px
}

.delivery-terms-list-item-header svg:has(use[href$=delivery--econom]) {
    width: 30px;
    height: 30px;
    margin-left: -60px
}

.delivery-terms-list-item-header strong {
    display: inline-block;
    line-height: 1.2
}

.delivery-terms-list-item-main {
    display: flex;
    justify-content: center;
    padding: 53px 30px 56px;
    background-color: var(--c1);
    border-radius: 50px
}

.delivery-terms-list-item-list {
    display: flex;
    flex-direction: column;
    row-gap: 58px
}

.delivery-terms-list-item-list p, .delivery-terms-list-item-list strong {
    line-height: 1
}

.delivery-terms-list-item-list strong {
    display: block;
    margin-bottom: 16px;
    font-weight: 400
}

.delivery-terms-list-item-list p {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 800
}

@media (max-width: 1280px) {
    .delivery-terms-list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .delivery-terms-list {
        grid-template-columns:1fr
    }

    .info-2-content {
        row-gap: 40px
    }
}

@media (max-width: 576px) {
    .delivery-terms-list-item-header strong, .delivery-terms-list-item-list strong {
        font-size: 1.25rem
    }

    .delivery-terms-list-item-list p {
        font-size: 2.5rem
    }
}

@media (max-width: 390px) {
    .delivery-terms-list-item-header {
        column-gap: 15px
    }

    .delivery-terms-list-item-header svg:has(use[href$=delivery--econom]), .delivery-terms-list-item-header svg:has(use[href$=delivery--ship]), .delivery-terms-list-item-header svg:has(use[href$=fly]) {
        margin-left: -45px
    }

    .delivery-terms-list-item-header svg:has(use[href$=fly]) {
        width: 30px;
        height: 27px
    }

    .delivery-terms-list-item-header svg:has(use[href$=delivery--ship]) {
        width: 30px;
        height: 26px
    }
}

.faq h2 {
    padding-left: 145px
}

.info h1 + ol, .info h1 + p, .info h1 + ul {
    margin-top: -18px
}

.info p + ol, .info p + ul {
    margin-top: -40px
}

.info-2-content {
    display: grid
}

.info-2-content div p:last-child {
    margin-bottom: 0
}

@media (min-width: 769px) {
    .info-2-content {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        column-gap: 30px
    }
}

.article-container h1 {
    font-size: 3rem
}

.article-container > img, .article-container > picture {
    margin-bottom: 78px
}

@media (min-width: 1281px) {
    .article-container h1 {
        margin-bottom: 47px
    }
}

@media (max-width: 1280px) {
    .article-container > img, .article-container > picture {
        margin-bottom: 50px
    }
}

@media (max-width: 576px) {
    .article-container h1 {
        font-size: 2.8125rem
    }
}

@media (max-width: 415px) {
    .article-container h1 {
        font-size: 2.5rem
    }
}

@media (max-width: 360px) {
    .delivery-terms-list-item, .delivery-terms-list-item-main {
        border-radius: 40px
    }

    .delivery-terms-list-item-main {
        padding-left: 20px;
        padding-right: 20px
    }

    .article-container h1 {
        font-size: 2.1875rem
    }
}

@media (max-width: 320px) {
    .delivery-terms-list-item, .delivery-terms-list-item-main {
        border-radius: 30px
    }

    .delivery-terms-list-item-header svg:has(use[href$=delivery--econom]), .delivery-terms-list-item-header svg:has(use[href$=delivery--ship]), .delivery-terms-list-item-header svg:has(use[href$=fly]) {
        margin-left: -35px
    }

    .delivery-terms-list-item-header svg:has(use[href$=fly]) {
        width: 20px;
        height: 18px
    }

    .delivery-terms-list-item-header svg:has(use[href$=delivery--ship]) {
        width: 20px;
        height: 17px
    }

    .delivery-terms-list-item-header svg:has(use[href$=delivery--econom]) {
        width: 20px;
        height: 20px
    }

    .delivery-terms-list-item-main {
        padding-left: 15px;
        padding-right: 15px
    }

    .article-container h1 {
        font-size: 1.875rem
    }
}

.blogs-list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 50px 30px
}

.blogs-list-item {
    display: block;
    height: 100%
}

.blogs-list-item:hover .blogs-list-item-content p {
    color: var(--c5)
}

.blogs-list-item:hover .blogs-list-item-img img {
    scale: 1.05
}

.blogs-list-item-img {
    aspect-ratio: 10/10;
    border-radius: 10px
}

.blogs-list-item-img img {
    transition: .3s ease-in-out
}

.blogs-list-item-content {
    padding-top: 20px
}

.blogs-list-item-content p {
    position: relative;
    display: flex;
    column-gap: 15px;
    margin-bottom: 0;
    line-height: 1.2;
    color: var(--cb);
    transition: .3s ease-in-out
}

.blogs-list-item-content p:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.647059 3.08542e-07L0.647059 1.83118L7.87471 1.83118L0 9.70588L1.29412 11L9.16882 3.12529V10.3529L11 10.3529V0L0.647059 3.08542e-07Z' fill='%23303841'/%3E%3C/svg%3E") no-repeat;
    translate: 0 9px
}

@media (min-width: 769px) {
    .blogs-list-item-content {
        padding-right: 32px;
        padding-left: 25px
    }
}

@media (max-width: 1024px) {
    .blogs-list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 768px) {
    .blogs-list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .blogs-list-item-content p {
        font-size: 1.125rem
    }

    .blogs-list-item-content p:after {
        translate: 0 5px
    }
}

@media (max-width: 415px) {
    .blogs-list {
        grid-template-columns:1fr
    }
}

.gallery-list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 30px
}

.gallery-list-item-img {
    aspect-ratio: 11.4051094891/10;
    border-radius: 50px;
    cursor: zoom-in
}

@media (max-width: 415px) {
    .gallery-list {
        gap: 20px
    }

    .gallery-list-item-img {
        border-radius: 40px
    }
}

@media (max-width: 360px) {
    .blogs-list-item-content p {
        font-size: 1rem
    }

    .gallery-list-item-img {
        border-radius: 30px
    }
}

@media (max-width: 320px) and (max-width: 360px) {
    .gallery-list {
        gap: 15px
    }
}

.order-buyout-form {
    display: flex;
    flex-direction: column;
    row-gap: 55px
}

.order-buyout-form__bl {
    padding-left: 40px;
    padding-right: 40px
}

.order-buyout-form__list {
    display: grid;
    gap: 40px
}

.order-buyout-form__list-1 + .order-buyout-form__list-1 {
    margin-top: 40px
}

.order-buyout-form__list-1 + .order-buyout-form-add-btn-wrapper {
    margin-top: 45px
}

.order-buyout-form-add-btn-wrapper {
    display: flex;
    justify-content: center
}

.order-buyout-form-add-btn {
    display: inline-flex;
    align-items: center;
    column-gap: 25px;
    padding: 0;
    font-size: .9rem;
    line-height: 1.2;
    cursor: pointer;
    transition: .3s ease-in-out
}

.order-buyout-form-add-btn span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1;
    color: var(--cb);
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%);
    border-radius: 50%
}

.order-buyout-form-add-btn:hover {
    color: var(--c5)
}

.order-buyout-form__bl-2 {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: var(--c7);
    border-radius: 50px
}

.order-buyout-form__list-2 + .order-buyout-form__list-3 {
    margin-top: 43px
}

@media (min-width: 1025px) {
    .order-buyout-form__list-1 {
        grid-template-columns:1fr 200px 200px
    }

    .order-buyout-form__list-2 {
        grid-template-columns:1fr 36%
    }

    .order-buyout-form__list-3 {
        grid-template-columns:repeat(3, 1fr);
        align-items: end
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    .order-buyout-form__list-1 {
        grid-template-columns:repeat(2, 1fr)
    }

    .order-buyout-form__list-1 > div:first-child {
        grid-column: 1/span 2
    }
}

@media (max-width: 576px) {
    .order-buyout-form__bl {
        padding-left: 0;
        padding-right: 0
    }

    .order-buyout-form__bl-2 {
        margin-left: -30px;
        margin-right: -30px;
        padding: 27px 30px 30px;
        border-radius: 0
    }

    .order-buyout-form__list {
        gap: 30px
    }
}

@media (max-width: 360px) {
    .order-buyout-form__bl-2 {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 320px) {
    .order-buyout-form__bl-2 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.calculator-tabs h3 {
    margin-bottom: 40px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center
}

.calculator-tabs-list-btn {
    display: flex;
    padding: 0;
    font-weight: 700;
    line-height: 1.2;
    align-items: center;
    height: 80px;
    background-color: rgba(255, 255, 255, .3);
    transition: .3s ease-in-out
}

.calculator-form table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px
}

.calculator-form td {
    font-size: .7rem;
    line-height: 1.2
}

.calculator-form td:first-child {
    text-align: right
}

.calculator-form__bl-2 {
    border-bottom: 1px solid var(--c7)
}

.calculator-form__list-1, .calculator-form__list-2 {
    display: grid
}

@media (min-width: 769px) {
    .calculator-form__list-1 {
        grid-template-columns:165px 1fr;
        gap: 30px;
        align-items: center
    }

    .calculator-form__list-2 {
        grid-template-columns:repeat(2, 1fr);
        column-gap: 30px
    }
}

.calculator-form__list-3 {
    display: flex;
    flex-direction: column;
    row-gap: 22px
}

.calculator-form__list-3 + .calculator-form__add-services-price {
    margin-top: 34px;
    padding-left: 40px
}

.calculator-form__add-services-price {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1
}

.calculator-form__total-delivery-price p {
    margin-bottom: 0;
    line-height: 1.2
}

.calculator-form__total-delivery-price p + span {
    display: block;
    margin-top: 11px;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1
}

.calculator-tabs-list-btn svg {
    fill: currentColor
}

.calculator-tabs-list-btn svg:has(use[href$=fly]) {
    left: 33px;
    width: 33px;
    height: 33px
}

.calculator-tabs-list-btn svg:has(use[href$=delivery--ship]) {
    left: 30px;
    width: 38px;
    height: 34px
}

.calculator-tabs-list-btn svg:has(use[href$=delivery--econom]) {
    left: 35px;
    width: 29px;
    height: 29px
}

.calculator-tabs-list-btn svg:has(use[href$=basket]) {
    left: 38px;
    width: 22px;
    height: 22px
}

@media (min-width: 1025px) {
    .calculator-tabs {
        display: flex
    }

    .calculator-tabs-list {
        flex-shrink: 0;
        flex-basis: 400px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        min-height: 966px;
        padding: 48px 0 48px 30px;
        border-radius: 50px;
        background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%)
    }

    .calculator-tabs-content {
        margin-top: 47px;
        margin-bottom: 47px;
        flex-grow: 1;
        padding: 60px 60px 55px;
        border-radius: 0 50px 50px 0;
        border-top: 2px solid var(--c11);
        border-right: 2px solid var(--c11);
        border-bottom: 2px solid var(--c11);
        background-color: var(--c1)
    }

    .calculator-tabs-list-btn {
        position: relative;
        padding-left: 104px;
        border-radius: 40px 0 0 40px
    }

    .calculator-tabs-list-btn:hover {
        background-color: var(--cb);
        color: var(--c1)
    }

    .calculator-tabs-list-btn.active {
        background-color: var(--c1);
        pointer-events: none
    }

    .calculator-tabs-list-btn svg {
        position: absolute;
        top: 50%;
        translate: 0 -50%
    }

    .calculator-form__bl-2 {
        margin-bottom: 50px;
        padding-top: 55px;
        padding-bottom: 36px
    }

    .calculator-form__list-4 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        column-gap: 30px
    }

    .calculator-form__list-4 > div:first-child {
        margin-top: -7px
    }
}

@media (max-width: 1024px) {
    .calculator-form__bl-2 {
        margin-bottom: 23px;
        padding-top: 33px;
        padding-bottom: 57px
    }

    .calculator-form__list-4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 33px
    }

    .calculator-tabs-content {
        display: none
    }

    .calculator-tabs-list {
        padding: 45px 0 45px 30px;
        border-radius: 50px 0 0 50px;
        background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 100%)
    }

    .calculator-tabs-content-item, .calculator-tabs-list-btn, .calculator-tabs-list-btn:after {
        transition: .4s ease-in-out
    }

    .calculator-tabs-list-btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 15px;
        width: 100%;
        margin-bottom: 30px;
        font-weight: 700;
        line-height: 1.2;
        border-radius: 40px 0 0 40px;
        background-color: rgba(255, 255, 255, .3);
        cursor: pointer
    }

    .calculator-tabs-list-btn svg {
        position: absolute;
        top: 50%;
        translate: 0 -50%
    }

    .calculator-tabs-list-btn:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 30px;
        translate: 0 -50%;
        transform-origin: 50% 50%;
        width: 8px;
        height: 13px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.59546 7.45315C7.8545 7.19805 8 6.85225 8 6.4917C8 6.13116 7.8545 5.78536 7.59546 5.53026L2.37962 0.3983C2.12012 0.143188 1.76822 -8.44766e-05 1.40132 6.05241e-07C1.21966 4.27335e-05 1.03977 0.0352787 0.87195 0.103697C0.704126 0.172115 0.551648 0.272376 0.423219 0.398754C0.29479 0.525132 0.192926 0.675153 0.123445 0.840252C0.0539623 1.00535 0.0182219 1.18229 0.0182649 1.36098C0.0183078 1.53966 0.0541331 1.71659 0.123695 1.88165C0.193256 2.04672 0.295191 2.19669 0.42368 2.32301L4.66109 6.49171L0.422758 10.6604C0.290583 10.7858 0.185132 10.9359 0.112558 11.1019C0.0399837 11.2678 0.00174133 11.4464 5.90666e-05 11.627C-0.0016232 11.8077 0.0332904 11.9868 0.102762 12.1541C0.172234 12.3213 0.274872 12.4732 0.404689 12.6011C0.534506 12.7289 0.688901 12.83 0.858866 12.8984C1.02883 12.9669 1.21096 13.0014 1.39463 13C1.5783 12.9985 1.75983 12.961 1.92863 12.8898C2.09743 12.8186 2.25011 12.715 2.37778 12.5851L7.5973 7.45315L7.59546 7.45315Z' fill='%23303841'/%3E%3C/svg%3E")
    }

    .calculator-tabs-list-btn.open {
        margin-bottom: 0;
        border-radius: 40px 0 0;
        background-color: var(--c1)
    }

    .calculator-tabs-list-btn.open:after {
        rotate: 90deg
    }

    .calculator-tabs-list-btn.open + .calculator-tabs-content-item {
        max-height: 9999px;
        opacity: 1;
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 50px;
        border-radius: 0 0 0 40px
    }

    .calculator-tabs-content-item {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        padding-left: 30px;
        padding-right: 30px;
        background-color: var(--c1)
    }
}

@media (max-width: 768px) {
    .calculator-form__bl-2 {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .calculator-form__list-2 {
        row-gap: 22px
    }

    .calculator-form__list-3 + .calculator-form__add-services-price {
        margin-top: 42px
    }
}

@media (max-width: 576px) {
    .calculator-tabs {
        margin-right: -30px
    }

    .calculator-tabs-list {
        transition: .3s ease-in-out
    }

    .calculator-tabs-list:has(.open) {
        padding-left: 5px
    }

    .calculator-tabs-list:has(.open) .calculator-tabs-list-btn:not(.open) {
        width: calc(100% - 25px);
        margin-left: auto
    }

    .calculator-tabs h3, .calculator-tabs-list-btn {
        font-size: 1.25rem
    }

    .calculator-form__add-services-price {
        font-size: 1.875rem
    }

    .calculator-form__total-delivery-price p {
        font-size: 1.25rem
    }

    .calculator-form__total-delivery-price p + span {
        font-size: 2.5rem
    }

    .calculator-form td {
        font-size: .875rem
    }
}

@media (max-width: 415px) {
    .calculator-tabs-list-btn {
        font-size: 1rem
    }
}

@media (max-width: 370px) {
    .calculator-tabs-list-btn {
        font-size: .875rem
    }
}

footer {
    background-color: var(--cb);
    border-radius: 100px 100px 0 0
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 1280px) {
    .footer-container {
        flex-direction: column
    }

    .footer-bl:not(.footer-bl-5,.footer-bl-12) {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 576px) {
    .footer-bl:not(.footer-bl-5,.footer-bl-12) {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 390px) {
    .footer-bl:not(.footer-bl-5,.footer-bl-12) {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 360px) {
    .calculator-tabs {
        margin-right: -20px
    }

    .calculator-tabs-list {
        padding-left: 20px;
        border-radius: 40px 0 0 40px
    }

    .calculator-tabs-list:has(.open) .calculator-tabs-list-btn:not(.open) {
        width: calc(100% - 15px)
    }

    .calculator-tabs-list-btn {
        margin-bottom: 20px;
        border-radius: 40px 0 0 40px
    }

    .calculator-tabs-content-item {
        padding-left: 20px;
        padding-right: 20px
    }

    footer {
        border-radius: 40px 40px 0 0
    }

    .footer-bl:not(.footer-bl-5,.footer-bl-12) {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 320px) {
    .calculator-tabs {
        margin-right: -15px
    }

    .calculator-tabs-list {
        padding-left: 15px;
        border-radius: 30px 0 0 30px
    }

    .calculator-tabs-list:has(.open) .calculator-tabs-list-btn:not(.open) {
        width: calc(100% - 10px)
    }

    .calculator-tabs-list-btn {
        margin-bottom: 15px;
        font-size: .75rem;
        border-radius: 30px 0 0 30px
    }

    .calculator-tabs-list-btn.open + .calculator-tabs-content-item {
        border-radius: 0 0 0 30px
    }

    .calculator-tabs-content-item {
        padding-left: 15px;
        padding-right: 15px
    }

    footer {
        border-radius: 30px 30px 0 0
    }

    .footer-bl:not(.footer-bl-5,.footer-bl-12) {
        padding-left: 0;
        padding-right: 0
    }
}

.footer-logo-company {
    width: 182px;
    height: 65px
}

.footer-contacts, .footer-contacts a {
    color: var(--c6)
}

.footer-contacts a:hover, .footer-lang a.active {
    color: var(--c1)
}

.footer-lang a:not(.active) {
    color: var(--c6)
}

.footer-lang a:not(.active):hover {
    color: var(--c1)
}

.footer-lang a:not(.active):hover:hover {
    text-decoration-color: rgba(var(--c6), 0)
}

.btn.footer-user-btn {
    color: var(--c6);
    border-color: var(--c6)
}

.btn.footer-user-btn:hover {
    color: var(--c5);
    border: 1px solid var(--c5)
}

@media (min-width: 1281px) {
    .footer-top {
        padding-top: 62px;
        padding-bottom: 53px
    }

    .footer-top .footer-container {
        position: relative
    }

    .footer-bl-4, .footer-bl-5 {
        display: flex;
        align-items: center
    }

    .footer-logo-company {
        translate: 0 -13px
    }

    .footer-bl-4 {
        column-gap: 65px
    }

    .footer-bl-5 {
        column-gap: 27px
    }
}

@media (min-width: 1311px) {
    .footer-bl-1 {
        padding-left: 50px
    }
}

@media (max-width: 1280px) {
    .footer-top {
        padding-top: 60px;
        padding-bottom: 63px
    }

    .footer-top .footer-container {
        row-gap: 42px
    }

    .footer-bl-3, .footer-lang {
        display: none
    }

    .footer-bl-12 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 20px;
        margin-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px
    }

    .footer-bl-12 .footer-lang {
        display: flex
    }
}

.footer-middle .footer-container {
    align-items: flex-start
}

.footer-middle h3 {
    margin-bottom: 32px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1;
    color: var(--c6)
}

.footer-middle .s_divisions_h_list a {
    color: var(--c1)
}

.footer-list {
    display: flex;
    flex-direction: column
}

.footer-list a {
    display: inline-block;
    line-height: 1.2;
    color: var(--c1)
}

.footer-list a:hover {
    color: var(--c6)
}

.footer-list-style-1 {
    row-gap: 11px
}

.footer-list-style-2 {
    row-gap: 10px
}

@media (min-width: 1281px) {
    .footer-middle {
        padding-bottom: 75px
    }

    .footer-middle .footer-container {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        column-gap: 30px
    }

    .footer-bl-8 {
        display: flex;
        justify-content: center
    }

    .footer-list-style-2 a {
        font-size: .75rem
    }
}

@media (min-width: 577px) and (max-width: 1280px) {
    .footer-middle .footer-container {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        column-gap: 30px;
        row-gap: 64px
    }

    .footer-middle .footer-container > div:last-child {
        grid-column: 1/span 2;
        display: flex;
        justify-content: center
    }
}

@media (max-width: 1280px) {
    .footer-middle {
        padding-bottom: 27px
    }

    .footer-bl-5 {
        display: flex;
        gap: 15px;
        flex-wrap: wrap
    }

    .footer-list-style-2 a {
        font-size: .8rem
    }
}

@media (max-width: 576px) {
    .footer-middle .footer-container {
        row-gap: 60px
    }

    .footer-middle h3 {
        font-size: 1rem
    }

    .footer-list a {
        font-size: 1.25rem
    }

    .footer-bl-5 {
        flex-direction: column;
        align-items: center
    }

    .footer-bl-8 {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 4px
    }
}

.footer-copyright, .footer-terms-privacy-policy, .footer-terms-privacy-policy a {
    font-size: .8rem;
    line-height: 1.2;
    color: var(--c1)
}

.footer-terms-privacy-policy {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px
}

.footer-terms-privacy-policy a {
    display: inline-block
}

.footer-terms-privacy-policy a:hover {
    color: var(--c6)
}

.footer-copyright {
    margin-bottom: 0
}

.mico-logo-company {
    display: inline-block;
    width: 86px;
    height: 37px;
    color: var(--c1)
}

.mico-logo-company path {
    fill: currentColor
}

.mico-logo-company:hover {
    color: var(--c6)
}

@media (min-width: 1281px) {
    .footer-bottom {
        padding-top: 22px;
        padding-bottom: 22px;
        border-top: 1px solid var(--c9)
    }

    .footer-bl-11, .footer-bl-9 {
        display: flex;
        justify-content: center
    }
}

@media (max-width: 1280px) {
    .footer-bottom {
        padding-bottom: 40px
    }

    .footer-bottom .footer-container {
        row-gap: 68px
    }

    .footer-bl-10 {
        display: none
    }
}

@media (max-width: 576px) {
    .footer-terms-privacy-policy a {
        font-size: 1rem
    }
}

@font-face {
    font-family: lg;
    src: url(./fonts/Lightbox/Lightbox.woff2?io9a6k) format("woff2"), url(./fonts/Lightbox/Lightbox.ttf?io9a6k) format("truetype"), url(./fonts/Lightbox/Lightbox.woff?io9a6k) format("woff"), url(./fonts/Lightbox/Lightbox.svg?io9a6k#lg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: lg;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-next, .lg-prev {
    position: absolute;
    top: 50%;
    z-index: 1084;
    translate: 0 -50%;
    padding: 0;
    color: var(--cb);
    cursor: pointer;
    font-size: 22px;
    outline: 0;
    border: none
}

.lg-next.disabled, .lg-prev.disabled {
    opacity: 0 !important;
    cursor: default
}

.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
    color: var(--c1)
}

.lg-single-item .lg-next, .lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

.lg-next:before {
    content: "\e095"
}

.lg-prev {
    left: 20px
}

.lg-prev:after {
    content: "\e094"
}

@keyframes lg-right-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: -30px
    }
}

@keyframes lg-left-end {
    0%, 100% {
        left: 0
    }
    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    animation: .3s lg-right-end;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    animation: .3s lg-left-end;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
    color: var(--cb);
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0;
    will-change: color;
    transition: color .2s linear;
    background: 0 0;
    border: none;
    box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: var(--c1)
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: "\e90a"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    color: #000;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    transition: opacity .2s ease-out
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: var(--cb);
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-next, .lg-closing .lg-prev, .lg-closing .lg-sub-html, .lg-closing .lg-toolbar {
    opacity: 0;
    transition: transform .3s cubic-bezier(0, 0, .25, 1), opacity .3s cubic-bezier(0, 0, .25, 1), color .3s linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
    will-change: transform, opacity;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1), opacity 250ms cubic-bezier(0, 0, .25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.lg-icon:focus-visible {
    color: #fff;
    border-radius: 3px;
    outline: rgba(255, 255, 255, .6) dashed 1px
}

.lg-toolbar .lg-icon:focus-visible {
    border-radius: 8px;
    outline-offset: -5px
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    float: left
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb, .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
    text-align: center
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
    text-align: left
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
    text-align: right
}

.lg-outer.lg-single-item .lg-thumb-outer {
    display: none
}

.lg-outer .lg-thumb {
    padding: 5px 0;
    height: 100%;
    margin-bottom: -5px;
    display: inline-block;
    vertical-align: middle
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    margin-bottom: 5px;
    will-change: border-color
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb {
        padding: 10px 0
    }

    .lg-outer .lg-thumb-item {
        border-radius: 4px;
        border: 2px solid #fff;
        transition: border-color .25s
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer .lg-toggle-thumb:after {
    content: "\e1ff"
}

.lg-outer.lg-animate-thumb .lg-thumb {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.lg-outer .lg-video-cont {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.lg-outer .lg-video-cont .lg-object {
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-has-iframe .lg-video-cont {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-video-object {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 3
}

.lg-outer .lg-video-poster {
    z-index: 1
}

.lg-outer .lg-has-video .lg-video-object {
    opacity: 0;
    will-change: opacity;
    transition: opacity .3s ease-in
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button, .lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
    opacity: 0 !important
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
    opacity: 1
}

@keyframes lg-play-stroke {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes lg-play-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.lg-video-play-button {
    width: 18%;
    max-width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%, -50%) scale(1);
    will-change: opacity, transform;
    transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s
}

.lg-video-play-button:hover .lg-video-play-icon, .lg-video-play-button:hover .lg-video-play-icon-bg {
    opacity: 1
}

.lg-video-play-icon-bg {
    fill: none;
    stroke-width: 3%;
    stroke: #fcfcfc;
    opacity: .6;
    will-change: opacity;
    transition: opacity .12s ease-in
}

.lg-video-play-icon-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    fill: none;
    stroke-width: 3%;
    stroke: rgba(30, 30, 30, .9);
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200
}

.lg-video-play-icon {
    position: absolute;
    width: 25%;
    max-width: 120px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: .6;
    will-change: opacity;
    transition: opacity .12s ease-in
}

.lg-video-play-icon .lg-video-play-icon-inner {
    fill: #fcfcfc
}

.lg-video-loading .lg-video-play-icon-circle {
    animation: 2s linear .25s infinite lg-play-rotate, 1.5s ease-in-out .25s infinite lg-play-stroke
}

.lg-video-loaded .lg-video-play-button {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.7)
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    will-change: opacity;
    transition: opacity 80ms
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-single-item .lg-autoplay-button {
    opacity: .75;
    pointer-events: none
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition-duration: 0s !important
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19)
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    transition: transform .8s cubic-bezier(0, 0, .25, 1)
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    transform: scale3d(1, 1, 1);
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19), opacity .15s !important;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition {
    transition: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition {
    transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0) !important;
    max-width: none !important;
    max-height: none !important;
    top: 50% !important;
    left: 50% !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x {
    transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0) !important;
    top: 0 !important;
    left: 50% !important;
    max-width: none !important;
    max-height: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
    transform: scale3d(1, 1, 1) translate3d(0, -50%, 0) !important;
    top: 50% !important;
    left: 0 !important;
    max-width: none !important;
    max-height: none !important
}

.lg-icon.lg-zoom-in:after {
    content: "\e311"
}

.lg-actual-size .lg-icon.lg-zoom-in {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-actual-size {
    font-size: 20px
}

.lg-icon.lg-actual-size:after {
    content: "\e033"
}

.lg-icon.lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-zoom-out {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-pager-outer {
    text-align: center;
    z-index: 1080;
    height: 10px;
    margin-bottom: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer.lg-single-item .lg-pager-outer {
    display: none
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    will-change: transform, opacity;
    transition: opacity .15s, transform .15s;
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    transition: box-shadow .3s;
    width: 12px
}

.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer .lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    will-change: visibility, opacity;
    transition: visibility linear .18s, opacity .18s linear
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active .lg-dropdown-overlay {
    transition-delay: 0s;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active .lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 5px, 0);
    will-change: visibility, opacity, transform;
    transition: transform .18s linear, visibility linear .5s, opacity .18s linear
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown > li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer .lg-share {
    position: relative
}

.lg-outer .lg-share:after {
    content: "\e80d"
}

.lg-outer .lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer .lg-share-facebook .lg-icon:after {
    content: "\e904"
}

.lg-outer .lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer .lg-share-twitter .lg-icon:after {
    content: "\e907"
}

.lg-outer .lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer .lg-share-pinterest .lg-icon:after {
    content: "\e906"
}

.lg-comment-box {
    width: 420px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    will-change: transform;
    transform: translate3d(100%, 0, 0);
    transition: transform .4s cubic-bezier(0, 0, .25, 1)
}

.lg-comment-box .lg-comment-title {
    margin: 0;
    color: #fff;
    font-size: 18px
}

.lg-comment-box .lg-comment-header {
    background-color: #000;
    padding: 12px 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.lg-comment-box .lg-comment-body {
    height: 100% !important;
    padding-top: 43px !important;
    width: 100% !important
}

.lg-comment-box .fb-comments {
    height: 100%;
    width: 100%;
    background: url(./img/loading.gif) center center no-repeat #fff;
    overflow-y: auto;
    display: inline-block
}

.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
    background-image: none
}

.lg-comment-box .fb-comments > span {
    max-width: 100%
}

.lg-comment-box .lg-comment-close {
    position: absolute;
    right: 5px;
    top: 12px;
    cursor: pointer;
    font-size: 20px;
    color: #999;
    will-change: color;
    transition: color .2s linear
}

.lg-comment-box .lg-comment-close:hover {
    color: #fff
}

.lg-comment-box .lg-comment-close:after {
    content: "\e070"
}

.lg-comment-box iframe {
    max-width: 100% !important;
    width: 100% !important
}

.lg-comment-box #disqus_thread {
    padding: 0 20px
}

.lg-outer .lg-comment-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    will-change: visibility, opacity;
    transition: visibility linear .18s, opacity .18s linear
}

.lg-outer .lg-comment-toggle:after {
    content: "\e908"
}

.lg-outer.lg-comment-active .lg-comment-overlay {
    transition-delay: 0s;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-comment-active .lg-comment-toggle {
    color: #fff
}

.lg-outer.lg-comment-active .lg-comment-box {
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-img-rotate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: transform .4s cubic-bezier(0, 0, .25, 1)
}

.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, .lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=video] .lg-flip-ver, .lg-outer[data-lg-slide-type=video] .lg-rotate-left, .lg-outer[data-lg-slide-type=video] .lg-rotate-right {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-img-rotate:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-rotate-left:after {
    content: "\e900"
}

.lg-rotate-right:after {
    content: "\e901"
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
    font-size: 26px
}

.lg-flip-ver:after {
    content: "\e903"
}

.lg-flip-hor:after {
    content: "\e902"
}

.lg-medium-zoom-item {
    cursor: zoom-in
}

.lg-medium-zoom .lg-outer, .lg-medium-zoom .lg-outer.lg-grab img.lg-object, .lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
    cursor: zoom-out
}

.lg-relative-caption .lg-outer .lg-sub-html {
    white-space: normal;
    bottom: auto;
    padding: 0;
    background-image: none
}

.lg-relative-caption .lg-outer .lg-relative-caption-item {
    opacity: 0;
    padding: 16px 0;
    transition: opacity .5s
}

.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
    opacity: 1
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-container {
    outline: 0;
    display: none
}

.lg-on {
    scroll-behavior: unset
}

.lg-overlay-open {
    overflow: hidden
}

.lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .lg-toolbar {
    opacity: 0;
    will-change: transform, opacity;
    transition: transform .25s cubic-bezier(0, 0, .25, 1), opacity .25s cubic-bezier(0, 0, .25, 1)
}

.lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar, .lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: 0;
    will-change: auto;
    overflow: hidden;
    transition: opacity .15s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-visible, .lg-outer.lg-zoom-from-image {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 16px;
    transition: opacity;
    white-space: nowrap
}

.lg-outer .lg-item {
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(./img/loading.gif) center center no-repeat
}

.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative
}

.lg-outer .lg-empty-html .lg-sub-html, .lg-outer .lg-empty-html.lg-sub-html {
    display: none
}

.lg-outer.lg-hide-download .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity .2s ease-out .15s
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background: linear-gradient(276deg, var(--c5) 4.24%, var(--c6) 94.49%);
    opacity: 0;
    will-change: auto;
    transition: opacity 333ms ease-in
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
    transition: none !important
}

.lg-css3.lg-use-css3 .lg-item {
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
    transition: opacity .1s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275)
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    transition: transform 1s cubic-bezier(0, 0, .25, 1)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transition: transform 1s cubic-bezier(0, 0, .25, 1), opacity .1s
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-inline .lg-backdrop, .lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: "\e909"
}

.lg-components {
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    transition: transform .35s ease-out;
    z-index: 1080;
    position: absolute;
    bottom: 7px;
    right: 0;
    left: 0
}

.choices {
    position: relative;
    overflow: hidden
}

.choices:focus {
    outline: 0
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: var(--c1);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    width: 100%
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1040_230)'%3E%3Cpath d='M0 8.81571L8.81571 0L9.99143 1.175L1.175 9.99143L0 8.81571Z' fill='%23FFFFFF'/%3E%3Cpath d='M1.18428 0.00854492L10.0007 8.82497L8.82499 9.99997L0.00927734 1.18426L1.18428 0.00854492Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1040_230'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    line-height: 1;
    border-radius: 0;
    opacity: .75;
    transition: .3s ease-in-out
}

.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 15px;
    border: 1px solid var(--c11);
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--c1)
}

.choices__inner:focus {
    background-color: var(--c1);
    border-color: var(--cb)
}

[data-type=select-multiple] .choices__inner {
    padding-top: 4px;
    padding-bottom: 4px
}

[data-type=select-multiple] .choices__input {
    padding-top: 0;
    padding-bottom: 0
}

.is-focused.is-open .choices__inner {
    border-color: var(--cb)
}

.is-focused.is-open .choices__inner:after {
    rotate: 180deg
}

.is-open .choices__inner {
    border-radius: 5px 5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 5px 5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: flex;
    align-items: center;
    height: 40px;
    padding-right: 15px
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 15px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices.is-open .choices__list--multiple {
    padding-top: 10px
}

.choices__list--multiple {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.choices__list--multiple .choices__item {
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
    padding-left: 14px;
    font-size: 1rem;
    font-weight: 400;
    background-color: var(--cb);
    border: 1px solid var(--cb);
    color: var(--c1);
    border-radius: 5px;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: var(--cb);
    border: 1px solid var(--cb)
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 2;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid var(--c7);
    border-top: none;
    top: calc(100% + 1px);
    margin-top: -1px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    transition: .3s cubic-bezier(.23, 1, .32, 1)
}

.choices__list--dropdown.position-top, .choices__list[aria-expanded].position-top {
    top: auto;
    bottom: 38px
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: var(--cb)
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__list > div, .choices__list[aria-expanded] .choices__list > div {
    border-bottom: 1px solid rgba(252, 130, 51, .2)
}

.choices__list--dropdown .choices__list > div:last-child, .choices__list[aria-expanded] .choices__list > div:last-child {
    border-bottom-color: transparent
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 13px 15px 12px
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--cb);
    color: var(--c1)
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus, .choices__input:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

@media (min-width: 1280px) {
    /*.toggle__inner {*/
    /*    display: grid;*/
    /*    grid-template-columns:repeat(2, 1fr);*/
    /*    row-gap: 30px*/
    /*}*/
}

.cab-divs-selector {
    position: relative;
    display: inline-block
}

.cab-divs-menu {
    position: absolute;
    left: 50%;
    top: calc(100% + 8px);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 40px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
    padding: 20px 6px;
    min-width: 100px;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(calc(-50% + var(--shiftX, 0px))) translateY(6px) scale(.98);
    transform-origin: top center;
    transition: transform .22s cubic-bezier(.2, .7, .3, 1), opacity .22s ease, visibility 0s linear .22s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity
}

.cab-divs-menu.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(calc(-50% + var(--shiftX, 0px))) translateY(0) scale(1);
    transition: transform .22s cubic-bezier(.2, .7, .3, 1), opacity .22s ease, visibility 0s
}

.cab-divs-menu.drop-up {
    bottom: calc(100% + 8px);
    top: auto;
    transform-origin: bottom center;
    transform: translateX(calc(-50% + var(--shiftX, 0px))) translateY(-6px) scale(.98)
}

.cab-divs-menu.drop-up.open {
    transform: translateX(calc(-50% + var(--shiftX, 0px))) translateY(0) scale(1)
}

.cab-divs-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #111;
    background: transparent;
    border: 0;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: none
}

.cab-divs-menu-item:hover {
    background: #f3f5f9
}

.cab-divs-menu img {
    width: 20px;
    height: 20px
}

@media (max-width: 600px) {
    .cab-divs-menu {
        left: 50%
    }
}
/*id компілюється через less врахувати при зміні*/
#frontendr-body .centerpanelbody.table-wrapper {
	display: block;
	width: 100%;
	overflow-x: auto;
	scroll-behavior: smooth;
}

.notification-dot {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background-color: var(--c16);
    border-radius: 50%;
}
.toggle-btn-style > .notification-dot {
    display: none;
}

.notification-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--c16);
    color: white;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
}

.menu-badge {
    display: inline-block;
    font-size: 12px;
    padding: 3px 7px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 50%;
    background-color: var(--c16);
    color: white;
}