/* Start:/bitrix/templates/okshop/styles.css?1704971676343569*/
@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
    margin: 0;
}
html,
body {
    height: 100%;
    min-height: 100%;
}
/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
    display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
    margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
    display: block;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
    font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
    font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
    font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
    background-color: #ff0;
    color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
    font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
    display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
    border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
    overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    /**
       * Remove the inner border and padding in Firefox.
       */
    /**
       * Restore the focus styles unset by the previous rule.
       */
}

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

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

/**
     * Show the overflow in Edge.
     */
input {
    overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
    /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}

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

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
     * Correct the padding in Firefox.
     */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
    box-sizing: border-box;
    /* 1 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    color: inherit;
    /* 2 */
    white-space: normal;
    /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
    overflow: auto;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
    display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
    display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
    display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
    display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
    display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
    display: none;
}



.q-container-small {
    width: 100%;
    max-width: 945px;
    padding: 0 0rem;
    margin: 0 auto;
}
.q-container-contacts{
    width: 100%;
    max-width: 560px;
    padding: 0 0rem;
    margin: 0 auto;
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

.columns.q-mobile > .column.q-narrow {
    flex: none;
}

.columns.q-mobile > .column.q-full {
    flex: none;
    width: 100%;
}

.columns.q-mobile > .column.q-3-4 {
    flex: none;
    width: 75%;
}

.columns.q-mobile > .column.q-2-3 {
    flex: none;
    width: 66.6666%;
}

.columns.q-mobile > .column.q-1-2 {
    flex: none;
    width: 50%;
}

.columns.q-mobile > .column.q-1-3 {
    flex: none;
    width: 33.3333%;
}

.columns.q-mobile > .column.q-1-4 {
    flex: none;
    width: 25%;
}

.columns.q-mobile > .column.q-offset-3-4 {
    margin-left: 75%;
}

.columns.q-mobile > .column.q-offset-2-3 {
    margin-left: 66.6666%;
}

.columns.q-mobile > .column.q-offset-1-2 {
    margin-left: 50%;
}

.columns.q-mobile > .column.q-offset-1-3 {
    margin-left: 33.3333%;
}

.columns.q-mobile > .column.q-offset-1-4 {
    margin-left: 25%;
}

.columns.q-mobile > .column.q-1 {
    flex: none;
    width: 8.33333%;
}

.columns.q-mobile > .column.q-offset-1 {
    margin-left: 8.33333%;
}

.columns.q-mobile > .column.q-2 {
    flex: none;
    width: 16.66667%;
}

.columns.q-mobile > .column.q-offset-2 {
    margin-left: 16.66667%;
}

.columns.q-mobile > .column.q-3 {
    flex: none;
    width: 25%;
}

.columns.q-mobile > .column.q-offset-3 {
    margin-left: 25%;
}

.columns.q-mobile > .column.q-4 {
    flex: none;
    width: 33.33333%;
}

.columns.q-mobile > .column.q-offset-4 {
    margin-left: 33.33333%;
}

.columns.q-mobile > .column.q-5 {
    flex: none;
    width: 41.66667%;
}

.columns.q-mobile > .column.q-offset-5 {
    margin-left: 41.66667%;
}

.columns.q-mobile > .column.q-6 {
    flex: none;
    width: 50%;
}

.columns.q-mobile > .column.q-offset-6 {
    margin-left: 50%;
}

.columns.q-mobile > .column.q-7 {
    flex: none;
    width: 58.33333%;
}

.columns.q-mobile > .column.q-offset-7 {
    margin-left: 58.33333%;
}

.columns.q-mobile > .column.q-8 {
    flex: none;
    width: 66.66667%;
}

.columns.q-mobile > .column.q-offset-8 {
    margin-left: 66.66667%;
}

.columns.q-mobile > .column.q-9 {
    flex: none;
    width: 75%;
}

.columns.q-mobile > .column.q-offset-9 {
    margin-left: 75%;
}

.columns.q-mobile > .column.q-10 {
    flex: none;
    width: 83.33333%;
}

.columns.q-mobile > .column.q-offset-10 {
    margin-left: 83.33333%;
}

.columns.q-mobile > .column.q-11 {
    flex: none;
    width: 91.66667%;
}

.columns.q-mobile > .column.q-offset-11 {
    margin-left: 91.66667%;
}

.columns.q-mobile > .column.q-12 {
    flex: none;
    width: 100%;
}

.columns.q-mobile > .column.q-offset-12 {
    margin-left: 100%;
}

@media (max-width: 768px) {
    .column.q-narrow-mobile {
        flex: none;
    }

    .column.q-full-mobile {
        flex: none;
        width: 100%;
    }

    .column.q-3-4-mobile {
        flex: none;
        width: 75%;
    }

    .column.q-2-3-mobile {
        flex: none;
        width: 66.6666%;
    }

    .column.q-1-2-mobile {
        flex: none;
        width: 50%;
    }

    .column.q-1-3-mobile {
        flex: none;
        width: 33.3333%;
    }

    .column.q-1-4-mobile {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-4-mobile {
        margin-left: 75%;
    }

    .column.q-offset-2-3-mobile {
        margin-left: 66.6666%;
    }

    .column.q-offset-1-2-mobile {
        margin-left: 50%;
    }

    .column.q-offset-1-3-mobile {
        margin-left: 33.3333%;
    }

    .column.q-offset-1-4-mobile {
        margin-left: 25%;
    }

    .column.q-1-mobile {
        flex: none;
        width: 8.33333%;
    }

    .column.q-offset-1-mobile {
        margin-left: 8.33333%;
    }

    .column.q-2-mobile {
        flex: none;
        width: 16.66667%;
    }

    .column.q-offset-2-mobile {
        margin-left: 16.66667%;
    }

    .column.q-3-mobile {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-mobile {
        margin-left: 25%;
    }

    .column.q-4-mobile {
        flex: none;
        width: 33.33333%;
    }

    .column.q-offset-4-mobile {
        margin-left: 33.33333%;
    }

    .column.q-5-mobile {
        flex: none;
        width: 41.66667%;
    }

    .column.q-offset-5-mobile {
        margin-left: 41.66667%;
    }

    .column.q-6-mobile {
        flex: none;
        width: 50%;
    }

    .column.q-offset-6-mobile {
        margin-left: 50%;
    }

    .column.q-7-mobile {
        flex: none;
        width: 58.33333%;
    }

    .column.q-offset-7-mobile {
        margin-left: 58.33333%;
    }

    .column.q-8-mobile {
        flex: none;
        width: 66.66667%;
    }

    .column.q-offset-8-mobile {
        margin-left: 66.66667%;
    }

    .column.q-9-mobile {
        flex: none;
        width: 75%;
    }

    .column.q-offset-9-mobile {
        margin-left: 75%;
    }

    .column.q-10-mobile {
        flex: none;
        width: 83.33333%;
    }

    .column.q-offset-10-mobile {
        margin-left: 83.33333%;
    }

    .column.q-11-mobile {
        flex: none;
        width: 91.66667%;
    }

    .column.q-offset-11-mobile {
        margin-left: 91.66667%;
    }

    .column.q-12-mobile {
        flex: none;
        width: 100%;
    }

    .column.q-offset-12-mobile {
        margin-left: 100%;
    }
}

@media (min-width: 769px) {
    .column.q-narrow, .column.q-narrow-tablet {
        flex: none;
    }

    .column.q-full, .column.q-full-tablet {
        flex: none;
        width: 100%;
    }

    .column.q-3-4, .column.q-3-4-tablet {
        flex: none;
        width: 75%;
    }

    .column.q-2-3, .column.q-2-3-tablet {
        flex: none;
        width: 66.6666%;
    }

    .column.q-1-2, .column.q-1-2-tablet {
        flex: none;
        width: 50%;
    }

    .column.q-1-3, .column.q-1-3-tablet {
        flex: none;
        width: 33.3333%;
    }

    .column.q-1-4, .column.q-1-4-tablet {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-4, .column.q-offset-3-4-tablet {
        margin-left: 75%;
    }

    .column.q-offset-2-3, .column.q-offset-2-3-tablet {
        margin-left: 66.6666%;
    }

    .column.q-offset-1-2, .column.q-offset-1-2-tablet {
        margin-left: 50%;
    }

    .column.q-offset-1-3, .column.q-offset-1-3-tablet {
        margin-left: 33.3333%;
    }

    .column.q-offset-1-4, .column.q-offset-1-4-tablet {
        margin-left: 25%;
    }

    .column.q-1, .column.q-1-tablet {
        flex: none;
        width: 8.33333%;
    }

    .column.q-offset-1, .column.q-offset-1-tablet {
        margin-left: 8.33333%;
    }

    .column.q-2, .column.q-2-tablet {
        flex: none;
        width: 16.66667%;
    }

    .column.q-offset-2, .column.q-offset-2-tablet {
        margin-left: 16.66667%;
    }

    .column.q-3, .column.q-3-tablet {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3, .column.q-offset-3-tablet {
        margin-left: 25%;
    }

    .column.q-4, .column.q-4-tablet {
        flex: none;
        width: 33.33333%;
    }

    .column.q-offset-4, .column.q-offset-4-tablet {
        margin-left: 33.33333%;
    }

    .column.q-5, .column.q-5-tablet {
        flex: none;
        width: 41.66667%;
    }

    .column.q-offset-5, .column.q-offset-5-tablet {
        margin-left: 41.66667%;
    }

    .column.q-6, .column.q-6-tablet {
        flex: none;
        width: 50%;
    }

    .column.q-offset-6, .column.q-offset-6-tablet {
        margin-left: 50%;
    }

    .column.q-7, .column.q-7-tablet {
        flex: none;
        width: 58.33333%;
    }

    .column.q-offset-7, .column.q-offset-7-tablet {
        margin-left: 58.33333%;
    }

    .column.q-8, .column.q-8-tablet {
        flex: none;
        width: 66.66667%;
    }

    .column.q-offset-8, .column.q-offset-8-tablet {
        margin-left: 66.66667%;
    }

    .column.q-9, .column.q-9-tablet {
        flex: none;
        width: 75%;
    }

    .column.q-offset-9, .column.q-offset-9-tablet {
        margin-left: 75%;
    }

    .column.q-10, .column.q-10-tablet {
        flex: none;
        width: 83.33333%;
    }

    .column.q-offset-10, .column.q-offset-10-tablet {
        margin-left: 83.33333%;
    }

    .column.q-11, .column.q-11-tablet {
        flex: none;
        width: 91.66667%;
    }

    .column.q-offset-11, .column.q-offset-11-tablet {
        margin-left: 91.66667%;
    }

    .column.q-12, .column.q-12-tablet {
        flex: none;
        width: 100%;
    }

    .column.q-offset-12, .column.q-offset-12-tablet {
        margin-left: 100%;
    }
}

@media (min-width: 1000px) {
    .column.q-narrow-desktop {
        flex: none;
    }

    .column.q-full-desktop {
        flex: none;
        width: 100%;
    }

    .column.q-3-4-desktop {
        flex: none;
        width: 75%;
    }

    .column.q-2-3-desktop {
        flex: none;
        width: 66.6666%;
    }

    .column.q-1-2-desktop {
        flex: none;
        width: 50%;
    }

    .column.q-1-3-desktop {
        flex: none;
        width: 33.3333%;
    }

    .column.q-1-4-desktop {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-4-desktop {
        margin-left: 75%;
    }

    .column.q-offset-2-3-desktop {
        margin-left: 66.6666%;
    }

    .column.q-offset-1-2-desktop {
        margin-left: 50%;
    }

    .column.q-offset-1-3-desktop {
        margin-left: 33.3333%;
    }

    .column.q-offset-1-4-desktop {
        margin-left: 25%;
    }

    .column.q-1-desktop {
        flex: none;
        width: 8.33333%;
    }

    .column.q-offset-1-desktop {
        margin-left: 8.33333%;
    }

    .column.q-2-desktop {
        flex: none;
        width: 16.66667%;
    }

    .column.q-offset-2-desktop {
        margin-left: 16.66667%;
    }

    .column.q-3-desktop {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-desktop {
        margin-left: 25%;
    }

    .column.q-4-desktop {
        flex: none;
        width: 33.33333%;
    }

    .column.q-offset-4-desktop {
        margin-left: 33.33333%;
    }

    .column.q-5-desktop {
        flex: none;
        width: 41.66667%;
    }

    .column.q-offset-5-desktop {
        margin-left: 41.66667%;
    }

    .column.q-6-desktop {
        flex: none;
        width: 50%;
    }

    .column.q-offset-6-desktop {
        margin-left: 50%;
    }

    .column.q-7-desktop {
        flex: none;
        width: 58.33333%;
    }

    .column.q-offset-7-desktop {
        margin-left: 58.33333%;
    }

    .column.q-8-desktop {
        flex: none;
        width: 66.66667%;
    }

    .column.q-offset-8-desktop {
        margin-left: 66.66667%;
    }

    .column.q-9-desktop {
        flex: none;
        width: 75%;
    }

    .column.q-offset-9-desktop {
        margin-left: 75%;
    }

    .column.q-10-desktop {
        flex: none;
        width: 83.33333%;
    }

    .column.q-offset-10-desktop {
        margin-left: 83.33333%;
    }

    .column.q-11-desktop {
        flex: none;
        width: 91.66667%;
    }

    .column.q-offset-11-desktop {
        margin-left: 91.66667%;
    }

    .column.q-12-desktop {
        flex: none;
        width: 100%;
    }

    .column.q-offset-12-desktop {
        margin-left: 100%;
    }
}

@media (min-width: 1192px) {
    .column.q-narrow-wide {
        flex: none;
    }

    .column.q-full-wide {
        flex: none;
        width: 100%;
    }

    .column.q-3-4-wide {
        flex: none;
        width: 75%;
    }

    .column.q-2-3-wide {
        flex: none;
        width: 66.6666%;
    }

    .column.q-1-2-wide {
        flex: none;
        width: 50%;
    }

    .column.q-1-3-wide {
        flex: none;
        width: 33.3333%;
    }

    .column.q-1-4-wide {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-4-wide {
        margin-left: 75%;
    }

    .column.q-offset-2-3-wide {
        margin-left: 66.6666%;
    }

    .column.q-offset-1-2-wide {
        margin-left: 50%;
    }

    .column.q-offset-1-3-wide {
        margin-left: 33.3333%;
    }

    .column.q-offset-1-4-wide {
        margin-left: 25%;
    }

    .column.q-1-wide {
        flex: none;
        width: 8.33333%;
    }

    .column.q-offset-1-wide {
        margin-left: 8.33333%;
    }

    .column.q-2-wide {
        flex: none;
        width: 16.66667%;
    }

    .column.q-offset-2-wide {
        margin-left: 16.66667%;
    }

    .column.q-3-wide {
        flex: none;
        width: 25%;
    }

    .column.q-offset-3-wide {
        margin-left: 25%;
    }

    .column.q-4-wide {
        flex: none;
        width: 33.33333%;
    }

    .column.q-offset-4-wide {
        margin-left: 33.33333%;
    }

    .column.q-5-wide {
        flex: none;
        width: 41.66667%;
    }

    .column.q-offset-5-wide {
        margin-left: 41.66667%;
    }

    .column.q-6-wide {
        flex: none;
        width: 50%;
    }

    .column.q-offset-6-wide {
        margin-left: 50%;
    }

    .column.q-7-wide {
        flex: none;
        width: 58.33333%;
    }

    .column.q-offset-7-wide {
        margin-left: 58.33333%;
    }

    .column.q-8-wide {
        flex: none;
        width: 66.66667%;
    }

    .column.q-offset-8-wide {
        margin-left: 66.66667%;
    }

    .column.q-9-wide {
        flex: none;
        width: 75%;
    }

    .column.q-offset-9-wide {
        margin-left: 75%;
    }

    .column.q-10-wide {
        flex: none;
        width: 83.33333%;
    }

    .column.q-offset-10-wide {
        margin-left: 83.33333%;
    }

    .column.q-11-wide {
        flex: none;
        width: 91.66667%;
    }

    .column.q-offset-11-wide {
        margin-left: 91.66667%;
    }

    .column.q-12-wide {
        flex: none;
        width: 100%;
    }

    .column.q-offset-12-wide {
        margin-left: 100%;
    }
}

.columns.q-centered {
    justify-content: center;
}

.columns.q-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.columns.q-gapless:last-child {
    margin-bottom: 0;
}

.columns.q-gapless:not(:last-child) {
    margin-bottom: 1.5rem;
}

.columns.q-gapless > .column {
    margin: 0;
    padding: 0;
}

@media (min-width: 769px) {
    .columns.q-grid {
        flex-wrap: wrap;
    }

    .columns.q-grid > .column {
        max-width: 33.3333%;
        padding: 0.75rem;
        width: 33.3333%;
    }

    .columns.q-grid > .column + .column {
        margin-left: 0;
    }
}

.columns.q-mobile {
    display: flex;
}

.columns.q-multiline {
    flex-wrap: wrap;
}

.columns.q-vcentered {
    align-items: center;
}

@media (min-width: 769px) {
    .columns:not(.q-desktop) {
        display: flex;
    }
}

@media (min-width: 1000px) {
    .columns.q-desktop {
        display: flex;
    }
}

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: 0;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
    background: #fff;
}

.flickity-prev-next-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #09f;
}

.flickity-prev-next-button:active {
    opacity: .6;
}

.flickity-prev-next-button.previous {
    left: 10px;
}

.flickity-prev-next-button.next {
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #333;
}

.flickity-page-dots {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 30px 0px 0px;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 8px;
    background: #f9efff;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
    background: #efcfff;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRightCustom {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}

@keyframes fadeInRightCustom {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}

.fadeInRightCustom {
    -webkit-animation-name: fadeInRightCustom;
    animation-name: fadeInRightCustom;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

@keyframes overlayReveal {
    0% {
        transform: translateX(-101%);
        -moz-transform: translateX(-101%);
        -webkit-transform: translateX(-101%);
    }
    100% {
        transform: translateX(0%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
}

.overlayReveal {
    animation-name: overlayReveal;
    -webkit-animation-name: overlayReveal;
    /* animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); */
    /* -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); */
}

@-webkit-keyframes lineEffect {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes lineEffect {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.lineEffect {
    -webkit-animation-name: lineEffect;
    animation-name: lineEffect;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

@-webkit-keyframes splitLines {
    0% {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes splitLines {
    0% {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
}

.splitLines {
    -webkit-animation-name: splitLines;
    animation-name: splitLines;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*!
 * Pikaday
 * Copyright � 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after {
    clear: both;
}

.pika-single {
    *zoom: 1;
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

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

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

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

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

body.fancybox-active {
    overflow: hidden;
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0;
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box;
}

.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s;
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion;
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0);
}

.fancybox-is-closing .fancybox-stage {
    overflow: visible;
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: visible;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
    background: #000;
}

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
    background: #e5e3df;
}

.fancybox-slide--next {
    z-index: 99995;
}

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
/*    overflow: auto;*/
    box-sizing: border-box;
    border-radius: 35px;
    box-shadow: 10px 10px 15px rgba(0,0,0,.7);
}

.fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title {
    display: none;
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-image, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff;
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%;
}

.fancybox-error, .fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff;
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default;
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px;
}

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, 0.6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:focus, .fancybox-button:hover {
    color: #fff;
}

.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: .6;
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.fancybox-button--share svg path {
    stroke-width: 1;
}

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none;
}

.fancybox-button--zoom svg path {
    fill: transparent;
}

.fancybox-navigation {
    display: none;
}

.fancybox-show-nav .fancybox-navigation {
    display: block;
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px;
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, 0.6);
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color .25s;
    box-sizing: border-box;
    z-index: 2;
}

.fancybox-close-small:focus {
    outline: none;
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {
    color: #fff;
    background: transparent;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    pointer-events: none;
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
    pointer-events: all;
    position: relative;
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline;
}

.fancybox-slide > .fancybox-loading {
    border: 6px solid rgba(99, 99, 99, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999;
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
}

.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 33px;
    font-weight: 700;
    text-align: center;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.fancybox-share p:first-of-type {
    margin-right: -10px;
}

.fancybox-share_button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    white-space: nowrap;
    font-size: 16px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 140px;
    color: #707070;
    transition: all .2s;
}

.fancybox-share_button:focus, .fancybox-share_button:hover {
    text-decoration: none;
    color: #333;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.fancybox-share_button svg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}

.fancybox-share input {
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0 0;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    background: #ebebeb;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap;
}

.fancybox-thumbs-x > ul {
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

@font-face {
    font-family: 'Playfair Display';
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display.eot");
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display.woff2") format("woff2"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display.woff") format("woff"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display.svg#Playfair Display") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family: 'Playfair Display';
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Italic.eot");
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Italic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Italic.woff2") format("woff2"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Italic.woff") format("woff"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Italic.svg#Playfair Display Italic") format("svg");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family: 'Playfair Display';
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold Italic.eot");
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold Italic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold Italic.woff2") format("woff2"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold Italic.woff") format("woff"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold Italic.svg#Playfair Display Bold Italic") format("svg");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family: 'Playfair Display';
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold.eot");
    src: url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold.woff2") format("woff2"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold.woff") format("woff"), url("/bitrix/templates/okshop/../fonts/PlayfairDisplay/Playfair Display Bold.svg#Playfair Display Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family: 'Didot';
    src: url("/bitrix/templates/okshop/../fonts/Didot/Didot.eot");
    src: url("/bitrix/templates/okshop/../fonts/Didot/Didot.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/Didot/Didot.woff2") format("woff2"), url("/bitrix/templates/okshop/../fonts/Didot/Didot.woff") format("woff"), url("/bitrix/templates/okshop/../fonts/Didot/Didot.svg#Didot") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family: 'Abel';
    src: url("/bitrix/templates/okshop/../fonts/Abel/Abel Regular.eot");
    src: url("/bitrix/templates/okshop/../fonts/Abel/Abel Regular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/Abel/Abel Regular.woff2") format("woff2"), url("/bitrix/templates/okshop/../fonts/Abel/Abel Regular.woff") format("woff"), url("/bitrix/templates/okshop/../fonts/Abel/Abel Regular.svg#Abel Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'icon';
    src: url("/bitrix/templates/okshop/../fonts/icomoon/icomoon.eot?8lrtjc");
    src: url("/bitrix/templates/okshop/../fonts/icomoon/icomoon.eot?8lrtjc#iefix") format("embedded-opentype"), url("/bitrix/templates/okshop/../fonts/icomoon/icomoon.ttf?8lrtjc") format("truetype"), url("/bitrix/templates/okshop/../fonts/icomoon/icomoon.woff?8lrtjc") format("woff"), url("/bitrix/templates/okshop/../fonts/icomoon/icomoon.svg?8lrtjc#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dots-menu:before {
    content: "\e902";
}

.icon-bus:before {
    content: "\e903";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-youtube-play:before {
    content: "\f16a";
}

.icon-instagram:before {
    content: "\f16d";
}

.icon-tripadvisor:before {
    content: "\f262";
}

.icon-minus:before {
    content: "\e900";
}

.icon-plus:before {
    content: "\e901";
}

.no-scroll {
    overflow: hidden;
}

.text-center {
    text-align: center;
}

.text-gold {
    color: #A67C07;
}

.text-green {
    color: #679334;
}

.sect-title {
    position: absolute;
    top: 15%;
    left: 0;
    font-size: 10px;
    letter-spacing: 5px;
    opacity: .5;
    width: 300px;
    display: none;
}

.sect-title span {
    display: block;
    -webkit-transform: translateY(0px) translateX(-80px) rotate(-90deg);
    -moz-transform: translateY(0px) translateX(-80px) rotate(-90deg);
    -ms-transform: translateY(0px) translateX(-80px) rotate(-90deg);
    -o-transform: translateY(0px) translateX(-80px) rotate(-90deg);
    transform: translateY(0px) translateX(-80px) rotate(-90deg);
}

.bg-blue-dark .sect-title, .bg-full-image .sect-title {
    color: #fff;
}

/*-- Loading --*/
#content-overlay {
    position: fixed;
    z-index: 9998;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

#progress-overlay {
    position: fixed;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #d8d6e2;
}

#overlay {
    position: fixed;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #000000;
    overflow: hidden;
}

#overlay .logo-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    width: 160px;
    opacity: .5;
}

#overlay #progstat {
    color: #f0f0f5;
    font-size: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(100px);
    -moz-transform: translateX(-50%) translateY(100px);
    -ms-transform: translateX(-50%) translateY(100px);
    -o-transform: translateX(-50%) translateY(100px);
    transform: translateX(-50%) translateY(100px);
}

/*-- /Loading --*/
.inline-link {
    padding: 20px;
    margin-left: -20px;
    position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inline-link.inline-large {
    font-size: 13px;
    letter-spacing: 3px;
    margin-top: 40px;
}

.inline-link.q_magnet {
    display: inline-block;
}

.inline-link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 0;
    height: 2px;
    background: #679334;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.inline-link:hover:before {
    width: 100%;
    width: calc(100% - 40px);
}

.section-headline {
    font: 600 38px/1.3 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #5f5c68;
    position: relative;
    margin-top: 0;
    display: block;
    margin-bottom: 50px;
}

.normal .section-headline {
    text-align: center;
    color: #000;
}

.inversion .section-headline{
    text-align: center;
    color:#ffffff;
}

@media (max-width: 540px) {
    .section-headline {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 25px;
    }
}

@media (max-width: 320px) {
    .section-headline {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }
}

.section-headline.text-gold {
    color: #A67C07;
}

.section-headline.text-gold.lines-middle:after, .section-headline.text-gold.lines-middle:before {
    background-color: #A67C07;
}

.section-headline.lines-middle:after, .section-headline.lines-middle:before {
    content: '';
    display: inline-block;
    height: 3px;
    width: 90px;
    background-color: #679334;
    vertical-align: middle;
}

@media (max-width: 540px) {
    .section-headline.lines-middle:after, .section-headline.lines-middle:before {
        width: 40px;
        height: 1px;
    }
}

@media (max-width: 320px) {
    .section-headline.lines-middle:after, .section-headline.lines-middle:before {
        width: 30px;
    }
}

.section-headline.lines-middle:before {
    margin-right: 25px;
}

@media (max-width: 540px) {
    .section-headline.lines-middle:before {
        margin-right: 15px;
    }
}

.section-headline.lines-middle:after {
    margin-left: 25px;
}

@media (max-width: 540px) {
    .section-headline.lines-middle:after {
        margin-left: 15px;
    }
}

.section-desc {
    text-align: center;
    margin: auto;
    max-width: 525px;
}

@media (max-width: 768px) {
    .section-desc {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 540px) {
    .section-desc {
        padding: 0;
    }
}

.bg-vanilla {
    background-color: #ffffff;
}

.bg-green {
    background-color: #679334;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-green-gradient {
    background: #679334;
    background: -webkit-linear-gradient(left, #679334, #BBD531);
    background: -o-linear-gradient(right, #679334, #BBD531);
    background: -moz-linear-gradient(right, #679334, #BBD531);
    background: linear-gradient(to right, #679334, #BBD531);
}

.bg-green-gradient .section-headline {
    color: #FFFFFF;
}

.bg-green-gradient .section-headline.lines-middle:after, .bg-green-gradient .section-headline.lines-middle:before {
    background-color: #FFFFFF;
}

.bg-green-gradient .section-desc {
    color: #FFFFFF;
}

.bg-blue-dark {
    background-color: #5f5c68;
}

.bg-blue-dark p {
    color: #d8d6e2;
}

.bg-blue-dark .section-headline {
    color: #f0f0f5;
}

.bg-blue-dark .section-headline.lines-middle:after, .bg-blue-dark .section-headline.lines-middle:before {
    background-color: #FFFFFF;
}

.bg-blue-dark .section-desc {
    color: #f0f0f5;
}

.section {
    padding: 80px 0px;
}

@media (max-width: 1024px) {
    .section {
        padding: 30px 0;
    }
    .title_about h2 {
        margin: 0px 0px 30px!important;
    }
    .block-card-shadow .block-picture {
        width: 40%!important;
    }
    .block-card-shadow .block-entry {
        width: 60%!important;
    }
    .block-card-shadow div.rev_item {
        margin: 30px 30px 0px!important;
    }
}



.bg-full-image {
    padding: 0;
    min-height: 120vh;
    background-color: #000;
    position: relative;
    overflow: hidden;
}

.bg-full-image * {
    color: #fff;
}

.bg-full-image .block-entry {
    top: 10vh !important;
}

@media (max-width: 320px) {
    .bg-full-image .block-entry {
        margin-top: 0px !important;
    }
}

.bg-full-image .bg-image {
    object-fit: cover;
    width: 100%;
    height: 130%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .5;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-full-image.full-width {
    min-height: 80vh;
}

.bg-full-image.full-width .bg-image {
    opacity: .8;
}

.bg-image-section-one {
    position: relative;
    /*overflow: hidden;*/
}

.bg-image-section-one:before, .bg-image-section-one:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-image-section-one:before {
    top: -10vh;
    left: -25px;
    height: 100%;
    width: 250px;
}

@media (max-width: 540px) {
    .bg-image-section-one:before {
        height: 250px;
        width: 150px;
        top: -5vh;
    }
}

.bg-image-section-two {
    position: relative;
    overflow: hidden;
}

.bg-image-section-two:before, .bg-image-section-two:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .4;
}

.bg-image-section-two:before {
    top: -1%;
    left: 20%;
    height: 100%;
    width: 300px;
}

@media (max-width: 540px) {
    .bg-image-section-two:before {
        height: 200px;
        width: 200px;
        top: 10vh;
    }
}

.bg-image-section-two:after {
    bottom: -20%;
    right: 25%;
    height: 500px;
    width: 300px;
}

@media (max-width: 540px) {
    .bg-image-section-two:after {
        height: 300px;
        width: 180px;
        bottom: -10vh;
    }
}

.bg-image-section-three {
    position: relative;
    /*overflow: hidden;*/
}

.bg-image-section-three:before, .bg-image-section-three:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-image-section-three:before {
    top: 0;
    left: -25px;
    height: 55vh;
    width: 250px;
}

.bg-image-section-three:after {
    bottom: -5vh;
    right: -25px;
    height: 55vh;
    width: 250px;
}

@media (max-width: 768px) {
    .bg-image-section-three:after {
        height: 250px;
        width: 250px;
        bottom: 5vh;
    }
}

@media (max-width: 540px) {
    .bg-image-section-three:after {
        bottom: 0;
        height: 180px;
        width: 180px;
    }
}

@media (max-width: 320px) {
    .bg-image-section-three:after {
        bottom: 5vh;
        height: 150px;
        width: 150px;
    }
}

.bg-image-section-four {
    position: relative;
    /*overflow: hidden;*/
}

.bg-image-section-four:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-image-section-four:before {
    bottom: 10vh;
    left: -50px;
    height: 55vh;
    width: 300px;
}

@media (max-width: 540px) {
    .bg-image-section-four:before {
        bottom: 30vh;
        left: -30px;
        height: 230px;
        width: 230px;
    }
}

@media (max-width: 320px) {
    .bg-image-section-four:before {
        height: 200px;
        width: 200px;
        bottom: 40vh;
    }
}

.bg-image-section-five {
    position: relative;
    /*overflow: hidden;*/
}

.bg-image-section-five:before, .bg-image-section-five:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-image-section-five:before {
    bottom: 0;
    left: -75px;
    height: 55vh;
    width: 250px;
}

@media (max-width: 540px) {
    .bg-image-section-five:before {
        height: 250px;
        bottom: auto;
        top: 0;
    }
}

@media (max-width: 320px) {
    .bg-image-section-five:before {
        height: 200px;
        width: 200px;
    }
}

.bg-image-section-five:after {
    background-image: url("/bitrix/templates/okshop/../img/bg-palm-3.png");
    top: 3vh;
    right: 0;
    height: 60vh;
    width: 250px;
}

@media (max-width: 540px) {
    .bg-image-section-five:after {
        top: auto;
        right: -15vh;
        height: 250px;
        width: 250px;
        bottom: -5vh;
    }
}

@media (max-width: 320px) {
    .bg-image-section-five:after {
        height: 200px;
        width: 200px;
    }
}

@media (max-width: 540px) {
    .hide-mobile {
        display: none;
    }

    .picture {
        overflow: hidden;
    }
}

.rev_clip {
    clip-path: inset(0px 1000px 0px 0px);
    -webkit-clip-path: inset(0px 1000px 0px 0px);
    height: 100%;
    position: relative;
    z-index: 5;
    min-height: 250px;
}

.rev_clip img {
    position: absolute;
    max-width: 96%;
    width: 100%;
    min-width: 96%;

    height: 342px!important;
    top: 30px;
}

@media (min-width: 1025px) {
    .vs-section {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: auto;
        will-change: transform;
    }
}

.q_magnet {
    display: block;
    transition: all 260ms ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    will-change: transform;
}

.q_magnet.hovered {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

.q_splitText span {
    display: inline-block;
}

.q_split {
    display: block;
    /*overflow: hidden;*/
}

.q_split_wrap {
    display: block;
}

@media (min-width: 541px) {
    .q_smooth {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: auto;
        will-change: transform;
    }
}

html,
body {
    font-size: 12px;
    line-height: 1.8;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #5f5c68;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 540px) {
    html,
    body {
        font-size: 12px;
        line-height: 20px;
    }
}

html a,
body a {
    text-decoration: none;
    outline: 0;
    color: #679334;
}

html a:hover,
body a:hover {
    color: #679334;
}

h5 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    opacity: .5;
}

#main {
    /*overflow: hidden;*/
}

ul, li, ol {
    list-style: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
}
.q-container {
    width: 100%;
    max-width: 1140px;
    padding: 0 5rem;
    margin: 0 auto;
}
.q-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media  (max-width: 768px) {
    .q-container {
        padding: 0 35px;
    }
}

@media (max-width: 540px) {
    .q-container {
        padding: 0 20px;
    }
}

@media (max-width: 320px) {
    .q-container {
        padding: 0 15px;
    }
}

.container-inner {
    padding-left: 0rem;
    padding-right: 0rem;
}

@media (max-width: 1024px) {
    .container-inner {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

@media (max-width: 768px) {
    .container-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 540px) {
    .container-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 320px) {
    .container-inner {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    z-index: 1050;
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}

.loader.loaded {
    opacity: 0;
    z-index: -1;
}

.overlay-effect {
    position: absolute;
    z-index: 10;
    height: 100%;
    top: 0;
    right: 0;
    transform-origin: left;
    -webkit-transform-origin: left;
}

@keyframes scrollDown {
    0% {
        padding: 10px;
    }
    50% {
        padding: 0;
    }
    100% {
        padding: 10px;
    }
}

@-webkit-keyframes scrollDown {
    0% {
        padding: 10px;
    }
    50% {
        padding: 0;
    }
    100% {
        padding: 10px;
    }
}

@-moz-keyframes scrollDown {
    0% {
        padding: 10px;
    }
    50% {
        padding: 0;
    }
    100% {
        padding: 10px;
    }
}

#header .logo-wrap {
    position: absolute;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

#header .logo-wrap .logo {
    display: inline-block;
    max-width: 120px;
}

@media (max-width: 540px) {
    #header .logo-wrap {
        display: none;
    }
}

.bookNow {
    position: fixed;
    top: 50%;
    right: -64px;
    -webkit-transform: translateY(80px) rotate(-90deg);
    -moz-transform: translateY(80px) rotate(-90deg);
    -ms-transform: translateY(80px) rotate(-90deg);
    -o-transform: translateY(80px) rotate(-90deg);
    transform: translateY(80px) rotate(-90deg);
    z-index: 1061;
    width: 170px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 540px) {
    .bookNow {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        width: 100%;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.06);
    }
}

.bookNow:hover .label {
    background-color: #5f5c68;
}

@media (max-width: 540px) {
    .bookNow:hover .label {
        background-color: #FFFFFF;
    }
}

.bookNow.active .label {
    background-color: #5f5c68;
}

@media (max-width: 540px) {
    .bookNow.active .label {
        background-color: #FFFFFF;
    }

    .bookNow.active .label span {
        color: #679334;
    }
}

.bookNow.active .close {
    opacity: 1;
    visibility: visible;
}

.bookNow.active .book {
    opacity: 0;
    visibility: hidden;
}

.bookNow.active .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bookNow .wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    position: relative;
}

.bookNow .label {
    position: relative;
    background-color: #679334;
    width: 180px;
    height: 50px;
}

@media (max-width: 540px) {
    .bookNow .label {
        width: 100%;
        background-color: #FFFFFF;
    }
}

@media (max-width: 320px) {
    .bookNow .label {
        height: 45px;
    }
}

.bookNow span {
    left: 20px;
}

@media (max-width: 540px) {
    .bookNow span {
        left: 50%;
    }
}

.bookNow .close {
    opacity: 0;
    visibility: hidden;
}

.bookNow .close,
.bookNow .book,
.bookNow .icon,
.bookNow .label {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bookNow .icon,
.bookNow span {
    position: absolute;
    color: #FFFFFF;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 540px) {
    .bookNow .icon,
    .bookNow span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.bookNow .icon {
    font-size: 20px;
    right: 15px;
    line-height: 0;
}

@media (max-width: 540px) {
    .bookNow .icon {
        display: none;
    }
}

.bookNow span {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    margin-right: 30px;
}

@media (max-width: 540px) {
    .bookNow span {
        padding: 15px;
        font-size: 14px;
        color: #679334;
        margin: 0;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 320px) {
    .bookNow span {
        padding: 12px;
        font-size: 12px;
    }
}

.header-mobile {
    background-color: transparent;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1010;
    padding: 20px 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1192px) {
    .header-mobile {
        display: block;
    }
}

@media (max-width: 540px) {
    .header-mobile {
        padding: 10px 0;
    }
}

.header-mobile.nav-active {
    background-color: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    padding: 10px 0;
}

@media (max-width: 1024px) {
    .header-mobile.nav-active {
        padding: 5px 0;
    }
}

.header-mobile.nav-active .icon-menu-wrap .icon-menu .bar {
    background-color: #679334;
}

.header-mobile.nav-active .icon-menu-wrap .icon-menu .bar:after, .header-mobile.nav-active .icon-menu-wrap .icon-menu .bar:before {
    background-color: #679334;
}

.header-mobile.nav-active .logo-mobile a {
    left: calc(6rem - 40px);
}

.header-mobile.nav-active .logo-mobile .white {
    opacity: 0;
    visibility: hidden;
}

.header-mobile.nav-active .logo-mobile .ori {
    opacity: 1;
    visibility: visible;
}

.header-mobile.menu-open {
    background-color: transparent;
    box-shadow: none;
}

.header-mobile.menu-open .icon-menu-wrap .icon-menu .bar {
    background-color: transparent;
}

.header-mobile.menu-open .icon-menu-wrap .icon-menu .bar:after, .header-mobile.menu-open .icon-menu-wrap .icon-menu .bar:before {
    background-color: #FFFFFF;
}

.header-mobile.menu-open .logo-mobile a {
    left: 50%;
}

.header-mobile.menu-open .logo-mobile .ori {
    opacity: 0;
    visibility: hidden;
}

.header-mobile.menu-open .logo-mobile .white {
    opacity: 1;
    visibility: visible;
}

.logo-mobile a {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 85px;
    height: 66px;
}

@media (max-width: 540px) {
    .logo-mobile a {
        width: 75px;
        height: 58px;
    }
}

@media (max-width: 375px) {
    .logo-mobile a {
        width: 65px;
        height: 51px;
    }
}

@media (max-width: 320px) {
    .logo-mobile a {
        width: 50px;
        height: 39px;
    }
}

.logo-mobile .ori {
    opacity: 0;
    visibility: hidden;
}

.logo-mobile img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.icon-menu-wrap {
    position: absolute;
    top: 50%;
    right: 6rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width: 768px) {
    .icon-menu-wrap {
        right: 4rem;
    }
}

@media (max-width: 540px) {
    .icon-menu-wrap {
        right: 30px;
    }
}

@media (max-width: 320px) {
    .icon-menu-wrap {
        right: 25px;
    }
}

.icon-menu-wrap .icon-menu {
    width: 32px;
    height: 32px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width: 540px) {
    .icon-menu-wrap .icon-menu {
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 320px) {
    .icon-menu-wrap .icon-menu {
        width: 15px;
        height: 15px;
    }
}

.icon-menu-wrap .icon-menu.active .bar {
    background-color: transparent;
}

.icon-menu-wrap .icon-menu.active .bar:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon-menu-wrap .icon-menu.active .bar:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-menu-wrap .icon-menu .bar {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 320px) {
    .icon-menu-wrap .icon-menu .bar {
        height: 1px;
    }
}

.icon-menu-wrap .icon-menu .bar:before, .icon-menu-wrap .icon-menu .bar:after {
    content: '';
    display: block;
    height: 2px;
    width: calc(100% + 8px);
    background-color: #FFFFFF;
    position: absolute;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 320px) {
    .icon-menu-wrap .icon-menu .bar:before, .icon-menu-wrap .icon-menu .bar:after {
        height: 1px;
    }
}

.icon-menu-wrap .icon-menu .bar:before {
    top: -10px;
}

@media (max-width: 540px) {
    .icon-menu-wrap .icon-menu .bar:before {
        top: -8px;
    }
}

@media (max-width: 320px) {
    .icon-menu-wrap .icon-menu .bar:before {
        top: -6px;
    }
}

.icon-menu-wrap .icon-menu .bar:after {
    bottom: -10px;
}

@media (max-width: 540px) {
    .icon-menu-wrap .icon-menu .bar:after {
        bottom: -8px;
    }
}

@media (max-width: 320px) {
    .icon-menu-wrap .icon-menu .bar:after {
        bottom: -6px;
    }
}

.navbar-header-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #323037;
    z-index: 999;
}

@media (max-width: 540px) {
    .navbar-header-mobile {
        display: block;
    }
}

.navbar-header-mobile .logo {
    width: 70px;
    display: block;
    margin: 10px auto;
}

.navbar-header-mobile .logo img {
    width: 100%;
}

.navbar-header-mobile .navbar-btn-bars {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 65px;
    height: 15px;
    overflow: hidden;
}

.navbar-header-mobile .navbar-btn-bars div {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 1px;
    background-color: #fff;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

.navbar-header-mobile .navbar-btn-bars div:nth-child(1) {
    top: 7px;
}

.navbar-header-mobile .navbar-btn-bars div:nth-child(3) {
    top: 14px;
}

.navbar-header {
    position: fixed;
    right: 0px;
    background-color: #000000;
    cursor: pointer;
    z-index: 70;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    width: 51px;
    height: 310px;
    top: 310px;
    border: none;
    -webkit-transform: translateX(0) translateY(-100%);
    -moz-transform: translateX(0) translateY(-100%);
    -ms-transform: translateX(0) translateY(-100%);
    -o-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
    color: #000;
    padding: 0px;
}

@media (max-width: 540px) {
    .navbar-header {
        display: none;
    }
}

.navbar-header .navbar-btn {
    position: absolute;
    width: 33px;
    height: 60px;
    margin: 23px 9px 0px;
    transition: 0.5s top cubic-bezier(0.19, 1, 0.22, 1);
    left: auto;
}

.navbar-header .navbar-btn-bars {
    position: absolute;
    right: 0;
    width: 65px;
    height: 15px;
    overflow: hidden;
}

.navbar-header .navbar-btn-bars div {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 1px;
    background-color: #000;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

.navbar-header .navbar-btn-bars div:nth-child(1) {
    top: 7px;
}

.navbar-header .navbar-btn-bars div:nth-child(3) {
    top: 14px;
}

.navbar-header .navbar-btn-label {
    position: absolute;
    top: 17px;
    right: -5px!important;
    opacity: 1;
    transition: 0.5s color cubic-bezier(0.19, 1, 0.22, 1);
    font: 400 9px/1.3 "Open Sans", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateX(7px) rotate(-90deg);
    -moz-transform: translateX(7px) rotate(-90deg);
    -ms-transform: translateX(7px) rotate(-90deg);
    -o-transform: translateX(7px) rotate(-90deg);
    transform: translateX(7px) rotate(-90deg);
}

.navbar-header .navbar-btn-label span {
    display: block;
    width: 60px;
    color: #fff;
    font-size: 17px; 
}

.navbar-header:hover {
    -webkit-transform: translateX(0px) translateY(-100%);
    -moz-transform: translateX(0px) translateY(-100%);
    -ms-transform: translateX(0px) translateY(-100%);
    -o-transform: translateX(0px) translateY(-100%);
    transform: translateX(0px) translateY(-100%);
}

.navbar-header:hover .navbar-btn-bars div {
    width: 30px;
}

.navbar-header:hover .navbar-btn-bars div:nth-child(2) {
    width: 0;
}

.navbar-header:hover .navbar-btn-bars div:nth-child(3) {
    width: 0;
}

.navbar-header:hover .navbar-btn-label {
    -webkit-transform: translateX(10px) rotate(-90deg);
    -moz-transform: translateX(10px) rotate(-90deg);
    -ms-transform: translateX(10px) rotate(-90deg);
    -o-transform: translateX(10px) rotate(-90deg);
    transform: translateX(10px) rotate(-90deg);
}

.navbar-header .other_navbar_buttons{
    position: relative;
    float: left;
    top: 80px;
    left: 0px;
    height: 135px;
    margin: 33px 0px 30px 9px;
    width: 82%;
}

.navbar-header .other_navbar_buttons .sign_button{
    margin:20px 0px;
}
.navbar-header .lang_navbar{
    position: relative;
    top: 75px;
    float: left;
    width: 100%;
    left: 0px;
}
.navbar-header .lang_navbar .language-container {
    position: relative;
    text-transform: uppercase;
    top: 0px;
}

.navbar-header .lang_navbar a.active{
    color: #fff;
    font-size: 18px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
}
.lang_navbar #accorsys-switch-lang.popup {
    position: relative;
    right: 0px;
    top: 0px!important;
    z-index: 994;
    box-shadow: 0px 0px 0px;
    background: #000;
}
.lang_navbar #accorsys-switch-lang .accorsys-btn {
    position: relative;
    max-width: 39px;
    min-width: 39px;
    padding: 0px 0px 0px 12px;
    background: #000;
    cursor: pointer;
    white-space: nowrap;
}
.lang_navbar #accorsys-switch-lang .accorsys-btn a{
    color: #fff!important;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Playfair Display', serif;
}
.lang_navbar #accorsys-switch-lang.popup .accorsys-btn a:after {
    display:none;
}
.lang_navbar #accorsys-switch-lang.popup .selector {
    background: #000;
    display: none;
    position: relative;
    width: auto;
    margin: 10px 0px 0px;
}
.lang_navbar #accorsys-switch-lang .AccorsyslanguageContainer {
    padding: 10px 0px 10px 12px;
}
.lang_navbar #accorsys-switch-lang.popup .selector a {
    position: relative;
    color: #fff!important;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Playfair Display', serif;
    text-decoration: none;
}
#navContent .navbar-header.close#closePop{
    right: 0px!important;
    z-index: 2000;
    height: 77px;
    top: 77px;
    width: 74px;
}
#navContent .navbar-header.close#closePop .navbar-btn{
    margin: 0px;
    height: 78px;
    width: 74px;
    right: 0px;
}
#navContent .navbar-header.close#closePop .navbar-btn .navbar-btn-label{
/*    background: #000;*/
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px!important;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}
#navContent .navbar-header.close#closePop .navbar-btn .navbar-btn-label span{
    width: 100%;
    text-align: center;
    margin: 20% 0px;
    font-size: 40px;
}
.navbar-header.close {
    -webkit-transform: translateX(0) translateY(-100%);
    -moz-transform: translateX(0) translateY(-100%);
    -ms-transform: translateX(0) translateY(-100%);
    -o-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
    background-color: transparent;
    color: #fff;
    right: -100px;
}
#navContent .top_container{
    top: 0px;
    position: fixed;
    width: 100%;
    float: left;
    z-index: 1000;
}
#navContent .top_container .sign_button{
    margin:30px 30px 0px 30px;
    float:left;
    position: relative;
}
#navContent .top_container .menusearch{
    float: left;
    position: relative;
    margin: 30px 30px 0px 30px;
    top: auto;
    z-index: auto;
    right: auto;
    padding: 0px;
    background: transparent;
}
#navContent .top_container .menusearch #emarket-search .submit {
    margin: 0px 5px 0px 0px;
}
#navContent .top_container .menusearch #emarket-search #emarket-search-input {
    padding: 0px 0px 5px;
    margin: -3px 0px 0px;
    background: transparent;
}
#navContent .top_container .cart_button{
    float: left;
    position: relative;
    margin: 30px 0px 0px;
}
#navContent .top_container .cart_button .emarket-basket-small .kolvo_items {
    position: absolute;
    z-index: 1000;
    color: #000;
    background: #f6dad2;
    font-size: 9px;
    padding: 0px 4px;
    border-radius: 50%;
    line-height: normal;
    top: -12px;
    right: -5px;
}
#navContent .main_nav{
    margin: 0px 0px 0px 26%!important;
    position:relative;
}
#navContent ul.main_nav > li > ul.root-item{
    position: absolute;
    top:0px;
    left:40%;
    /* display:none; */
    /* height:100%; */
    padding: 0px 0px 0px 6%;
    width: 50%;

    opacity: 0;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1.5s;
}
#navContent ul.main_nav > li > ul.root-item:before{
    display:block;
    content:"";
    height:100%;
    width:2px;
    background: #919191;
    position: absolute;
}
#navContent ul.main_nav > li > ul.root-item >li{
    margin-left: 48px;
    list-style-type: disc;
    color: #fff;
    font-size: 16px;
}
#navContent ul.main_nav > li:hover > ul.root-item,
#navContent ul.main_nav > li:focus > ul.root-item{
    opacity: 1;
    max-height: 300px;
}
#navContent ul.main_nav > li{
    width: 39%;
}
#navContent .bottom_container{
    bottom: 0px;
    position: absolute;
    width: 100%;
    float: left;
    z-index: 1000;
}
#navContent .bottom_container .language-container{position:relative;}
#navContent .bottom_container .lang_navbar #accorsys-switch-lang_menu.popup{
    bottom: 80px;
    top: auto!important;
    background: transparent;
    position: relative;
    right: 0px;
    z-index: 994;
    box-shadow: 0px 0px 0px;
}
#navContent .bottom_container .lang_navbar #accorsys-switch-lang_menu .accorsys-btn{
    background: transparent;
    position: relative;
/*
    max-width: 39px;
    min-width: 39px;
*/
    cursor: pointer;
}
#navContent .bottom_container .lang_navbar #accorsys-switch-lang_menu .accorsys-btn{
    padding: 0px 0px 0px 30px;
}
#accorsys-switch-lang_menu .default.AccorsyslanguageContainer {
    margin: 0;
    padding: 0;
    background: none;
}
#accorsys-switch-lang_menu.popup .AccorsyslanguageContainer a{
    margin: 0;
    padding: 0;
    display: inline;
    margin-right: 15px !important;
    color: #fff!important;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Playfair Display', serif;
}
.lang_navbar #accorsys-switch-lang_menu.popup .selector {
    background: transparent;
    position: relative;
    width: auto;
    margin: 10px 0px 0px;
    position: absolute;
    bottom: 25px;
    left: 30px;
    display: none;
}
#accorsys-switch-lang_menu .selector .AccorsyslanguageContainer {
    cursor: pointer;
    margin: 5px 0px;
}
.lang_navbar #accorsys-switch-lang_menu.popup .selector a {
    position: relative;
    color: #fff!important;
    font-size: 18px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    text-decoration: none;
}
.bottom_container .lang_navbar #accorsys-switch-lang_menu.popup .selector {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex!important;
}
.bottom_container .lang_navbar #accorsys-switch-lang_menu.popup .selector a {
    opacity: 0.5;
}
.bottom_container .lang_navbar #accorsys-switch-lang_menu.popup .selector a:hover {
    opacity: 1;
}

.bottom_container .lang_navbar #accorsys-switch-lang_menu.popup .selector,
.bottom_container #accorsys-switch-lang_menu .selector .AccorsyslanguageContainer {
    margin: 0!important;
}
.bottom_container .lang_navbar #accorsys-switch-lang_menu.popup {
    display: flex;
}
#navContent .sign_modal{
    top: 8%;
    left: 3%;
    right: auto;
}
@media (max-width: 540px) {
    .navbar-header.close {
        display: block;
    }
}

.navbar-header.close .navbar-btn-bars div {
    background-color: #fff;
}

#navOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}
@media (max-width: 1025px) {
    #navOverlay{display:none;}

}

#navContent {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #323037;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@media (max-width: 540px) {
    #navContent {
        width: 100%;
    }

    #navContent .columns {
        padding-left: 20px;
    }
}

#navContent h5 {
    color: #d8d6e2;
    opacity: .3;
}

#navContent .main_nav {
    margin: 0;
    padding: 0;
}

#navContent .main_nav li a {
    display: block;
    font: 400 20px/2 "Playfair Display", serif;
    color: #d8d6e2;
    text-transform: uppercase;
    letter-spacing: 3px;
    transition: all .2s ease;
    position: relative;
}

@media (max-width: 540px) {
    #navContent .main_nav li a {
        font: 700 14px/2.5 "Open Sans", serif;
        letter-spacing: 1px;
    }
}

#navContent .main_nav li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    width: 0;
    height: 2px;
    background: #efbf88;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: -1;
}

#navContent .main_nav li a:hover:before {
    width: 100%;
}

#navContent .main_nav li a:hover {
    color: #FFFFFF;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

#navContent #menu_screen {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100vh;
    max-height: 1280px;
    background: rgba(0, 0, 0, 0.1);
}

#navContent #menu_screen .screen_item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#footer {
    padding: 72px 0 60px;
    background: #000000;
    width: 100%;
    float: left;
    position: relative;
}

@media (max-width: 768px) {
    #footer {
        padding: 45px 0;
    }
}

@media (max-width: 540px) {
    #footer {
        padding-bottom: 30px;
    }
}

@media (max-width: 320px) {
    #footer {
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) {
    #footer .column-left {
        margin-bottom: 50px;
    }
}

#footer .payments{
    padding: 0px 0px;
    float: left;
    width: 100%;
}
#footer .payments li{
    float:left;
    margin: 0px 20px 0px 0px;
}

#footer .menu_block{
    padding: 0px 0px;
    float: left;
    width: 100%;
    margin: 0px;
}
#footer .menu_block li{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 0px 15px;
    line-height: 16px;
}
#footer .menu_block li a{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
#footer .menu_block li ul{
    float: left;
    padding: 0px 0px 0px 35px;
    margin: 12px 0px 0px;
}
#footer .menu_block li ul li{
    color: #777777;
    text-transform: none;
    font-weight: 600;
}
#footer .menu_block li ul li a{
    color: #777777;
    text-transform: none;
    font-weight: 600;
}

#footer .menu_block li ul li:last-child{
    margin:0px;
}

#footer .column-right ul.icons{
    padding: 0px;
    margin: 0px 0px 38px;
    float: left;
    list-style: none;
    width: 100%;
}
#footer .icons li{
    float: left;
    margin:0px 12px 0px 0px;
}
#footer .icons li.icon_fb a{
    font-size: 24px;
    background: #fff;
    color: #000;
    padding: 1px 12px 2px;
    border-radius: 30px;
}
#footer .icons li.icon_tlg{margin: -6px 12px 0 0;}
#footer .icons li.icon_tlg a{
    font-size: 36px;
    color: #fff;
    padding: 0px;
    line-height: 25px;
    vertical-align: bottom;
}
#footer .icons li.icon_insta a{
    font-size: 24px;
    background: #fff;
    color: #000;
    padding: 1px 8px 2px;
    border-radius: 30px;
}
#footer .column-right ul.contacts{
    padding: 0px;
    margin: 0px 0px;
    float: left;
    list-style: none;
    width: 100%;
}
#footer .column-right ul.contacts li{
    width: 100%;
    float: left;
    margin: 0px 0px 10px;
    display: flex;
    align-items: flex-start;
}
#footer .column-right ul.contacts img{
    float: left;
    margin: 0px 0px 10px;
}
#footer .column-right ul.contacts a,
#footer .column-right ul.contacts span{
    margin: 0px 0px 0px 22px;
    float: left;
    line-height: normal;
}
#footer .column-left .inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: 100%;
}

@media (max-width: 768px) {
    #footer .column-left .bottom {
        display: none;
    }
}

#footer .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (max-width: 768px) {
    #footer .top {
        margin-bottom: 25px;
    }
}

#footer .time,
#footer #time__,
#footer .temperature {
    font-size: 54px;
    line-height: 64px;
    color: #FFFFFF;
    font-family: 'Playfair Display', serif;
    letter-spacing: 2px;
    margin: 0;
    font-family: 'Didot', 'Playfair Display', serif;
}

@media (max-width: 1024px) {
    #footer .time,
    #footer #time__,
    #footer .temperature {
        font-size: 45px;
        line-height: 55px;
    }
}

@media (max-width: 540px) {
    #footer .time,
    #footer #time__,
    #footer .temperature {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 375px) {
    #footer .time,
    #footer #time__,
    #footer .temperature {
        font-size: 30px;
        line-height: 40px;
    }
}

#footer .time #time__format,
#footer #time__ #time__format,
#footer .temperature #time__format {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
}

@media (max-width: 540px) {
    #footer .time #time__format,
    #footer #time__ #time__format,
    #footer .temperature #time__format {
        font-size: 18px;
    }
}

@media (max-width: 540px) {
    #footer .temperature {
        margin-left: 5px;
    }
}

#footer .time #time__format {
    font-weight: 700;
    margin-left: 10px;
}

@media (max-width: 540px) {
    #footer .time #time__format {
        position: relative;
        top: 10px;
    }
}

@media (max-width: 375px) {
    #footer .time #time__format {
        font-size: 15px;
    }
}

#footer .time #time__format:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 150px;
    background-color: #FFFFFF;
    position: relative;
    margin: 0 10px;
    bottom: 7px;
}

@media (max-width: 540px) {
    #footer .time #time__format:after {
        width: 90px;
        bottom: 20px;
    }
}

@media (max-width: 375px) {
    #footer .time #time__format:after {
        width: 60px;
    }
}

#footer .social-network ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
}

#footer .social-network li {
    margin: 0 20px;
}

#footer .social-network li:first-child {
    margin-left: 0;
}

#footer .social-network a {
    color: #FFFFFF;
    font-size: 18px;
}

#footer .copyright {
    color: #FFFFFF;
    font-size: 11px;
    letter-spacing: .5px;
    margin: 25px 0 0;
}

#footer .copyright a {
    color: #FFFFFF;
}

#footer .column-right {
    color: #FFFFFF;
    line-height: 20px;
}

#footer .column-right .inner {
    padding-left: 60px;
}

@media (max-width: 768px) {
    #footer .column-right .inner {
        padding-left: 0;
    }
}

#footer .column-right h4 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
}

#footer .column-right a {
    color: #FFFFFF;
}

#footer .column-right ul {
    margin: 35px 0 0;
    padding: 0;
}

#footer .on-mobile {
    display: none;
}

@media (max-width: 768px) {
    #footer .on-mobile {
        display: block;
    }
}

.main-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    background-color: rgba(65, 70, 94, 0.79);
}

.exclusive-deal-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1060;
    background-color: rgba(45, 50, 74, 0.95);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: opacity(0.8);
    -moz-transform: opacity(0.8);
    -ms-transform: opacity(0.8);
    -o-transform: opacity(0.8);
    transform: opacity(0.8);
    -webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}

.exclusive-deal-popup.open {
    opacity: 1;
    visibility: visible;
}

.exclusive-deal-popup.open .block-content-wrap {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
}

.exclusive-deal-popup .popup-container {
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.exclusive-deal-popup .block-content-wrap {
    height: 80vh;
    width: 80%;
    box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.5);
    position: relative;
    -webkit-transform: translate3d(0, 0%, 0) scale(0.8);
    -moz-transform: translate3d(0, 0%, 0) scale(0.8);
    -ms-transform: translate3d(0, 0%, 0) scale(0.8);
    -o-transform: translate3d(0, 0%, 0) scale(0.8);
    transform: translate3d(0, 0%, 0) scale(0.8);
    -webkit-transition: all 0.75s ease 0.4s;
    -moz-transition: all 0.75s ease 0.4s;
    -o-transition: all 0.75s ease 0.4s;
    -ms-transition: all 0.75s ease 0.4s;
    transition: all 0.75s ease 0.4s;
    opacity: 0;
}

@media (max-width: 1366px) {
    .exclusive-deal-popup .block-content-wrap {
        height: 80vh;
    }
}

@media (max-width: 1024px) {
    .exclusive-deal-popup .block-content-wrap {
        width: 75%;
    }
}

@media (max-width: 768px) {
    .exclusive-deal-popup .block-content-wrap {
        width: 85%;
        height: 90vh;
    }
}

@media (max-width: 540px) {
    .exclusive-deal-popup .block-content-wrap {
        width: 90%;
        height: 90vh;
    }
}

.exclusive-deal-popup .close {
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 768px) {
    .exclusive-deal-popup .close {
        color: #FFFFFF;
        font-size: 25px;
        right: 5px;
        top: 5px;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }
}

.exclusive-deal-popup .close .icon {
    font-weight: 700;
}

@media (max-width: 540px) {
    .exclusive-deal-popup .close .icon {
        font-weight: 400;
    }
}

.exclusive-deal-popup .content-item {
    height: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .exclusive-deal-popup .content-item {
        overflow-y: scroll;
    }
}

.exclusive-deal-popup .content-item .picture {
    margin: 0;
}

@media (max-width: 768px) {
    .exclusive-deal-popup .content-item .picture {
        height: 40%;
    }
}

@media (max-width: 540px) {
    .exclusive-deal-popup .content-item .picture {
        height: 40%;
    }
}

.exclusive-deal-popup .content-item .picture .wrap {
    height: 100%;
}

.exclusive-deal-popup .content-item .picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.exclusive-deal-popup .content-item .entry {
    background-color: #f0f0f5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 540px) {
    .exclusive-deal-popup .content-item .entry {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

.exclusive-deal-popup .content-item .entry .inner {
    padding: 35px 50px 35px 35px;
    max-width: 430px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 540px) {
    .exclusive-deal-popup .content-item .entry .inner {
        padding: 25px 30px;
    }
}

@media (max-width: 320px) {
    .exclusive-deal-popup .content-item .entry .inner {
        padding: 20px 25px;
    }
}

.exclusive-deal-popup .content-item .entry .detail {
    margin: 15px 0 20px;
}

@media (max-width: 768px) {
    .exclusive-deal-popup .content-item .entry .detail {
        overflow-y: visible;
    }
}

.exclusive-deal-popup .content-item .entry .title {
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Playfair Display', serif;
}

@media (max-width: 540px) {
    .exclusive-deal-popup .content-item .entry .title {
        font-size: 18px;
        line-height: 24px;
    }
}

.exclusive-deal-popup .content-item .entry .title-line {
    height: 2px;
    max-width: 30%;
    background-color: transparent;
    margin: 10px 0 15px;
}

.exclusive-deal-popup .content-item .entry .summary {
    font-size: 11px;
    line-height: 20px;
    margin: 0;
}

.exclusive-deal-popup .content-item .entry p {
    margin: 0;
}

.exclusive-deal-popup .content-item .entry p,
.exclusive-deal-popup .content-item .entry li {
    font-size: 12px;
    line-height: 22px;
}

.exclusive-deal-popup .content-item .entry ul {
    margin: 0 0 15px;
    padding-left: 20px;
}

.exclusive-deal-popup .content-item .entry ul:last-child {
    margin-bottom: 0;
}

.exclusive-deal-popup .content-item .entry li {
    list-style: disc;
}

.exclusive-deal-popup .content-item .entry .no-list-style {
    padding: 0;
}

.exclusive-deal-popup .content-item .entry .no-list-style li {
    list-style: none;
    line-height: 1.4;
}

.exclusive-deal-popup .content-item .entry .button {
    background-color: #679334;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 7px 25px;
    display: inline-block;
    text-align: center;
    max-width: 80px;
    border: solid 2px #679334;
    transition: all .2s ease;
}

.exclusive-deal-popup .content-item .entry .button:hover {
    background-color: transparent;
    color: #679334;
}

.exclusive-deal-popup .flickity-prev-next-button {
    background-color: #5f5c68;
    border-radius: 0;
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .exclusive-deal-popup .flickity-prev-next-button {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        top: 18%;
        background-color: transparent;
    }
}

@media (max-width: 540px) {
    .exclusive-deal-popup .flickity-prev-next-button {
        display: none;
    }
}

.exclusive-deal-popup .flickity-prev-next-button svg {
    position: static;
    height: 16px;
    width: 16px;
    fill: #fff;
}

.exclusive-deal-popup .flickity-prev-next-button .arrow {
    fill: #FFFFFF;
}

.exclusive-deal-popup .flickity-prev-next-button.previous {
    left: -40px;
}

@media (max-width: 768px) {
    .exclusive-deal-popup .flickity-prev-next-button.previous {
        left: 20px;
    }
}

@media (max-width: 540px) {
    .exclusive-deal-popup .flickity-prev-next-button.previous {
        display: none;
    }
}

.exclusive-deal-popup .flickity-prev-next-button.next {
    right: -40px;
}

@media (max-width: 768px) {
    .exclusive-deal-popup .flickity-prev-next-button.next {
        right: 20px;
    }
}

@media (max-width: 540px) {
    .exclusive-deal-popup .flickity-prev-next-button.next {
        right: 15px;
    }
}

.popup-homepage {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1070;
    max-width: 500px;
    height: 200px;
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    transition: all 0.75s ease;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
}

@media (max-width: 768px) {
    .popup-homepage {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(65, 70, 94, 0.79);
        max-width: 100%;
        height: 100vh;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
}

.popup-homepage.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.popup-homepage.open .block-content-wrap {
    pointer-events: fill;
}

@media (max-width: 768px) {
    .popup-homepage.open .block-content-wrap {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.popup-homepage .columns,
.popup-homepage .popup-container,
.popup-homepage .block-content-wrap,
.popup-homepage .wrap {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .popup-homepage .columns,
    .popup-homepage .popup-container,
    .popup-homepage .block-content-wrap,
    .popup-homepage .wrap {
        height: auto;
    }
}

@media (max-width: 768px) {
    .popup-homepage .popup-container {
        padding: 100px;
    }
}

@media (max-width: 540px) {
    .popup-homepage .popup-container {
        padding: 20px;
    }
}

@media (max-width: 320px) {
    .popup-homepage .popup-container {
        padding: 15px;
    }
}

.popup-homepage .block-content-wrap {
    overflow: hidden;
    pointer-events: none;
}

@media (max-width: 768px) {
    .popup-homepage .block-content-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
        -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
        -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
        -ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
        transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) 0.4s;
        -webkit-transform: translate3d(0, 100px, 0);
        -moz-transform: translate3d(0, 100px, 0);
        -ms-transform: translate3d(0, 100px, 0);
        -o-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
}

.popup-homepage .close {
    position: absolute;
    right: 5px;
    top: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
}

@media (max-width: 768px) {
    .popup-homepage .close {
        color: #FFFFFF;
        font-size: 30px;
        right: 7px;
        top: 7px;
    }
}

@media (max-width: 320px) {
    .popup-homepage .close {
        font-size: 25px;
    }
}

.popup-homepage .close .icon {
    font-weight: 700;
}

@media (max-width: 540px) {
    .popup-homepage .close .icon {
        font-weight: 400;
    }
}

.popup-homepage .picture {
    margin: 0;
    -webkit-box-flex: 0 0 40%;
    -moz-box-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

@media (max-width: 768px) {
    .popup-homepage .picture {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.popup-homepage .picture .wrap {
    padding: 10px;
}

@media (max-width: 768px) {
    .popup-homepage .picture .wrap {
        padding: 0;
    }
}

.popup-homepage .picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .popup-homepage .picture img {
        height: 330px;
    }
}

@media (max-width: 540px) {
    .popup-homepage .picture img {
        height: 220px;
    }
}

@media (max-width: 768px) {
    .popup-homepage .entry {
        background-color: #FFFFFF;
    }
}

.popup-homepage .entry .inner {
    padding: 25px 20px 25px 10px;
}

@media (max-width: 768px) {
    .popup-homepage .entry .inner {
        padding: 30px 40px;
    }
}

@media (max-width: 540px) {
    .popup-homepage .entry .inner {
        padding: 20px 25px;
    }
}

.popup-homepage .entry .section-headline {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

@media (max-width: 320px) {
    .popup-homepage .entry .section-headline {
        font-size: 15px;
        line-height: 24px;
    }
}

.popup-homepage .entry .section-headline:after, .popup-homepage .entry .section-headline:before {
    height: 2px;
    width: 10%;
}

.popup-homepage .entry .title {
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.popup-homepage .entry p {
    max-height: 40px;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px;
}

@media (max-width: 540px) {
    .popup-homepage .entry p {
        max-height: 100%;
    }
}

.popup-homepage .entry .button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}

@media (max-width: 320px) {
    .popup-homepage .entry .button {
        font-size: 11px;
    }
}

.popup-homepage .entry .button:hover {
    color: #A67C07;
}

.popup-homepage .entry .button:hover .icon {
    border: solid 1px #A67C07;
    margin-right: 15px;
    background-color: #A67C07;
    color: #FFFFFF;
}

.popup-homepage .entry .button .icon {
    border: solid 1px #679334;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 1;
    margin-right: 25px;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 540px) {
    .popup-homepage .entry .button .icon {
        position: relative;
        top: 3px;
    }
}

.main-navigation {
    position: relative;
    z-index: 10;
}

.main-navigation.active {
    background-color: #FBF8F3;
    z-index: 1010;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.main-navigation.active + .bg-image-section-one {
    margin-top: 76px;
}

.main-navigation.active ul {
    padding: 25px 0;
}

.main-navigation.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1005;
}

@media (max-width: 1192px) {
    .main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(37, 69, 0, 0.92);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
}

.main-navigation ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 20px 0;
    margin: 0;
}

@media (max-width: 1192px) {
    .main-navigation ul {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        padding: 0 70px;
        margin: 125px 0 30px;
    }
}

@media (max-width: 1024px) {
    .main-navigation ul {
        z-index: 1009;
    }
}

@media (max-width: 768px) {
    .main-navigation ul {
        padding: 0 35px;
    }
}

@media (max-width: 375px) {
    .main-navigation ul {
        margin: 100px 0 25px;
    }
}

@media (max-width: 320px) {
    .main-navigation ul {
        padding: 0 25px;
        margin: 80px 0 20px;
    }
}

.main-navigation li {
    margin: 0 20px;
}

.main-navigation li:hover a:before {
    width: 90%;
}

@media (max-width: 1192px) {
    .main-navigation li {
        margin: 0;
        padding: 10px 0;
        width: 100%;
    }

    .main-navigation li:last-child {
        padding-bottom: 30px;
        border-bottom: solid 1px #FFFFFF;
    }
}

@media (max-width: 375px) {
    .main-navigation li {
        padding: 7px 0;
    }

    .main-navigation li:last-child {
        padding-bottom: 25px;
    }
}

@media (max-width: 320px) {
    .main-navigation li {
        padding: 5px 0;
    }

    .main-navigation li:last-child {
        padding-bottom: 18px;
    }
}

.main-navigation li:first-child {
    margin-left: 0;
}

.main-navigation li:last-child {
    margin-right: 0;
}

.main-navigation li > a {
    position: relative;
    display: block;
}

.main-navigation li > a:before {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #679334;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media (max-width: 1024px) {
    .main-navigation li > a:before {
        display: none;
    }
}

.main-navigation a {
    font-weight: 400;
    font-size: 13px;
}

@media (max-width: 1192px) {
    .main-navigation a {
        color: #FFFFFF;
        font-size: 18px;
        display: block;
    }

    .main-navigation a:hover {
        color: #FFFFFF;
    }
}

@media (max-width: 540px) {
    .main-navigation a {
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    .main-navigation a {
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    .main-navigation a {
        font-size: 13px;
    }
}

.main-navigation .best-rates {
    padding: 0 70px;
    display: none;
}

@media (max-width: 1024px) {
    .main-navigation .best-rates {
        display: block;
    }
}

@media (max-width: 768px) {
    .main-navigation .best-rates {
        padding: 0 35px;
    }
}

@media (max-width: 320px) {
    .main-navigation .best-rates {
        padding: 0 25px;
    }
}

.main-navigation .best-rates h4,
.main-navigation .best-rates a {
    color: #FFFFFF;
}

.main-navigation .best-rates h4 {
    margin: 0 0 10px;
    font-size: 20px;
}

@media (max-width: 540px) {
    .main-navigation .best-rates h4 {
        font-size: 16px;
        margin-bottom: 0;
    }
}

.main-navigation .button-booknow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.main-navigation .button-booknow a {
    display: block;
    background-color: #FFFFFF;
    color: #679334;
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
}

@media (max-width: 375px) {
    .main-navigation .button-booknow a {
        padding: 12px 0;
    }
}

@media (max-width: 320px) {
    .main-navigation .button-booknow a {
        padding: 10px 0;
    }
}

.main-navigation .parent-menu {
    position: relative;
}

.main-navigation .parent-menu.open .sub-menu {
    top: 30px;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px) {
    .main-navigation .parent-menu.open .sub-menu {
        top: 0;
    }
}

.main-navigation .parent-menu.open > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-navigation .parent-menu > a {
    position: relative;
}

.main-navigation .parent-menu > a:after {
    content: '\f107';
    display: inline-block;
    font-family: 'icon';
    font-size: 20px;
    position: absolute;
    margin-left: 10px;
    top: 1px;
    display: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1024px) {
    .main-navigation .parent-menu > a:after {
        display: inline-block;
    }
}

.main-navigation .parent-menu .sub-menu {
    position: absolute;
    width: 250px;
    display: block;
    top: 40px;
    left: 50%;
    max-height: 400px;
    padding: 20px 0 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1024px) {
    .main-navigation .parent-menu .sub-menu {
        position: relative;
        max-height: 100%;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        opacity: 1;
        visibility: visible;
        text-align: left;
        display: none;
    }
}

@media (max-width: 540px) {
    .main-navigation .parent-menu .sub-menu {
        margin: 10px 0 0;
    }
}

@media (max-width: 32px) {
    .main-navigation .parent-menu .sub-menu {
        margin: 5px 0 0;
    }
}

.main-navigation .parent-menu .sub-menu li {
    margin: 0;
    border-bottom: solid 1px #558e11;
}

@media (max-width: 1024px) {
    .main-navigation .parent-menu .sub-menu li {
        border-bottom: 0;
        padding: 0;
        margin: 0;
    }
}

.main-navigation .parent-menu .sub-menu li:last-child {
    border-bottom: 0;
}

.main-navigation .parent-menu .sub-menu a {
    display: block;
    background-color: #679334;
    color: #FFFFFF;
    padding: 15px 25px;
}

.main-navigation .parent-menu .sub-menu a:before {
    content: none;
}

@media (max-width: 1024px) {
    .main-navigation .parent-menu .sub-menu a {
        background-color: transparent;
    }
}

@media (max-width: 540px) {
    .main-navigation .parent-menu .sub-menu a {
        padding: 10px 20px;
    }
}

@media (max-width: 320px) {
    .main-navigation .parent-menu .sub-menu a {
        padding: 8px 20px;
    }
}

.main-navigation .parent-menu .sub-menu a:hover {
    background-color: #5f5c68;
}

.block-card-shadow {
    padding: 0px;
}

.title_about{
    text-align: center;
}
.title_about h2{
    font-size: 38px;
    color: #6d1f09;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    margin: 0px 0px 90px;
}

@media (max-width: 768px) {
    .title_about h2{
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .block-card-shadow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media (max-width: 540px) {
    .block-card-shadow {
        -webkit-box-flex-direction: column-reverse;
        -moz-box-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 25px 0;
    }
}

.block-card-shadow .block-entry {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 68%;
}

@media (max-width: 540px) {
    .block-card-shadow .block-entry {
        width: 100%;
        padding-top: 50px;
    }
}

.block-card-shadow .block-entry .inner {
    padding: 0 0px 0 28px;
}

.block-card-shadow p{
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    color: #000;
    font-weight: 300;
    line-height: normal;
    margin: 0px 0px 10px;
}

.block-card-shadow div.rev_item{
    margin: 93px 52px 0px;
}
.block-card-shadow div.rev_item a{color:#000;}
.block-card-shadow div.rev_item a:hover{color:#fff;}

@media (max-width: 1024px) {
    .block-card-shadow .block-entry .inner {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .block-card-shadow .block-entry .inner {
        padding-right: 25px;
    }
}

@media (max-width: 540px) {
    .block-card-shadow .block-entry .inner {
        padding: 0;
        text-align: left;
        margin-bottom: 30px;
    }
}

.block-card-shadow .block-entry .section-headline {
    margin-top: 100px;
}

@media (max-width: 540px) {
    .block-card-shadow .block-entry .section-headline {
        margin-top: 0px;
    }
}

.block-card-shadow .block-entry p:last-child {
    margin-bottom: 0;
}

.block-card-shadow .block-picture {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 32%;
}

@media (max-width: 540px) {
    .block-card-shadow .block-picture {
        width: 100%;
    }
}

.block-card-shadow .block-picture .picture {
    position: relative;
    margin: 0;
    padding: 0 2px 0 0px;
    height: 100%;
}

@media (max-width: 540px) {
    .block-card-shadow .block-picture .picture {
        padding: 0 20px 0 0;
    }
}

.block-card-shadow .block-picture .picture .rev_clip {
    height: 100%;
    position: relative;
    z-index: 5;
}

.block-card-shadow .block-picture .box {
    position: absolute;
    top: 60px;
    right: 0;
    width: 83%;
    height: 100%;
    z-index: 0;
}

@media (max-width: 540px) {
    .block-card-shadow .block-picture .box {
        display: none;
    }
}

.block-card-shadow .block-picture .box.wide {
    position: absolute;
    top: 60px;
    right: -80%;
    width: 140%;
}

#home_accommodation {
    padding: 90px 0px 230px;
    background: url(/bitrix/templates/okshop/images/bg_home_shop.png) no-repeat top center;
    background-size: cover;
}
#home_accommodation.catalog_section_block {
    padding: 90px 0px 230px;
    background: url(/bitrix/templates/okshop/images/bg_catalog_shop.jpg) no-repeat top center;
    background-size: cover;
}

@media (max-width: 540px) {
    #home_accommodation {
        padding: 50px 0px 50px;
    }
}

@media (max-width: 540px) {
    #home_accommodation .section-headline {
        margin-bottom: 40px;
    }
}

#home_accommodation .section-desc {
    margin-bottom: 80px;
}

@media (max-width: 768px) {
    #home_accommodation .section-desc {
        margin-bottom: 60px;
        text-align: left;
    }
}

@media (max-width: 540px) {
    #home_accommodation .section-desc {
        margin-bottom: 50px;
    }
}

#home_accommodation p {
    margin: 0 0 120px 0px;
    max-width: 100%;
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}

#home_accommodation .block-card .card {
    height: 380px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 35px;
}

@media (max-width: 1024px) {
    #home_accommodation .block-card .card {
        height: 360px;
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    #home_accommodation .block-card .card {
        margin-bottom: 50px;
        height: 285px;
    }

    #home_accommodation .block-card .card:last-child {
        margin-bottom: 15px;
    }
}

@media (max-width: 540px) {
    #home_accommodation .block-card .card {
        padding: 0;
        height: 180px;
        margin-bottom: 40px;
    }
}

@media (max-width: 375px) {
    #home_accommodation .block-card .card {
        height: 160px;
        margin-bottom: 30px;
    }
}

#home_accommodation .block-card .card .inner {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

#home_accommodation .block-card .card .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#home_accommodation .block-card .card .overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 35%;
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    z-index: 1;
}

@media (max-width: 768px) {
    #home_accommodation .block-card .card .overlay {
        height: 50%;
    }
}

#home_accommodation .block-card .card .entry {
    height: 100%;
    width: 100%;
    padding: 40px 30px;
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    #home_accommodation .block-card .card .entry {
        padding: 35px 25px;
    }
}

@media (max-width: 768px) {
    #home_accommodation .block-card .card .entry {
        padding: 40px;
    }
}

@media (max-width: 540px) {
    #home_accommodation .block-card .card .entry {
        padding: 30px 25px;
    }
}

#home_accommodation .block-card .card .entry .title {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    position: relative;
    display: block;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

@media (max-width: 1024px) {
    #home_accommodation .block-card .card .entry .title {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 768px) {
    #home_accommodation .block-card .card .entry .title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 540px) {
    #home_accommodation .block-card .card .entry .title {
        font-size: 20px;
        line-height: 28px;
    }
}

#home_accommodation .block-card .card .entry .title:after {
    content: '';
    display: block;
    height: 2px;
    width: 65px;
    background-color: #FFFFFF;
    margin-top: 20px;
}

@media (max-width: 540px) {
    #home_accommodation .block-card .card .entry .title:after {
        margin-top: 10px;
    }
}

.testi .slide {
    width: 100%;
    padding-bottom: 50px;
}

#home_testimonial {
    height: 80vh;
    overflow: visible;
}

@media (max-width: 540px) {
    #home_testimonial {
        overflow: hidden;
    }
}

#home_testimonial .slider-wrap {
    position: relative;
    width: 100%;
}

#home_testimonial #testiOne {
    position: absolute;
}

#home_testimonial #testiOne {
    left: 5%;
    top: -20px;
    width: 200px;
    height: 200px;
    background: #d8d6e2;
    z-index: 2;
}

#home_testimonial #testiOne .slide-inner {
    padding: 20px 40px;
    text-align: right;
}

#home_testimonial #testiOne .avatar {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    overflow: hidden;
    margin: 0 0 0px 0;
    float: right;
    clear: both;
    display: none;
}

#home_testimonial #testiOne span {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
}

#home_testimonial #testiOne .name {
    font: 700 14px/1.3 "Open Sans", serif;
    margin: 10px 0;
    text-transform: uppercase;
    padding-top: 60px;
}

#home_testimonial #testiTwo {
    left: 10%;
    position: relative;
    top: 0;
    width: 80%;
    background: #FFFFFF;
}

#home_testimonial #testiTwo .flickity-viewport {
    transition: height 0.2s;
}

#home_testimonial #testiTwo .slide {
    background: #FFFFFF;
}

#home_testimonial #testiTwo .slide-inner {
    padding: 30px 60px 30px 30%;
    height: 300px;
}

#home_testimonial #testiTwo .slide-inner h3 {
    font: 400 25px/1.3 "Playfair Display", serif;
    max-width: 400px;
}

#home_testimonial #testiTwo .slide-inner p {
    max-width: 400px;
}

#home_testimonial .slide-nav {
    position: absolute;
    right: 50px;
    top: 200px;
    width: 70px;
    z-index: 2;
}

#home_testimonial .slide-nav .left, #home_testimonial .slide-nav .right {
    padding: 20px;
    text-align: center;
    cursor: pointer;
    background: #5f5c68;
    display: block;
}

#home_testimonial .slide-nav .left svg, #home_testimonial .slide-nav .right svg {
    fill: #fff;
}

#home_testimonial .slide-nav .left {
    margin-bottom: 2px;
}

#home_testimonial .slide {
    position: relative;
    width: 100%;
    height: 100%;
}

/*


#home_testimonial {
	.section-headline {
		margin-bottom: 50px;
	}

	.carousel {
		width: 100%;
		height: 100%;

		.flickity-viewport {
			width: 100%;
		}
	}

	.carousel-item {
		@include box-sizing;
		padding: 0 25px;

		@media screen and(max-width: 1024px){
			width: 50%;
		}

		@media screen and(max-width: 540px){
			width: 100%;
			padding: 0;
		}

		.inner {
			background-color: $white;
			padding: 30px;
			height: 100%;
			@include box-sizing;
		}

		.block-entry {
			border-bottom: solid 1px $prim-green;
			padding-bottom: 10px;

			p {
				margin: 0 0 5px;
				// font-size: 16px;
				// line-height: 27px;
			}
		}

		.read_more {
			font-size: 8px;
			font-weight: 700;
		}

		.block-picture {
			@include flex-init;
			margin-top: 30px;
			@include box-sizing;

			@media screen and(max-width: 540px){
				margin-top: 30px;
			}
		}

		.avatar {
			margin: 0;
			width: 70px;
			height: 70px;
			@include flex(0 0 70px);
			border-radius: 50%;
			overflow: hidden;
		}

		.entry {
			@include flex-init;
			@include flex-direction(column);
			margin-left: 15px;
			@include justify-content(center);

			.name,
			.from {
				margin: 0;
				// font-size: 16px;
				line-height: 22px;
			}

			.name {
				font-weight: 700;
			}

			.from {
				text-transform: uppercase;
				margin-bottom: 10px;
			}

			.date {
				font-size: 10px;
				line-height: 15px;
			}
		}
	}

	.flickity-prev-next-button {
		background-color: transparent;
		z-index: 50;

		&.previous {
			left: -80px;

			@media screen and(max-width: 1024px){
				left: -40px;
			}

			@media screen and(max-width: 768px){
				left: 5px;
			}

			@media screen and(max-width: 540px){
				left: -20px;
			}

			@media screen and(max-width: 375px){
				left: -15px;
			}
		}

		&.next {
			right: -80px;

			@media screen and(max-width: 1024px){
				right: -40px;
			}

			@media screen and(max-width: 768px){
				right: 5px;
			}

			@media screen and(max-width: 540px){
				right: -20px;
			}

			@media screen and(max-width: 375px){
				right: -25px;
			}
		}

		svg {
			@media screen and(max-width: 375px){
				width: 16px;
				height: 16px;
			}
		}

		.arrow {
			fill: $prim-green;
		}
	}
}

.popup-testimonial {
	max-width: 700px;
	max-height: 70vh;
	padding: 35px;
	margin: 0;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	display: none;

	@media screen and(max-width: 768px){
		max-width: 80%;
		max-height: 60%;
	}

	@media screen and(max-width: 540px){
		padding: 25px;
		max-height: 80vh;
	}

	.block-picture {
		.avatar {
			margin: 0 auto 15px;
			width: 100px;
			height: 100px;
			border-radius: 50%;
			overflow: hidden;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

			@media screen and(max-width: 540px){
				width: 80px;
				height: 80px;
			}

			@media screen and(max-width: 320px){
				width: 60px;
				height: 60px;
			}
		}

		.entry {
			text-align: center;

			.name {
				margin: 0;
				font-size: 20px;
				line-height: 30px;
				font-family: 'Playfair Display', serif;
				font-weight: 400;

				@media screen and(max-width: 540px){
					font-size: 18px;
					line-height: 28px;
				}

				@media screen and(max-width: 320px){
					font-size: 16px;
					line-height: 26px;
				}
			}

			.date {
				font-size: 12px;
				line-height: 1;
				color: #666;
				font-family: 'Open Sans', sans-serif;
			}
		}
	}

	.lines {
		width: 30px;
		height: 2px;
		background-color: $prim-green;
		margin: 20px auto;
	}

	.block-entry {
		text-align: center;

		h4 {
			margin: 0 0 5px;
			font-family: 'Playfair Display', serif;
		}

		p {
			margin: 0 0 15px;
			font-family: 'Open Sans', sans-serif;

			&:last-child {
				margin: 0;
			}
		}
	}
}

*/
.fancybox-bg {
    background: #41465e !important;
}

.fancybox-navigation button {
    color: #679334;
    width: 80px;
}

@media (max-width: 768px) {
    .fancybox-navigation button {
        width: 70px;
    }
}

@media (max-width: 540px) {
    .fancybox-navigation button {
        width: 30px;
        padding: 0;
    }
}

.fancybox-navigation button:before {
    background-color: transparent;
}

.scrollDown {
    position: absolute;
    left: 50%;
    bottom: 15px;
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 300;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: scrollDown 1.5s infinite linear;
    -webkit-animation: scrollDown 1.5s infinite linear;
    -moz-animation: scrollDown 1.5s infinite linear;
}

.q_slide {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.banner_block .q_slide{
    height: 76vh;
}

@media (max-width: 1025px) {
    .q_slide {height: 40vh!important;}
    .q_slide .slide .caption {
        position: relative!important;
        left: 5%!important;
        top: 5%!important;
        width: 50%!important;
        max-width: 324px!important;
    }
    .q_slide .slide .caption h1 {
        font-size: 36px!important;
    }
    .q_slide .slide .caption p {
        font-size: 22px!important;
    }
    .q_slide .slide .caption .q_magnet {
        padding: 20px 20px 10px!important;
        display: inline-block;
    }
    .q_slide .slide .btn {
        font-size: 16px!important;
    }
    .navbar-header .other_navbar_buttons {
        margin: 20px 0 60px!important;
    }

}


.q_slide .q_slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.q_slide .slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.q_slide .grad-btm {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    pointer-events: none;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    opacity: .7;
}

.q_slide .slide {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: #000;
}

.q_slide .slide.q_current {
    display: block;
}

.q_slide .slide.is-loaded {
    opacity: 1;
}

.q_slide .slide .caption {
    position: relative;
    left: 0%;
    top: 0%;
    width: 70%;
    max-width: 580px;
    text-align: left;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.banner_block .q_slide .slide .caption{
    width: 85%;
    max-width: 85%;
    text-align: left;
    -webkit-transform: translateX(5%) translateY(0);
    -moz-transform: translateX(5%) translateY(0);
    -ms-transform: translateX(5%) translateY(0);
    -o-transform: translateX(5%) translateY(0);
    transform: translateX(5%) translateY(0);
}

.q_slide .slide .caption h1 {
    font-size: 77px;
    font-family: 'Playfair Display', serif;
    margin-top: 0px;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 5px;
    line-height: normal;
    background: linear-gradient(90deg, #969696 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
}

@media (max-width: 540px) {
    .q_slide .slide .caption h1 {
        font: 700 16px/1.3 'Playfair Display', serif;
        letter-spacing: 3px;
    }
}

.q_slide .slide .caption h6 {
    font: 700 11px/1.3 "Open Sans", sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    display: none;
}

.q_slide .slide .caption .sep {
    width: 80px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 30px auto;
    display: none;
}

.q_slide .slide .caption p {
    max-width: 400px;
    margin: 0 auto;
    letter-spacing: 1px;
    margin:5px 0px 0px;
    font-size:34px;
    font-family: 'Playfair Display', serif;
    line-height: normal;
    text-transform: uppercase;
}

.banner_block .q_slide .slide .caption p{
    max-width: 100%;
}

@media (max-width: 540px) {
    .q_slide .slide .caption p {
        margin-top: 70px;
    }
}

.q_slide .slide .caption .q_magnet {
    padding: 50px 20px 20px;
    display: inline-block;
}

@media (max-width: 540px) {
    .q_slide .slide .caption {
        bottom: 120px;
    }
}

.q_slide .slide .caption.right {
    left: auto;
    right: 10%;
    text-align: right;
}

.q_slide .slide .image-container, .q_slide .slide .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
    background-size: cover;
    image-rendering: optimizeQuality;
}

.q_slide .slide .image {
    width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: .8;
}

.q_slide .slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.q_slide .slide .btn {
    display: inline-block;
    border: 3px solid #50ac2a;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    transition: all 0.2s ease;
    font-size: 33px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    border-radius: 35px;
}

.q_slide .slide .btn:hover {
    background-color: #50ac2a;
}

.btn {
    display: inline-block;
    border: 3px solid #50ac2a;
    padding: 10px 30px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    transition: all 0.2s ease;
    font-size: 33px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    border-radius: 35px;
}
.btn:hover {
    background-color: #50ac2a;
    color: #fff;
}

.q_slide .slide .btn::before {
    background: #fff;
}

.q_slide .pagination {
    position: absolute;
    left: 10%;
    cursor: default;
    z-index: 2;
    bottom: 10%;
    margin-top: -56px;
}

@media (max-width: 540px) {
    .q_slide .pagination {
        display: none;
    }
}

.q_slide .pagination .item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-indent: -999em;
    z-index: 1;
    margin: 0 15px;
}

.q_slide .pagination .item + .page {
    margin-left: 0;
}

.q_slide .pagination .item::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    margin: 10px 0;
    background: rgba(255, 255, 255, 0.5);
    transition: background 0.2s ease;
    border-radius: 50%;
}

.q_slide .pagination .item::after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -11px;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.2s ease;
}

.q_slide .pagination .item:hover::before, .q_slide .pagination .item.q_current::before {
    background-color: #fff;
}

.q_slide .pagination .item:hover::after, .q_slide .pagination .item.q_current:hover::after {
    opacity: 1;
    transform: scale(1);
}

.q_slide .arrows .arrow {
    display: block;
    padding: 20px;
    position: absolute;
    bottom: 10%;
    margin-bottom: -20px;
    cursor: pointer;
    z-index: 3;
    right: 10%;
}

@media (max-width: 540px) {
    .q_slide .arrows .arrow {
        left: 0;
    }
}

.q_slide .arrows .arrow:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 8px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all 0.2s ease;
    transform: scale(0.5);
    opacity: 0;
}

.q_slide .arrows .arrow:hover:before {
    transform: scale(1);
    opacity: 1;
}

.q_slide .arrows .arrow .svg {
    opacity: 1;
}

.q_slide .arrows .arrow:hover .svg {
    opacity: 1;
}

.q_slide .arrows .prev {
    margin-right: 70px;
}

@media (max-width: 540px) {
    .q_slide .arrows .next {
        left: 50px;
    }
}

.q_slide .arrows .svg {
    position: relative;
    left: 0;
    width: 14px;
    height: 26px;
    fill: #fff;
    transition: opacity 0.2s ease;
}

.q_slide.full-width {
    height: 90vh;
    overflow: visible;
}

.q_slide.full-width .image {
    opacity: .8;
}

.q_slide.full-width .arrows .arrow {
    bottom: 0;
    padding: 20px 29px 17px;
    text-align: center;
    cursor: pointer;
    background: #5f5c68;
    display: block;
    width: 11px;
}

.q_slide.full-width .arrows .arrow svg {
    fill: #fff;
}

.q_slide.full-width .arrows .arrow:before {
    display: none;
}

@media (max-width: 540px) {
    .q_slide.full-width .arrows .arrow.next {
        left: 72px;
    }
}

.q_slide.kenburns .slides .slide .image-container .image {
    width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    animation: kenburns 30s linear;
    -ms-animation: kenburns 30s linear;
    -webkit-animation: kenburns 30s linear;
    -o-animation: kenburns 30s linear;
    -moz-animation: kenburns 30s linear;
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
}

.block-card-overlap .overlap-wrapper {
    position: relative;
    padding-bottom: 130px;
}

@media (max-width: 1024px) {
    .block-card-overlap .overlap-wrapper {
        padding-bottom: 100px;
    }
}

@media (max-width: 768px) {
    .block-card-overlap .overlap-wrapper {
        padding-bottom: 0;
    }
}

.block-card-overlap .box {
    position: absolute;
    top: 60px;
    right: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(30, 10, 40, 0.05);
    z-index: 0;
}

@media (max-width: 540px) {
    .block-card-overlap .box {
        display: none;
    }
}

.block-card-overlap .type-1 .block-entry,
.block-card-overlap .type-3 .block-entry {
    right: 0;
}

.block-card-overlap .type-1 .block-entry .title-line,
.block-card-overlap .type-3 .block-entry .title-line {
    right: -125px;
    transform-origin: right;
    -webkit-transform-origin: right;
}

@media (max-width: 1024px) {
    .block-card-overlap .type-1 .block-entry .title-line,
    .block-card-overlap .type-3 .block-entry .title-line {
        left: 90px;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .type-1 .block-entry .title-line,
    .block-card-overlap .type-3 .block-entry .title-line {
        left: 50px;
    }
}

@media (max-width: 320px) {
    .block-card-overlap .type-1 .block-entry .title-line,
    .block-card-overlap .type-3 .block-entry .title-line {
        left: 40px;
    }
}

.block-card-overlap .type-2,
.block-card-overlap .type-4 {
    -webkit-box-flex-direction: row-reverse;
    -moz-box-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-card-overlap .type-2 .block-entry,
.block-card-overlap .type-4 .block-entry {
    left: 0;
}

.block-card-overlap .type-2 .block-entry .inner,
.block-card-overlap .type-4 .block-entry .inner {
    text-align: right;
}

.block-card-overlap .type-2 .block-entry .title-line,
.block-card-overlap .type-4 .block-entry .title-line {
    right: 125px;
    transform-origin: left;
    -webkit-transform-origin: left;
}

@media (max-width: 1024px) {
    .block-card-overlap .type-2 .block-entry .title-line,
    .block-card-overlap .type-4 .block-entry .title-line {
        right: 90px;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .type-2 .block-entry .title-line,
    .block-card-overlap .type-4 .block-entry .title-line {
        right: 50px;
    }
}

@media (max-width: 320px) {
    .block-card-overlap .type-2 .block-entry .title-line,
    .block-card-overlap .type-4 .block-entry .title-line {
        right: 40px;
    }
}

.block-card-overlap .type-2 .block-entry p,
.block-card-overlap .type-4 .block-entry p {
    margin-left: auto;
}

@media (max-width: 768px) {
    .block-card-overlap .type-2 {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.block-card-overlap .type-3 .block-entry .title-line {
    background: #679334 65px;
    background: -webkit-linear-gradient(right, #679334 65px, #FFFFFF 65px);
    background: -o-linear-gradient(left, #679334 65px, #FFFFFF 65px);
    background: -moz-linear-gradient(left, #679334 65px, #FFFFFF 65px);
    background: linear-gradient(to left, #679334 65px, #FFFFFF 65px);
}

@media (max-width: 1024px) {
    .block-card-overlap .type-3 .block-entry .title-line {
        background: #679334 45px;
        background: -webkit-linear-gradient(right, #679334 45px, #FFFFFF 45px);
        background: -o-linear-gradient(left, #679334 45px, #FFFFFF 45px);
        background: -moz-linear-gradient(left, #679334 45px, #FFFFFF 45px);
        background: linear-gradient(to left, #679334 45px, #FFFFFF 45px);
    }
}

@media (max-width: 540px) {
    .block-card-overlap .type-3 .block-entry .title-line {
        background: #679334 20px;
        background: -webkit-linear-gradient(right, #679334 20px, #FFFFFF 20px);
        background: -o-linear-gradient(left, #679334 20px, #FFFFFF 20px);
        background: -moz-linear-gradient(left, #679334 20px, #FFFFFF 20px);
        background: linear-gradient(to left, #679334 20px, #FFFFFF 20px);
    }
}

@media (max-width: 320px) {
    .block-card-overlap .type-3 .block-entry .title-line {
        background: #679334 15px;
        background: -webkit-linear-gradient(right, #679334 15px, #FFFFFF 15px);
        background: -o-linear-gradient(left, #679334 15px, #FFFFFF 15px);
        background: -moz-linear-gradient(left, #679334 15px, #FFFFFF 15px);
        background: linear-gradient(to left, #679334 15px, #FFFFFF 15px);
    }
}

@media (max-width: 1024px) {
    .block-card-overlap .type-4 .block-entry .title {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .type-4 .block-entry .title {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.block-card-overlap .type-4 .block-entry .title-line {
    background: #679334 65px;
    background: -webkit-linear-gradient(left, #679334 65px, #FFFFFF 65px);
    background: -o-linear-gradient(right, #679334 65px, #FFFFFF 65px);
    background: -moz-linear-gradient(right, #679334 65px, #FFFFFF 65px);
    background: linear-gradient(to right, #679334 65px, #FFFFFF 65px);
}

@media (max-width: 1024px) {
    .block-card-overlap .type-4 .block-entry .title-line {
        background: #679334 45px;
        background: -webkit-linear-gradient(left, #679334 45px, #FFFFFF 45px);
        background: -o-linear-gradient(right, #679334 45px, #FFFFFF 45px);
        background: -moz-linear-gradient(right, #679334 45px, #FFFFFF 45px);
        background: linear-gradient(to right, #679334 45px, #FFFFFF 45px);
    }
}

@media (max-width: 540px) {
    .block-card-overlap .type-4 .block-entry .title-line {
        background: #679334 20px;
        background: -webkit-linear-gradient(left, #679334 20px, #FFFFFF 20px);
        background: -o-linear-gradient(right, #679334 20px, #FFFFFF 20px);
        background: -moz-linear-gradient(right, #679334 20px, #FFFFFF 20px);
        background: linear-gradient(to right, #679334 20px, #FFFFFF 20px);
    }
}

@media (max-width: 320px) {
    .block-card-overlap .type-4 .block-entry .title-line {
        background: #679334 15px;
        background: -webkit-linear-gradient(left, #679334 15px, #FFFFFF 15px);
        background: -o-linear-gradient(right, #679334 15px, #FFFFFF 15px);
        background: -moz-linear-gradient(right, #679334 15px, #FFFFFF 15px);
        background: linear-gradient(to right, #679334 15px, #FFFFFF 15px);
    }
}

.block-card-overlap .block-picture {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 55%;
}

.block-card-overlap .block-picture.wide {
    width: 95%;
}

@media (max-width: 768px) {
    .block-card-overlap .block-picture {
        width: 100%;
        margin-bottom: 50px;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .block-picture {
        margin-bottom: 25px;
    }
}

@media (max-width: 320px) {
    .block-card-overlap .block-picture {
        margin-bottom: 15px;
    }
}

.block-card-overlap .block-picture .picture {
    position: relative;
    margin: 0;
    padding: 0 30px 0 20px;
    height: 100%;
}

@media (max-width: 540px) {
    .block-card-overlap .block-picture .picture {
        padding: 0 20px 0 0;
    }
}

.block-card-overlap .block-entry {
    position: absolute;
    margin-top: 80px;
    top: 0;
    width: 54%;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    z-index: 25;
}

@media (max-width: 768px) {
    .block-card-overlap .block-entry {
        width: 70%;
        right: 10%;
        margin-top: 150px;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .block-entry {
        width: calc(100% - 40px);
        position: relative;
        top: 0;
        margin: auto;
    }
}

@media (max-width: 320px) {
    .block-card-overlap .block-entry {
        width: calc(100% - 25px);
        margin-top: -90px;
    }
}

.block-card-overlap .block-entry .inner {
    padding: 50px 60px 70px;
}

@media (max-width: 1024px) {
    .block-card-overlap .block-entry .inner {
        padding: 35px 45px;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .block-entry .inner {
        padding: 30px;
    }
}

@media (max-width: 320px) {
    .block-card-overlap .block-entry .inner {
        padding: 25px;
    }
}

.block-card-overlap .block-entry .title {
    font: 400 35px/1 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    position: relative;
    display: block;
    line-height: 56px;
}

@media (max-width: 1024px) {
    .block-card-overlap .block-entry .title {
        font-size: 32px;
        line-height: 42px;
    }

    .block-card-overlap .block-entry .title .split-line {
        margin-right: 10px;
    }

    .block-card-overlap .block-entry .title .split-line:last-child {
        margin-right: 0;
    }
}

@media (max-width: 540px) {
    .block-card-overlap .block-entry .title {
        font-size: 28px;
        line-height: 36px;
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 320px) {
    .block-card-overlap .block-entry .title {
        font-size: 24px;
        line-height: 32px;
    }
}

.block-card-overlap .block-entry .title-line {
    height: 1px;
    background-color: #679334;
    margin: 35px 0 40px;
    position: relative;
}

@media (max-width: 1024px) {
    .block-card-overlap .block-entry .title-line {
        margin: 20px 0 25px;
    }
}

.block-card-overlap .block-entry p {
    max-width: 300px;
    margin: 0;
}

@media (max-width: 1024px) {
    .block-card-overlap .block-entry p {
        max-width: 100%;
    }
}

.block-card-overlap ul.facilities {
    padding: 0;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
}

.block-card-overlap ul.facilities li {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #e5e7e9;
}

.block-card-overlap .bg-vanilla {
    background-color: #f0f0f5;
}

.block-card-overlap .bg-green {
    background-color: #679334;
}

.block-card-overlap .bg-green .title,
.block-card-overlap .bg-green p {
    color: #FFFFFF;
}

.block-card-overlap .bg-green .title:after {
    background: #679334 62px;
    background: -webkit-linear-gradient(left, #679334 62px, #FFFFFF 62px);
    background: -o-linear-gradient(right, #679334 62px, #FFFFFF 62px);
    background: -moz-linear-gradient(right, #679334 62px, #FFFFFF 62px);
    background: linear-gradient(to right, #679334 62px, #FFFFFF 62px);
}

.split-line {
    height: 60px;
    overflow: hidden;
    display: block;
}

@media (max-width: 1024px) {
    .split-line {
        height: 45px;
    }
}

@media (max-width: 540px) {
    .split-line {
        overflow: visible;
        height: auto;
    }
}

.split-line .split-line-item {
    display: block;
}

#reservation .q-container {
    position: relative;
    z-index: 10;
}

#reservation .block-card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: 120vh;
}

@media (max-width: 320px) {
    #reservation .block-card {
        margin-top: 30px;
    }
}

#reservation .block-card p {
    max-width: 350px;
    margin-bottom: 30px;
}

#reservation .block-card .wrapper {
    max-width: 415px;
    position: relative;
    margin-left: 25px;
}

@media (max-width: 768px) {
    #reservation .block-card .wrapper {
        max-width: 100%;
    }
}

#reservation .block-card .column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    #reservation .block-card .q-1-2-desktop:nth-child(2) {
        margin-left: 20%;
    }
}

@media (max-width: 768px) {
    #reservation .block-card .q-1-2-desktop:nth-child(2) {
        margin-left: 0;
    }
}

#reservation .block-card .block-entry {
    padding-right: 50px;
}

@media (max-width: 1024px) {
    #reservation .block-card .block-entry {
        display: none;
    }
}

@media (max-width: 768px) {
    #reservation .block-card .block-entry {
        padding-right: 0;
    }
}

@media (max-width: 540px) {
    #reservation .block-card .block-entry {
        display: none;
    }
}

#reservation .block-card .block-entry .inner {
    padding: 25px 45px;
    text-align: right;
    position: relative;
    z-index: 5;
}

@media (max-width: 768px) {
    #reservation .block-card .block-entry .inner {
        text-align: left;
    }
}

#reservation .block-card .block-entry .inner p {
    margin: 0;
    font-size: 13px;
    line-height: 22px;
}

#reservation .block-card .block-entry .inner .title {
    margin-top: 0;
    font-size: 15px;
    font-weight: 600;
}

#reservation .block-card .block-entry .bg-green .title,
#reservation .block-card .block-entry .bg-green p {
    color: #FFFFFF;
}

#reservation .block-card .overlay {
    background-color: #333107;
    position: absolute;
    top: -25px;
    right: 25px;
    bottom: -25px;
    left: -25px;
}

.block-reservation {
    padding-right: 50px;
    text-align: left;
}

@media (max-width: 1024px) {
    .block-reservation {
        padding-left: 0;
    }

    .block-reservation.q-1-2-desktop {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 768px) {
    .block-reservation {
        padding: 0 50px;
    }

    .block-reservation.q-1-2-desktop {
        width: 100%;
        margin: auto;
    }
}

@media (max-width: 540px) {
    .block-reservation {
        padding: 0;
    }
}

.block-reservation label {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
    .block-reservation .columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.block-reservation .column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block-reservation .column:nth-child(odd) {
    margin-right: 10px;
}

.block-reservation .column:nth-child(even) {
    margin-left: 10px;
}

.block-reservation .column.reservation-wrap {
    margin-right: 0 !important;
}

.block-reservation .button-check {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.block-reservation .button-check input {
    padding: 20px 15px;
    border: solid 1px #679334;
    width: 100%;
    outline: 0;
    position: relative;
    z-index: 1;
    background-color: transparent;
    font-size: 12px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #679334;
    -webkit-appearance: none;
    border-radius: 0;
}

@media (max-width: 540px) {
    .block-reservation .button-check input {
        padding: 15px;
        border: solid 1px #679334;
    }
}

@media (max-width: 320px) {
    .block-reservation .button-check input {
        padding: 15px 10px;
    }
}

.block-reservation .button-check input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #679334;
}

.block-reservation .button-check input::-moz-placeholder {
    /* Firefox 19+ */
    color: #679334;
}

.block-reservation .button-check input:-ms-input-placeholder {
    /* IE 10+ */
    color: #679334;
}

.block-reservation .button-check input:-moz-placeholder {
    /* Firefox 18- */
    color: #679334;
}

.block-reservation .button-check .icon {
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 320px) {
    .block-reservation .button-check .icon {
        font-size: 15px;
        right: 15px;
    }
}

@media (max-width: 540px) {
    .block-reservation .btn-increment {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

.block-reservation .button-qty {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 35px;
}

@media (max-width: 540px) {
    .block-reservation .button-qty {
        -webkit-box-flex: 0 0 100%;
        -moz-box-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.block-reservation .button-qty .qty {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    border: solid 1px #679334;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 540px) {
    .block-reservation .button-qty .qty {
        padding: 13px 20px;
    }
}

.block-reservation .button-qty .icon {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.block-reservation .button-qty span,
.block-reservation .button-qty input {
    border: none;
    text-align: center;
    color: #679334;
    -webkit-text-fill-color: #679334;
    background-color: transparent;
    opacity: 1;
}

@media (max-width: 540px) {
    .block-reservation .button-text {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

.block-reservation .button-text .button-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width: 540px) {
    .block-reservation .button-text .button-wrap {
        margin: 0 0 35px;
        display: block;
        text-align: center;
    }

    .block-reservation .button-text .button-wrap:last-child {
        margin: 0;
    }
}

.block-reservation .button-text .button {
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 12px 15px;
    font-size: 12px;
    letter-spacing: 1px;
    transition: all .2s ease;
}

@media (max-width: 768px) {
    .block-reservation .button-text .button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 320px) {
    .block-reservation .button-text .button {
        padding: 13px;
    }
}

.block-reservation .button-text .inline-link {
    text-transform: uppercase;
    font-size: 12px;
}

.block-reservation .button-text .bg-green {
    color: #FFFFFF;
    display: block;
    width: 100%;
}

.block-reservation .button-text .bg-green:hover {
    background-color: #FFFFFF;
    color: #679334;
}

.block-reservation .button-text .only-text {
    border-bottom: solid 1px #679334;
    letter-spacing: 0;
    padding: 0;
}

.block-reservation .button-text .only-text:hover {
    color: #A67C07;
}

.bg-image-section-reservation {
    position: relative;
}

.bg-image-section-reservation:before, .bg-image-section-reservation:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-image-section-reservation:before {
    bottom: -20vh;
    left: -25px;
    height: 100%;
    width: 250px;
    -webkit-transform: rotate(90deg) scale(1, -1);
    -moz-transform: rotate(90deg) scale(1, -1);
    -ms-transform: rotate(90deg) scale(1, -1);
    -o-transform: rotate(90deg) scale(1, -1);
    transform: rotate(90deg) scale(1, -1);
}

@media (max-width: 540px) {
    .bg-image-section-reservation:before {
        display: none;
    }
}

.bg-image-section-reservation:after {
    top: 0;
    right: 0;
    height: 100%;
    width: 300px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 540px) {
    .bg-image-section-reservation:after {
        height: 250px;
        width: 250px;
        top: 30vh;
        right: -35px;
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

.calendar-custom {
    position: relative;
}

.calendar-custom .pika-single,
.calendar-custom .pika-single .is-bound {
    background: #5f5c68 !important;
    position: absolute !important;
    top: 80px !important;
    left: 0 !important;
    right: 0 !important;
    border: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

@media (max-width: 540px) {
    .calendar-custom .pika-single,
    .calendar-custom .pika-single .is-bound {
        top: 70px !important;
    }
}

.calendar-custom .pika-next,
.calendar-custom .pika-prev {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: .7;
}

.calendar-custom .pika-next:hover,
.calendar-custom .pika-prev:hover {
    opacity: 1;
}

.calendar-custom .pika-next {
    background-image: url("/bitrix/templates/okshop/../img/icons/right-arrow-grey.svg");
    right: 50px;
}

@media (max-width: 540px) {
    .calendar-custom .pika-next {
        right: 5px;
    }
}

.calendar-custom .pika-prev {
    background-image: url("/bitrix/templates/okshop/../img/icons/left-arrow-grey.svg");
    left: 50px;
}

@media (max-width: 540px) {
    .calendar-custom .pika-prev {
        left: 5px;
    }
}

.calendar-custom .pika-lendar {
    width: 100%;
    background: #5f5c68 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 30px;
    background-color: #FFFFFF;
}

.calendar-custom .pika-label {
    background-color: transparent;
    color: #888;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-family: 600;
}

.calendar-custom .pika-table abbr {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

.calendar-custom .pika-table td {
    padding: 0;
}

.calendar-custom .pika-row {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.calendar-custom .pika-button {
    text-align: center;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.calendar-custom .pika-button:hover {
    color: #679334;
}

.calendar-custom .is-inrange .pika-button {
    background-color: #BBD531;
}

.calendar-custom .is-today .pika-button {
    color: #A67C07;
}

.calendar-custom .is-selected .pika-button,
.calendar-custom .has-event .pika-button,
.calendar-custom .is-startrange .pika-button {
    background: #679334;
    color: #FFFFFF;
    box-shadow: none;
    border-radius: 0;
}

.calendar-custom .is-disabled .pika-button {
    color: rgba(255, 255, 255, 0.4);
    opacity: .5;
}

.pages-top-banner {
    position: relative;
    background-color: #000;
    height: 100%;
    height: 100vh;
    overflow: hidden;
}

.pages-top-banner .entry {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(0%) translateX(-50%);
    -moz-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    -o-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    text-align: center;
    z-index: 50;
    width: 100%;
    max-width: 600px;
    color: #fff;
}

@media (max-width: 540px) {
    .pages-top-banner .entry {
        max-width: 80%;
        padding: 0 30px;
        bottom: 3rem;
    }
}

@media (max-width: 320px) {
    .pages-top-banner .entry {
        padding: 0 20px;
        bottom: 2rem;
    }
}

.pages-top-banner .entry h1 {
    font: 400 43px/1.3 "Playfair Display", serif;
    margin-top: 0px;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 5px;
}

@media (max-width: 540px) {
    .pages-top-banner .entry h1 {
        font: 700 16px/1.3 "Open Sans", serif;
        letter-spacing: 3px;
    }
}

.pages-top-banner .entry p {
    font: 400 14px/1.8 "Open Sans", sans-serif;
    margin: 0 auto 50px;
    letter-spacing: 1px;
    margin-top: 30px;
    max-width: 300px;
}

.pages-top-banner .entry a {
    color: rgba(255, 255, 255, 0.6);
}

.pages-top-banner .entry a:hover {
    color: #fff;
}

.pages-top-banner .single-bg {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

@media (max-width: 1024px) {
    .pages-top-banner .single-bg {
        height: 75vh;
    }
}

@media (max-width: 540px) {
    .pages-top-banner .single-bg {
        height: 50vh;
    }
}

@media (max-width: 320px) {
    .pages-top-banner .single-bg {
        height: 45vh;
    }
}

.pages-top-banner .single-bg .overlay,
.pages-top-banner .single-bg .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pages-top-banner .single-bg .overlay {
    background: rgba(250, 132, 132, 0);
    background: -webkit-linear-gradient(top, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
    background: -o-linear-gradient(bottom, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
    background: -moz-linear-gradient(bottom, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
    background: linear-gradient(to bottom, rgba(250, 132, 132, 0), rgba(0, 0, 0, 0.3));
}

.pages-top-banner .single-bg .bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .5;
}

.pages-top-banner-slider .slider {
    position: relative;
}

.pages-top-banner-slider .slide-item {
    height: 90vh;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

@media (max-width: 1024px) {
    .pages-top-banner-slider .slide-item {
        height: 75vh;
    }
}

@media (max-width: 540px) {
    .pages-top-banner-slider .slide-item {
        height: 60vh;
    }
}

.pages-top-banner-slider .slide-item .overlay,
.pages-top-banner-slider .slide-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pages-top-banner-slider .slide-item .overlay {
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.pages-top-banner-slider .slide-item .bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.pages-top-banner-slider .flickity-page-dots {
    bottom: 25px;
}

@media (max-width: 540px) {
    .pages-top-banner-slider .flickity-page-dots {
        bottom: 10px;
    }
}

.pages-top-banner-slider .flickity-page-dots .dot {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background-color: #FFFFFF;
    opacity: .5;
}

.pages-top-banner-slider .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

#page_summary {
    position: relative;
    z-index: 1;
    background: #fff0e5;
    padding: 75px 0px 130px;
}
#page_summary .title_section{
    text-align: center;
    margin:0px 0px 115px;
}
#page_summary .title_section h2{
    font-size: 38px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    line-height: normal;
    padding:0px;
    margin: 0px;
}
#page_summary .columns{

}
#page_summary .type-1 .column {
    max-width: 945px;
    margin: auto;
    text-align: center;
}

#page_summary .type-1 .vertical-lines:after {
    content: '';
    display: block;
    width: 2px;
    height: 125px;
    background-color: #679334;
    margin: 50px auto 0;
}

@media (max-width: 540px) {
    #page_summary .type-1 .vertical-lines:after {
        height: 50px;
        margin-top: 30px;
    }
}

#page_summary .type-1 .pages-headline,
#page_summary .type-1 p {
    font-family: 'Playfair Display', serif;
}

#page_summary .type-1 .pages-headline {
    display: block;
    color: #A67C07;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 70px;
}

@media (max-width: 540px) {
    #page_summary .type-1 .pages-headline {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 28px;
    }
}

#page_summary .type-1 .pages-headline.lines-middle:after, #page_summary .type-1 .pages-headline.lines-middle:before {
    content: '';
    display: inline-block;
    height: 3px;
    width: 90px;
    background-color: #A67C07;
    vertical-align: middle;
}

@media (max-width: 540px) {
    #page_summary .type-1 .pages-headline.lines-middle:after, #page_summary .type-1 .pages-headline.lines-middle:before {
        height: 2px;
        width: 30px;
    }
}

#page_summary .type-1 .pages-headline.lines-middle:before {
    margin-right: 25px;
}

#page_summary .type-1 .pages-headline.lines-middle:after {
    margin-left: 25px;
}

#page_summary .type-1 p {
    text-align: center;
    margin: 0;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
    color:#3c3c3c;
}
#page_summary .type-1 .info{
    margin: 40px auto 0px;
    float: left;
    width: 100%;
}
#page_summary .type-1 .info p span{
    float: left;
    width: 100%;
    line-height: normal;
}
#page_summary .type-1 .info .name{
    font-size: 28px;
    margin: 0px 0px 20px;
}
#page_summary .type-1 .info .city{
    font-size: 20px;
    margin: 0px 0px 20px;
}
#page_summary .type-1 .info .date{
    color:#cccccc;
    font-size: 20px;
    font-weight: 300;
}

@media (max-width: 768px) {
    #page_summary .type-1 p {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (max-width: 540px) {
    #page_summary .type-1 p {
        text-align: left;
        font-size: 12px;
        line-height: 24px;
    }
}

#page_summary .type-1 small {
    display: block;
    font-size: 15px;
    margin-top: 30px;
}

@media (max-width: 540px) {
    #page_summary .type-1 small {
        font-size: 12px;
    }
}

#page_summary .type-1 .button {
    text-transform: uppercase;
    padding: 10px 35px;
    display: inline-block;
    margin-top: 50px;
}

#page_summary .type-1 .button:hover {
    background-color: #679334;
    color: #FFFFFF;
}

#page_summary .type-1 .button:hover .icon {
    color: #FFFFFF;
    left: 10px;
}

@media (max-width: 540px) {
    #page_summary .type-1 .button {
        margin-top: 30px;
    }
}

#page_summary .type-1 .button .icon {
    margin-left: 50px;
    font-size: 20px;
    position: relative;
    top: 3px;
    line-height: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    left: 0;
}

#page_summary .type-1 .button.lines-green {
    border: solid 2px #679334;
}

#page_summary .type-3 {
    max-width: 700px;
    margin: auto;
}

#page_summary .type-3 .summary {
    margin: 0 0 50px;
    padding-right: 50px;
}

@media (max-width: 768px) {
    #page_summary .type-3 .summary {
        margin-bottom: 30px;
    }
}

@media (max-width: 540px) {
    #page_summary .type-3 .summary {
        margin-bottom: 20px;
    }
}

#page_summary .type-3 p {
    margin: 0;
}

.our-story-summary {
    padding-bottom: 150px;
}

@media (max-width: 768px) {
    .our-story-summary {
        padding-bottom: 40px;
    }
}

@media (max-width: 540px) {
    #accommodation_favorite .block-card-shadow {
        padding-bottom: 0;
    }
}

#accommodation_favorite .block-card-shadow .block-entry .inner {
    text-align: center;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
}

@media (max-width: 540px) {
    #accommodation_favorite .block-card-shadow .block-entry .inner {
        text-align: left;
    }
}

#accommodation_favorite .block-card-shadow .block-entry .inner .title {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    display: block;
}

@media (max-width: 540px) {
    #accommodation_favorite .block-card-shadow .block-entry .inner .title {
        font-size: 20px;
        line-height: 30px;
    }
}

#accommodation_favorite .block-card-shadow .block-entry .inner .title-line {
    display: block;
    height: 2px;
    background-color: #679334;
    margin: 30px 0 40px;
    position: relative;
    left: -75%;
}

#accommodation_favorite .block-card-shadow .block-entry .inner ul {
    padding: 0;
    margin: 10px 0 20px;
}

#accommodation_favorite .block-card-shadow .block-entry .inner ul:last-child {
    margin-bottom: 0;
}

@media (max-width: 540px) {
    #accommodation_favorite .block-card-shadow .block-entry .inner ul {
        padding: 0 20px;
        margin: 10px 0;
    }
}

#accommodation_favorite .block-card-shadow .block-entry .inner li {
    list-style: disc;
    line-height: 32px;
}

#accommodation_favorite .block-card-shadow .block-entry .inner .button {
    padding: 10px 35px;
    margin: 10px 0;
    text-transform: uppercase;
    display: inline-block;
}

@media (max-width: 540px) {
    #accommodation_favorite .block-card-shadow .block-entry .inner .button {
        display: none;
    }
}

#accommodation_favorite .block-card-shadow .block-entry .inner .button.lines-green {
    border: solid 2px #679334;
}

#accommodation_favorite .block-card-shadow .block-entry .inner .button.lines-green:hover {
    background-color: #679334;
    color: #FFFFFF;
}

.accommodations::after {
    clear: both;
    content: "";
    display: block;
}

.accommodations .accommodation-type {
    width: calc(100% / 3); 
    float: left;
    height: 450px;
    position: relative;
}

@media (max-width: 1024px) {
    .accommodations .accommodation-type {
        height: 360px;
    }
}

@media (max-width: 768px) {
    .accommodations .accommodation-type {
        margin: 0 auto 50px;
        height: 185px;
        width: calc(100% - 40px);
        float: none;
    }

    .accommodations .accommodation-type:last-child {
        margin-bottom: 15px;
    }
}

@media (max-width: 540px) {
    .accommodations .accommodation-type {
        padding: 0;
        height: 150px;
        margin-bottom: 40px;
        width: 100%;
    }
}

@media (max-width: 375px) {
    .accommodations .accommodation-type {
        height: 140px;
        margin-bottom: 30px;
    }
}

@media (max-width: 320px) {
    .accommodations .accommodation-type {
        height: 120px;
        margin-bottom: 20px;
    }
}

.accommodations .accommodation-type a {
    display: block;
    position: relative;
    width: 70%;
    font-size: 20px;
    border: 3px solid #50ac2a;
    font-family: 'Playfair Display', serif;
    border-radius: 35px;
    padding: 6px 0px;
    margin: 30px auto 0px;
}
.accommodations .accommodation-type:hover a {
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
    background: #50ac2a;
}
.accommodations .accommodation-type:hover a:active {
    box-shadow:inset 0 5px 5px rgba(0,0,0,.4);
}


.accommodations .accommodation-type a h4.accommodation-name,
.accommodations .accommodation-type a h4.accommodation-name:before,
.accommodations .accommodation-type .accommodation-bg {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.accommodations .accommodation-type .accommodation-bg-change {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.accommodations .accommodation-type .category_title{
    float:left;
    width:100%;
    position: relative;
}
.accommodations .accommodation-type a h4.accommodation-name {
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 0px;
    font-family: 'Playfair Display', serif;
}

@media (max-width: 768px) {
    .accommodations .accommodation-type a h4.accommodation-name {
        left: 10%;
    }
}

@media (max-width: 540px) {

}

.accommodations .accommodation-type a .overlay {
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 10%;
    right: 10%;
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

@media (max-width: 1024px) {
    .accommodations .accommodation-type a .overlay {
        bottom: 14px;
    }
}

@media (max-width: 768px) {
    .accommodations .accommodation-type a .overlay {
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.accommodations .accommodation-type .accommodation-bg {
    width: 100%;
    position: relative;
    right: 0;
    height: 100%;
    z-index: 1;
    background-color: transparent;
    overflow: hidden;
    background-size: 95%;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 768px) {
    .accommodations .accommodation-type .accommodation-bg {
        background-size: 100%;
    }
}

.accommodations .accommodation-type .accommodation-bg-change {
    content: "";
    width: 98%;
    position: absolute;
    height: 100%;
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%);
    background-color: #333107;
    background-size: cover;
}

.accommodations .accommodation-type:nth-child(1) .accommodation-bg-change {
    background-position: left center;
}

.accommodations .accommodation-type:nth-child(2) .accommodation-bg-change {
    background-position: 50% center;
}

.accommodations .accommodation-type:nth-child(3) .accommodation-bg-change {
    background-position: right center;
}

.accommodations:hover .accommodation-type .accommodation-bg {
    width: 100%;
/*    background-size: 80%;*/
}

@media (max-width: 1024px) {
    .accommodations:hover .accommodation-type .accommodation-bg {
/*        background-size: 80%;*/
    }
}

@media (max-width: 768px) {
    .accommodations:hover .accommodation-type .accommodation-bg {
/*        background-size: 80%;*/
    }
}

.accommodations:hover .accommodation-type .accommodation-bg-change {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media (max-width: 1024px) {
    .accommodations:hover .accommodation-type .accommodation-bg-change {
        -webkit-transform: translateX(-105%);
        -moz-transform: translateX(-105%);
        -ms-transform: translateX(-105%);
        -o-transform: translateX(-105%);
        transform: translateX(-105%);
    }
}

/*
.accommodations:hover .accommodation-type a h4.accommodation-name {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    opacity: .3;
}
*/

@media (max-width: 1024px) {
    .accommodations:hover .accommodation-type a h4.accommodation-name {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.accommodations:hover .accommodation-type:hover a h4.accommodation-name {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.accommodations:hover .accommodation-type:hover a h4.accommodation-name:before {
    width: 100%;
}

@media (max-width: 1024px) {
    .accommodations:hover .accommodation-type a:hover h4.accommodation-name:before {
        width: 100px;
    }
}

.fullwidth-slider .slider {
    background-color: #000;
}

.fullwidth-slider .slider .bg {
    height: 450px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .85;
}

@media (max-width: 540px) {
    .fullwidth-slider .slider .bg {
        height: 200px;
    }
}

@media (max-width: 320px) {
    .fullwidth-slider .slider .bg {
        height: 180px;
    }
}

.fullwidth-slider .flickity-prev-next-button {
    background-color: transparent;
}

@media (max-width: 768px) {
    .fullwidth-slider .flickity-prev-next-button {
        border: solid 2px #FFFFFF;
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 540px) {
    .fullwidth-slider .flickity-prev-next-button {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 320px) {
    .fullwidth-slider .flickity-prev-next-button {
        width: 24px;
        height: 24px;
        border: solid 1px #FFFFFF;
    }
}

.fullwidth-slider .flickity-prev-next-button:disabled {
    opacity: 0;
}

.fullwidth-slider .flickity-prev-next-button .arrow {
    fill: #FFFFFF;
}

.fullwidth-slider .flickity-prev-next-button.previous {
    left: 5rem;
}

@media (max-width: 768px) {
    .fullwidth-slider .flickity-prev-next-button.previous {
        left: 3rem;
    }
}

@media (max-width: 540px) {
    .fullwidth-slider .flickity-prev-next-button.previous {
        left: 25px;
    }
}

.fullwidth-slider .flickity-prev-next-button.next {
    right: 5rem;
}

@media (max-width: 540px) {
    .fullwidth-slider .flickity-prev-next-button.next {
        right: 25px;
    }
}

.fullwidth-image {
    position: relative;
}

@media (max-width: 768px) {
    .fullwidth-image {
        display: none;
    }

    .fullwidth-image.with-text {
        display: block;
    }
}

.fullwidth-image.with-text .bg {
    height: 500px;
}

@media (max-width: 540px) {
    .fullwidth-image.with-text .bg {
        height: 400px;
    }
}

@media (max-width: 320px) {
    .fullwidth-image.with-text .bg {
        height: 350px;
    }
}

.fullwidth-image .bg {
    height: 450px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fullwidth-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
}

.fullwidth-image .block-entry {
    position: absolute;
    bottom: 80px;
    max-width: 300px;
    left: 14rem;
}

@media (max-width: 1024px) {
    .fullwidth-image .block-entry {
        left: 8rem;
    }
}

@media (max-width: 768px) {
    .fullwidth-image .block-entry {
        left: 35px;
    }
}

@media (max-width: 540px) {
    .fullwidth-image .block-entry {
        bottom: 60px;
    }
}

@media (max-width: 320px) {
    .fullwidth-image .block-entry {
        bottom: 50px;
        left: 25px;
    }
}

.fullwidth-image .block-entry .inner {
    color: #FFFFFF;
}

.fullwidth-image .block-entry .inner .title {
    font-size: 36px;
    line-height: 48px;
    display: block;
    font-family: 'Playfair Display', serif;
}

@media (max-width: 1024px) {
    .fullwidth-image .block-entry .inner .title {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 540px) {
    .fullwidth-image .block-entry .inner .title {
        font-size: 24px;
        line-height: 34px;
    }
}

.fullwidth-image .block-entry .inner .title .split-line {
    height: 50px;
}

.fullwidth-image .block-entry .inner .title-line {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #FFFFFF;
    margin: 30px 0;
    position: relative;
    left: -80px;
}

@media (max-width: 1024px) {
    .fullwidth-image .block-entry .inner .title-line {
        margin: 15px 0 25px;
        left: -35px;
        width: 65%;
    }
}

@media (max-width: 320px) {
    .fullwidth-image .block-entry .inner .title-line {
        left: -25px;
    }
}

.fullwidth-image .block-entry .inner p {
    padding-right: 30px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
}

.fullwidth-image .block-entry .inner .button {
    background-color: #FFFFFF;
    text-transform: uppercase;
    padding: 15px 85px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    border: solid 2px #FFFFFF;
}

.fullwidth-image .block-entry .inner .button:hover {
    background-color: transparent;
    color: #FFFFFF;
}

@media (max-width: 1024px) {
    .fullwidth-image .block-entry .inner .button {
        padding: 12px 65px;
        font-size: 14px;
    }
}

@media (max-width: 540px) {
    .fullwidth-image .block-entry .inner .button {
        padding: 12px 35px;
        font-size: 13px;
    }
}

@media (max-width: 320px) {
    .fullwidth-image .block-entry .inner .button {
        padding: 9px 35px;
        font-size: 12px;
        letter-spacing: 3px;
    }
}

#news_summary {
    padding: 75px 0px 102px;
    background: url(/bitrix/templates/okshop/images/bg_home_news.jpg) no-repeat top center;
    background-size: cover;
}

#news_summary.modules_pink{
    background: #ffe9d7;
}

#news_summary.modules_pink h1.section-headline{
    letter-spacing: normal;
}

#news_summary .accommodation-bg{
    opacity: 0.6;
}
#news_summary.normal .accommodation-bg {
    opacity: 1;
    background-size: cover;
}
#news_summary .date_block{
    width: 79%;
    margin: 0px auto;
    padding: 25px 30px 0px;
/*    font-size: 38px;*/
        font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: #fff;
    line-height: 38px;
    text-transform: uppercase;
    z-index: 1000;
    position: relative;
}
#news_summary .title_block{
    width: 79%;
    margin: 0px auto;
    padding: 20px 30px 0px;
/*    font-size:38px;*/
        font-size: 24px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color:#fff;
    line-height: 38px;
    text-transform: uppercase;
    z-index: 1000;
    position: relative;
}
#news_summary .accommodations {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
#news_summary .accommodations .accommodation-type {
    width: calc(100% / 3);
    float: left;
    height: 450px;
    position: relative;
    margin: 0 5px;
}
#news_summary  .accommodations:hover .accommodation-bg {
/*    background-size: 95%;*/
}

#news_summary  .accommodations .accommodation-type:hover .accommodation-bg {
    width: 100%;
/*    background-size: 95%;*/
    opacity: 1;
}
#news_summary  .accommodations .accommodation-type:hover .accommodation-bg:before {
    display: block;
    content: '';
    width: 95%;
    height: 98%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 6px;
    left: 9px;
    z-index: 100;
}

#news_summary .accommodations .accommodation-type .news-bg-change{
    width: 79%;
    margin: 0px auto;
    font-size: 16px;
    color: #fff;
    line-height: normal;
    font-family: 'Roboto Slab', serif;
    font-weight: 200;
    opacity:0;
    z-index: 1000;
    position: relative;

    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%);
}

#news_summary .accommodations .accommodation-type .news-bg-change .button_block{
    position: relative;
    margin: 30px 0px 0px;
}
#news_summary .accommodations .accommodation-type .news-bg-change .button_block a{
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    border: 2px solid #fff;
    text-align: center;
    text-transform: uppercase;
    transition: ease all 0.4s;
}
#news_summary .accommodations .accommodation-type .news-bg-change .button_block a:hover {
    color: #000;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
}
#news_summary .accommodations .accommodation-type .news-bg-change .button_block a:active {
    box-shadow:inset 0 5px 5px rgba(0,0,0,.4);
}

#news_summary .content_all_block{
    float:left;
    width:100%;
    margin:70px 0px 0px;
    text-align: center;
}
#news_summary .content_all_block a{
    background: #50ac2a;
    border: 3px solid  #50ac2a;
    padding: 4px 60px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    float: none;
    margin: 0px auto;
    border-radius: 35px;
    text-transform: uppercase;
    transition: all ease 0.4s;
}
#news_summary .content_all_block a:hover {
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
}
#news_summary .content_all_block a:active {
    box-shadow: inset 0 5px 5px rgba(0,0,0,.4);
}

#news_summary .accommodations .accommodation-type:hover .news-bg-change{
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

.section-type-big-title {
    padding: 120px 0 90px;
}

@media (max-width: 1024px) {
    .section-type-big-title {
        padding: 90px 0 70px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title {
        padding: 60px 0 50px;
    }
}

@media (max-width: 320px) {
    .section-type-big-title {
        padding: 50px 0 40px;
    }
}

.section-type-big-title .block-card-shadow {
    padding: 0;
}

.section-type-big-title .block-card-shadow .block-entry {
    margin-top: 50px;
}

@media (max-width: 768px) {
    .section-type-big-title .block-card-shadow .block-entry {
        margin-top: 30px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title .block-card-shadow .block-entry {
        margin-top: 0;
    }
}

.section-type-big-title .block-card-shadow .block-entry .title {
    font-size: 40px;
    line-height: 56px;
    font-family: 'Playfair Display', serif;
}

@media (max-width: 1024px) {
    .section-type-big-title .block-card-shadow .block-entry .title {
        font-size: 30px;
        line-height: 42px;
    }
}

@media (max-width: 768px) {
    .section-type-big-title .block-card-shadow .block-entry .title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title .block-card-shadow .block-entry .title {
        font-size: 18px;
        line-height: 28px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.section-type-big-title .block-card-shadow .block-entry .title .split-line {
    height: 55px;
}

@media (max-width: 1024px) {
    .section-type-big-title .block-card-shadow .block-entry .title .split-line {
        height: 40px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title .block-card-shadow .block-entry .title .split-line {
        height: 30px;
        margin-right: 10px;
    }
}

.section-type-big-title .block-card-shadow .block-entry .title-line {
    display: block;
    height: 2px;
    background-color: #679334;
    position: relative;
    margin: 40px 0 50px;
}

@media (max-width: 1024px) {
    .section-type-big-title .block-card-shadow .block-entry .title-line {
        margin: 30px 0;
    }
}

@media (max-width: 540px) {
    .section-type-big-title .block-card-shadow .block-entry .title-line {
        margin: 15px 0 25px;
    }
}

.section-type-big-title.type-1 {
    background-color: #FFFFFF;
}

@media (max-width: 540px) {
    .section-type-big-title.type-1 .block-card-shadow {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
    margin-left: 30px;
    padding-left: 30px;
    padding-right: 20px;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
        margin-left: 0;
        padding-left: 25px;
        padding-right: 50px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
        padding-left: 0;
        padding-right: 20px;
    }
}

@media (max-width: 320px) {
    .section-type-big-title.type-1 .block-card-shadow .block-picture .picture {
        padding-right: 15px;
    }
}

.section-type-big-title.type-1 .block-card-shadow .block-picture .picture:after {
    right: auto;
    left: 0;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-1 .block-card-shadow .block-picture .picture:after {
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        -o-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-1 .block-card-shadow .block-picture .picture:after {
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
}

.section-type-big-title.type-1 .block-card-shadow .block-entry .inner {
    text-align: left;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-1 .block-card-shadow .block-entry .inner {
        padding-right: 0;
    }
}

.section-type-big-title.type-1 .block-card-shadow .block-entry .title-line {
    left: 100px;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-1 .block-card-shadow .block-entry .title-line {
        left: 75px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-1 .block-card-shadow .block-entry .title-line {
        left: 25px;
        width: 75%;
    }
}

.section-type-big-title.type-2 {
    background-color: #f0f0f5;
}

.section-type-big-title.type-2 .block-card-shadow .block-picture .picture {
    margin-right: 30px;
    padding-left: 20px;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-2 .block-card-shadow .block-picture .picture {
        margin-right: 0;
        padding-left: 50px;
        padding-right: 25px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-2 .block-card-shadow .block-picture .picture {
        padding-left: 0;
        padding-right: 20px;
    }
}

.section-type-big-title.type-2 .block-card-shadow .block-picture .picture:after {
    left: auto;
    right: 0;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-2 .block-card-shadow .block-picture .picture:after {
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        -o-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-2 .block-card-shadow .block-picture .picture:after {
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
}

.section-type-big-title.type-2 .block-card-shadow .block-entry .inner {
    text-align: right;
    padding: 0 100px 0 50px;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-2 .block-card-shadow .block-entry .inner {
        padding: 0;
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-2 .block-card-shadow .block-entry .inner {
        text-align: left;
    }
}

.section-type-big-title.type-2 .block-card-shadow .block-entry .title-line {
    right: 100px;
}

@media (max-width: 1024px) {
    .section-type-big-title.type-2 .block-card-shadow .block-entry .title-line {
        right: 75px;
    }
}

@media (max-width: 540px) {
    .section-type-big-title.type-2 .block-card-shadow .block-entry .title-line {
        left: 0;
        width: 75%;
    }
}

@media (max-width: 768px) {
    .block-wedding-card .card-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media (max-width: 540px) {
    .block-wedding-card .card-wrapper {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.block-wedding-card .card-wrapper .block-picture .picture {
    margin: 0;
    padding: 0 0 0 100px;
    position: relative;
    height: 100%;
}

@media (max-width: 768px) {
    .block-wedding-card .card-wrapper .block-picture .picture {
        padding: 0;
    }
}

.block-wedding-card .card-wrapper .block-picture .wrap {
    position: relative;
}

.block-wedding-card .card-wrapper .block-entry .inner {
    padding: 60px 0 80px 80px;
}

@media (max-width: 1024px) {
    .block-wedding-card .card-wrapper .block-entry .inner {
        padding: 20px 0 20px 50px;
    }
}

@media (max-width: 540px) {
    .block-wedding-card .card-wrapper .block-entry .inner {
        padding: 40px 0 0;
    }
}

@media (max-width: 320px) {
    .block-wedding-card .card-wrapper .block-entry .inner {
        padding: 20px 0 0;
    }
}

.block-wedding-card .card-wrapper .block-entry .title {
    display: block;
    font: 400 35px/1 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    line-height: 56px;
}

@media (max-width: 1024px) {
    .block-wedding-card .card-wrapper .block-entry .title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 540px) {
    .block-wedding-card .card-wrapper .block-entry .title {
        font-size: 18px;
        line-height: 28px;
    }
}

.block-wedding-card .card-wrapper .block-entry .title .split-line {
    height: 50px;
}

@media (max-width: 1024px) {
    .block-wedding-card .card-wrapper .block-entry .title .split-line {
        height: 40px;
    }
}

@media (max-width: 540px) {
    .block-wedding-card .card-wrapper .block-entry .title .split-line {
        height: 30px;
    }
}

.block-wedding-card .card-wrapper .block-entry .title-line {
    display: block;
    height: 2px;
    width: 100%;
    background: #FFFFFF 65px;
    background: -webkit-linear-gradient(left, #FFFFFF 65px, #679334 65px);
    background: -o-linear-gradient(right, #FFFFFF 65px, #679334 65px);
    background: -moz-linear-gradient(right, #FFFFFF 65px, #679334 65px);
    background: linear-gradient(to right, #FFFFFF 65px, #679334 65px);
    position: relative;
    margin: 30px 0 50px;
    left: -145px;
}

@media (max-width: 1024px) {
    .block-wedding-card .card-wrapper .block-entry .title-line {
        margin: 20px 0 30px;
        background: #FFFFFF 95px;
        background: -webkit-linear-gradient(left, #FFFFFF 95px, #679334 95px);
        background: -o-linear-gradient(right, #FFFFFF 95px, #679334 95px);
        background: -moz-linear-gradient(right, #FFFFFF 95px, #679334 95px);
        background: linear-gradient(to right, #FFFFFF 95px, #679334 95px);
    }
}

@media (max-width: 540px) {
    .block-wedding-card .card-wrapper .block-entry .title-line {
        margin: 10px 0 25px;
        background: #679334;
        left: 0;
        max-width: 75%;
    }
}

.block-wedding-card .card-wrapper .block-entry p {
    padding-right: 125px;
    margin-bottom: 30px;
}

.block-wedding-card .card-wrapper .block-entry p:last-child {
    margin: 0;
}

@media (max-width: 1024px) {
    .block-wedding-card .card-wrapper .block-entry p {
        padding: 0;
    }
}

.block-wedding-card .type-2 {
    -webkit-box-flex-direction: row-reverse;
    -moz-box-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 540px) {
    .block-wedding-card .type-2 {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.block-wedding-card .type-2 .block-picture .picture {
    margin: 0;
    padding: 0 100px 0 0;
}

@media (max-width: 768px) {
    .block-wedding-card .type-2 .block-picture .picture {
        padding: 0;
    }
}

.block-wedding-card .type-2 .block-entry .inner {
    text-align: right;
    padding-right: 80px;
    padding-left: 0;
}

@media (max-width: 1024px) {
    .block-wedding-card .type-2 .block-entry .inner {
        padding-right: 50px;
    }
}

@media (max-width: 540px) {
    .block-wedding-card .type-2 .block-entry .inner {
        padding: 40px 0 0 0;
        text-align: left;
    }
}

@media (max-width: 320px) {
    .block-wedding-card .type-2 .block-entry .inner {
        padding: 20px 0 0;
    }
}

.block-wedding-card .type-2 .block-entry p {
    padding-right: 0;
    padding-left: 125px;
}

@media (max-width: 1024px) {
    .block-wedding-card .type-2 .block-entry p {
        padding: 0;
    }
}

.block-wedding-card .type-2 .block-entry .title-line {
    background: #FFFFFF 65px;
    background: -webkit-linear-gradient(right, #FFFFFF 65px, #679334 65px);
    background: -o-linear-gradient(left, #FFFFFF 65px, #679334 65px);
    background: -moz-linear-gradient(left, #FFFFFF 65px, #679334 65px);
    background: linear-gradient(to left, #FFFFFF 65px, #679334 65px);
    left: 145px;
}

@media (max-width: 1024px) {
    .block-wedding-card .type-2 .block-entry .title-line {
        background: #FFFFFF 95px;
        background: -webkit-linear-gradient(right, #FFFFFF 95px, #679334 95px);
        background: -o-linear-gradient(left, #FFFFFF 95px, #679334 95px);
        background: -moz-linear-gradient(left, #FFFFFF 95px, #679334 95px);
        background: linear-gradient(to left, #FFFFFF 95px, #679334 95px);
    }
}

@media (max-width: 540px) {
    .block-wedding-card .type-2 .block-entry .title-line {
        background: #679334;
        left: 0;
    }
}

.block-place-card {
    padding: 170px 0 170px;
}

@media (max-width: 1024px) {
    .block-place-card {
        padding: 80px 0 60px;
    }
}

@media (max-width: 768px) {
    .block-place-card {
        padding: 70px 0 50px;
    }
}

@media (max-width: 540px) {
    .block-place-card {
        padding: 50px 0 40px;
    }
}

@media (max-width: 320px) {
    .block-place-card {
        padding: 40px 0 30px;
    }
}

@media (max-width: 768px) {
    .block-place-card .card-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.block-place-card .card-wrapper .block-picture {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 55%;
    z-index: 0;
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-picture {
        width: 100%;
    }
}

.block-place-card .card-wrapper .block-picture .picture {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}

.block-place-card .card-wrapper .block-picture .tag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 18px 10px;
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-picture .tag {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
}

.block-place-card .card-wrapper .block-picture .tag .icon,
.block-place-card .card-wrapper .block-picture .tag span {
    display: block;
}

.block-place-card .card-wrapper .block-picture .tag .icon {
    margin-right: 40px;
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-picture .tag .icon {
        margin: 0;
    }
}

.block-place-card .card-wrapper .block-picture .tag span {
    position: relative;
    top: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-picture .tag span {
        display: none;
    }
}

.block-place-card .card-wrapper .block-entry .inner {
    padding-left: 70px;
}

@media (max-width: 1024px) {
    .block-place-card .card-wrapper .block-entry .inner {
        padding-left: 50px;
    }
}

@media (max-width: 768px) {
    .block-place-card .card-wrapper .block-entry .inner {
        padding-top: 30px;
    }
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-entry .inner {
        padding: 0;
    }
}

.block-place-card .card-wrapper .block-entry .title {
    line-height: 46px;
    display: block;
    font: 400 32px/1.3 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .block-place-card .card-wrapper .block-entry .title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 320px) {
    .block-place-card .card-wrapper .block-entry .title {
        font-size: 18px;
        line-height: 28px;
    }
}

.block-place-card .card-wrapper .block-entry .title .split-line {
    height: 50px;
}

@media (max-width: 1024px) {
    .block-place-card .card-wrapper .block-entry .title .split-line {
        height: 40px;
    }
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-entry .title .split-line {
        height: 30px;
    }
}

.block-place-card .card-wrapper .block-entry .title-line {
    display: block;
    height: 2px;
    width: 100%;
    background: #FFFFFF 75px;
    background: -webkit-linear-gradient(left, #FFFFFF 75px, #679334 75px);
    background: -o-linear-gradient(right, #FFFFFF 75px, #679334 75px);
    background: -moz-linear-gradient(right, #FFFFFF 75px, #679334 75px);
    background: linear-gradient(to right, #FFFFFF 75px, #679334 75px);
    position: relative;
    margin: 20px 0 40px;
    left: -145px;
}

@media (max-width: 1024px) {
    .block-place-card .card-wrapper .block-entry .title-line {
        margin: 10px 0 25px;
        left: -125px;
    }
}

@media (max-width: 540px) {
    .block-place-card .card-wrapper .block-entry .title-line {
        left: 0;
        background: #679334;
        max-width: 65%;
    }
}

.block-place-card .card-wrapper .block-entry p {
    padding-right: 50px;
    margin-bottom: 30px;
}

.block-place-card .card-wrapper .block-entry p:last-child {
    margin: 0;
}

@media (max-width: 1024px) {
    .block-place-card .card-wrapper .block-entry p {
        padding-right: 0;
    }
}

.block-place-card .type-2 {
    -webkit-box-flex-direction: row-reverse;
    -moz-box-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 540px) {
    .block-place-card .type-2 {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.block-place-card .type-2 .block-picture .tag {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-flex-direction: row-reverse;
    -moz-box-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-place-card .type-2 .block-picture .tag .icon {
    margin: 0;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.block-place-card .type-2 .block-picture .tag span {
    margin-right: 40px;
}

.block-place-card .type-2 .block-entry .inner {
    text-align: right;
    padding: 0px 70px 0 0;
}

@media (max-width: 1024px) {
    .block-place-card .type-2 .block-entry .inner {
        padding-right: 50px;
    }
}

@media (max-width: 768px) {
    .block-place-card .type-2 .block-entry .inner {
        padding-top: 30px;
    }
}

@media (max-width: 540px) {
    .block-place-card .type-2 .block-entry .inner {
        padding: 0;
        text-align: left;
    }
}

.block-place-card .type-2 .block-entry p {
    padding-right: 0;
    padding-left: 50px;
}

@media (max-width: 1024px) {
    .block-place-card .type-2 .block-entry p {
        padding-left: 0;
    }
}

.block-place-card .type-2 .block-entry .title-line {
    background: #FFFFFF 75px;
    background: -webkit-linear-gradient(right, #FFFFFF 75px, #679334 75px);
    background: -o-linear-gradient(left, #FFFFFF 75px, #679334 75px);
    background: -moz-linear-gradient(left, #FFFFFF 75px, #679334 75px);
    background: linear-gradient(to left, #FFFFFF 75px, #679334 75px);
    left: 145px;
}

@media (max-width: 1024px) {
    .block-place-card .type-2 .block-entry .title-line {
        left: 125px;
    }
}

@media (max-width: 540px) {
    .block-place-card .type-2 .block-entry .title-line {
        left: 0;
        background: #679334;
    }
}

.block-place-card-bus-shuttle {
    padding: 100px 0;
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle {
        padding: 70px 0;
    }
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle {
        padding: 50px 0;
    }
}

@media (max-width: 320px) {
    .block-place-card-bus-shuttle {
        padding: 40px 0;
    }
}

.block-place-card-bus-shuttle .section-headline {
    display: none;
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .section-headline {
        display: block;
        margin: 0 0 40px;
    }
}

.block-place-card-bus-shuttle .block-card-shadow {
    padding: 0;
}

.block-place-card-bus-shuttle .block-card-shadow .block-entry {
    position: relative;
    z-index: 10;
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry {
        padding-top: 0;
    }
}

.block-place-card-bus-shuttle .block-card-shadow .block-entry .inner {
    padding: 0 50px 0 0;
    width: 100%;
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .inner {
        padding: 0 30px 0 0;
    }
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .inner {
        padding: 0;
    }
}

.block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
    line-height: 46px;
    display: block;
    font: 400 32px/1.3 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: right;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
        font-size: 24px;
        line-height: 34px;
        text-align: left;
    }
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
        display: inline-block;
    }
}

@media (max-width: 320px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .title {
        font-size: 18px;
        line-height: 28px;
    }
}

.block-place-card-bus-shuttle .block-card-shadow .block-entry .title .split-line {
    height: 50px;
}

.block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
    display: block;
    height: 2px;
    width: 100%;
    background: #FFFFFF 75px;
    background: -webkit-linear-gradient(right, #FFFFFF 75px, #679334 75px);
    background: -o-linear-gradient(left, #FFFFFF 75px, #679334 75px);
    background: -moz-linear-gradient(left, #FFFFFF 75px, #679334 75px);
    background: linear-gradient(to left, #FFFFFF 75px, #679334 75px);
    position: relative;
    margin: 20px 0 50px;
    right: -145px;
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
        right: -125px;
        margin: 15px 0 30px;
    }
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
        right: auto;
        left: 0;
        width: 100%;
        background: #679334;
    }
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-entry .title-line {
        margin: 5px 0 25px;
    }
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-picture {
        margin-bottom: 80px;
    }
}

@media (max-width: 540px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-picture {
        margin-bottom: 60px;
    }
}

@media (max-width: 320px) {
    .block-place-card-bus-shuttle .block-card-shadow .block-picture {
        margin-bottom: 50px;
    }
}

.block-place-card-bus-shuttle .block-card-shadow .block-picture .picture .wrap {
    position: relative;
}

.block-place-card-bus-shuttle .shuttle-table .column {
    text-align: center;
}

.block-place-card-bus-shuttle .shuttle-table .st-head-text {
    border-top: solid 1px #679334;
    border-left: solid 1px #679334;
    border-bottom: solid 1px #679334;
}

.block-place-card-bus-shuttle .shuttle-table .st-head-text:last-child {
    border-right: solid 1px #679334;
}

.block-place-card-bus-shuttle .shuttle-table .st-head-text p {
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .shuttle-table .st-head-text p {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .shuttle-table .st-head {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.block-place-card-bus-shuttle .shuttle-table .st-body {
    border-bottom: solid 1px #679334;
    border-left: solid 1px #679334;
    border-right: solid 1px #679334;
}

@media (max-width: 768px) {
    .block-place-card-bus-shuttle .shuttle-table .st-body {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.block-place-card-bus-shuttle .shuttle-table .st-body .st-body-text:first-child {
    border-right: solid 1px #679334;
}

.block-place-card-bus-shuttle .shuttle-table .st-body .st-body-text p:last-child {
    margin-bottom: 10px;
}

.block-section-maps {
    padding: 100px 0;
}

@media (max-width: 768px) {
    .block-section-maps {
        padding: 60px 0;
    }
}

@media (max-width: 540px) {
    .block-section-maps {
        padding: 40px 0;
    }
}

.block-section-maps .columns {
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width: 768px) {
    .block-section-maps .columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media (max-width: 540px) {
    .block-section-maps .columns {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.block-section-maps .block-maps {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 55%;
}

@media (max-width: 540px) {
    .block-section-maps .block-maps {
        width: 100%;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 320px) {
    .block-section-maps .block-maps {
        padding: 0 15px;
    }
}

.block-section-maps .block-entry {
    max-width: 420px;
}

@media (max-width: 540px) {
    .block-section-maps .block-entry {
        margin-top: 40px;
    }
}

.block-section-maps .block-entry .inner {
    padding: 0 80px;
}

@media (max-width: 768px) {
    .block-section-maps .block-entry .inner {
        padding: 0 50px;
    }
}

@media (max-width: 540px) {
    .block-section-maps .block-entry .inner {
        padding: 0 25px;
    }
}

.block-section-maps .block-entry .title {
    font-size: 38px;
    line-height: 50px;
    display: block;
    font-family: 'Playfair Display', serif;
}

@media (max-width: 540px) {
    .block-section-maps .block-entry .title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 320px) {
    .block-section-maps .block-entry .title {
        font-size: 18px;
        line-height: 28px;
    }
}

.block-section-maps .block-entry .title-line {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #679334;
    position: relative;
    margin: 20px 0 30px;
    left: -150px;
}

@media (max-width: 540px) {
    .block-section-maps .block-entry .title-line {
        left: 0;
        max-width: 65%;
        margin: 10px 0 25px;
        height: 2px;
    }
}

.block-section-maps .block-entry p {
    line-height: 22px;
}

.block-section-maps .block-entry ul {
    padding: 0;
    margin: 0;
}

#map {
    height: 400px;
}

@media (max-width: 540px) {
    #map {
        height: 220px;
    }
}

@media (max-width: 320px) {
    #map {
        height: 200px;
    }
}

.janata-timeline {
    padding: 20px 0 90px;
}

@media (max-width: 540px) {
    .janata-timeline {
        padding: 20px 0 10px;
    }
}

.janata-timeline .timeline-item {
    position: relative;
    padding: 100px 0;
}

@media (max-width: 768px) {
    .janata-timeline .timeline-item {
        padding: 65px 0;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item {
        padding: 100px 0 50px;
    }
}

.janata-timeline .timeline-item:first-child {
    padding-top: 150px;
}

@media (max-width: 1024px) {
    .janata-timeline .timeline-item:first-child {
        padding-top: 150px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:first-child {
        padding-top: 100px;
    }
}

.janata-timeline .timeline-item:first-child .timeline-lines {
    top: -100px;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:first-child .timeline-lines {
        display: none;
    }
}

.janata-timeline .timeline-item:first-child .year {
    top: -300px !important;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:first-child .year {
        top: -440px !important;
    }
}

.janata-timeline .timeline-item:nth-child(2) {
    padding-top: 250px;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:nth-child(2) {
        padding: 100px 0 50px;
    }
}

.janata-timeline .timeline-item:nth-child(2) .year {
    top: -300px !important;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:nth-child(2) .year {
        top: -440px !important;
    }
}

.janata-timeline .timeline-item:last-child {
    padding-top: 250px;
}

@media (max-width: 1024px) {
    .janata-timeline .timeline-item:last-child {
        padding-top: 150px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:last-child {
        padding-top: 100px;
    }
}

.janata-timeline .timeline-item:last-child .year {
    top: -350px !important;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item:last-child .year {
        top: -440px !important;
    }
}

.janata-timeline .timeline-item .block-entry {
    margin-top: 50px;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item .block-entry {
        margin-top: 25px;
        padding-top: 0;
    }
}

.janata-timeline .timeline-item .block-entry .inner {
    padding: 0;
    position: relative;
}

.janata-timeline .timeline-item .block-entry .year {
    font-size: 250px;
    font-weight: 400;
    letter-spacing: -2px;
    display: block;
    line-height: 1;
    position: absolute;
    top: -50px;
    color: rgba(30, 20, 120, 0.08);
    font-family: 'Abel', sans-serif;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (max-width: 1024px) {
    .janata-timeline .timeline-item .block-entry .year {
        font-size: 200px;
    }
}

@media (max-width: 768px) {
    .janata-timeline .timeline-item .block-entry .year {
        font-size: 150px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item .block-entry .year {
        font-size: 80px;
    }
}

.janata-timeline .timeline-item .block-entry .title {
    font: 400 35px/1.3 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 45px;
    display: block;
}

@media (max-width: 768px) {
    .janata-timeline .timeline-item .block-entry .title {
        font-size: 22px;
        line-height: 32px;
    }

    .janata-timeline .timeline-item .block-entry .title .split-line {
        height: 35px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item .block-entry .title {
        font-size: 18px;
        line-height: 26px;
    }

    .janata-timeline .timeline-item .block-entry .title .split-line {
        height: 30px;
        margin-right: 10px;
    }

    .janata-timeline .timeline-item .block-entry .title .split-line:last-child {
        margin-right: 0;
    }
}

.janata-timeline .timeline-item .block-entry .title-line {
    display: block;
    height: 1px;
    max-width: 100px;
    background-color: #679334;
    position: relative;
    margin: 30px 0 50px auto;
}

@media (max-width: 768px) {
    .janata-timeline .timeline-item .block-entry .title-line {
        height: 2px;
        margin: 20px 0 30px auto;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-item .block-entry .title-line {
        margin: 20px 0 30px;
    }
}

.janata-timeline .timeline-lines {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #d8d6e2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 540px) {
    .janata-timeline .timeline-lines {
        display: none;
    }
}

.janata-timeline .timeline-right .block-entry .inner {
    padding-right: 80px;
}

@media (max-width: 768px) {
    .janata-timeline .timeline-right .block-entry .inner {
        padding-right: 25px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-right .block-entry .inner {
        padding-right: 0;
    }
}

.janata-timeline .timeline-right .block-entry p {
    padding-left: 40px;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-right .block-entry p {
        padding-left: 0;
    }
}

.janata-timeline .timeline-right .block-entry .year {
    right: -100px;
}

@media (max-width: 1024px) {
    .janata-timeline .timeline-right .block-entry .year {
        right: -60px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-right .block-entry .year {
        right: auto;
        left: 0;
    }
}

.janata-timeline .timeline-left {
    -webkit-box-flex-direction: row-reverse;
    -moz-box-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 540px) {
    .janata-timeline .timeline-left {
        -webkit-box-flex-direction: column-reverse;
        -moz-box-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 100px;
    }
}

.janata-timeline .timeline-left .block-entry .inner {
    padding-left: 80px;
    text-align: left;
}

@media (max-width: 768px) {
    .janata-timeline .timeline-left .block-entry .inner {
        padding-left: 45px;
    }
}

@media (max-width: 540px) {
    .janata-timeline .timeline-left .block-entry .inner {
        padding-left: 0;
    }
}

.janata-timeline .timeline-left .block-entry .year {
    left: -50px;
}

@media (max-width: 1024px) {
    .janata-timeline .timeline-left .block-entry .year {
        left: 0;
    }
}

.janata-timeline .timeline-left .block-entry p {
    padding-right: 40px;
}

.janata-timeline .timeline-left .block-entry .title-line {
    margin-right: auto;
    margin-left: 0;
}

/* Temp Language */

.language-container {
    position: absolute;
    text-transform: uppercase;
    top: 60px;
}

.language-container a{
    color: #d8d6e2;
    padding: 0 5px;
}

.language-container a.active{
    color: #679334;
}

@media (max-width: 768px){
    .language-container{
        top: 20px;
        right: 40px;
    }
}

span p {
    margin: auto;
    padding: inherit !important;
}

.main_content{
    margin: 85px 0px 90px;
    width: 100%;
    position: relative;
}

.news_item{
    width: 100%;
    float: left;
    max-height: 400px;
    position: relative;
}
.news_item .accommodation-bg {
    width: 100%;
    position: relative;
    right: 0;
    height: 100%;
    z-index: 1;
    background-color: transparent;
    overflow: hidden;
    background-size: 95%;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.news_item .accommodation-bg {
    opacity: 0.6;
}
.news_item .date_block {
    width: 79%;
    margin: 0px auto;
    padding: 25px 30px 0px;
    font-size: 38px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: #fff;
    line-height: 38px;
    text-transform: uppercase;
    z-index: 1000;
    position: relative;
}
.news_item .title_block {
    width: 79%;
    margin: 0px auto;
    padding: 20px 30px 0px;
    font-size: 38px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: #fff;
    line-height: 38px;
    text-transform: uppercase;
    z-index: 1000;
    position: relative;
}
.news_item .news-bg-change {
    width: 79%;
    margin: 0px auto;
    font-size: 16px;
    color: #fff;
    line-height: normal;
    font-family: 'Roboto Slab', serif;
    font-weight: 200;
    opacity: 0;
    z-index: 1000;
    position: relative;
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%);
}
.news_item .news-bg-change .button_block {
    position: relative;
    margin: 30px 0px 0px;
}
.news_item .news-bg-change .button_block a {
    color: #ffffff;
    border: 3px solid #fff;
    font-family: 'Playfair Display', serif;
    border: 2px solid #fff;
    text-align: center;
    text-transform: uppercase;
    display: block;
    position: relative;
    width: 70%;
    font-size: 20px;
    border-radius: 35px;
    padding: 6px 0px;
    margin: 30px auto 0px;
}
.news_item .news-bg-change .button_block a:hover {
    background: #ffffff;
    color: #000;
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
}
.news_item .news-bg-change .button_block a:active {
    background: #ffffff;
    color: #000;
    box-shadow:inset 0 5px 5px rgba(0,0,0,.4);
}

.banner_block .pagination{display:none;}
.dealers_content{
    margin:0px;
}
.dealers_content .item{
    padding:114px 0px;
    width:100%;
    float: left;
}
.dealers_content .item:first-child{padding:132px 0px 114px;}
.dealers_content .item:last-child{padding:114px 0px 170px;}
.dealers_content .item:nth-child(2n+1) {
    background: #ffffff;
}
.dealers_content .item:nth-child(2n) {
    background: #f9efff;
}
.dealers_content .item .left_item{
     float:left;
     margin:0px 30px 0px 0px;
 }
.dealers_content .item .right_item{
    float:left;
    width: 60%;
}
.dealers_content .item .right_item h4.title{
    margin:8px 0px 13px;
    font-size: 24px;
    color: #000000;
    font-family: 'PF Regal Display Pro Black';
}
.dealers_content .item .info .props{
    float:left;
    width:100%;
    margin:10px 0px;
    font-family: 'Roboto Slab', serif;
    font-weight:300;
}
.dealers_content .item .info .label{
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
    margin: 0px 0px 5px;
}
.dealers_content .item .info .text{font-size:16px; line-height:normal;}
.dealers_content .item .info .text p{margin:0px;}
.dealers_content .item .info .text p span{
    font-size:10px;
    vertical-align: super;
}

.news_content{
    float:left;
}
.news_content .news_item{
    margin: 0px 0px 68px;
}
.news_content .news_item .accommodation-bg {
    background-size: cover;
    opacity:1;
    min-height: 400px;
}
.news_content .news_item .accommodation-bg:before{
    background: rgba(80,80,80,0.5);
    display:block;
    content:"";
    height: 400px;
    position:absolute;
    width: 100%;
}
.news_content .news_item:hover .accommodation-bg:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}
.news_content .news_item .date_block {
    width: 95%;
    padding: 27px 24px 0px;
}
.news_content .news_item .title_block {
    width: 95%;
    padding: 20px 24px 0px;
    line-height: normal;
}
.news_content .news_item .news-bg-change{
    width: 95%;
    padding: 30px 24px 34px;
}
.news_content .news_item .news-bg-change .content_block{
    margin:0px 0px 55px;
}
.news_content .news_item:hover .news-bg-change {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
.news_content .news_item .news-bg-change .button_block{
    width: 17%;
    float:left;
    bottom: 25px;
}
.news_content .news_item .news-bg-change .button_block a{
    margin: 0px 3px 0px;
    width: 97%;
}

.pagination_page{
	float:left;
	width:100%;
	margin:110px 0px 0px;
}
.pagination_page .main-ui-pagination{margin: 0px auto;}
.pagination_page .main-ui-pagination-arrows{
	font-size: 20px;
    color: #000;
    font-family: 'Playfair Display', serif;
}
.pagination_page .main-ui-pagination-arrow:last-child {
    margin-left: 15px;
    margin-right: 30px;
}
.pagination_page .main-ui-pagination-arrow.main-ui-pagination-prev::before,
.pagination_page .main-ui-pagination-arrow.main-ui-pagination-prev::after,
.pagination_page .main-ui-pagination-arrow.main-ui-pagination-next::before,
.pagination_page .main-ui-pagination-arrow.main-ui-pagination-next::after{display:none;}
.pagination_page .main-ui-pagination-arrows a,
.pagination_page .main-ui-pagination-arrows span{
    color:#000000;
    text-decoration:none;
}
.main-ui-pagination-pages-list a,
.main-ui-pagination-pages-list span{font-size:24px;padding: 4px 20px;}
.main-ui-pagination-pages-list .main-ui-pagination-page.main-ui-pagination-active{
    background: #cccccc;
    color: #fff;
}

.bg-full-image {
    width: 100%;
}
#reservation.bg-full-image{min-height: auto; background-color: #ffe9d7;}
#reservation .bg-image{
    background:url(/bitrix/templates/okshop/images/bg_subs.jpg);
    background-repeat: no-repeat;
    opacity: 1;
    background-position: 50% 0%;
}
#reservation h1.section-headline{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px 100px;
}
#reservation h1.section-headline span{color:#000; letter-spacing: normal;}
#reservation .subscribe-form .subscribe_pole{
    display:none;
}
#reservation .columns_block{
    margin: 70px 0px 145px;
    float: left;
    width: 100%;
}
#reservation .columns_block .columns_item{
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 55px 0px 57px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
    border: 1px solid rgba(0,0,0,0.25);
}
#reservation .columns_block .pretext_block p{
    color: #646464;
    font-size: 24px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    margin: 0px;
}
#reservation .columns_block .pretext_block{
    margin:0px 0px 60px;
    float:left;
    width:100%;
}
#reservation .columns_block .subscribe-form{
    float: left;
    width: 100%;
    margin: 0px auto;
}
#reservation .columns_block .subscribe-form .main_block{
    width:64%;
    margin:0px auto;
}
#reservation .subscribe-form .main_block .left{
    float: left;
    width: 67%;
}
#reservation .subscribe-form .main_block .right{
    float: right;
    width: 27%;
}
#reservation .subscribe-form .main_block .left input{
    width: 100%;
    padding: 20px 17px;
    border-radius: 6px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    border: 0px;
    color: #646464;
    font-size: 16px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}
#reservation .subscribe-form .main_block .right input{
    background: #b5deda;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    border: 0px;
    padding: 10px 28px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    border-radius: 20px;
    margin: 9px 0px;
}


.left_block_text{
    margin:175px 0px 165px;
    padding:0px;
}
.left_block_text .overlap-wrapper{
    padding:0px;
}
.left_block_text .block-picture.wide {
    width: 83%;
}
.left_block_text .block-picture .picture {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0px;
    height: 100%;
}
.left_block_text .rev_clip img {
/*
    position: absolute;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 602px!important;
    right: 0px;
*/
    
    position: absolute;
    max-width: 70%;
    width: 100%;
    min-width: 70%;
    height: auto!important;
    right: auto;
}
.left_block_text .text_main_block{
    float: left;
    width: 100%;
    position: absolute;
    height: 100%;
}
.left_block_text .text_main_block .block-entry{
    left: auto;
    margin: 30px 0px 0px;
    background: #f9efff;
    padding: 60px 70px;
    width: 60%;
/*    width: 30%;*/
    right: 20%;
}
.left_block_text .text_main_block .block-entry .inner{padding:0px;}
.left_block_text .block-entry .title {
    font: 400 28px/1 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: normal;
    margin: 0;
    position: relative;
    display: block;
    line-height: 56px;
    text-align: center;
    color: #000;
}
.left_block_text .block-entry .title-line{
    margin: 25px 0px;
    right: 25%!important;
}
.left_block_text .block-entry .editor_text{
    height: 415px;
    text-align: left;
    font-size: 20px;
    line-height: normal;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    color: #000;
    overflow: auto;
}

.right_block_text{
    margin:0px;
    padding:85px 0px 145px;
    background:#f9efff;
}
.right_block_text .overlap-wrapper{
    padding:0px;
}
.right_block_text .block-picture.wide {
    width: 67%;
}
.right_block_text .block-picture .picture {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0px;
    height: 100%;
}
.right_block_text .rev_clip img {
/*
    position: absolute;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 602px!important;
    left: -30%;
    
*/
    position: absolute;
    max-width: 70%;
    width: 100%;
    min-width: 70%;
    height: auto!important;
    right: auto;
}
.right_block_text .text_main_block {
    float: left;
    width: 100%;
    position: absolute;
    height: 100%;
}
.right_block_text .text_main_block .block-entry {
    right: auto;
    margin: 60px 0px 0px;
    background: #f9efff;
    padding: 60px 70px;
    width: 60%;
    position: relative;
    float: right;
}
.right_block_text .text_main_block .block-entry .inner{padding:0px;}
.right_block_text .block-entry .title {
    font: 400 28px/1 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: normal;
    margin: 0;
    position: relative;
    display: block;
    line-height: 56px;
    text-align: center;
    color: #000;
}
.right_block_text .block-entry .title-line{
    margin: 25px 0px;
    left: 25%!important;
}
.right_block_text .block-entry .editor_text{
    height: 495px;
    text-align: left;
    font-size: 20px;
    line-height: normal;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    color: #000;
    overflow: auto;
    max-width: 100%;
    opacity: 1!important;
}

.one_block_text{
    margin:135px 0px 220px;
    background:transparent;
    padding:0px;
}
.one_block_text .card-wrapper .block-picture .picture {
    margin: 0;
    padding: 0 0 0 0px;
    position: relative;
    height: 100%;
}
.one_block_text .rev_clip img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 342px!important;
    top: 0px;
}
.one_block_text .column.block-picture {
    flex-grow: 0.316;
}
.one_block_text .card-wrapper .block-entry .inner {
    padding: 0px 0 0px 30px;
}
.one_block_text .card-wrapper .block-entry .title{
    font-size: 28px;
    color: #000000;
    line-height: 28px;
    text-align: center;
    margin: -70px 0px 40px;
}
.one_block_text .card-wrapper .block-entry p{
    padding:0px;
    height: 465px;
    text-align: left;
    font-size: 20px;
    line-height: normal;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    color: #000;
    overflow: auto;
    max-width: 100%;
}

.rev_block_text .block-card{
    margin: 80px auto 140px;
    width: 83%;
}
@media (max-width:768px) {
    .rev_block_text .block-card{
        margin: 30px 0;
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box;
    }
}
.rev_block_text .block-card h1.section-headline{
    text-align: center;
    letter-spacing: normal;
    font-size: 28px;
    font-weight: 400;
    margin:0px 0px 80px;
}
.rev_block_text .block-card .section-text{
    font-size:20px;
    font-weight:300;
    line-height:normal;
}
@media (max-width:768px) {
    .rev_block_text .block-card .section-text{
        position: relative;
        z-index: 20;
    }
}
.q_slide .sl_slide2 .slide .caption {
    width: 100%;
    max-width: 100%;
    -webkit-transform: translateX(5%) translateY(0);
    -moz-transform: translateX(5%) translateY(0);
    -ms-transform: translateX(5%) translateY(0);
    -o-transform: translateX(5%) translateY(0);
    transform: translateX(5%) translateY(0);
}
.q_slide .sl_slide2 .slide .caption p {
    max-width: 800px;
}

.q_slide .info_block{
    bottom: 120px;
    width: 47%;
    background: rgba(255,255,255,0.75);
    margin: 0px auto;
    position: absolute;
    z-index: 1000;
    left: 25%;
    border-radius: 3px;
    padding: 30px 30px 35px 55px;
    text-align:center;
    color:#000;
    max-width: 680px;
}
.q_slide .info_block h4{
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    line-height: normal;
    margin: 0px 0px 30px;
}
.q_slide .info_block p{
    font-size: 22px;
    margin: 0px;
    line-height: normal;
}
.q_slide .pagination.pag_slide2{
    left: 31%;
    width: 510px;
}
.q_slide .pagination.pag_slide2 .item {
    margin: 0 61px;
}
.q_slide .pagination.pag_slide2 .item::before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    margin: 10px 0;
    background: #474747;
    transition: background 0.2s ease;
    border-radius: 50%;
    border: 3px solid #ffffff;
}
.q_slide .pagination.pag_slide2 .item:hover::before, .q_slide .pagination.pag_slide2 .item.q_current::before {
    border-radius: 50%;
    border: 3px solid #474747;
    background: #ffffff;
}
.q_slide .pagination.pag_slide2 .item::after, .q_slide .pagination.pag_slide2 .item.q_current::after,
.q_slide .pagination.pag_slide2 .item:hover::after, .q_slide .pagination.pag_slide2 .item.q_current:hover::after {
    opacity: 1;
    transform: none;
    content: "-";
    display: block;
    border-radius: 0;
    border: 0px;
    width: 97px;
    height: 3px;
    background: #fff;
    top: 100%;
    right: 0px;
    left: auto;
}
.q_slide .pagination.pag_slide2 .item:first-child::after{
    display: none;
}
.q_slide .arrows.sl_slide2{
    display: none;
}
.navbar-header .other_navbar_buttons .cart_button{

 }
.navbar-header .other_navbar_buttons .cart_button .emarket-basket-small{
    position: relative;
    float: left;
}
.navbar-header .other_navbar_buttons .cart_button .emarket-basket-small .kolvo_items{
    position: absolute;
    z-index: 1000;
    color: #000;
    background: #f6dad2;
    font-size: 9px;
    padding: 0px 4px;
    border-radius: 50%;
    line-height: normal;
    top: -12px;
    right: -5px;
}
.search_modal{
    z-index: 10000;
    top: 18%;
    position: absolute;
    right: 19%;
    background: rgba(0,0,0,0.75);
    padding: 18px 40px 18px 22px;
}
.search_modal #emarket-search .submit{
    float:left;
    margin: 0px 30px 0px 0px;
}
.search_modal #emarket-search .submit input{
background: url(/bitrix/templates/okshop/images/icons/search_icon.png) no-repeat top center;
    border: 0px;
    margin: 0px;
    padding: 9px 0px;
    color: transparent;
}
.search_modal #emarket-search #emarket-search-input{
    padding: 0px 0px 5px;
    margin: 0px;
    border: 0px;
    border-bottom: 2px solid #fff;
    color: #fff;
    background: transparent;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Roboto Slab', serif;
    font-weight:300;
    font-style: italic;
}
.search_modal #emarket-search input[type="text"]#emarket-search-input::placeholder
{
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Roboto Slab', serif;
    font-weight:300;
    font-style: italic;
}

.sign_modal{
    z-index: 10000;
    top: 18%;
    position: absolute;
    right: 4%;
    background: rgba(0,0,0,0.75);
    padding: 18px 40px 18px 22px;
}
.sign_modal #eMarket-auth a{
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
}
.title-search-result{
    position: absolute;
    top: 26%!important;
    left: auto!important;
    width: 48%!important;
    right: 18%!important;
    background: rgba(0, 0, 0, 0.9)!important;
    margin: 0px 10px!important;
}
.title-search-result table.title-search-result{
    width: 100%!important;
    top: 0%!important;
    right: 0%!important;
    margin: 0px!important;
}
.title-search-result table th, .title-search-result table td,
.title-search-result table td a{
    color:#fff;
}
input,
input:active,
input:focus {
    outline: none;
}

.news_content .news-detail{
    float:left;
    width:100%;
    font-size:16px;
    color:#000;
    font-family: 'Roboto Slab', serif;
    font-weight:300;
}
.news_content .news-detail h1{
    text-align: center;
    margin: 0px 0px 35px!important;
    font-size: 32px;
    color: #000000;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    float: left;
    width: 100%;
    line-height: 32px;
}
.news_content .news-detail .news_detail_image{
    float:left;
    width:100%;
    margin:0px 0px 40px;
}
.news_content .news-detail .news-details_content{
    float: left;
    width: 100%;
    margin: 0px 0px 40px;
}
.news_content .news-detail .news-details_info{
    float:left;
    width:100%;
    margin: 30px 0px 40px;
    display: none;
}
.news_content .news-detail .news_details_system{
    float:left;
    width:100%;
}
.news_content .news-detail .news_details_system .back{
    margin:0px 0px 0px -100px;
    float:left;
    width:50%;
}
.news_content .news-detail .news_details_system .back a{
    font-size: 22px;
    color: #50ac2a;
    text-decoration: none;
    font-weight: 400;
    margin: 0px;
}
.news_content .news-detail .news_details_system .social_block{
    float:right;
    width:50%;
    text-align:right;
}
.news_content .news-detail .news_details_system .social_block .api-yashare,
.news_content .news-detail .news_details_system .social_block .api-yashare a{margin:0px!important;}
.block-section-maps{
    background: #fff0e5 url(/bitrix/templates/okshop/images/contact_bg.jpg) no-repeat top center;
}
.block-section-maps .title{
    font-size: 38px;
    color: #6d1f09;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    float: left;
    width: 100%;
    margin: 0px 0px 85px;
    line-height: 38px;
    text-transform: uppercase;
}
.block-section-maps .title span{height:auto!important;}
.block-section-maps .info_blocks{
    float:left;
    width:100%;
}
.block-section-maps .info_blocks .blocks_cont{
    float: left;
    width: 100%;
    margin: 0px 0px 30px;
    background: #818181;
    border-radius: 6px;
    padding: 20px 20px 25px;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    text-align: center;
}
.block-section-maps .info_blocks .blocks_cont .icon{
    width: 13%;
    float: left;
    border-right: 2px solid #fff;
    color: transparent;
    height: 76px;
}
.block-section-maps .info_blocks .blocks_cont .info{
    width: 85%;
    float: left;
    line-height: 76px;
}
.block-section-maps .info_blocks .cont1 .info{line-height: 38px;}
.block-section-maps .info_blocks .cont1 .icon{
    background: url(/bitrix/templates/okshop/images/icons/icon_map_big.png) no-repeat 20% center;
}
.block-section-maps .info_blocks .cont2 .icon{
     background: url(/bitrix/templates/okshop/images/icons/icon_phone_big.png) no-repeat 20% center;
 }
.block-section-maps .info_blocks .cont3 .icon{
    background: url(/bitrix/templates/okshop/images/icons/icon_mail_big.png) no-repeat 20% center;
}
#contact_form.bg-full-image{
    min-height: 50vh;
}
#contact_form .bg-image{
    background-image: url(/bitrix/templates/okshop/images/contact_form_bg.jpg) !important;
    display: block;
    background-repeat: no-repeat;
}
#contact_form .mfeedback{
    position: relative;
    background: #303030;
    padding: 30px 65px 35px;
    margin: 17% 0px;
    float: left;
}
#contact_form .mfeedback .contact_form_title{
    text-align: center;
    font-size: 26px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    letter-spacing: 0.5px;
    width: 54%;
    margin: 0px auto 40px;
    text-transform: uppercase;
}
.form_block .leftinput,
.form_block .rightinput{
    float: left;
    width: 50%;
    padding: 0px;
    margin: 0px 0px 15px;
}
.form_block .rightinput{
    float: right;
    text-align: right;
}
.form_block .leftinput input,
.form_block .rightinput input{
    width: 89%;
    padding: 18px 10px;
    border-radius: 30px;
    border: 2px solid #fff;
    background: transparent;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 300;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #ffffff;
    outline: 0;
}
.form_block input[type="text"]:focus, .form_block textarea:focus {
    border: 2px solid #cccccc !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #cccccc;
}
.form_block .mf-message{
    float: left;
    width: 100%;
    margin:15px 0px;
}
.form_block .mf-message textarea{
    width: 92%;
    padding: 25px 30px;
    border-radius: 30px;
    border: 2px solid #fff;
    background: transparent;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 300;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #ffffff;
    outline: 0;
}
.form_block .mf-submit{
    float: left;
    width: 100%;
    text-align: right;
}
.form_block .mf-submit input{
    background: #50ac2a;
    border: 0px;
    border-radius: 30px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 21px 87px;
}

.system_block {
    margin: 220px 0px 175px;
    background: transparent;
    padding: 0px;
}
.system_block .column.block-picture {
    flex-grow: 0.677;
}
.system_block .rev_clip img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 100%!important;
    min-height:360px;
    top: 0px;
}
.system_block  .card-wrapper .block-entry .inner {
    padding: 0px 0 0px 125px;
}
.system_block .card-wrapper .block-entry .title {
    font-size: 30px;
    line-height: 28px;
    text-align: left;
    margin: 0px 0px 30px;
    color: #6d1f09;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
}
.system_block .card-wrapper .block-picture .picture {
    margin: 0;
    padding: 0 0 0 0px;
    position: relative;
    height: 100%;
}
.system_block .card-wrapper .block-entry p {
    padding: 0px;
    height: 290px;
    text-align: left;
    font-size: 20px;
    line-height: normal;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    color: #000;
    overflow: auto;
    max-width: 100%;
}
.system_rev{
    padding: 70px 0px 0px;
    min-height: 70vh;
}
.system_rev .columns .block-entry{
    top:0px!important;
    margin:0px;
}
.system_rev .block-picture{
    width: 41%;
}
.system_rev .block-picture .picture{
    padding: 0px!important;
}
.system_rev .rev_clip img {
    position: absolute;
    max-width: 96%;
    width: 100%;
    min-width: 96%;
    height: 512px!important;
    top: 30px;
}
.system_rev .block-entry {
    width: 46%!important;
}
.system_rev .block-entry .inner{
    padding: 70px 0px 0px!important;
}
.system_rev .block-entry .inner p.rev_item{
    text-align: right;
    float: right;
    padding:0px!important;
    max-width: 96%;
    font-size:16px;
}
.system_rev .columns .block-entry h2,
.system_rev .columns .block-entry h2 span{
    color: #eee4d0;
    letter-spacing: normal!important;
    text-transform: none!important;
    font-weight: 600!important;
    line-height: normal!important;
}
.system_rev .columns .block-entry h2{
    float:right;
    width:100%;
    margin: 0px 0px 24px!important;
}
.system_bg .system_block{
    margin:155px 0px;
}
.system_bg .system_block .rev_clip img {
    min-height: 700px;
}
.system_bg .system_block .card-wrapper .block-entry .title{color:#000;}
.system_bg .system_block .card-wrapper .block-entry p {
    padding: 0px;
    height: 660px;
}
.rev_block_text.bg-full-image {
    min-height: 50vh;
}
.container-little .rev_block_text .q-container{
    width: 100%;
    max-width: 750px;
    padding: 0 0rem;
    margin: 0 auto;
}
.container-little .rev_block_text.bg-full-image {
    min-height: 70vh;
    background: transparent;
}
.container-little .rev_block_text.bg-full-image .bg-image{opacity:1;}
.container-little .rev_block_text .q-container .column{z-index:10;}
.container-little .rev_beauty_text .section-text{
    color:#3c3c3c;
}
.lst_health .one_block_text .rev_clip img{height: 606px!important;}
.container-little .rev_block_text .block-card {
    margin: 160px auto 170px;
    width: 100%;
}
.tsit_block_text{
    margin: 90px 0px 145px;
    padding: 0px;
}
.tsit_block_text .card-wrapper .block-entry .inner {
    padding: 0px;
}
.tsit_block_text h2.title{
    color:#4f4f4f;
    font-style: italic!important;
    font-family: 'Playfair Display', serif!important;
    font-size:55px!important;
    margin: 0px 0px 40px!important;
    letter-spacing: normal!important;
    width: 83%;
    text-transform: none!important;
}
.tsit_block_text h2.title span.rev_item{
    background: #ffe9d7;
    padding:15px 64px 20px;
}
.tsit_block_text p.rev_item{
    background: #fff0e5;
    width: 72%;
    padding: 30px 45px 65px;
    font-size: 20px;
    color: #4f4f4f;
    line-height: normal;
    margin: 0px 0px 0px 100px!important;
}
.grey_blocks .rev_block_text.bg-full-image .bg-image{opacity:1;}
.grey_blocks .rev_block_text .block-card{
    margin:110px auto;
}
.grey_blocks .rev_block_text.bg-full-image .q-container .column{z-index: 10;}
.grey_blocks .rev_block_text .block-card .section-text{color:#000;}
.left_home_text{
    margin: 80px 0px 150px!important;
    padding:0px;
}
.left_home_text .block-entry{
    margin:0px;
    width: 66%;
    background: #e6e6e6;
}
.left_home_text .columns{
    padding: 0px;
}
.left_home_text .block-entry .inner{
    padding:75px 80px;
}
.left_home_text .block-entry .inner .editor_text{
    font-size: 20px;
    color: #000000;
    font-family: 'Roboto Slab', serif;
    line-height: 28px;
    text-align: left;
    font-weight: 300;
}
.left_home_text .block-picture{
    margin:85px 0px 0px;
    width: 41%;
}
.left_home_text .block-picture .picture{
    padding: 0px;
}
.left_home_text .block-picture .picture .rev_clip img {
    height: 604px!important;
}
.last_homes_item .rev_block_text .block-card{
    margin: 85px auto 90px;
    width: 100%;
}
.last_homes_item .rev_block_text .column{
    z-index: 100;
}
.last_homes_item .rev_block_text .section-text .title_block_item{
    text-align: center;
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    margin: 0px 0px 40px;
    letter-spacing: 2px;
}
.last_homes_item .rev_block_text .section-text ul{
    width: 83%;
    margin: 0px auto 30px;
    padding: 0px;
}
.last_homes_item .rev_block_text .section-text ul li{
    padding: 24px 25px 24px 70px;
    margin: 0px 0px 10px;
    background: #e6e6e6;
    color: #000;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
    border-radius: 9px;
    position: relative;
}
.last_homes_item .rev_block_text .section-text ul li:before{
    display: block;
    content: '';
    background: url(/bitrix/templates/okshop/images/drope.png) no-repeat center center;
    position: absolute;
    width:19px;
    height: 100%;
    margin: -24px 0px 0px -45px;
}
.last_homes_item .rev_block_text .list_block{
    margin: 20px auto 0px;
    width: 65%;
    text-align: center;
}
.fitness_banner_block .banner_block .q_slide .slide .caption{
    width: 49%;
    max-width: 60%;
    transform: translateX(-15%) translateY(0);
}
.grey_fitness .left_home_text .block-picture .picture .rev_clip img {
    height: auto!important;
    width: 100%!important;
    max-width: 100%!important;
}
.grey_fitness .left_home_text .block-entry .inner{
    padding: 35px 50px 60px 35px;
}
@media (max-width:768px) {
    .grey_fitness .left_home_text .block-entry .inner{
        padding: 0px;   
        padding: 20px;   
    } 
}


.grey_fitness .left_home_text .block-entry .inner h2{
    text-align: center;
    letter-spacing: normal;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    width: 85%;
    margin: 0px auto;
    line-height: normal;
}
.grey_fitness .left_home_text .q-container{
    padding: 0px 50px;
}
.grey_fitness .left_home_text .block-entry,
.grey_fitness .left_home_text .block-picture{width:53%!important;}
@media (max-width:767px) {
    .grey_fitness .left_home_text .block-entry,
.grey_fitness .left_home_text .block-picture{width:100%!important;}
}



.other_fitnes_item .rev_block_text .block-card{width: 100%;}
.other_fitnes_item  .bg-full-image .column{z-index: 100;}
.other_fitnes_item .rev_block_text .block-card .infoblock{
    float:left;
    width:30%;
    background: rgba(0,0,0,0.7);
    padding:40px 34px;
    border-radius: 9px;
}
@media (max-width:768px) {
    .q_split_wrap.rev_item {
        opacity: 1!important;
    }
    .other_fitnes_item .rev_block_text .block-card .infoblock{
        width:100%;
    }
}


.other_fitnes_item .rev_block_text .block-card .infoblock .icon_item{
    width:154px;
    height:154px;
    margin: 0px auto 40px;
}
.other_fitnes_item .rev_block_text .block-card .item1 .icon_item{background: url(/bitrix/templates/okshop/images/aspect1.png) no-repeat top center;}
.other_fitnes_item .rev_block_text .block-card .item2 .icon_item{background: url(/bitrix/templates/okshop/images/aspect2.png) no-repeat top center;}
.other_fitnes_item .rev_block_text .block-card .item3 .icon_item{background: url(/bitrix/templates/okshop/images/aspect3.png) no-repeat top center;}
.other_fitnes_item .rev_block_text .block-card .infoblock .title{
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
}
.other_fitnes_item .rev_block_text .block-card .infoblock .title span{
    float: left;
    width: 100%;
    text-transform: none;
}
.other_fitnes_item .rev_block_text .block-card .infoblock .title{
    margin:0px 0px 30px;
}
.other_fitnes_item .rev_block_text .block-card .infoblock .content{
    font-size:16px;
    text-align: center;
}
.other_fitnes_item .rev_block_text .block-card .item2{margin: 0px 30px;}
@media (max-width:767px) {
    .other_fitnes_item .rev_block_text .block-card .item2{margin: 0px 0px;}
}


.fitness_beauty_text .q-container{max-width: 750px;}
.fitness_beauty_text .bg-full-image .bg-image{opacity:1;}
.fitness_beauty_text h1 span, .fitness_beauty_text .section-text{color:#000;}
.fitness_beauty_text .bg-full-image .column{z-index: 100;}

.last_fitness_item .bg-full-image .bg-image{opacity:1;}
.last_fitness_item .bg-full-image .column{z-index: 100;}

.shop_beauty_text .bg-full-image .bg-image{opacity:1;}
.shop_beauty_text .bg-full-image .column{z-index: 100;}

.shop_beauty_text .bg-full-image h1 span,
.shop_beauty_text .bg-full-image .section-text{
    color:#000000;
}
.shop_beauty_text .bg-full-image h1 span{font-weight: 600;}

.left_catalog_text{
    margin: 200px 0px 220px!important;
    padding:0px;
}
.left_catalog_text .block-entry{
    margin:0px;
    width: 57%;
    background: #fff0e5;
    z-index: 0;
}
.left_catalog_text .columns{
    padding: 0px;
}
.left_catalog_text .block-entry .inner{
    padding: 43px 50px 43px 115px;
}
.left_catalog_text .block-entry .inner .editor_text{
    font-size: 20px;
    color: #000000;
    font-family: 'Roboto Slab', serif;
    line-height: 28px;
    text-align: left;
    font-weight: 300;
    max-height: 330px;
    overflow: auto;
    padding: 0px 30px 0px 0px;
}
.left_catalog_text .block-picture{
    margin: 58px 0px 0px;
    width: 49%;
    z-index: 25;
}
.left_catalog_text .block-picture .picture{
    padding: 0px;
}
.left_catalog_text .block-picture .picture .rev_clip img {
    height: 556px!important;
    width: 100%;
    max-width: 100%;
}
.left_catalog_text .block-entry .inner h2 {
    text-align: center;
    letter-spacing: normal;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    width: 85%;
    margin: 0px auto;
    line-height: normal;
}

.shops_block1 .left_home_text {
    padding: 95px 0px 220px!important;
    margin: 0px!important;
    background: url(/bitrix/templates/okshop/images/catalog_shop3.jpg) no-repeat top center;
}
@media (max-width:768px) {
    .shops_block1 .left_home_text {
        padding: 30px 0px!important;
    } 
}


.shops_block1 .left_home_text .block-entry .inner {
    padding: 40px 130px 40px 40px;
}
.shops_block1 .left_home_text .block-entry{
    width: 57%!important;
    z-index: 0;
}
.shops_block1 .left_home_text .block-picture{
    width: 49%!important;
    margin: 0px 0px 0px;
}
.shops_block1 .left_home_text .q-container {
    padding: 0px 0px;
}
.shops_block1 .left_home_text .block-entry .inner .editor_text{
    max-height: 360px;
    overflow: auto;
}
.shops_block1 .left_home_text .block-entry{
    background: #ffffff;
}

.catalog_section{
    width: 100%;
}
.catalog_section .bx_catalog_item{
    width: 32%;
    float: left;
    margin: 0px 10px 45px 0px;
    border-radius: 9px;
    background: #ededeb;
    position: relative;
}
.catalog_section .bx_catalog_item:nth-child(3),
.catalog_section .bx_catalog_item:nth-child(6){
    margin: 0px 0px 45px 0px;
}
.catalog_section .bx_catalog_item .image_block_item{
    position: relative;
}
.catalog_section .bx_catalog_item .image_block_item .params{
    position: absolute;
    top: 0px;
}
.catalog_section .bx_catalog_item .content_block_item{
    padding: 25px 20px 20px;
    background: #fff;
    border: 2px solid #ededeb;
    border-radius: 0px 0px 9px 9px;
    text-align: center;
}
.catalog_section .bx_catalog_item .content_block_item .title{
    font-size:28px;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
}
.catalog_section .bx_catalog_item .content_block_item .title a{color:#3f3d3d;}
.catalog_section .bx_catalog_item .content_block_item .price{
    font-size:24px;
    font-family: 'Roboto Slab', serif;
    color:#3f3d3d;
}
.catalog_section .bx_catalog_item .image_block_item .params{
    opacity: 0;
    transition: 1s;
    width: 89%;
    height: 73%;
    background: rgba(0,0,0,0.7);
    padding: 50px 20px 30px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size:18px;
    border-radius: 9px 9px 0px 0px;
}
.catalog_section .bx_catalog_item .image_block_item .params .size_param,
 .catalog_section .bx_catalog_item .image_block_item .params .materials_param,
 .catalog_section .bx_catalog_item .image_block_item .params .gems_param,
 .catalog_section .bx_catalog_item .image_block_item .params .bx_catalog_item_controls{
     float: left;
     width: 100%;
     color: #fff;
     font-weight: 600;
     opacity: 0;
     transition: 2.5s;
 }
.catalog_section .bx_catalog_item .image_block_item .params .size_param span,
.catalog_section .bx_catalog_item .image_block_item .params .materials_param .content,
.catalog_section .bx_catalog_item .image_block_item .params .gems_param .content{
    float: left;
    width: 100%;
    font-weight: 300;
    line-height: normal;
}
.catalog_section .bx_catalog_item .image_block_item .params .materials_param span{
    width:20%; margin: 0px 5px 0px 0px;
}
.catalog_section .bx_catalog_item:hover .image_block_item .params{
    opacity: 1;
}
.catalog_section .bx_catalog_item:hover .image_block_item .params .size_param,
.catalog_section .bx_catalog_item:hover .image_block_item .params .materials_param,
.catalog_section .bx_catalog_item:hover .image_block_item .params .gems_param,
.catalog_section .bx_catalog_item:hover .image_block_item .params .bx_catalog_item_controls{
    opacity: 1;
}
.catalog_section .bx_catalog_item .image_block_item .params .bx_catalog_item_controls{
    margin: 20px -20px 20px;
    bottom: 0px;
    position: absolute;
}
.catalog_section .bx_catalog_item .image_block_item .params .bx_catalog_item_controls a{
    background: #50ac2a;
    padding: 10px 36px;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}

body ::-webkit-scrollbar{
    width:12px;
}
body  ::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 1px;
    border-color: #777;
    background-color: #ccc;
}
body ::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 1px;
    border-color: #555;
    background-color: #777;
}
body ::-webkit-scrollbar-track{
    border-width:0;
}
body ::-webkit-scrollbar-track:hover{
/*    border-left: solid 1px #aaa;*/
    background-color: #eee;
}
#accorsys-switch-lang_menu.popup .AccorsyslanguageContainer a
#accorsys-switch-lang.popup .AccorsyslanguageContainer.default a {
    margin-right: 0px !important;
}
.vs-scroll-view {
    background: #000!important;
}
#footer {
    margin-bottom: -50px;
    margin-top: -2px;
}
.q_smooth {
    background: #fff;
}
#footer ul#contacts {
    white-space: nowrap;
}
.button_block a {
    
}
.picture .rev_clip {
    opacity: 1!important;
    clip-path: none!important;
}
.one_block_text {
    margin: 0!important;
    padding: 135px 0px 220px!important;
    overflow: hidden;
}
.right_block_text {
    overflow: hidden;
}
.left_home_text .block-entry .inner .editor_text { 
    height: 415px;
    text-align: left;
    font-size: 20px;
    line-height: normal;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    color: #000;
    overflow: auto;
}
.system_rev .block-entry .inner p.rev_item {
    height: 400px;
    overflow: auto;
    opacity: 1!important;
    padding-right: 10px!important;
    text-align: right;
    float: right;
    max-width: 96%;
    font-size: 16px;  
}
.system_block .card-wrapper .block-entry p {
    opacity: 1!important;
}
#footer .icons {
    display: flex;
    align-items: center;
}
#footer .icons li a { 
    border-radius: 50%!important; 
    width: 37px;
    height: 37px;
    display: flex; 
    align-items: center;
    justify-content: center;
}
#footer .icons li {
    margin: 4px 4px 0 0!important;
}
#accommodations {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
}
.accommodations .accommodation-type:last-child a { 
    padding-top: 15px;
    padding-bottom: 15px;
} 
.accommodations .accommodation-type a h4.accommodation-name {
    font-size: 17px; 
}
.forty_block {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}
.forty_block-or {
    font-size: 70px;
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-family: 'Playfair Display', serif;
    color: #fff;
}
.forty_block-or > span {
    display: block;
    margin: 0;
    padding: 0;
    height: 40px;
    overflow: hidden;
}
.forty_block-or > span + span {
    color: #000;
}
.forty_block-or > span span {
    display: block;
    margin-top: -39px;
}
#footer .column-right ul.contacts span {
    white-space: nowrap;
}
.infoblock_n {
    display: flex;
    flex-wrap: wrap;
}
.other_fitnes_item .rev_block_text .block-card .infoblock_n .infoblock {
    border: 3px solid #ccba96;
}
.rev_item.infoblock_n-head {
    text-transform: initial!important;
}
.left_home_text .block-picture .picture .rev_clip img.vs-div_clip_image_fix {
    height: 483px !important;
}

.btn:active {
    box-shadow: inset 0 5px 5px rgba(0,0,0,.4)
}
#footer .column-right ul.contacts span {
    margin: -6px 0px 6px 21px;
}
#navContent #menu_screen {
    max-height: 100%;
}
@media (max-width: 540px) {
    .section {
        padding: 30px 0!important;
    }
    #mainContent ~ .copyright,
    #mainContent ~ .vs-scroll-view {
        display: none;
    }
}

.basket_items_list table {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.controls-wrap a {
    color: #000;
    font-weight: normal;
    text-decoration: none!important;
}
.controls-wrap {
    font-size: 24px;
    font-weight: bold;
}
.controls-wrap input {
    text-align: center;
    max-width: 30px;
}
.n-cart_item-quantity .some-class {
    display: none; 
}
.n-cart_item-cost {
    min-width: 110px!important; 
}
@media (min-width:768px) {
   .infoblocks {
    display: flex;
} 
}

/* End */


/* Start:/bitrix/templates/okshop/css/last/style.css?170488034259346*/
@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, dl, dt, dd, code, var, samp, img, object, param, map, area {
  padding: 0;
  margin: 0;
  border: none; }

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

ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

button {
  border: 0; }

*:focus {
  outline: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  outline: none; }

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

/* reset extra padding in Firefox */
::-ms-clear {
  width: 0;
  height: 0; }

::-ms-reveal {
  width: 0;
  height: 0;
  display: none; }

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word; }

a img {
  border: none;
  vertical-align: middle; }

input, textarea {
  outline: none;
  resize: none; }

.clear {
  clear: both; }

.none {
  display: none !important; }

sup, sub {
  vertical-align: baseline;
  position: relative;
  font-size: .4em;
  line-height: 1; }

sup {
  bottom: 1.4ex; }

sub {
  top: .5ex; }

.img-responsive {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%; }

.n-sort {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  padding: 10px 0 2px 0;
  border-radius: 0 0 10px 10px;
  margin-bottom: 30px; }
  .n-sort > * {
    flex-wrap: wrap; }

.n-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.n-catalog {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding: 0 !important;
  width: 100%; }
  .n-catalog_item {
    padding: 15px 0;
    width: 30%;
    margin: 0 1.5% 35px 1.5%;
    color: #fff;
    transition: padding ease 0.4s, box-shadow ease 0.4s; }
    @media (max-width: 900px) {
      .n-catalog_item {
        width: 30%; } }
    @media (max-width: 750px) {
      .n-catalog_item {
        width: 47%; } }
    @media (max-width: 500px) {
      .n-catalog_item {
        width: 97%; } }
    .n-catalog_item:hover {
      padding: 0; }
      .n-catalog_item:hover img {
        margin: 0; }
      .n-catalog_item:hover .n-catalog_info {
        opacity: 1; }
      .n-catalog_item:hover .n-catalog_bottom {
        background: #e5e4e2; }
        .n-catalog_item:hover .n-catalog_bottom-name {
          color: #50ac2a; }
      .n-catalog_item:hover .n-catalog_inner {
        box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.25); }
    .n-catalog_item .n-btn {
      font-size: 20px; }
    .n-catalog_item img {
      width: 100%;
      display: block;
      margin-top: -15px;
      margin-bottom: -15px;
      transition: margin ease 0.4s; }
  .n-catalog_inner {
    text-decoration: none;
    display: block;
    transition: box-shadow ease 0.4s;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column; }
  .n-catalog_img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    flex: 1 1 auto; }
  .n-catalog_info {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(30, 30, 30, 0.7);
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    opacity: 0;
    transition: opacity ease 0.4s; }
    .n-catalog_info-head {
      text-transform: uppercase;
      color: #fff; }
    .n-catalog_info-item {
      margin-bottom: 20px;
      color: #fff;
      line-height: 19px; }
    .n-catalog_info p {
      text-align: left;
      padding-left: 20px;
      padding-right: 17px;
      overflow: hidden;
      display: block;
      min-height: 100%;
      height: 100%; }
  .n-catalog_bottom {
    border: 3px solid #e5e4e2;
    border-radius: 0 0 10px 10px;
    padding: 27px 0 18px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #3f3d3d; }
    .n-catalog_bottom-name {
      text-transform: uppercase;
      padding-bottom: 15px;
      font-size: 27px; 
      line-height: 1.2;}
    .n-catalog_bottom-cost {
      font-size: 24px; }
    .n-catalog_bottom-size {
      font-size: 18px;
      font-style: italic; }

.n-pager {
  padding: 15px 0 35px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .n-pager_a {
    text-decoration: none;
    color: #3f3d3d;
    font-size: 24px;
    display: inline-block;
    padding: 15px 19px;
    margin: 0 1px; }
    .n-pager_a:hover {
      color: #fff;
      background: #cccccc; }
  .n-pager_active {
    color: #fff;
    background: #cccccc; }

.n-btn {
  display: inline-block;
  padding: 13px 34px 12px 34px;
  border-radius: 35px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all ease 0.4s; }
  .n-btn_green {
    background: #50ac2a;
    border: 3px solid #50ac2a;
    color: #fff; }
    .n-btn_green:hover {
      background: #fff;
      color: #50ac2a;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4); }
    .n-btn_green:active {
      box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.4); }
  .n-btn_white {
    border: 3px solid #50ac2a;
    border-radius: 35px;
    color: #4e4e4e; }
    .n-btn_white:hover {
      background: #50ac2a;
      color: #fff;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); }
    .n-btn_white:active {
      box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.4); }
  .n-btn_nobg {
    border: 3px solid rgba(255, 255, 255, 0);
    background: none;
    color: #706f6f; }
    .n-btn_nobg:hover {
      background: #50ac2a;
      border-color: #50ac2a;
      color: #fff; }
    .n-btn_nobg:active {
      box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.4); }

.n-articleCard_title {
  padding-top: 30px; }

.n-articleCard_block {
  padding-left: 96px;
  font-size: 18px;
  line-height: 24px; }
  @media (max-width: 767px) {
    .n-articleCard_block {
      padding-left: 0px; } }
  .n-articleCard_block img {
    max-width: 100%;
    height: auto; }
  .n-articleCard_block > *:not(br) {
    margin-bottom: 35px; }
  .n-articleCard_block blockquote {
    background: #e6e6e6;
    font-style: italic;
    position: relative;
    padding: 15px 0; }
    .n-articleCard_block blockquote:after, .n-articleCard_block blockquote:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      background: #e6e6e6; }
    .n-articleCard_block blockquote:before {
      right: 100%;
      left: -100000%; }
    .n-articleCard_block blockquote:after {
      left: 100%;
      right: -100000%; }

.n-articleCard_title {
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
  padding-left: 96px;
  text-align: center;
  margin-bottom: 36px; }
  @media (max-width: 767px) {
    .n-articleCard_title {
      padding-left: 0px; } }

.n-articleCard_footer {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

.n-articleCard_back {
  color: #50ac2a;
  font-size: 28px;
  text-decoration: none; }

.n-articleCard_social {
  display: flex;
  align-items: center; }
  .n-articleCard_social-a {
    margin-left: 10px;
    display: block; }

.n-articlesHead {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding-bottom: 10px; }
  .n-articlesHead .jq-selectbox__select {
    border: 3px solid #e5e4e2; }
  .n-articlesHead-text {
    padding-left: 0; }

.n-articles_block {
  padding-top: 90px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch; }

.n-articles_item {
  width: 30%;
  margin: 0 1.5% 70px 1.5%; }
  @media (max-width: 767px) {
    .n-articles_item {
      width: 47%; } }
  @media (max-width: 600px) {
    .n-articles_item {
      width: 97%; } }
  .n-articles_item img {
    width: 100%;
    display: block; }
  .n-articles_item-name {
    font-size: 28px;
    padding: 24px 0;
    text-decoration: none;
    color: #000;
    display: block; }
    .n-articles_item-name:hover {
      text-decoration: underline; }
  .n-articles_item_p {
    color: #4c4c4c;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    display: block; }
  .n-articles_item_more {
    font-size: 20px;
    color: #50ac2a;
    text-decoration: none; }
    .n-articles_item_more:hover {
      text-decoration: underline; }

.n-product_top {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 100px; }
  .n-product_top-name {
    padding: 85px 0;
    color: #fff;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2; }

.n-product_card {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 85px 15px !important; }
  @media (max-width: 600px) {
    .n-product_card {
      flex-direction: column; } }

.n-product_img {
  border-radius: 25px;
  overflow: hidden;
  min-width: 360px;
  margin-right: 30px; }
  @media (max-width: 800px) {
    .n-product_img {
      min-width: 27%; } }
  @media (max-width: 600px) {
    .n-product_img {
      order: 2; } }
  @media (max-width: 550px) {
    .n-product_img {
      min-width: 100%; } }
  .n-product_img img {
    width: 100%; }

.n-product_info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media (max-width: 550px) {
    .n-product_info {
      flex-direction: column; } }

.n-product_name {
  color: #303030;
  font-size: 40px;
  text-transform: uppercase;
  padding-bottom: 3px;
  line-height: 37px; }

.n-product_cost {
  color: #303030;
  font-size: 40px;
  padding-bottom: 50px; }
  @media (max-width: 550px) {
    .n-product_cost {
      font-size: 30px;
      padding-top: 15px;
      padding-bottom: 20px; } }

.n-product_add {
  margin-bottom: 50px;
  font-size: 33px; }
  @media (max-width: 550px) {
    .n-product_add {
      font-size: 24px; } }

.n-product_des {
  color: #3f3d3d;
  font-size: 24px; }
  .n-product_des > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 13px; }
  .n-product_des img {
    margin-right: 12px; }

.n-product_right {
  min-width: 50px; }
  @media (max-width: 550px) {
    .n-product_right {
      min-width: 100%;
      display: flex;
      justify-content: space-around; } }

.n-product_icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #dad2ca;
  margin-bottom: 18px; }
  .n-product_icon-fav {
    padding-top: 4px; }
    .n-product_icon-fav:hover {
      background: #50ac2a; }

.n-about {
  background: #e6e6e6;
  padding: 37px 0 90px 0;
  color: #303030;
  font-size: 20px;
  line-height: 28px; }
  @media (max-width: 600px) {
    .n-about.q-container {
      padding-left: 15px !important;
      padding-right: 15px !important; } }
  .n-about_head {
    padding-left: 97px;
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 7px; }
    @media (max-width: 600px) {
      .n-about_head {
        padding-left: 0px;
        text-align: center; } }

.n-load {
  width: 100%;
  max-width: 945px !important;
  background: #fff; }
  .n-load_content {
    width: 100%;
    max-width: 810px;
    margin: 0 auto; }
  .n-load_close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    right: 18px;
    display: block;
    background: #6f6e6e; }
    .n-load_close:before, .n-load_close:after {
      content: '';
      display: block;
      width: 19px;
      height: 3px;
      position: absolute;
      top: 50%;
      left: 50%;
      background: #fff;
      border-radius: 10px;
      transform: translate(-50%, -50%) rotate(45deg); }
    .n-load_close:before {
      transform: translate(-50%, -50%) rotate(-45deg); }

.n-cart {
  max-width: 950px !important;
  border-radius: 35px;
  }
  .n-cart_head {
    padding: 30px 0;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center; }
  .n-cart_body {
    max-width: 670px;
    margin: 0 auto; }
  .n-cart_item {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .n-cart_item-img {
      min-width: 98px;
      width: 100%;
      max-width: 98px;
      border-radius: 10px;
      overflow: hidden; }
      .n-cart_item-img img {
        width: 100%;
        display: block; }
    .n-cart_item-info {
      padding-left: 27px;
      width: 100%; }
    .n-cart_item-name {
      display: block;
      color: #000;
      transition: all ease 0.4s;
      text-decoration: none;
        line-height: 24px;
      font-size: 24px; }
      .n-cart_item-name:hover {
        color: #50ac2a; }
    .n-cart_item-art {
      font-size: 18px;
      color: #706f6f; }
    .n-cart_item-cost {
      font-size: 24px;
      color: #000;
      white-space: nowrap;
      min-width: 90px; }
    .n-cart_item-remove {
      min-width: 18px;
      width: 18px;
      display: block;
      height: 17px;
      min-height: 17px;
      position: relative; }
      .n-cart_item-remove:before, .n-cart_item-remove:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 1px;
        background: #000;
        transform: translate(-50%, -50%) rotate(55deg); }
      .n-cart_item-remove:before {
        transform: translate(-50%, -50%) rotate(-55deg); }
    .n-cart_item-left {
      width: 100%;
      display: flex;
      align-items: center; }
    .n-cart_item-quantity {
      min-width: 180px;
      text-align: center; }
  .n-cart_btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .n-cart_btn .n-btn {
      margin-bottom: 20px;
      font-size: 20px; }
      .n-cart_btn .n-btn-nobg {
        font-size: 18px; }

.n-order_body {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }
  .n-order_body_part {
    width: 50%;
    padding: 0 15px; }
    .n-order_body_part > * {
      display: block;
      padding-top: 0; }

.n-label {
  margin-bottom: 15px;
  display: block;
  font-size: 20px;
  cursor: pointer; }
  .n-label_police {
    font-size: 16px; }
    .n-label_police a {
      text-decoration: underline;
      color: #000; }
      .n-label_police a:hover {
        text-decoration: none; }
  .n-label_flex {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .n-label_flex input + input {
      margin-left: 10px; }
  .n-label .jq-selectbox,
  .n-label .jq-selectbox__select {
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
    .n-label .jq-selectbox-text,
    .n-label .jq-selectbox__select-text {
      width: 100% !important;
      padding: 1px 0 4px 0; }
      .n-label .jq-selectbox-text.placeholder,
      .n-label .jq-selectbox__select-text.placeholder {
        color: #000; }
      .n-label .jq-selectbox-text:after,
      .n-label .jq-selectbox__select-text:after {
        display: none; }
  .n-label .jq-selectbox.opened .jq-selectbox__select {
    z-index: 50; }
  .n-label .jq-selectbox ul {
    border: 1px solid #8b8a8a;
    margin: -20px 0 0 0;
    padding: 20px 11px 0 11px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 50%, #dddfe0 100%);
    background: -webkit-linear-gradient(top, #fff 50%, #dddfe0 100%);
    background: linear-gradient(to bottom, #fff 50%, #dddfe0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#dddfe0',GradientType=0 );
    border-radius: 0 0 20px 20px; }
  .n-label .jq-selectbox.n-top-select ul {
    margin: 0px 0 0 0;
    padding: 0 11px;
    background: #fff;
    background: -moz-linear-gradient(top, #dddfe0 50%, #fff 100%);
    background: -webkit-linear-gradient(top, #dddfe0 50%, #fff 100%);
    background: linear-gradient(to bottom, #dddfe0 50%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddfe0', endColorstr='#dddfe0',GradientType=0 );
    border-radius: 20px; }
  .n-label .jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231F20;
    border: none;
    border-bottom: 1px solid #bfbfc0;
    text-align: center;
    font-size: 24px; }
    .n-label .jq-selectbox li:hover {
      border-color: #bfbfc0;
      background: none;
      color: #50ac2a; }
    .n-label .jq-selectbox li:last-child {
      border: none; }
  .n-label .jq-selectbox__trigger {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTQ3QTlFNEY4NzUxMUU4QkY0NEEwQ0NCNUJEREQ2NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTQ3QTlFM0Y4NzUxMUU4QkY0NEEwQ0NCNUJEREQ2NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmOTVhNzQ4ZS03ODQ5LTgxNGItYmZjNC1lMjgxMzI3OTRhYjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTE4NjliYy0wN2Y4LWM4NGYtOWNhMS04Y2VmNWViNWM1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4K049ZAAABZ0lEQVR42mxQMU/CQBR+dy1X24ShQjEgISSuDpgYEsWwgmHSxWBwARd+gIMDm/+Blcm4MDnQSRZjinFzcdGQMJGYEDjUFtqedyQlaHjJl3v53pf3vfsQYwxWK5fLnXueB5Zl3QYcWhUVCoW04zivhBA0n7u73e5D/4+oWCxK6ob6FA6Hs4Kx7Z9nSumhaZoeDraoqtbQdT2bSG5DkkMhSlbTtMZyU7lcPohGoo9ySMayJIPPfMAIA51SfzQaHclCaUSN03gi/kZCBDFgIEkSuK4Lsa0YGwwGJ8FNxxwRWF+f6H8E62phl8/nr7lL2nYcboXB9/lNGANCiH9I7S9E9XrdMTudS58xTOkUFIVwIROvXyqVrgK7nWazedezevuGYYBgJnQCe5nMC19wFuT0Xq1Wb1Kp1JAhngvHpq4PBcdnH8swFUW5r1xUWt/Tr9l4PJnVarWW4BZDYbeCSLvdNgVEH/C/AgwAB3WkObwQBRgAAAAASUVORK5CYII=); }
  .n-label .jq-selectbox .jq-selectbox__select {
    border: 1px solid #8a8a8a;
    color: #000;
    border-radius: 25px;
    background-size: contain;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOJaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTU4OEIyNzk4QjE4RTMxMUJDQ0VEOUU3OEYzODdDOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM4RUE1QzdGODcxMTFFODlDQzJCRDVCNjc4RDIzRjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM4RUE1QzZGODcxMTFFODlDQzJCRDVCNjc4RDIzRjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Zjk1YTc0OGUtNzg0OS04MTRiLWJmYzQtZTI4MTMyNzk0YWI1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjExODY5YmMtMDdmOC1jODRmLTljYTEtOGNlZjVlYjVjNTkzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAFOQAABVoAAAWUAAAFv//bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8IAEQgAEgASAwERAAIRAQMRAf/EAIIAAQEBAQAAAAAAAAAAAAAAAAABBAcBAQEAAAAAAAAAAAAAAAAAAAABEAADAQEAAAAAAAAAAAAAAAAAERIwIBEBAAAAAAAAAAAAAAAAAAAAMBIBAAAAAAAAAAAAAAAAAAAAMBMAAQMDBQEAAAAAAAAAAAAAADARMSABQRBRcYGR8f/aAAwDAQACEQMRAAAB6SgGUAylKf/aAAgBAQABBQJjGUWXx//aAAgBAgABBQLH/9oACAEDAAEFAsf/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/Ah//2gAIAQEDAT8hYMGUTOS57B//2gAIAQIDAT8hR//aAAgBAwMBPyFH/9oADAMBAAIRAxEAABA0tvZ//9oACAEBAwE/EKIPIZuW+kErT3of/9oACAECAwE/EEf/2gAIAQMDAT8QR//Z); }
  .n-label .jq-selectbox:hover .jq-selectbox__select {
    border-color: #8a8a8a; }
  .n-label_pass {
    position: relative; }
    .n-label_pass-view {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0%, -50%);
      cursor: pointer;
      width: 24px;
      height: 14px;
      transition: background-image ease 0.4s;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjlBMDY4NkY5RkQxMUU4QUY3Q0VBNjFBQkY2OUVEOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjlBMDY4NUY5RkQxMUU4QUY3Q0VBNjFBQkY2OUVEOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MGVjYmY2Zi1mOTI0LWI4NGMtODNiZi04ODhjYTk0OWIyNWYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkY2I5ODE4Yi0zZmNhLWRjNDMtOTZiOC0yMjc2MTI3NTJlM2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5AITtAAAAB+UlEQVR42oyUT0hVQRTGnymiRotUcpFm0qoIyYJQiFQEF0GEQmK6ChR10Xu2yCIQFYTAhfhAghTEhRiEVGoiCEKGixYqqAtFRY1KEmyVpPgH+x34LgyXd6WBH+feM/d938ycMy8uEg6HThnJUAp3oQxylN+FzzBmsSsaXQ4SiAswSIMWeOLkfsBX+ANXId+Zm4ZWjCb/x6ABXut5CqLwwZmPh2M934RKeKb3YajC6K/38Rmf+KDE5+EGFEncdjQLJ3CkWAtziDURU6ADHsDvxkjkeiwDW+0jaJf4vPIXYUerfQVNMuvRMYYw2YPnPBZAEixicts9ovcqYj288e1qBm7JaMvJv4OHVnjEN70kwhmEDTXIJdtBt8SrYognSbzfJ27jheI9N4nZNiEVrA5LZnBeczuntOtejNyhYoJ/ApN9GZy1yWq4DBNwHz4539qH6+qssArsjZeKE644R2SL/gbpkOsVuRhWYBRqfAsqU7StP9b7gFcv95IhfkULyrT6MLfoGRzANV2YXhiBLM0tqINs9X1qiGp1UL0j/pSwBtlQgvhQ0EWzH7Y6ndKhtgypeInwS+/p2lUznFPHlSP+PRRUIEabLlwnVAgbqzBuFwnuQKHMbPyEOoTf+sUSArpmVQW/oOMwsTwV2vuzs4v4BT4iPB3Ufv8EGABaI5E6okp+KAAAAABJRU5ErkJggg==); }
      .n-label_pass-view:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQzI3NkQ3M0Y5RkQxMUU4OTg2MUFBQTlBRTE3OTg5OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQzI3NkQ3MkY5RkQxMUU4OTg2MUFBQTlBRTE3OTg5OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MGVjYmY2Zi1mOTI0LWI4NGMtODNiZi04ODhjYTk0OWIyNWYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkY2I5ODE4Yi0zZmNhLWRjNDMtOTZiOC0yMjc2MTI3NTJlM2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LAFNaAAABgUlEQVR42oSUSyiEURTH55WMWXmEiDxSFh4NJSuKsrKZspGVIrGzsDULpdiRGis2UihNZGM1XlkwZedRSrFRbDRmyOLz/+r/1XG693Pr1zf3/z/3nDMz57tBx3ECPisKhkAfSIBG6jmQAUd83lkzuAUMlINV5+96BntgA1wq7wwMmnKZkk+LgxmQUH5YfO4CyyI+DUr8Cmwz8AZ0qm+UVV1PCj8KlqgXQJupwAkDFlTRWpF0EcyBa+6TKrZXxPbIAvsUpww/mZesRum71BuUXgXy9OpcYY2bUUPyYnqbBq+J3ozl3CfIhTBIpRyoN59xLRi0Hz4jBu8L5EHMq3jBboYN3TzSiyg9Rb1V6SGOtLvaPbEI3FOcUAc6qL+DcY7tFrV1FdsMnuiN6CkK84Vx14H7BwkvDl7VmM6r5LPCG/B70ZIicAd0C68MVIt9Bcf2g/FXqjHrVdECDlXHD2CFnR+Db+G9WKYwEPznsqsEY6AfxEG9uOxuwSlIg3Nbgl8BBgDHTYrwvz4kkQAAAABJRU5ErkJggg==); }
    .n-label_pass-forgot {
      color: #fff;
      font-size: 16px;
      font-family: 'Roboto Slab', serif; }
      .n-label_pass-forgot:hover {
        text-decoration: none; }
    .n-label_pass-length {
      text-align: center;
      margin: 15px 0 20px 0;
      color: #ff0101;
      font-size: 16px; }

.n-input_text {
  font-size: 20px;
  text-align: center;
  width: 100%;
  padding: 7px 0;
  border-radius: 25px;
  border: 1px solid #8b8b8b;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
  .n-input_text::-webkit-input-placeholder {
    color: #000; }
  .n-input_text:-moz-placeholder {
    color: #000; }
  .n-input_text::-moz-placeholder {
    color: #000; }
  .n-input_text:-ms-input-placeholder {
    color: #000; }
  .n-input_text[disabled] {
    background: #e6e6e6; }

.n-input_checkbox {
  display: none; }
  .n-input_checkbox-span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #7e7e7e;
    border-radius: 4px;
    margin-right: 13px;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOJaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTU4OEIyNzk4QjE4RTMxMUJDQ0VEOUU3OEYzODdDOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM4RUE1QzdGODcxMTFFODlDQzJCRDVCNjc4RDIzRjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM4RUE1QzZGODcxMTFFODlDQzJCRDVCNjc4RDIzRjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Zjk1YTc0OGUtNzg0OS04MTRiLWJmYzQtZTI4MTMyNzk0YWI1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjExODY5YmMtMDdmOC1jODRmLTljYTEtOGNlZjVlYjVjNTkzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAFOQAABVoAAAWUAAAFv//bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8IAEQgAEgASAwERAAIRAQMRAf/EAIIAAQEBAQAAAAAAAAAAAAAAAAABBAcBAQEAAAAAAAAAAAAAAAAAAAABEAADAQEAAAAAAAAAAAAAAAAAERIwIBEBAAAAAAAAAAAAAAAAAAAAMBIBAAAAAAAAAAAAAAAAAAAAMBMAAQMDBQEAAAAAAAAAAAAAADARMSABQRBRcYGR8f/aAAwDAQACEQMRAAAB6SgGUAylKf/aAAgBAQABBQJjGUWXx//aAAgBAgABBQLH/9oACAEDAAEFAsf/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/Ah//2gAIAQEDAT8hYMGUTOS57B//2gAIAQIDAT8hR//aAAgBAwMBPyFH/9oADAMBAAIRAxEAABA0tvZ//9oACAEBAwE/EKIPIZuW+kErT3of/9oACAECAwE/EEf/2gAIAQMDAT8QR//Z); }
  .n-input_checkbox:checked + .n-input_checkbox-span {
    position: relative; }
    .n-input_checkbox:checked + .n-input_checkbox-span:before {
      content: '';
      display: block;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      width: 14px;
      height: 11px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOTY4Q0U2OEY4NzIxMUU4QjYyQUVFMDRENzI0QUM5NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOTY4Q0U2N0Y4NzIxMUU4QjYyQUVFMDRENzI0QUM5NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmOTVhNzQ4ZS03ODQ5LTgxNGItYmZjNC1lMjgxMzI3OTRhYjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTE4NjliYy0wN2Y4LWM4NGYtOWNhMS04Y2VmNWViNWM1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4HZny4AAABqUlEQVR42mL4//8/AzHYxMTES09P756RkbE6iM8IIggBMzNzTx4e7o1///5lZWJievXt2zdnuEYDA8M4FhaWnWfOnH6JrMnKytqdj493Ew8vHxs/Hy/D9x8/GH7++HmHCSRpY2OTyMHJsYCZmemAtY2NOJImN15e3o3CwsJsYqKiDL///GVgZGT8UVxctJfRxcU1lJOTcwUzCwvQkP8M79+9v/H9x3cHZmZmPT5e3k2CQsIcoiIiDD9+/mT49/fPj/SMjNWmJiZVLIZGhjqPHz1i5ObhYWBlYWXg5ODQ+PDx01FWVhZpDqAzRISFGb5//w60ieFHVlbWaiMjoyqgY54wHz1y5DcQqFy7dl2ei4uTkZ2Dk0FIUECIg4ODRRTovD9//jD8+//vRwbQJpgmkDdggWO9cuXK1s1bttiJiIgwcrBzMPz995fhw8ePDMyMTD/S0lJRNIEAE5Q+Gh4eXu3n63fo+7dv//8BNX398hUk+Sc6OnojuiYwQIto61WrVh2IiIj8FxsX9/vgwYNrgWIq2BIEtlRivWLFiv0HDx4CaVLFlZIAAgwAS1z88YAbUb0AAAAASUVORK5CYII=); }

.n-input_radio {
  display: none; }
  .n-input_radio-span {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-position: top left;
    background-repeat: no-repeat;
    margin-right: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNjVERjFEOEY4NzkxMUU4QTRGMUVBOTk0MjU3REUyQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjVERjFEN0Y4NzkxMUU4QTRGMUVBOTk0MjU3REUyQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmOTVhNzQ4ZS03ODQ5LTgxNGItYmZjNC1lMjgxMzI3OTRhYjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTE4NjliYy0wN2Y4LWM4NGYtOWNhMS04Y2VmNWViNWM1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5f1Lz6AAACRUlEQVR42kxSPW/TQBh+7vz92RSaliFQRKRkR0RFKpVYUiURW4GdjRkktv4JJqb+AVSEItGpAx2yBSaE2BBZSUlom9g+23e8ZxHESZal8/P1Pq+ZUgqr07nX2QDDC4A9siyzVZYSSslvUqohoF6Px+PpCstWxJ2d+weOYx9ZlhWHQQjGOYgMIQSyLMNisbiUUj4bjUbH/4i7u7sHURi9tWybbW7W4bguTG4gLwqYpoHZbI4sTXFxeaHSNH1ydnZ2zB7s7dXX12rfAzrr19bJyUAUBuDkqI+OW5JAkqSYzX9pkYUQ2R3zxtbWSzKtSHEcw/d8LJIEnufBIJGyLLFYLlFzHSjomVWQZuKVGYbRU8s04RLBpYjc4IijEEmawXMNSFKN4whXV1eVcJEXCAL5mHDsZkQfIj+AYZhUHipSHIZVVC0qKa5OUNCbjKgs0aBBOKODQpZE5ORoIPT9imTbltaB4zhEVqitkWNZUAeR5Bv16zMqF7ZlVTNpsI7LOKuK0a0uqVHXc6GkgmPb5O7+5o1G44vOV8pqcCoiITDFI5BJ0fWjE+jVlJRK5Dm2b29/5d1u90iIXBR0odv0Xa9S1s50DT1GQo6kVP0IZCJ6vd4Rb7fb7weD/mmSJjQtKrBUBBL5X3JeRc9EBlo+er3+aavVekc14pIUDg3DsD6cnDz0HNciG9ontUhKuU5C8RlU3u8PPu7vdw81h/33k9+dTqfPh8NhZ/Jjcuvn+XnN91xJa5g3m83JYDD4VK/X3xDuswb/EWAAxqkTWIA5O64AAAAASUVORK5CYII=); }
  .n-input_radio:checked + .n-input_radio-span {
    position: relative; }
    .n-input_radio:checked + .n-input_radio-span:before {
      content: '';
      display: block;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      width: 8px;
      height: 8px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MUI5MDcyM0Y4NzkxMUU4QjJCMjg4NkQ0MzBCNkMwOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MUI5MDcyMkY4NzkxMUU4QjJCMjg4NkQ0MzBCNkMwOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmOTVhNzQ4ZS03ODQ5LTgxNGItYmZjNC1lMjgxMzI3OTRhYjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTE4NjliYy0wN2Y4LWM4NGYtOWNhMS04Y2VmNWViNWM1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KTFZuAAAA7klEQVR42hSNTU7DMBCFn+38iJAuEVLLLegJ2LGEs2QTwS3KgiLoTYqQ2KTHQIpIyo/Iv+vYrpksRjNvvnlvAGCRJMlNURRbpVQ31SfN025iSNP0VkrZDFK6ru9d23aOtCPdTIzleb6NZ7Mr5xzGUcMPfDCyCiFQV9Ur+/757QieGmvAGINSIwI6EpxTDwbPEmi7HoHvwZHXEx7oDaLohAwcvNx/7ab44aCg9Qh5GCie46+qUe7LTIRh2F8ul9dHewy1tjBao24axFHcPq0f78UuyyJrzNt8fnHmh/65NlbLXr5vXp7vHlarj38BBgAKyYu2IDv+wAAAAABJRU5ErkJggg==); }

.n-login {
  max-width: 555px !important;
  background: #303030 !important;
  border-radius: 15px !important;
  padding: 60px 0 !important;
  margin: 0 !important;
  text-align: center; }
  .n-login_block {
    margin: 0 auto;
    max-width: 420px; }
    .n-login_block_bottom {
      padding: 15px 0 0 0;
      text-align: center;
      color: #fff; }
      .n-login_block_bottom a {
        color: #50ac2a;
        text-decoration: underline; }
        .n-login_block_bottom a:hover {
          text-decoration: none; }
  .n-login .n-load_close {
    background: #6f6e6e; }
    .n-login .n-load_close span {
      background: #fff; }
  .n-login .n-login_block {
    max-width: 390px; }
  .n-login input[type=text], .n-login input[type=password] {
    background: #303030;
    box-shadow: none;
    border: 2px solid  #fff;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 55px;
    color: #fff; }
    .n-login input[type=text]::-webkit-input-placeholder, .n-login input[type=password]::-webkit-input-placeholder {
      color: #fff; }
    .n-login input[type=text]:-moz-placeholder, .n-login input[type=password]:-moz-placeholder {
      color: #fff; }
    .n-login input[type=text]::-moz-placeholder, .n-login input[type=password]::-moz-placeholder {
      color: #fff; }
    .n-login input[type=text]:-ms-input-placeholder, .n-login input[type=password]:-ms-input-placeholder {
      color: #fff; }
  .n-login .n-btn {
    max-width: 273px;
    width: 100%;
    margin: 15px auto 23px auto;
    display: block;
    text-align: center; }

.disabled .jq-selectbox__select {
  background: #e6e6e6 !important;
  border: 1px solid #8b8b8b !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  color: #000 !important; }
  .disabled .jq-selectbox__select .jq-selectbox__select-text {
    color: #000 !important; }
  .disabled .jq-selectbox__select .jq-selectbox__trigger {
    opacity: 0; }

.fotorama {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }

.fotorama__nav.fotorama__nav--thumbs {
  background: #000;
  padding: 2px 0; }

.fotorama__thumb-border {
  border-color: #3f8821 !important;
  border-radius: 4px; }

#footer .column-right ul.contacts span {
  white-space: nowrap; }

.pagination_page {
  margin-bottom: 80px; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/bitrix/templates/okshop/css/last/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0; }

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden; }

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em; }

.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block; }

.jq-selectbox select,
.jq-select-multiple select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0; }

.jq-selectbox li,
.jq-select-multiple li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.jq-selectbox {
  z-index: 10; }

.jq-selectbox__select {
  position: relative; }

.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 195px; }

.jq-selectbox__dropdown {
  position: absolute; }

.jq-selectbox__search input {
  -webkit-appearance: textfield; }

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none; }

.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch; }

.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

.jq-number {
  display: inline-block; }

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
  /* для Opera Presto */ }

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none; }

.jq-checkbox,
.jq-radio {
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #C3C3C3;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  cursor: pointer; }

.jq-checkbox.focused,
.jq-radio.focused {
  border: 1px solid #08C; }

.jq-checkbox.disabled,
.jq-radio.disabled {
  opacity: .55; }

.jq-checkbox {
  border-radius: 3px; }

.jq-checkbox.checked .jq-checkbox__div {
  width: 8px;
  height: 4px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg); }

.jq-radio {
  border-radius: 50%; }

.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #777;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7); }

.jq-file {
  width: 270px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.jq-file input {
  cursor: pointer; }

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 1px 1px #F1F1F1;
  font: 14px/32px Arial, sans-serif;
  color: #333; }

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF; }

.jq-file:hover .jq-file__browse {
  background: linear-gradient(#F6F6F6, #E6E6E6); }

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-file.focused .jq-file__name {
  border: 1px solid #5794BF; }

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-number {
  position: relative;
  vertical-align: middle;
  padding: 0 36px 0 0; }

.jq-number__field {
  width: 100px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); }

.jq-number__field:hover {
  border-color: #B3B3B3; }

.jq-number__field input {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 9px;
  border: none;
  outline: none;
  background: none;
  font: 14px Arial, sans-serif;
  color: #333; }

.jq-number__spin {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 14px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 1px 1px #FFF;
  cursor: pointer; }

.jq-number__spin.minus {
  top: auto;
  bottom: 0; }

.jq-number__spin:hover {
  background: linear-gradient(#F6F6F6, #E6E6E6); }

.jq-number__spin:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-number__spin:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 11px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #999;
  border-left: 5px solid transparent; }

.jq-number__spin.minus:after {
  top: 5px;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-left: 5px solid transparent; }

.jq-number__spin.minus:hover:after {
  border-top-color: #000; }

.jq-number__spin.plus:hover:after {
  border-bottom-color: #000; }

.jq-number.focused .jq-number__field {
  border: 1px solid #5794BF; }

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-number.disabled .jq-number__spin:after {
  border-bottom-color: #AAA; }

.jq-number.disabled .jq-number__spin.minus:after {
  border-top-color: #AAA; }

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer; }
  .jq-selectbox:hover .jq-selectbox__select {
    border-color: #e5e4e2;
    color: #000; }

.jq-selectbox__select {
  text-align: center;
  padding: 0px;
  border: 3px solid rgba(255, 255, 255, 0);
  font-size: 24px;
  color: #646464; }

.opened .jq-selectbox__select,
.jq-selectbox__select:hover {
  border-color: #e5e4e2;
  color: #000; }

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  padding: 7px 0; }
  .jq-selectbox__select-text:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 10px;
    margin-left: 10px;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOJaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTU4OEIyNzk4QjE4RTMxMUJDQ0VEOUU3OEYzODdDOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFGODQ1ODZGNzlCMTFFOEFFRjlBODc1MDA0OTcyM0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFGODQ1ODVGNzlCMTFFOEFFRjlBODc1MDA0OTcyM0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJiNTNhZTItZmUwYi05OTQwLTkxY2EtNWQ3ZjQ5NTQ5YjFmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NTY5YWNjZTUtZTVkMi1mZDQxLTg4MTUtMWQ0YjM4N2ZhM2E5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAFWQAABY8AAAXTAAAGDP/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8IAEQgACgARAwERAAIRAQMRAf/EAJsAAQADAAAAAAAAAAAAAAAAAAQABQYBAQAAAAAAAAAAAAAAAAAAAAAQAAEEAgMAAAAAAAAAAAAAAAMAIAIEETMUNAURAAAEAgsBAAAAAAAAAAAAAAABMQIyAxARIVFhkSJCgqITBBIBAAAAAAAAAAAAAAAAAAAAIBMAAQIEBQUAAAAAAAAAAAAAAQAgEBEhkfAxQXHBUWGx4fH/2gAMAwEAAhEDEQAAAdsQaIDFkf/aAAgBAQABBQLJKRJlncnwRKzo8/qr/9oACAECAAEFAnf/2gAIAQMAAQUCd//aAAgBAgIGPwJf/9oACAEDAgY/Al//2gAIAQEBBj8Ct1fM7qPKSdUgo5l+BBXZh6JuQMh40f/aAAgBAQMBPyEzIifUmpI8IzIyEh9Sri9itmyH/9oACAECAwE/IXf/2gAIAQMDAT8hd//aAAwDAQACEQMRAAAQEkE//9oACAEBAwE/EDmanNF1STqSJEUZbceSsY8rBRRLwv69+sP/2gAIAQIDAT8Qd//aAAgBAwMBPxB3/9k=); }

.jq-selectbox .placeholder {
  color: #888; }

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%; }

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(-50%, 0);
  width: 0;
  height: 0; }

.jq-selectbox__dropdown {
  box-sizing: border-box;
  width: 100%;
  margin: -3px 0 0;
  padding: 0; }

.jq-selectbox__search {
  margin: 5px; }

.jq-selectbox__search input {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  border: 1px solid #CCC;
  border-radius: 3px;
  outline: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333; }

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px; }

.jq-selectbox ul {
  border-top: 3px solid #e5e4e2;
  margin: 0;
  padding: 0;
  background: #fff; }

select[data-placeholder] + .jq-selectbox__dropdown ul li:first-child + li {
  border-top: 3px solid #e5e4e2; }

.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 6px;
  color: #231F20;
  border: 3px solid #e5e4e2;
  text-align: center;
  font-size: 24px; }
  .jq-selectbox li + li {
    border-top: none; }

.jq-selectbox li.selected {
  background-color: #A3ABB1;
  color: #FFF; }

.jq-selectbox li:hover {
  border-color: #cccccc;
  background: #cccccc; }

.jq-selectbox li.disabled {
  color: #AAA; }

.jq-selectbox li.disabled:hover {
  background: none; }

.jq-selectbox li.optgroup {
  font-weight: bold; }

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default; }

.jq-selectbox li.option {
  padding-left: 25px; }

.jq-select-multiple {
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/18px Arial, sans-serif;
  color: #333;
  cursor: default; }

.jq-select-multiple.focused {
  border: 1px solid #5794BF; }

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-select-multiple ul {
  margin: 0;
  padding: 0; }

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none; }

.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0; }

.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px; }

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF; }

.jq-select-multiple li.disabled {
  color: #AAA; }

.jq-select-multiple li.optgroup {
  font-weight: bold; }

.jq-select-multiple li.option {
  padding-left: 25px; }

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF; }

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
  padding: 8px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333; }

input[type='search'].styler {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea.styler {
  overflow: auto; }

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
  border-color: #B3B3B3; }

input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
  overflow: visible;
  padding: 8px 11px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  outline: none;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
  cursor: pointer; }

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

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
  background: linear-gradient(#F6F6F6, #E6E6E6); }

button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.confirm-order span {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    font-size: 24px;
}

/* End */


/* Start:/bitrix/templates/okshop/css/last/o_style.css?170488034212400*/
.n-label {
    position: relative;
}
.n-input_checkbox-span {
    min-width: 20px;
}
.n-input_radio-span {
    min-width: 15px;
}
#navContent {
    z-index: 99999;
}
#overlay {
    z-index: 999991;
}
.n-input_checkbox {
    display: block;
    width: 1px;
    height: 1px;
    /* opacity: 0; */
}
.ulogin-dropdown-button {
    display: none!important;
}
.ulogin-buttons-container {
    width: 100%!important;
    min-width: 100%!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center;
}
.ulogin-button-facebook {
    background: url(/bitrix/templates/okshop/css/last/fb.jpg) no-repeat center!important;
}
.ulogin-button-google {
    background: url(/bitrix/templates/okshop/css/last/gp.jpg) no-repeat center!important;
}
.ulogin-button-google:before {
    content: 'Login in width Google';
    
}
.ulogin-button-facebook:before {
    content: 'Login width Facebook';
}
div#rm_pass_block {
    display: none;
}
.ulogin-buttons-container > *:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
}
.ulogin-buttons-container > * {
    width: 197px;
    min-width: 197px;
    height: 37px;
    min-height: 37px;
    position: relative;
}
.ulogin-buttons-container > *:hover {
    opacity: 1!important;
}
.ulogin-buttons-container > *:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    
}

[name="captcha_word"] {
    padding: 18px 10px;
    border-radius: 30px;
    border: 2px solid #fff;
    background: transparent;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 300;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px #ffffff;
    outline: 0;
        max-width: 200px;
}
.accommodations .accommodation-type a {
    min-height: 62px;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.bottom_container #menu-lang-switcher .selector,
.bottom_container #menu-lang-switcher {
    display: flex;
}
@media (max-width: 768px) {
    .language-container {
        top: -9px;
        right: 40px;
    }
}
@media (max-width:600px) {
    .n-cart_item {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }
    .fancybox-slide > * {
        padding: 10px;
    }
    .fancybox-slide {
        padding: 10px!important;
    }
    .n-cart_item-quantity {
        min-width: 100%;
    }
    .n-cart_item + .n-cart_item {
        border-top: 1px solid #000;
        padding-top: 15px;
    }
    .n-cart_item-remove {
        position: absolute;
        top: 15px;
        right: 10px;
    }
    .n-btn.n-btn_nobg.n-js-back {
        text-align: center;
    }
    form.n-order_body {
        flex-direction: column;
    }
    form.n-order_body .n-cart_head {
        padding-top: 45px;
    }
    
    .n-order_body_part {
        width: 100%;
        padding: 0 10px;
    }
}
@media (max-width:500px) {
    .left_catalog_text .block-entry .inner {
    padding: 10px!important;
    }
    .left_catalog_text .block-entry .inner .editor_text {
        padding-left: 10px;
    }

    .rev_block_text .block-card h1.section-headline {
        font-size: 21px;
        font-weight: 400;
        margin: 0px 0px 20px;
    }
    .type-2-blk .column.block-entry.bg-vanilla.vs-div {
        left: 0!important; 
        width: 100%;
        position: relative!important;
        margin: 0px 0px 0px;
        padding: 20px;
    }
    .left_block_text .block-entry .title {
        font: 400 22px/1 "Playfair Display", serif;
    }
    .right_block_text .block-picture.wide,
    .left_block_text .block-picture.wide {
        width: 100%;
    }
    .right_block_text .text_main_block,
    .left_block_text .text_main_block {
        float: none;
        width: 100%;
        position: relative;
        height: auto;
    }
    .left_block_text {
        margin: 0px 0 20px 0;
        padding: 0px;
    }
    .type-2-blk .vs-div.clip_image {
        right: 0;
    }
    .left_block_text .rev_clip img {
        position: relative!important;
        max-width: 100%!important;
        width: 100%!important;
        min-width: 100%!important;
        height: auto!important;
        right: 0!important;
    }
    .one_block_text .card-wrapper .block-entry p,
    .right_block_text .text_main_block .block-entry {
        right: auto;
        margin: 20px 0px 0px;
        background: #f9efff;
        padding: 20px;
        width: 100%;
        position: relative;
        float: right;
        font-size: 14px;
    }
    *.block-entry .editor_text {
        font-size: 16px!important;
    }
    .one_block_text .card-wrapper .block-entry .inner {
        padding: 0px 0 0px 0px;
    }
    .rev_block_text .block-card .section-text {
        font-size: 14px;
        opacity:1!important;
    }
/*
    .q_slide .slide .caption {
        position: relative!important;
        left: 5%!important;
        top: 5%!important;
        width: 100%!important;
        max-width: 100%!important;
    }
    .q_slide .slide .caption p {
        margin-top: 20px;
    }
*/
    .block-card-shadow .block-picture {
        width: 100%!important;
    }
    .block-card-shadow .block-entry .inner {
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .btn {
        font-size: 14px;
    }
    #home_accommodation p {
        margin: 0; 
    }
    .accommodations .accommodation-type .accommodation-bg {
        height: 300px;
    }
    #news_summary .content_all_block {
        float: none;
    }
     .block-card-section .columns .block-picture img {
        position: relative!important;
        height: auto!important;
    }
    .type-1 .picture {
        margin-bottom: 20px !important;
    }
    .one_block_text .card-wrapper .block-picture .picture,
    .card-wrapper .block-picture .picture {
        height: initial!important;
        min-height: 0!important;
    }
    .one_block_text .rev_clip img {
        margin-bottom: 0px !important;
    }
    #contact_form .mfeedback {
        padding: 30px 20px 35px;
    }
    #contact_form .mfeedback .contact_form_title {
        font-size: 18px;
        letter-spacing: 1px;
        width: 100%;
    }
    .form_block .leftinput input, .form_block .rightinput input,
    .form_block .leftinput, .form_block .rightinput {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .form_block .mf-submit input {
        width: 100%;
    }
    .block-section-maps .info_blocks .blocks_cont .icon {
        background-size: 82%!important;
        padding-right: 5px;
    }
    .block-section-maps .info_blocks .blocks_cont .info {
        width: 83%;
        margin-left: 3%;
        line-height: 24px!important;
        font-size: 15px;
    }
    #menu_screen +  .columns > div {
        margin: 0px 15px !important;
    }
}
.bottom_container .lang_navbar #accorsys-switch-lang .AccorsyslanguageContainer.default {
    padding-top: 10px;
    padding-left: 10px;
}
.bottom_container .language-container {
    top: 0;
}
.lang_navbar #accorsys-switch-lang.popup,
.lang_navbar #accorsys-switch-lang.popup .selector {
    background: none;
}
.other_navbar_buttons + .lang_navbar #accorsys-switch-lang.popup .selector {
    background: #000;
    margin: 9px 0px 0px;
}
#news_summary .content_all_block a {
    background: none;
}
#news_summary .content_all_block a:hover {
    background: #50ac2a;
}
.lang_navbar #accorsys-switch-lang .AccorsyslanguageContainer.default {
    padding: 0;
}
.language-container a {
    padding: 0 5px 0 0px;
}
.system_rev {
    padding: 100px 0px 0px;
    min-height: 80vh;
}
.sign_modal {
    position: fixed!important;
}
.q-container {
    position: relative;
}
.catalog_section_block_404 .q_split_wrap {
    padding-top: 100px;
    text-align: center;
}
.catalog_section_block_404 {
    padding-bottom: 250px;
}
.catalog_section_block_404 .accommodations .accommodation-type a h4.accommodation-name {
    color: #000;
}
.forty_block.system {
    position: relative;
    bottom: auto;
    left: 0;
    margin-bottom: 50px;
    right: 0;
    z-index: 10;
    text-align: center;
}
.one_block_text .forty_block.system a ,
.lst_health .forty_block.system a {
    color: #000!important;
}
.one_block_text .card-wrapper .block-entry p {
    opacity: 1!important;
}
.sale-personal-section-index-block.bx-theme-blue,
.sale-personal-section-index-block{
    background: #000000 !important;
}
.top_container + .q-container {
    position: initial;
}
.search-page font.notetext {
    text-align: center;
    display: block;
    padding: 250px 0;
    text-align: center;
}
.system_rev .block-entry .inner p.rev_item {
    height: 350px;
}
.system_rev.block-wedding-card.bg-vanilla.bg-image-section-three.reveal.block-card-section.block-card-overlap.bg-full-image.vs-div.q_active + .system_bg {
    position: relative;
}
.system_rev.block-wedding-card.bg-vanilla.bg-image-section-three.reveal.block-card-section.block-card-overlap.bg-full-image.vs-div.q_active + .system_bg:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -150px;
    right: 0;
    background: url(/bitrix/templates/okshop/css/last/lotos.png) no-repeat bottom right;
    width: 450px;
    height: 300px;
}
.q_slide .pagination {
    bottom: 5%!important;
}
.n-sort.n-sort-2 .n-flex + [type="submit"] {
    opacity: 0;
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    margin-bottom: 6px;
    display: block;
}
.search-results .search-results-item-cnt,
.search-results .search-results-item-head a {
    color: #000;
    font-family: "Open Sans", sans-serif!important;
}

.n-flex.check-falce input:before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background: #666;
    margin: 5px;
    border-radius: 50%;
}
.n-articles #accorsys-switch-lang{
    max-width: 200px;
    margin: 0 auto;
    position: relative;
    top: auto!important;
}
.n-articles .AccorsyslanguageContainer.default {
    text-align: center;
    padding: 0px;
    border: 3px solid #e5e4e2;
    font-size: 24px;
    color: #646464; 
}
.n-articles .AccorsyslanguageContainer.default a {
    display: block;
    color: #000;
    font-size: 24px;
}
.n-articles .selector {
    position: absolute;
    top: 100%;
    border: 3px solid #e5e4e2;
    margin: 0;
    padding: 0;
    background: #fff;
    left: 0;
    right: 0;
}
.n-articles .selector a {
    display: block;
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231F20;
    
    text-align: center;
    font-size: 24px;
}
.n-articles .selector .AccorsyslanguageContainer + .AccorsyslanguageContainer {
    border-top: 3px solid #e5e4e2;   
}
.n-articles .selector .AccorsyslanguageContainer a {
    display: block;
}
.n-articles .selector .AccorsyslanguageContainer a:hover {
    background-color: #A3ABB1;
    color: #FFF;
}
.n-articles #accorsys-switch-lang:hover .selector {
    display: block!important;
}

#news_summary .content_all_block a {
    line-height: 48px;
}

.columns.block-card a {
    background: none;
    border: 3px solid #50ac2a;
    padding: 4px 60px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    float: none;
    margin: 0px auto;
    border-radius: 35px;
    text-transform: uppercase;
    transition: all ease 0.4s;
}
.columns.block-card a:hover {
    background: #50ac2a;
}
.columns.block-card a:active {
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.4);
}



.news_item span{
    position: absolute;
    right: 0;
    top: 0;
    height: 200px;
    width: 220px;
    background: #50ac2a;
    z-index: 1100;
    transform: rotate(45deg) translate(10px, -150px);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
}


.news_item.item_news span{
    background: #d2cab4;
}

.news_item.item_event span{
    background: #50ac2a;
}


.news_content .news_item .news-bg-change .button_block{
    min-width: 168px;
}

@media (max-width: 1200px){
    .news_content .news-detail .news_details_system .back{
        margin: 0;
    }
}


@media (max-width: 540px){
    .system_blk_1.bg-image-section-three .rev_clip{
        height: auto;
    }

    .system_blk_1 .block-entry .inner{
        padding: 0 !important;
    }
}

/* End */


/* Start:/bitrix/templates/okshop/css/last/jquery.fancybox.min.css?170488034214065*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/okshop/css/last/owl/owl.carousel.min.css?17048803423351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/okshop/css/last/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/bitrix/templates/okshop/css/last/owl/owl.theme.default.min.css?17048803421013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/bitrix/templates/okshop/js/last/search/jquery.mCustomScrollbar.min.css?170488034242839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/bitrix/templates/okshop/js/last/search/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */


/* Start:/bitrix/templates/okshop/template_styles.css?170488034266272*/
/* .bg-full-image * {
    color: black;
}
.about-us-revs  .section-text{
    color: white;
} */
* {
    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.content_block p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#news_summary .accommodations .accommodation-type .accommodation-bg {transition: 0.3s ease;}
#news_summary .accommodations .accommodation-type:hover .accommodation-bg {background-size: cover;}

/*form*/
.analog-form-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 31px;
}

.analog-form-items input,
.analog-form-items textarea {
    font-size: 20px;
    text-align: center;
    width: 100%;
    padding: 7px 0;
    border-radius: 25px;
    border: 1px solid #8b8b8b;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
}

.analog-form  .n-cart_btn .n-js-order {
    width: 100%;
    text-align: center;
}


.materials-blk {
    line-height: 28px; 
}

/* .personal-blk {
    background: url(/bitrix/templates/okshop/images/bg-fro-me.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
} */
.personal-blk {
    padding-bottom: 100px;
    padding-top: 100px;
}
.personal-blk .table-blk-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}
.personal-blk .sale-personal-section-row-flex {
    justify-content: center;
}
.personal-blk .sale-personal-section-index-block.bx-theme-green{
    width: 180px;
}
.personal-blk .sale-personal-section-index-block.bx-theme-green {
    width: 250px;
}
.sale-personal-section-index-block-ico {
    font-size: 85px;
}
.sale-personal-section-index-block-name {
    font-size: 20px;
}
.personal-blk .sale-personal-section-index .row > div {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}
.personal-blk .sale-personal-section-index .row > div:not(:last-child) {
    margin-right: 30px;
}
.sale-personal-section-index-block.bx-theme-green {
    background: #000000 !important;
}

.personal-blk .bx_profile {
    max-width: 600px;
    margin: 0 auto;
}
table.sale-personal-order-list th {
    background: rgba(0, 0, 0, 0.7490196078431373);
    color: white;
}

.personal-a-block a {
    font-size: 20px;
}

.personal-a-block a.reorder {
    color: green;
    font-weight: bold;
}
.repayment{
    margin: 10px 0;
    padding: 10px;
    display: block;
    max-width: 300px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    border: 3px solid #50ac2a;
    border-radius: 30px;
    color: #50ac2a;
    transition: 0.3s ease;
}
.repayment:hover{
    background: #50ac2a;
    color: white;
}
.personal-a-block a.reorder:hover {
    color: rgb(3, 90, 3);
}
.personal-blk  table.sale-personal-order-list-filter {
    background: white;
    border: none !important;
}
.personal-blk  table.sale-personal-order-list-filter th {
    font-size: 26px;
    color: black;
    font-weight: bold;
    background: none !important;
}
.personal-blk  table.sale-personal-order-list-filter td {
    font-size: 18px !important;
    width: 100%;
}
.personal-blk  table.sale-personal-order-list-filter td input {
    width: 100%;
    max-width: 250px;
    height: 40px;
    border-bottom: 2px solid #ccc;
    padding: 5px 5px 5px 0;
}
.personal-blk  table.sale-personal-order-list-filter tbody tr {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    /* flex-flow: row wrap; */
}
.personal-blk  table.sale-personal-order-list-filter tbody tr > td:first-child {
    max-width: 250px; 
    width: 100%; 
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.personal-blk  table.sale-personal-order-list-filter tbody .jq-selectbox__select,
.personal-blk  table.sale-personal-order-list-filter tbody .jq-selectbox li {
    font-size: 18px !important;
}
 
.personal-blk  table.sale-personal-order-list-filter tbody  .jq-selectbox__select-text {
    padding:  0;
    max-width: 100px !important;
    width: 100% !important;
}
.personal-blk  table.sale-personal-order-list-filter tbody tr input[type="submit"],
.main-profile-form-buttons-block input[type="submit"] {
    max-width: 200px;
    width: 100%;
    display: inline-block;
    border: 3px solid #50ac2a;
    padding: 5px 30px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.2s ease;
    font-size: 18px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    border-radius: 35px;
    background: white;
    transition: 0.3s ease;
    margin: 10px 0;
}
.personal-blk  table.sale-personal-order-list-filter tbody tr input[type="submit"]:hover,
.main-profile-form-buttons-block input[type="submit"]:hover {
    background: #50ac2a;
    color: white;
}


.personal-blk > .bx_profile .soc-serv-main .bx-auth-serv-icons a {
    width: 30px;
    height: 30px;
    border: 1px solid #50ac2a;
    text-align: center;
    border-radius: 5px;
    margin: 0;
}
.personal-blk > .bx_profile .soc-serv-main .bx-auth-serv-icons a i {
    margin-bottom: 6px;
}



.personal-blk {padding-left: 10px;padding-right: 10px;}
.main-profile-block-shown {
    padding-left: 15px;
}
.main-profile-block-shown .main-profile-form-label {
    text-align: left;
    width: 200px;
}
.main-profile-block-shown .form-control  {
    width: 100%;
    max-width: 200px;
    height: 40px;
    border-bottom: 2px solid #ccc;
    padding: 5px 5px 5px 0;

}






.personal-blk table.sale-personal-order-list-filter th {
    width: 100%;

}

.news-detail a.n-js-take {
    text-decoration: none;
    color: white;
}
.news-detail a.n-js-take:hover{
    color: #50ac2a;
}



.total-summ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}



#news_summary .accommodations .accommodation-type .news-bg-change .button_block a {
    background: transparent;
}

.n-catalog_item {
    width: 30%;
}
.bottom_container .lang_navbar #menu-lang-switcher .accorsys-btn {
    height: auto;
}
.column.block-entry.bg-white.vs-div {background: white !important;}

.type-2-blk .vs-div.clip_image{
    right: -15px;
}
.type-2-blk .column.block-entry.bg-vanilla.vs-div {
    left: 0%;
}

.left_block_text .block-entry .editor_text {
    height: 373px;
}
.left_block_text .text_main_block .block-entry {
    max-height: 600px;
}
#block-card-overlap  {
    height: 600px;
}
#block-card-overlap .block-picture.wide {
    width: 60%;
}
#block-card-overlap .picture img {
    margin-top: 50px;
    max-width: 85%;
}
@media (max-width: 768px)  {
    #block-card-overlap .block-entry {
        right: 2%;
    }
    .right_block_text .type-1 .text_main_block {
        top: 0;
    }
    #block-card-overlap .block-picture.wide {
        width: 90%;
    }
    #block-card-overlap .block-entry {
        width: 60%;
    }
}



.new-blk-team-head {
    padding: 0 0 80px;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.new-blk-team-items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
}
.new-blk-team-items > div:nth-child(1){
    padding-right: 130px;
}
.new-blk-team-items > div:nth-child(2) {
    padding-top: 105px;
}
.new-blk-team-item {
    position: relative;
    padding-bottom: 65px;
}
.new-blk-team-item-name {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    max-width: 335px;
    background: white;
    padding: 10px 22px;
    font-family: "Playfair Display", serif;
    font-size: 24px;
}


.left_block_text .block-entry .title-line {right: 0 !important;}

.one_block_text .card-wrapper .block-picture .picture {
    height: au !important;
}
.one_block_text .card-wrapper .block-picture .picture > div, 
.one_block_text .card-wrapper .block-picture .picture > div img { height: 100% !important;}

.n-catalog_info {
    transition: none !important;
}

.accommodations .accommodation-type:last-child a {
    padding: 6px 0px !important; 
}
.q_slide .info_block {
    width: 100%;
    left: calc(50% - 340px);
}


.map_block {
    padding: 60px 0 0;
    background: #FEF0E5;
    height: 960px;
    box-sizing: border-box;
}
.forty_block.system {
    margin-top: 150px;
}
.one_block_text {
    padding: 135px 0px 120px!important;
}
#footer .menu_block {
    padding: 0 5px;
}
#news_summary .accommodations .accommodation-type:hover .accommodation-bg:before {
    /* top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#navContent ul.main_nav > li > ul.root-item {
    width: 60%;
}
@media (max-width: 1150px) {
    #navContent .main_nav {
        margin: 0px 0px 0px 5%!important;
    }
}


@media (max-width:  400px){
    #navContent .main_nav li a {
        font: 400 10px/2 "Playfair Display", serif;
    }
}

.other_fitnes_item .rev_block_text .block-card .infoblock {
    padding: 40px 10px;
}
.block-section-maps .info_blocks .blocks_cont .info {
    color: white;
}
@media (max-width: 650px) {
    #contact_form .mfeedback .contact_form_title {
        font-size: 18px;
        letter-spacing: 1px;
        width: 100%;
    }
}

@media (max-width: 1025px) {
    .new-blk-team-items {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .new-blk-team-item {padding-right: 0 !important;}
    .q_slide .info_block {
        bottom: 64px;
        padding: 15px;
        width: 100%;
        left: calc(50% - 340px);
    }
    .other_fitnes_item .rev_block_text .block-card .infoblock .title {
        font-size: 18px !important;
    }
    .other_fitnes_item .rev_block_text .block-card .infoblock .content {
        font-size: 14px !important;
    }
}
@media (max-width: 1025px) {
    .navbar-header .other_navbar_buttons {
        margin: 33px 0px 30px 9px !important;
    }
}
@media (max-width: 540px) {
    .columns.block-card a {
        padding: 10px 10px !important;
        font-size: 24px !important;
    }
    .tsit_block_text h2.title span {
        font-size: 29px !important;
    }
    .tsit_block_text h2.title span.rev_item {
        line-height: 30px !important;
    }
}
.n-articleCard_block blockquote:after, .n-articleCard_block blockquote:before {
    display: none;
}












/* @media (max-width: 1025px) {
    #block-card-overlap .block-picture  {
        width: 100%;
        margin-bottom: 50px;
    }
    #block-card-overlap .text_main_block,
    .right_block_text .text_main_block {
        position: static !important;
        order: 2 !important;
    }
    #block-card-overlap .text_main_block .block-entry, .right_block_text .text_main_block .block-entry {
        width: 100%;
    }


    .right_block_text .block-picture.wide {
        width: 100%;
        margin-bottom: 60px;
    }
    #block-card-overlap .block-picture.wide .picture,
    .right_block_text .text_main_block .picture {
        height: auto !important;
    }
    /* .left_home_text .columns {
        flex-flow: row wrap;
        justify-content: center !important  ;
    }
    .left_home_text .columns .block-entry {
        order: 2;
        margin-top: 120px;
    } 
}*/
@media (max-width: 768px) {
    .other_fitnes_item .rev_block_text .block-card .infoblock_n .infoblock {
        margin-bottom: 15px;
    }
}
@media (max-width: 700px)  {
    .left_home_text .block-picture .picture .rev_clip img.vs-div_clip_image_fix {
        height: auto !important;
    }    
    .left_home_text .columns .block-entry {
        margin-top: 0px;
    }
    .left_home_text .block-picture .picture {
        height: auto !important;
    }
    .left_home_text .block-picture {
        margin: 0 !important;
    }
}
@media (max-width: 500px) {

    #block-card-overlap .block-picture {
        margin-bottom: 0 !important;
    }

    .left_home_text .block-picture {
        width: 100% !important;
        margin-bottom: 100px !important;
    }
    .left_home_text .block-entry .inner {
        padding: 20px;
    }
    .left_home_text .block-picture {
        margin: 50px 0 !important; 
    }
}
@media (max-width: 400px) {
    .left_home_text .block-picture {
        margin-bottom: 0px !important;
    }
} 


@media (max-width: 1500px) {
    .fitness_banner_block .banner_block .q_slide .slide .caption {
        width: 100%;
        max-width: 1300px;
        transform: translateX(0%) translateY(0) !important;
        padding-right: 50px;
    }
} 















@media (max-width: 1023px) {
    /* .columns:not(.q-desktop) {
        flex-flow: row wrap;
    }
    .column.q-1-4-desktop {
        width: 50%;
        padding: 0 5px 10px;
        flex: none;
    }
    #footer .column-right .inner {
        padding-left: 0 !important;
    } */
    
}

.type-2-blk .vs-div.clip_image {
    right: 0;
}
.infoblock_n {
    flex-wrap: nowrap;
}
@media (max-width: 768px)  {
    .infoblock_n {
        flex-wrap: wrap;
    }
}
@media (max-width: 1020px) {
    #navContent .top_container .menusearch {
        width: 100%;
        margin: 30px 30px 0px 27px;
    }
    #navContent .top_container .cart_button {
        margin: 34px 0px 0px 31px;
    }
    #navContent .main_nav {padding-top: 50px;}
    #navContent ul.main_nav > li:hover > ul.root-item, #navContent ul.main_nav > li:focus > ul.root-item {
        display: block;
        position: static;
        width: 100%;
        padding: 0 !important;
    }
    #navContent ul.main_nav > li:hover > ul.root-item, #navContent ul.main_nav > li:focus > ul.root-item {
        position: relative;
       left: 10px;
    }
    #navContent ul.main_nav > li > ul.root-item:before {
       bottom: 0;
    }
    #navContent ul.main_nav > li:hover > ul.root-item li, #navContent ul.main_nav > li:focus > ul.root-item li {
        padding-left: 10px;
        margin-left: 0;
        list-style: none;
    }
    #navContent .main_nav li a {
        font: 400 16px/2 "Playfair Display", serif;
        text-transform: initial;
    } 
}

@media (max-width: 850px) {
    .other_fitnes_item .rev_block_text .block-card .infoblock {
        padding: 40px 5px !important;
    }
    #accommodations {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .accommodations .accommodation-type {
        width: 50% !important;
        margin-bottom: 50px !important;
        height: auto !important;
    }
    #news_summary .accommodations {
        align-items: center;
    }
    .accommodations .accommodation-type a h4.accommodation-name {
        left: 0 !important;
    }
    .accommodations .accommodation-type .accommodation-bg {
        height: 500px;
    }
    /* .columns {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    } */
    /* .columns > div {
        position: static !important;
        width: calc(100% - 30px) !important;
        margin: 20px 15px !important;
        box-sizing: border-box;
    } */

    /* .columns .title-line {
        left: 0 !important;
    }
    .columns .picture > div {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .columns > div.block-picture {
        order: 1 !important;
        margin-bottom: 50px !important;
    }
    .columns > div.block-entry {
        order: 2 !important;
    }
    .columns .block-picture img {
        width: 100% !important;
        height: auto !important;
    } */

    .caption {
        width: 100%;
    }
    .caption p {padding-right: 20px;}
    #footer .menu_block li a {
        display: block;
    }
    #footer .column-right .inner {
        padding-left: 0;
    }
    #block-card-overlap {
        margin-top: 100px !important;
    }
}
@media (max-width: 1015px) {
    #footer .column-right .inner {
        padding-left: 0px;
    }
}

@media (max-width: 768px){
    .language-container {
        right: 0;
    }
    #navContent ul.main_nav > li {
        width: 90% !important;
    }
    #emarket-search form {
        width: 100%;
        display: flex;
    }
    #navContent .main_nav li a {
        font: 400 17px/2 "Playfair Display", serif;
    }
    #navContent .top_container .menusearch {
        margin: 30px 30px 0px 27px;
    }
    .navbar-header {
        display: none;
    }
    .navbar-header-mobile,
    .navbar-header.close  {
        display: block;
    }
    .accommodations .accommodation-type a {
        margin: 20px 0;
        width: 100%;
        padding: 10px 2px;
    }
}

@media (max-width: 750px) {
    .n-catalog_item {
        width: 47%;
    }
    #footer .column-right ul.contacts span {white-space: pre-wrap;}
}
@media (max-width: 1025px) {
    .q_slide .info_block {
        max-width: 100%;
        width: calc(100% - 10px);
        left: 5px;
        padding: 5px;
    }
}
@media (max-width: 630px) {
    .accommodations .accommodation-type {
        width: 75%;
    }
    .accommodations .category_title a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .accommodations .category_title a h4 {
        width: 100% !important;
        text-align: center !important;
        left: 0 !important;
    }
}
@media (max-width: 540px) {
    #navContent .main_nav {
        margin: 0px 0px 0px 60px!important;
    }
    .main-ui-pagination-arrows {
        display: flex;
        align-items: center;
    }
    .main-ui-pagination-arrows > span,
    .main-ui-pagination-arrows > a {
        font-size: 13px !important;
        text-transform: lowercase;
        margin: 0 10px 0 0;
    }
    .q_slide .info_block {
        bottom: 10px;
    }
    .q_slide .info_block h4 {
        margin-bottom: 5px !important;
    }
}
@media (max-width: 500px) {
    .n-catalog_item {
        width: 97%;
    }
}
@media (max-width: 440px) {
    .q_slide .info_block h4 {font-size: 20px;}
    .q_slide .info_block p {font-size: 16px;}
}
@media (min-width: 1700px) {
    .system_rev {
        padding: 110px 0px 0px;
    }
}

.map_block iframe{
    width: 100%;
}
.form_block .mf-message textarea {width: 100%;}
@media (max-width: 1100px) {
    .table-blk-wrapper {
        overflow-x: scroll;
    }
    .table-blk-wrapper > table {
        width: 1400px;
    }
}
@media (max-width: 992px) {
    .sale-personal-section-index-block {
        height: 87%;
        margin: 15px 0;
    }
}
@media (max-width: 880px) {
    .personal-blk  table.sale-personal-order-list-filter tbody tr {
        flex-flow: row wrap;
    }
    .personal-blk table.sale-personal-order-list-filter th {
        text-align: left;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
    }
}
@media (max-width: 580px) {
    .personal-blk .sale-personal-section-index .row > div {
        width: calc(100% / 2);
    }
    .personal-blk {padding-left: 10px;}
}
@media (max-width: 440px) {
    .personal-blk  table.sale-personal-order-list-filter tbody tr input[type="submit"],
    .main-profile-form-buttons-block input[type="submit"] {
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0 0 !important;
    }
    .personal-blk table.sale-personal-order-list-filter tbody tr > td:first-child {
        padding: 5px 0;
    }
}
@media (max-width: 380px) {
    .main-ui-pagination-arrows > span,
    .main-ui-pagination-arrows > a  {
        font-size: 12px;
    }
    .main-ui-pagination-pages-list a, .main-ui-pagination-pages-list span {
        padding: 4px 10px;
    }
}
@media (max-width: 401px) {
    .personal-blk .sale-personal-section-index .row > div {
        width: calc(100% / 1);
    }
}

@media (max-height: 750px) {
    #navContent .main_nav {
        padding-top: 0;
    }
}   

@media (max-height: 600px) {
    #navContent .main_nav li a {
        font: 400 14px/2 "Playfair Display", serif;
    }
    #navContent ul.main_nav > li {width: 90%;}
    #navContent .columns {
        height: 335px;
        overflow-y: auto;
    }
    #navContent {
        align-items: flex-end;
    }
    #navContent .columns {margin-bottom: 50px;}
}

@media (max-height: 520px) {
    #navContent .main_nav li a {
        font: 400 12px/2 "Playfair Display", serif;
    }
    #navContent .columns {
        height: 254px;
    }
}
@media (max-height: 460px) {
    #navContent .columns {
        height: 167px;
    }
    
}
@media (max-height: 380px) {
    #navContent .columns {
        height: 123px;  
    }
} 



/*******new*******/
#news_summary .content_all_block a {
    line-height: 27px;
    display: flex;
    align-items: center;
    min-height: 62px;
    justify-content: center;
}


/***************MEDIA****************/

@media (max-width: 1300px) {
    #footer .column-right ul.contacts span {white-space: pre-wrap !important;}
}
@media (max-width: 1250px) {
    .type-2 {
        margin-bottom: 100px;
    }
}
@media (max-width: 1200px) {
    .q_slide .slide .caption {
        width: 100%;
        max-width: 100%;
        position: static;
        transform: none !important;
        padding-left: 30px;
    }
    .type-2-blk .column.block-entry.bg-vanilla.vs-div {
        left: 2%;
        width: 50%;
    }
    .columns,
    .new-blk-team-items {
        padding-left: 15px;
        padding-right: 15px;
    }
    .other_fitnes_item .rev_block_text .block-card .infoblock {
        padding: 40px 15px;
    }

}
@media (max-width: 1080px) {
    .other_fitnes_item .rev_block_text .block-card .infoblock {
        padding: 40px 5px;
        margin: 20px 5px;
    }
    .other_fitnes_item .rev_block_text .block-card  .infoblock_n .infoblock {
        margin: 20px 15px;
    }
    .other_fitnes_item .rev_block_text .block-card .infoblock .title {
        font-size: 23px;
    }
}
@media (max-width: 930px) {
    .other_fitnes_item .rev_block_text .block-card .infoblock .title {
        font-size: 23px;
    }
}

@media (max-width: 1200px) {
    .banner_block .q_slide .slide .caption {
        width: 100%;
        max-width: 100%;
    }
}



@media (max-width: 1025px) {
    /* .block-card-section .block-entry {
        width: 100%;
        position: static;
    }
    .block-card-overlap .type-2 .block-entry .title-line, .block-card-overlap .type-4 .block-entry .title-line {
        right: 0 !important;
    }
    .block-card-overlap .type-1 .block-entry .title-line, .block-card-overlap .type-3 .block-entry .title-line { left: 0 !important;} */
    .q_slide .slide .caption {
        position: static!important;
        width: 100%!important; 
        max-width: 100%!important;
    }
    .q_slide .slide .caption .q_magnet {
        padding: 10px 0 !important;
    }
    .q_slide {
        height: 85vh!important;
    }
    .columns > div.logo-wrap {
        position: absolute !important;
        left: 50% !important;
        top: 20px !important;
        margin: 0 !important;
        width: auto !important;
    }
    .q-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .column > p {
        text-align: center;
        width: 100%;
        margin-bottom: 20px !important;
    }
    .accommodations .date_block {
        margin-top: 50px !important;
    }
    .system_rev .columns.type-2 .block-entry{
        left: 20px !important;
        top: 10px !important;
    }
    .type-2 .block-entry h2.title {
        text-align: center;
    }
    /* .type-2 .block-entry h2.title span,
    .system_rev .type-2 .block-entry .inner p.rev_item   {
        color: black !important;
    }  */

    /* .shops_block  .block-entry,
    .shops_block1 .left_home_text .block-entry,
    .shops_block2  .block-entry{
        order: 1;
        margin-bottom: 30px;
        width: 100% !important;
    }  
    .shops_block  .block-entry .inner,
    .shops_block1  .block-entry .inner,
    .shops_block2  .block-entry .inner {
        padding: 20px !important;
        margin-bottom: 50px !important;
    }
    .shops_block1 .left_home_text,
    .left_catalog_text {
        padding: 20px 0px!important;
        margin: 20px 0!important;
    }
    .type-2{
        margin-bottom: 20px !important;
    } */












}
@media (max-width: 1025px) {
    /* .block-card-section .columns {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .block-card-section .columns .block-picture img {
        position: static !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
     */
     .system_rev .columns.type-2 .block-entry {
         position: absolute;
         left: 20px !important;
     }
     .system_rev {
        padding: 100px 0px;
     }
}

#news_summary .title_block,
#news_summary .date_block {
    width: 100%;
}
#news_summary .title_block {
    line-height: 28px;
}

@media (max-width: 850px) {
    .block-card-shadow .block-picture{
        height: 342px !important;
    }
    /* .block-card-shadow .block-entry,
    .block-card-shadow .block-entry .rev_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .text_main_block .column{
        position: static !important;
        width: 100% !important;
        margin-bottom: 70px !important;
    }
    .left_block_text {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #block-card-overlap {
        margin-top: 100px !important;
    }
    .one_block_text .rev_clip img {
        position: static !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        margin-bottom: 100px !important;
    } */
/*
    .columns div:nth-child(1) {
        order: 1;
    }
    .columns div:nth-child(2) {
        order: 2;
    }
*/
/*
    .columns > div {
        margin: 0 !important;
    }
*/
    .type-1 figure.picture img {
        width: 100% !important;
        height: 100% !important;
    }

    /* .system_rev .columns.type-2 .block-entry {
        width: 100% !important;
    } */
    .type-1 .picture {
        margin-bottom: 20px !important;
    }
    .type-1 .picture img {
        width: 100% !important;
        height: auto !important;
    }
}
.jq-selectbox__select-text {
    min-width: 240px;
    text-transform: lowercase;
}
#reservation .subscribe-form .main_block .right {
    float: right;
    width: 100%;
    max-width: 190px;
}
@media (max-width: 1050px) {
    .about-us-proj.one_block_text .column.block-picture,
    .about-us-last.one_block_text .column.block-picture {
        flex-grow: 0.416;
    }
    .subscribe-form .main_block {
        display: flex;
        justify-content: space-between;
        width: 100% !important;
        padding: 0 20px;
    }
}
@media (max-width: 830px) {
    .about-us-proj.one_block_text .column.block-picture,
    .about-us-last.one_block_text .column.block-picture {
        flex-grow: 0.516;
    }
}
@media (max-width: 700px)  {
    .accommodations .accommodation-type {
        width: 100% !important;
        max-width: 380px;
    }
    .bg-image-section-three:before {
        display: none !important;
    }
    .jq-selectbox__select-text {
        min-width: 240px;
    }
    #reservation .subscribe-form .main_block .left {
        max-width: 300px;
    }
}
@media (max-width: 575px)  {
    .subscribe-form .main_block {
        flex-flow: row wrap;
    }
    #reservation .subscribe-form .main_block .right,
    #reservation .subscribe-form .main_block .left {
        max-width: 100% !important;
        width: 100% !important;
    }
    #reservation .subscribe-form .main_block .right {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 600px ){
    .block-picture.wide {
        margin-bottom:  0 !important;
    }
    .block-picture.wide .picture {
        max-height: 470px;
        margin-bottom:  0 !important;
    }
    .block-entry {margin-top:  0 !important;}
    .text_main_block .column {
        margin-bottom: 0 !important;
    }
    .picture .rev_clip {
        transform:  none !important;
    }
    .type-1 .clip_image {
        margin-bottom: 0 !important;
    }
    .system_block {
        margin-top:  0 !important;
    }
    .system_block .block-picture {
        margin-bottom: 00px !important;
    }
    section .block-card {
        padding: 0 !important;
    }
    [editor-binding="description"] {
        opacity: 1!important;
    }
    .one_block_text .rev_clip img {
        margin-bottom: 0px !important;
    }
    .system_block .rev_clip img {
        min-height: 0!important;
    }
    .type-1 figure.picture img {
        height: auto!important;
    }
}
@media (max-width: 540px) {
    .block-card-shadow .block-picture .box {
        display: none !important;
    }
}
@media (max-width: 500px) {
    .q_slide .slide .caption h1 { max-width: 350px;}
    .block-card-shadow .block-entry, .block-card-shadow .block-entry .rev_item {
        width: 100%;
        margin: 0 !important;
    }
    .columns > div.block-entry {
        width: 100% !important;
    }
    .block-card-shadow .block-entry, .block-card-shadow .block-entry .rev_item {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .block-card-shadow .block-picture .picture {
        overflow: inherit !important;
        height: 100% !important;
        padding-right: 0 !important;
    }
    #page_summary .title_section {
        margin-bottom: 30px;
    }
}
@media (max-width: 450px) {
    #navContent ul.main_nav > li {
        width: 100% !important;
    }
    #navContent .main_nav {
        margin: 0px 0px 0px 28px!important;
    }
}
@media (max-width: 400px) {
    #news_summary .date_block {
        width: 100%;
        margin-top: 70px !important;
    }
    #news_summary .title_block {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .bg-image-section-three:before, .bg-image-section-three:after{
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}



@media (max-width: 850px) {
    
    .left_catalog_text .block-picture {
        margin: 0;
    }
    .rev_clip img {
        top: -40px;
    }
    .left_catalog_text .block-entry .inner {
        padding: 20px 20px 20px 65px;
    }
    .shops_block1 .left_home_text .block-entry .inner {
        padding: 20px 80px 20px 20px;
    }
    .left_catalog_text .block-entry .inner .editor_text {
        padding: 0px 5px 0px 0px;
    }
    .block-card-overlap .type-1 .block-entry .title-line, .block-card-overlap .type-3 .block-entry .title-line {
        left: 0 !important;
    }
    .block-card-overlap .type-2 .block-entry .title-line, .block-card-overlap .type-4 .block-entry .title-line {
        right: 0 !important;
    }
    .rev_clip img {
        max-width: 100% !important;
    }
}
.section-text,
.inner .rev_item {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
@media (max-width: 768px) {
    .grey_fitness .left_home_text .block-entry, .grey_fitness .left_home_text .block-picture {
        width: 53% !important;
    }
    .block-card-section .block-entry {
        position: absolute;
        left: auto !important;
        right: -35px;
    }
    .shops_block1 .left_home_text .block-entry .inner {
        padding: 20px 44px 20px 55px;
    }
    .shops_block1 .left_home_text {
        padding-bottom: 200px !important;
    }
    .beayty-blk-1 .picture .rev_clip img {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .block-wedding-card .card-wrapper .block-entry .title {
        width: 100%;
    }
    .block-wedding-card .card-wrapper .block-entry p:last-child {
        width: 100%;
        margin-left: 0 !important;
    }
    .tsit_block_text h2.title span.rev_item {
        padding: 20px 5px;
        line-height: 48px;
    }
}

@media (max-width: 700px) {
    .system_block .card-wrapper .block-entry .inner {
        padding: 0px 0 0px 15px;
    }
    .type-1 figure.picture img {
        margin-top: 37px;
    }
    /* .left_home_text .columns .block-entry {
        width: 56% !important;
    } */
    .grey_fitness {
        margin-bottom: 480px !important;
    }
    .shops_block1 .grey_fitness {
        margin-bottom: 140px !important;
    }
    .bg-image-section-four {
        padding: 80px 0;
        margin: 80px 0px 100px!important;
    }
    .bg-image-section-four .block-entry{
        padding: 20px 0;
    }
}

@media (max-width: 600px) {
    .system_block {
        margin-top: 70px !important;
    }
    .grey_fitness .left_home_text .q-container {
        padding: 0 15px !important;
    }
}

@media (max-width: 540px) {
    #news_summary.bg-image-section-two:after {
        z-index: -10;
    }
    .system_rev .columns.type-2 .block-entry {
        position: static;
        width: 100% !important;
    }
    .system_rev .block-picture {
        width: 100%;
    }
    .grey_fitness .left_home_text .block-entry, .grey_fitness .left_home_text .block-picture {
        width: 100% !important;
        position: static !important;
    }
    .grey_fitness {
        margin-bottom: 0px !important;
    }
    .grey_fitness .left_home_text .block-entry {
        order: 1;
    }
    .grey_fitness .left_home_text .block-picture {
        margin-bottom: 70px !important;
    }
    .left_catalog_text .block-picture,
    .block-card-section .block-entry {
        width: 100%;
        position: static !important;
    }
    .left_catalog_text .columns {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        flex-flow: row wrap;
    }
    .block-card-section .block-entry {
        order: 1;
    }
    .left_catalog_text {
        margin: 0px 0px 50px!important;
    }
    .shops_block1 .left_home_text .block-entry .inner {
        padding: 20px!important;
        margin: 50px 0;
    }
    .shops_block1 .grey_blocks .left_home_text {
        padding-bottom: 20px !important;
    }
    .bg-image-section-four .block-picture, .bg-image-section-four .block-entry{
        width: 100% !important;
        position: static !important;
    }
    .bg-image-section-four .type-2 {
        flex-flow: row wrap;
        justify-content: center !important;
    }
    .bg-image-section-four .block-entry {
        margin-top: 70px !important;
    }
    .bg-image-section-four .block-entry  .inner {
        padding: 20px;
    }

}
@media (max-width: 500px)  {
    #block-card-overlap {
        height: auto !important;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 400px)  {
    .grey_fitness .left_home_text .block-picture {
        margin-top: 0 !important;
        margin-bottom: 0px !important;
    }
    .bg-image-section-four .block-entry {
        margin-top: -90px !important;
    }
    #news_summary .content_all_block a {
        padding: 4px;
    }
}


a[href*="/gemslight/"] {
    cursor: default !important;
}

.shops_block .category_title a,
.shops_block1 .category_title a {
    min-height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 250px;
    font-size: 19px;
    border: 3px solid #50ac2a;
    font-family: 'Playfair Display', serif;
    border-radius: 35px;
    padding: 6px 0px;
    margin: 30px auto 30px;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    transition: 0.5s ease;
}
.shops_block .category_title a:hover,
.shops_block1 .category_title a:hover{
    background: #50ac2a;
    color: white;
}



#reservation .subscribe-form .main_block .right input,
.right .subscribe-submit {
    background: #b5deda;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    border: 0px;
    padding: 10px 28px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    border-radius: 20px;
    margin: 9px 0px;
}
.right .subscribe-submit span {
    color: #000;
}

/*for slider*/


.owl-carousel-test {
    position: relative;
    max-width: 1136px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 12px 10px 25px 0px black;
}
.owl-carousel-test  .owl-item img {
    width: auto !important;
}
.owl-carousel-test .owl-dots {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 !important;
    padding: 4px 20px;
    background: black
}
.owl-carousel-test .owl-dots button span {
    background: transparent !important;
}
.owl-carousel-test .owl-dots button {
    max-width: 136px  !important;
    width: 100% !important;
    height: 105px !important;
    border: 4px solid black;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: 0.5s ease-out;
}
.owl-carousel-test .owl-dots button.active {
    border: 4px solid #3F8821;
    transition: 0.5s ease-out;
}
.owl-carousel-test .owl-nav {
    margin: 0   !important;
    opacity: 0;
    transition: 0.5s ease;
}
.owl-carousel-test:hover .owl-nav {
    opacity: 1;
}
.owl-carousel-test-a {
    max-width: 1135px;
    width: 100%;
    height: 600px;
    display: block;
    overflow: hidden;
}
@media (max-width: 400px) {
    .owl-carousel-test-a {
        height: 480px;
    }
}
.owl-carousel-test-blk {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
}
.owl-carousel-test .owl-nav button {
    position: absolute !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    top: calc(50% - 80px) !important;
    margin: 0 !important;
    border-radius: 0px !important;
}

.owl-carousel-test .owl-nav button.owl-prev {
    left: 0 !important;
}
.owl-carousel-test .owl-nav button.owl-next {
    right: 0 !important;
}
.owl-carousel-test .owl-nav button span {
    display: block;
    font-size: 0 !important;
    color: transparent !important;
    width: 15px !important;
    height: 15px !important;
    background: white !important;
}

.owl-carousel-test .owl-nav button.owl-prev span {
    left: 0 !important;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.owl-carousel-test .owl-nav button.owl-next span {
    right: 0 !important;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/* .owl-carousel-test .owl-stage {
    background: black;
    display: flex;
    align-items: center;
}
.owl-carousel-test .owl-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: black;
}
.owl-carousel-test .owl-item.active {
    margin-right: 4px;
} */
.n-catalog_item .n-btn {
    height: 53px !important;
    padding: 10px 34px 13px 34px !important;
}
.btn.product-item-detail-buy-button {
    font-size: 22px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    font-weight: normal;
    width: 250px;
}
.n-btn_green:hover {
    box-shadow: none !important;
}
#navContent #accorsys-switch-lang .selector .AccorsyslanguageContainer.default a {
    color: #50ac2a !important;
}
.jq-selectbox__dropdown {
    width: 100% !important;
}
.jq-selectbox li {
    font-size: 20px !important;
}
#navContent .main_nav li a:before {
    background: #50ac2a !important;
}
.accommodations .accommodation-type .accommodation-bg,
.accommodations .accommodation-type:hover .accommodation-bg  {
    background-size: 95% 95% !important;
}
#home_accommodation .accommodation-bg {
    background-size: 95% !important;
}
#news_summary .accommodations .accommodation-type .accommodation-bg,
#news_summary .accommodations .accommodation-type:hover .accommodation-bg  {
    background-size: cover !important;
}
@media (max-width: 1140px)  {
    .owl-carousel-test {
        width: calc(100% - 30px);
        margin: 0 15px;
    }
    .owl-carousel-test .owl-item img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 600px) {
    .owl-carousel-test .owl-dots button {
        height: 60px !important;
        border: 2px solid black;
    }
    .owl-carousel-test .owl-dots button.active {
        border: 2px solid #3F8821;
    }
}

/* @media (max-width: 400px) {
    .owl-carousel-test .owl-dots button {
        height: 35px !important;
    }
}    */

.block-card {
    max-width: 100% !important;
    width: 100% !important;
}

/* .section-text {
    line-height: 36px!important;
    font-family: 'Roboto Slab', serif;
    letter-spacing: normal !important;
    font-size: 28px !important;
} */



.q_slide .pagination.pag_slide2 {
    left: calc(50% - 260px);
    width: 100%;
    max-width: 510px;
}
@media (max-width: 1024px) {
    .q_slide .pagination {
        bottom: 0%!important;
    }
}

@media (max-width: 850px) {
    .one_block_text .column.block-picture {
        flex-grow: 0.516 !important;
    }
}

@media (max-width: 700px) {
    .one_block_text .column.block-picture {
        flex-grow: 0.65 !important;
    }
}
@media (max-width: 580px) {
    .one_block_text .column.block-picture {
        flex-grow: 0.85 !important;
    }
}
@media (max-width: 540px) {
    .bg-image-section-three .picture img{
        height: auto !important;
    }
    .bg-image-section-three .rev_clip {
        height: 500px;
    }
}
@media (max-width: 1300px) {
    .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}





.label-search-blk {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: #E5E5E5;
    border-radius: 3px;
    border: 1px solid #A9A9A9;
}


.label-search input {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
    opacity: 0;
}
.label-search input:checked + .label-search-blk > span,
.label-search input[checked] + .label-search-blk > span{
    display: block;
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/okshop/../okshop/images/icons/check-radio.png);
    background-size: 90%;
    background-position: 1px 2px;
    background-repeat: no-repeat;
}

.content_catalog_block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 5px;
}
.content_catalog_block  a{
    display: inline-block;
    border: 3px solid #50ac2a;
    padding: 10px 30px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    transition: all 0.2s ease;
    font-size: 22px;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    border-radius: 35px;
}
.content_catalog_block  a:hover{
    background: #50ac2a;
    color: white;
}

.form_block .mf-submit {
    padding-top: 8px;
}
#page_summary {
    position: relative;
}
#page_summary:before {
    content: url(/bitrix/templates/okshop/../okshop/images/icons/quotes.png);
    position: absolute;
    top: calc(100% - 109px) !important;
    right: 40px !important;
    left: auto !important;
    z-index: 1;
}
#news_summary {
    z-index: 2;
}

@media (max-width: 540px) {
    #page_summary:before {
        display: none !important;
    }
}

.first-main {
    padding-top: 80px;
}
.first-main .picture img {
    margin-top: 70px;
}
.first-main .block-entry .rev_item {
    padding-left: 10px;
}
.btn {
    font-size: 22px !important;
}
@media (max-width: 768px) {
    .first-main .block-entry  {
        right: 0 !important;
        position: relative !important;
    }
}

@media (max-width: 540px) {

    .first-main .block-picture    {
        width: 100% !important;
        height: 356px !important;
        order: 1 !important;
    }

    .first-main .block-entry     {
        order: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .first-main .picture .rev_clip {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 360px !important;
        margin: 0 auto;
    }

    .first-main .picture img {
        display: block;
        transform: translate3d(0px, -34.02px, 0px);
        width: auto !important;
        max-width: 360px !important;
        position: static !important;
        margin-top: 0px !important;
        height: auto !important;
        transform: translate3d(0px, 0, 0px) !important;
        top: 0 !important;
    }
    .first-main .block-entry  .rev_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .date_block{ 
        font-size: 22px !important;
        line-height: 25px !important;
    }
    .title_block {
        font-size: 20px !important;
        line-height: 25px !important;
    }
}
@media (max-width: 1280px) {
    .q_smooth {
        position: static !important;
    }
    #news_summary.bg-image-section-two:after {
        z-index: -10;
    }
}
@media (max-width: 1280px) {
    .q_smooth {
        transform: translate3d(0px, 0, 0px) !important;
    }
    .vs-scroll-view {
        display: none;
    }
}
.n-load_content {
    padding-bottom: 40px;
    padding-top: 40px;
}

#forSignModal{
    z-index: -9999999999999;
    position: fixed !important;
    top: 75px !important;
    left: 0 !important;
    width: 135px;
    padding-right: 5px;
}
#forSignModal.active {
    display: block;
    z-index: -9999999999999;
}

@media (max-width: 970px) {
    #forSignModal{
        top: 0px !important;
        left: 80px !important;
    }
}

/* .section-text {
    font-size: 24px !important;
} */
@media (max-width: 1300px) {
    .title-line {
        left: 0 !important;
    }
}

@media (max-width: 1200px) {
    #block-card-overlap.about-us-first {
        margin-top: 40px !important;
    }
    #block-card-overlap.about-us-first .picture img {
        margin-top: 150px;
    }
    .about-us-first .rev_clip img,
    .about-us-second .text_main_block .block-entry {
        transform: translate3d(0px, 0, 0px) !important;
    }
    .bg-image-section-three:before, .bg-image-section-three:after {
        display: none !important;
    }
}

@media (max-width: 850px) {
    #block-card-overlap.about-us-first .block-entry,
    .about-us-second .text_main_block .block-entry {
        padding: 30px;
    }
    #block-card-overlap.about-us-first .picture img {
        margin-top: 150px;
    }
    .about-us-proj .rev_clip {
        transform: matrix(1, 0, 0, 1, 0, 0) !important;
    }
    .about-us-proj .rev_clip img {
        height: auto !important;
    }
}

@media (max-width: 700px) {
    #block-card-overlap.about-us-first .picture img {
        margin-top: 150px;
    }
    #block-card-overlap.about-us-first { 
        margin-bottom: 150px !important;
    }
    .beayty-blk-1 .type-2 .block-entry,
    .beayty-blk-1 .type-2 .block-picture {
        position: static !important;
    }
    .beayty-blk-1 .type-2 .block-entry {
        order: 2;
    }
    .beayty-blk-1 .block-picture .picture {
        height: 483px !important;
        position: static !important;
        transform: translate3d(0px, 0, 0px) !important; 
    }
    .beayty-blk-1  .block-entry .inner{
        padding: 60px 20px 60px 80px;
    }
    .system_block .card-wrapper .block-entry .inner {
        padding: 0px 0 0px 50px;
    }
    .system_blk_1 .type-1 figure.picture img {
        transform: translate3d(0px, 0px, 0px) !important;
    }
}
@media (max-width: 540px) {
    #block-card-overlap.about-us-first {
        margin-top: 0 !important;
        height: auto !important;
        margin-bottom: 0px !important;
    }
    #block-card-overlap .rev_clip {
        min-height: 0 !important;
    }
    #block-card-overlap.about-us-first .picture img,
    #block-card-overlap.about-us-first .text_main_block .block-entry  {
        margin-top: 0 !important;
    }
    #block-card-overlap.about-us-first .text_main_block  {
        margin-top: 50px !important;
    }
    #block-card-overlap.about-us-first .text_main_block .block-entry {
        transform: translate3d(0px, 0, 0px) !important;
    }
    #block-card-overlap.about-us-first .text_main_block {
        position: static !important;
    }
    #block-card-overlap.about-us-first .picture img,
    .about-us-second .columns .block-picture img,
    .about-us-proj figure.picture img,
    .beayty-blk-1 .rev_clip img  {
        width: calc(100% - 30px) !important;
        padding: 0 15px !important;
        right: 0 !important;    
        position: static !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .about-us-second  .picture .rev_clip {
        position: static;
    }
    .about-us-second  .picture {
        height: auto !important;
    }
    .about-us-proj .rev_clip {
        height: 777px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about-us-proj .block-entry {
        margin-top: 85px !important;
    }
    .about-us-proj {
        padding-top: 40px !important;
    }
    .about-us-last {
        padding-top: 40px !important;
    }
    .about-us-last .rev_clip img {
        height: 643px !important;
    }
    .beayty-blk-1 {
        margin-top: 20px !important;
    }
    .beayty-blk-1 .type-2 {
        flex-direction: column;
        margin-bottom:  0 !important
    }
    .beayty-blk-1 .block-entry,
    .beayty-blk-1 .block-picture {
        width: 100% !important;
        padding: 30px !important;
    }
    .beayty-blk-1 .rev_clip {
        transform: matrix(1, 0, 0, 1, 0, 0) !important;
    }

    .beayty-blk-1 .block-picture {
        order: 1 !important;
        padding: 0 !important;
    }

    .beayty-blk-1 .block-entry {
        order: 2 !important;
        margin-top:  0 !important;
    }
    .beayty-blk-1 .block-entry .inner  {
        padding: 0 !important;
    }
    .beayty-blk-1  .rev_clip {
        display: flex;
        justify-content: center;
    }
    .system_bg .system_blk_1 .picture .rev_clip {
        height: 730px;
    }
}
@media (max-width: 480px) {
    .system_bg .system_blk_1 .picture .rev_clip {
        height: 500px;
        overflow: hidden;
        border-radius: 10px;
    }
}

/* @media (max-width: 1150px) {
    .fitness_banner_block .banner_block .q_slide .slide .caption {
        width: 60%;
    }
} */
@media (max-width: 920px) {
    .grey_fitness {
        margin: 130px 0px 200px!important;
    }
}
@media (max-width: 700px) {
    .grey_fitness {
        margin-bottom: 480px !important;
    }
}
@media (max-width: 768px) {
    .grey_fitness .type-2 .block-entry, .grey_fitness .left_home_text .block-picture{
        transform: translate3d(0px, 0, 0px) !important;
        right: 0;
        width: 65% !important;
    }
}
@media (max-width: 540px) {
    .bg-image-section-four {
        margin: 0!important;
    }
    .grey_fitness {
        margin-bottom: 0px !important;
    } 
    .grey_fitness .type-2 .block-entry, .grey_fitness .left_home_text .block-picture{
        width: 100% !important;
    }
    .grey_fitness .bg-image-section-four .picture .rev_clip {
        height: 444px;
    }
    .grey_fitness .type-2 .block-entry {
        margin-top: 0 !important;
    }
    .fitness_banner_block .banner_block .q_slide .slide .caption {
        padding-right: 0 !important;
    }
}
@media (max-width: 400px) {
    .grey_fitness .bg-image-section-four .picture .rev_clip {
        height: 330px;
    }
}

.q_slide .slide.is-loaded .info_block,
.q_slide .pagination.pag_slide2 .item::after, .q_slide .pagination.pag_slide2 .item.q_current::after, .q_slide .pagination.pag_slide2 .item:hover::after, .q_slide .pagination.pag_slide2 .item.q_current:hover::after {
    display: none;
}
.q_slide .pagination.pag_slide2 .item {
    margin: 0 20px;
}
.q_slide .pagination.pag_slide2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.q_slide .pagination.pag_slide2 .item::before {
    width: 16px;
    height: 16px;
}

.q_slide .slide .caption {
    width: 100%;
    max-width: 735px;
    max-width: 860px;
    left: 5%;
}

.q_slide .slide .caption p { 
    max-width: 100%;
}

@media (max-width: 1630px) {
    .q_slide .slide .caption {
        left: 15%;
    }
}
@media (max-width: 1540px) {
    .q_slide .slide .caption {
        left: 18%;
    }
}

@media (max-width: 1520px) {
    .banner_block .q_slide .slide .caption {
        width: 100%;
        max-width: 100%;
        left: 0%;
        position: static;
        transform: none !important;
        padding-left: 30px;
    }
}
.new-blk-team-item-description {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 335px;
    background: white;
    padding: 0 22px;
    font-family: "Playfair Display", serif;
    font-size: 17px;
    max-height: 103px;
    overflow: scroll;
}
@media (max-width: 1200px) {
    .new-blk-team-item-name,
    .new-blk-team-item-description {
        max-width: 100%;
    }
}
/* @media (max-width: 1280px) {
    .q_slide .slide .caption {
        left: 28%;
    }
} */
@media (max-width: 1200px) {
    .q_slide .slide .caption {
        max-width: 770px;
    }
}

.first-main {
    background: url(/bitrix/templates/okshop/../okshop/images/icons/superman.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
@media (max-width: 850px) {
    background: white;
}

.errortext {
    padding: 20px 0;
}

@media (max-width: 768px) {
    .search_modal {
        right: 0;
        width: 100%;
    }
}


@media (max-width: 700px) {
    #basket_form {
        max-width: 500px;
        overflow-x: scroll;
        width: 100%;
        padding-top: 20px;
    }
    #basket_form  .bx_ordercart{
        width: 600px;
    }
}
@media (max-width: 644px) {
    #basket_form {
        max-width: 470px;
    }
}
@media (max-width: 600px) {
    .n-cart_item {
        flex-wrap: nowrap !important;
    }
    .n-cart_item-quantity {
        min-width: 180px !important;
    }
}
@media (max-width: 524px) {
    #basket_form {
        max-width: 400px;
    }
}
@media (max-width: 450px) {
    #basket_form {
        max-width: 320px;
    }
}
@media (max-width: 375px) {
    #basket_form {
        max-width: 277px;
    }
}


.n-catalog_info-item {
    max-height: 95px;
    overflow: hidden;
}
@media (max-width: 1000px) {
    .n-catalog_item .n-btn {
        font-size: 18px !important;
        padding: 10px 10px 13px 10px !important;
    }
}
@media (max-width: 850px) {
    .shops_block .type-1 .block-entry,
    .shops_block1 .type-2 .block-entry {
        z-index: 30;
    }

    .shops_block .type-1 .block-entry .inner,
    .shops_block1 .type-2 .block-entry .inner {
        padding: 20px;
    }
    .shops_block .type-1 .rev_clip img,
    .shops_block1 .type-2 .rev_clip img  {
        top: 50px !important;
    }
}
@media (max-width: 540px) {
    .shops_block .type-1 .block-entry,
    .shops_block1 .type-2 .block-entry  {
        transform: translate3d(0px, 0px, 0px) !important;
        margin-bottom: 30px;
    }
    .shops_block .type-1 .rev_clip img,
    .shops_block1 .type-2 .rev_clip img  {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .shops_block .type-1 .rev_clip img,
    .shops_block1 .type-2 .rev_clip img {
        margin-bottom: 50px !important;
        position: static !important;
    }
    .shops_block .type-1 .picture {
        margin-bottom: 100px !important;
    }
    .shops_block1 .type-2,
    .shops_block1 .grey_blocks {
        margin-bottom:  0 !important;
    }
    
}
@media (max-width: 540px) {
    .shops_block1 .type-2 .block-entry  {
        margin: 0 !important;
    }
    .shops_block1 .type-2 .picture {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 705px) {
    .form_block .mf-submit {
        padding-top: 20px;
        text-align: center;
    }
    .mfeedback .g-recaptcha {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mfeedback .mf-captcha {
        width: 100%;
    }
    
} 
@media (max-width: 500px) {
    #contact_form .mfeedback {
        padding: 30px 5px 35px !important;
    }
} 
@media (max-width: 540px) {
    .about-us-last .columns .block-picture .picture .rev_clip  {
        height: 700px !important;
    }
    .about-us-last .columns .block-picture .picture .rev_clip img {
        height: 643px !important;
    }
} 
@media (max-width: 400px) {
    .about-us-last .columns .block-picture .picture .rev_clip  {
        height: 556px !important;
    }
    .about-us-last .columns .block-picture .picture .rev_clip img {
        height: 500px !important;
    }
} 
.bx-composite-btn  {
    display: none !important;
}



/*home*/


.home-blk-top-1 {
    padding-bottom: 250px  !important;
}

@media (max-width: 1024px)  {
    .home-blk-top-1 {
        padding-bottom: 120px  !important;
    }
}
@media (max-width: 768px)  {
    .home-blk-top-1 {
        padding-top: 170px !important;
        padding-bottom: 250px !important;
    }    
    .home-blk-top-1  .block-entry  {
        right: 0 !important;
    }
    .home-blk-top-1  .block-entry .inner {
        padding: 20px !important;
    }
    .home-blk-top-1  .block-picture {
        width: 60% !important;
    }
}
@media (max-width: 660px) {
    .last_homes_item .rev_block_text .section-text ul,
    .last_homes_item .rev_block_text .list_block  {
        width: 100% !important;
    }
    .last_homes_item .rev_block_text .section-text ul li {
        padding: 15px !important;
    }
    .last_homes_item .rev_block_text .section-text ul li:before {display: none !important;}
}
@media (max-width: 540px) {
    .home-blk-top-1  {
        padding-top: 60px !important;
        padding-bottom: 0 !important;
    }
    .home-blk-top-1  .block-picture  {
        width: 100% !important;
    }
    .home-blk-top-1  .block-picture .rev_clip {
        height: 342px !important;
    }
    .home-blk-top-1  .block-picture .rev_clip img {
        position: static !important;
        transform: translate3d(0px, 0px, 0px) !important;
        height: auto !important;
    }
    .home-blk-top-1  .block-entry  {
        position: static !important;
        transform: translate3d(0px, 0px, 0px) !important;
        margin-top: 30px !important;
    }
    .last_homes_item .rev_block_text .section-text .title_block_item {
        font-size: 20px;
    }
    .last_homes_item .rev_block_text .section-text ul li {
        font-size: 14px;
    }
}


#news_summary #accommodations {
    max-width: 1140px !important;
}

#news_summary {
    background-position: center center !important;
}
.n-btn_white {
    box-shadow: none !important;
}

.accommodations .accommodation-type:hover a:active,
.category_title a:active,
.n-btn_white:active,
.content_catalog_block > a:active,
.subscribe-edit form > table tfoot input:active {
    box-shadow: inset 0 5px 5px rgba(0,0,0,.4) !important;
}










.subscribe-edit {
    max-width: 1140px;
    margin: 0 auto;
}
.subscribe-edit  > table tbody tr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.subscribe-edit form > table tbody tr{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.subscribe-edit table thead td {
    
}
.subscribe-edit form > table tbody label input {
    margin-right: 10px;
}
.subscribe-edit form > table thead td {
    font-size: 21px;
    color: #679334;
    font-weight: bold;
    padding-bottom: 15px;
}
.subscribe-edit form > table tbody td p {
    font-weight: bold;
}
.subscribe-edit form > table tbody td p input {
    font-size: 16px;
    box-shadow: none;
    border: 2px solid #679334;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    border-radius: 6px;
    color: #679334 !important;
}
.subscribe-edit form > table tfoot input  {
    padding: 13px 34px 12px 34px;
    border-radius: 35px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all ease 0.4s;
    background: #50ac2a;
    border: 3px solid #50ac2a;
    color: #fff;
    max-width: 273px;
    width: 100%;
    margin: 15px 0 23px 0;
    display: block;
    text-align: center;
}
.subscribe-edit form > table tfoot input:hover {
    background: #fff;
    color: #50ac2a;
}

.subscribe-edit > p {
    font-weight: bold;
    color: red;
    font-size: 14px;
}
.rev_item-black {
    color: #000;
}
.rev_item-black {
    color: #000;
    font-weight: bold;
    text-shadow: white 2px 0px 0px, white 1.83487px 0.98158px 0px, white 2.35766px 1.85511px 0px, white 1.62091px 2.52441px 0px, white 0.70571px 2.91581px 0px, white -0.28717px 2.98622px 0px, white -1.24844px 2.72789px 0px, white -2.07227px 2.16926px 0px, white -2.66798px 1.37182px 0px, white -2.96998px 0.42336px 0px, white -2.94502px -0.5717px 0px, white -2.59586px -1.50383px 0px, white -1.96093px -2.27041px 0px, white -1.11013px -2.78704px 0px, white -0.13712px -2.99686px 0px, white 0.85099px -2.87677px 0px, white 1.74541px -2.43999px 0px, white 2.44769px -1.73459px 0px, white 2.88051px -0.83825px 0px;
    text-shadow: 0 -1px 1px #FFFFFF, 0 -1px 1px #FFFFFF, 0 1px 1px #FFFFFF, 0 1px 1px #FFFFFF, -1px 0 1px #FFFFFF, 1px 0 1px #FFFFFF, -1px 0 1px #FFFFFF, 1px 0 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px 1px 1px #FFFFFF;
    /* text-shadow: 0 -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; */
}
.system_blk_1 {
    padding: 70px 0px 100px;
    height: auto;
    min-height: auto;
}
.system_blk_1 .bg-image {
    transform: translate3d(0px, -23.83px, 0px);
}

.system_rev .block-entry .inner {
    padding: 0 0px 0px!important;
}
.product-item-detail-info-container {
    font-size: 24px;
}
.product-item-detail-info-container .product-item-detail-buy-button {
    max-width: 290px;
    padding: 2px 10px 0px;
    text-align: center;
    /* max-height: 55px; */
}
.n-articleCard {
    max-width: 945px;
    margin: 0 auto;
}
.n-articleCard_block,
.n-articleCard_title {
    padding-left: 0;
}
.n-articleCard_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.n-articleCard_block img{
    max-height: 530px;
}
.n-articles_item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.n-articles_item-img img {
    max-height: 220px;
    max-width: 360px;
    width: auto !important;
}
.p11 {
    position: relative;
    font-style: italic;
    padding: 10px 0 20px;
}
.p11:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: calc(50% - 50vw - 9px);
    background: #e6e6e6;
    height: 100%;
    display: block;
    width: 100vw;
}
.p11.mobile:before {
    left: calc(50% - 50vw);
}
@media(max-width: 1024px){
    .p11:before {
        left: calc(50% - 50vw);
    }
}
.other_fitnes_item .infoblocks {
    justify-content: space-between;
}
.n-articles_item {
    margin: 0 0 70px 0;
    padding: 0 10px;
    box-sizing: border-box;
}
.n-articles_item-name {
    line-height: 28px;
}


#home_accommodation .accommodations {
	max-width: 100%;
}

.n-articleCard-img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 530px;
    height: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}
.n-articleCard-img img{
    height: auto;
    width: 100%;

    max-height: 100%;
}

.about-us-revs .q-container .columns .column .section-text {
    color: white;
}
@media(max-width: 1366px){
    .q_slide .slide .caption h1{
        font-size: 55px;
    }
    .q_slide .slide .caption p {
        font-size: 26px;
    }
    .q_slide .slide .btn {
        font-size: 17px !important;
    }
}

body.compensate-for-scrollbar,
body.fancybox-active {
    overflow-y: scroll !important;
}

.navbar-header .navbar-btn {
    position: absolute;
    width: 100%;
    height: 60px;
    margin: 23px 0 0;
    transition: 0.5s top cubic-bezier(0.19, 1, 0.22, 1);
    left: auto;
}
.navbar-header .navbar-btn-label {
    top: 9px;
    right: 50% !important;
    display: flex;
    align-items: center;
    width: 60px;
    height: 30px;
    transform: translateX(50%) rotate(-90deg) !important;
}
.navbar-header .navbar-btn-label span {
    text-transform: uppercase;
}
#navContent .navbar-header.close#closePop .navbar-btn {
    right: 25px !important;
}
#navContent .navbar-header.close#closePop .navbar-btn .navbar-btn-label {
    transform: translateX(0px) rotate(0deg) !important;
}

.navbar-header-mobile .navbar-btn-bars {
    width: 65px;
    height: 40px;
}

@media(max-width: 1024px) {
    .search_modal #emarket-search .submit input {
        max-width: 40px;
    }
}
@media (max-width: 768px){
    .navbar-header-mobile, .navbar-header.close {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
    }
}

/*last*/
/*scripts.js stroke 15241 delete adaptive height*/
/* .vs-scroll-view {
    display: none;
}

.q_smooth {
    transform: translate3d(0px, 0px, 0px) !important;
    position: relative;
}

body {
    overflow-x: hidden;
} */

/* #page_summary  .slide > p {
    display: -webkit-box !important;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */


#page_summary .slide > p {
    height: 250px;
    min-height: 250px;
    overflow-y: scroll;
    padding-right: 5px;
}
@media(max-width: 768px){
    #page_summary .slide > p {
        height: 235px;
        min-height: 235px;
    }
    #page_summary .title_section {
        margin: 0px 0px 70px;
    }
}
@media (max-width: 540px) {
    #page_summary .type-1 p {
        text-align: center !important;
    }
}
/* End */


/* Start:/bitrix/templates/okshop/fonts/fonts.css?1704880344231*/
@font-face {
	font-family: 'PF Regal Display Pro Black';
	src: url('/bitrix/templates/okshop/fonts/PFRegalDisplayPro-Black.otf');
	font-weight: 400;
}

@font-face {
	font-family: 'PF Regal Text Pro';
	src: url('/bitrix/templates/okshop/fonts/PFRegalTextPro-RegularA.otf');
	font-weight: 400;
}
/* End */
/* /bitrix/templates/okshop/styles.css?1704971676343569 */
/* /bitrix/templates/okshop/css/last/style.css?170488034259346 */
/* /bitrix/templates/okshop/css/last/o_style.css?170488034212400 */
/* /bitrix/templates/okshop/css/last/jquery.fancybox.min.css?170488034214065 */
/* /bitrix/templates/okshop/css/last/owl/owl.carousel.min.css?17048803423351 */
/* /bitrix/templates/okshop/css/last/owl/owl.theme.default.min.css?17048803421013 */
/* /bitrix/templates/okshop/js/last/search/jquery.mCustomScrollbar.min.css?170488034242839 */
/* /bitrix/templates/okshop/template_styles.css?170488034266272 */
/* /bitrix/templates/okshop/fonts/fonts.css?1704880344231 */