@charset "UTF-8";

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

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

@font-face {
    font-family: 'Gilroy';
  src: url("../fonts/gilroy-semibold.woff2") format("woff2"), url("../fonts/gilroy-semibold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

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

@font-face {
    font-family: 'Bebas Neue';
  src: url("../fonts/ofont.ru_Bebas-Neue.woff2") format("woff2"), url("../fonts/ofont.ru_Bebas-Neue.woff") format("woff");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

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

@font-face {
    font-family: 'Bebas Neue';
  src: url("../fonts/bebas-neue-bold.woff2") format("woff2"), url("../fonts/bebas-neue-bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
    font-family: 'Acrom';
  src: url("../fonts/acrom600.woff2") format("woff2"), url("../fonts/acrom600.woff") format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
    font-family: 'HalvarBreit';
  src: url("../fonts/HalvarBreit-Md.woff") format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
    font-family: 'Acrom';
  src: url("../fonts/Acrom-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
  /* 1 */
    -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    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
   ========================================================================== */
/**
 * 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 */
}

/**
 * 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 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

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

/**
 * 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 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
    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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * 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 */
    color: inherit;
  /* 2 */
    display: table;
  /* 1 */
    max-width: 100%;
  /* 1 */
    padding: 0;
  /* 3 */
    white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

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

/**
 * 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 in Chrome and Safari on macOS.
 */
[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 */
}

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

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

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

*,
*::before,
*::after {
    box-sizing: border-box;
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}

html {
    font-size: 1.8vw;
    height: 100%;
}

body {
    background: #fff;
    font-size: 1.6rem;
    line-height: 1.4;
    font-family: 'Gilroy';
    font-weight: 400;
    color: #000;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.my-body-noscroll-class {
    overflow: hidden;
}

img {
    max-width: 100%;
}

b {
    font-weight: 700;
}

a,
button,
.img-svg,
.modal__open {
    outline: none;
    border: 0;
    cursor: pointer;
    background: none;
    transition: 220ms;
    text-decoration: none;
}

a {
    color: #fff;
}

/* Bootstrap 4 */
.container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

@media (min-width: 576px) {
    html {
        font-size: .621vw;
        font-size: .521vw;
    }

    .container {
        max-width: 140rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1500px) {
    html {
        font-size: .521vw;
    }
}

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .hidden-lg {
        display: none;
    }
}

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

.d-flex {
    display: flex;
}

.slick-slide {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.line {
    display: block;
    margin: 10px auto;
}

.t-subtitle {
    font-size: 2.1rem;
}

.t-title {
    font-family: "Manrope", sans-serif;
    text-align: center;
    font-size: 4.5rem;
    line-height: 1.1;
    font-weight: 600;
    position: relative;
    z-index: 4;
}

@media screen and (max-width: 560px) {
    .t-title {
        font-size: 4rem;
        line-height: 5rem;
    }

    .t-title br {
        display: none;
    }
}

.t-subtitle {
    font-size: 2.4rem;
    text-align: left;
}

.content {
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.t-input {
    height: 7.8rem;
    color: #000;
    font-size: 1.7rem;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background-color: #f0f3f5;
    text-align: center;
    padding: 2rem 3rem;
    transition: 220ms;
    outline: none;
    border: 1px solid transparent;
}

.t-input:hover, .t-input:focus {
    border-color: #FFD233;
}

.t-input::-moz-placeholder {
    color: #AAB1BB;
}

.t-input:-ms-input-placeholder {
    color: #AAB1BB;
}

.t-input::placeholder {
    color: #AAB1BB;
}

.form__inner .t-input input {
    padding-left: 4rem;
}

@-webkit-keyframes moving {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: 25px 0px;
    }
}

@keyframes moving {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: 25px 0px;
    }
}

.w100 {
    width: 100%;
}

@-webkit-keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#mobile__menu {
    z-index: 100;
    overflow: hidden;
    position: fixed;
    width: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    background: #fff;
    color: #000;
    transition: width 350ms;
}

#mobile__menu.active {
    width: 100%;
}

#mobile__menu .header__logo {
    width: 150px;
}

#mobile__menu .content {
    padding: 4rem 4rem;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 767px) {
    #mobile__menu .content {
        width: 100vw;
    }
}

#mobile__menu .menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}

#mobile__menu .menu__top .header__logo {
    display: flex;
    align-items: center;
    width: 17rem;
}

#mobile__menu .menu__top #mobile__menu-close {
    transition: 220ms;
    cursor: pointer;
    opacity: 0.5;
    width: 2.5rem;
    height: 2.5rem;
}

#mobile__menu .menu__top #mobile__menu-close:hover {
    opacity: 1;
}

#mobile__menu .menu__top #mobile__menu-close .img-svg {
    width: 2.5rem;
    height: 2.5rem;
}

#mobile__menu .main__messengers {
    display: flex;
    margin: 5rem 0 2rem;
}

#mobile__menu .main__messengers-link {
    width: 7rem;
    height: 7rem;
}

#mobile__menu .main__messengers-link .img-svg {
    width: 40%;
    max-height: 40%;
}

#mobile__menu .header__phone-link {
    font-size: 2.4rem;
}

#mobile__menu .header__phone .header__status {
    font-size: 1.8rem;
    justify-content: flex-start;
}

#mobile__menu .gray-btn {
    margin-top: 2rem;
    margin-left: 0rem;
    width: 30rem;
    height: 7rem;
    font-size: 2.2rem;
}

.yellow {
    font-weight: 800;
    color: #FFD233;
}

.t-btn {
    background: #FF0000;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 1rem;
    padding: 1.3rem 3rem;
    transition: 320ms;
}

.t-btn.template {
    border-radius: 1.5rem;
    background: #FED233;
    color: #77652F;
    box-shadow: 0px 0.4rem 0px 0px #ca9e01;
}

.t-btn.template:hover {
    background: #fdc601;
}

header {
    position: absolute;
    top: 2.2rem;
    left: 0;
    width: 100%;
    z-index: 10;
}

header .container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    header .container {
        justify-content: space-between;
        align-items: center;
    }
}

.logo {
    width: 67rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    color: #000;
}

@media screen and (max-width: 575px) {
    .logo {
        width: auto;
    }
}

.logo img {
    width: 19rem;
}

.logo__description {
    margin-left: 2.5rem;
    font-size: 1.2rem;
    font-weight: 300;
}

.main__messengers {
    display: flex;
    align-items: stretch;
    margin-right: 2rem;
}

.main__messengers-link {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
    transition: 320ms;
}

.main__messengers-link .img-svg {
    width: 2rem;
    max-height: 2rem;
}

.main__messengers-link:last-child {
    margin-left: 1.5rem;
}

.main__messengers-link.tg:hover {
    background: #2BA2DE;
}

.main__messengers-link.wh:hover {
    background: #25D366;
}

.main__messengers-link.tg:hover .img-svg path {
    fill: #fff;
}

.main__messengers-link.wh:hover .img-svg .st8 {
    fill: #fff;
}

.main__messengers-link.wh:hover .img-svg .st0 {
    fill: #25D366;
}

@media screen and (max-width: 575px) {
    .header__messengers {
        margin-left: auto;
        margin-right: 1.5rem;
    }
}

@media screen and (max-width: 575px) {
    .header__messengers {
        display: none;
    }
}

.header__phone-link {
    display: inline-block;
    margin-top: 0.3rem;
    font-weight: 500;
    color: #23323a;
    font-size: 1.5rem;
    font-family: 'HalvarBreit';
}

.header__phone .header__status {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 1.2rem;
}

.header__phone .header__status .indicator {
    margin-right: 0.5rem;
    width: .5rem;
    height: .5rem;
    flex-shrink: 0;
    border-radius: 50%;
}

.glow {
    background: #05C562;
    -webkit-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite;
}

.glow.offline {
    background: #FF0800;
}

@-webkit-keyframes glowing {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes glowing {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.gray-btn {
    margin-left: 3rem;
    width: 18rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0px 1px 0px 0px rgba(234, 234, 234, 0.004);
    background: #F8F8F8;
    font-size: 1.6rem;
    cursor: pointer;
    transition: 320ms;
}

.gray-btn:hover {
    background: #f0f0f0;
}

.gray-btn img {
    width: 1.3rem;
    margin-left: 0.5rem;
}

@media screen and (max-width: 575px) {
    .gray-btn img {
        width: 2rem;
        margin-left: 1rem;
    }
}

.header__mobile-btn {
    display: none;
    width: 4.5rem;
}

@media screen and (max-width: 575px) {
    .header__mobile-btn {
        display: block;
        margin-right: 1rem;
    }
}

@media screen and (max-width: 575px) {
    header .logo__description {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    header .main__messengers,
  header .header__phone,
  header .gray-btn {
        display: none;
    }
}

footer {
    margin-top: 2rem;
}

footer .container {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    footer .container {
        justify-content: space-between;
        align-items: center;
    }
}

@media screen and (max-width: 1500px) {
    footer .logo {
        margin-right: auto;
        width: auto;
    }
}

@media screen and (max-width: 575px) {
    footer .logo {
        width: 100%;
    }

    footer .logo img {
        width: 23rem;
    }

    footer .logo__description {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 575px) and (max-width: 575px) {
    footer .logo__description br {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    footer .header__phone {
        margin-top: 2rem;
    }

    footer .header__phone-link {
        font-size: 1.9rem;
    }

    footer .header__phone .header__status {
        font-size: 1.5rem;
    }

    footer .gray-btn {
        margin-top: 2rem;
        margin-left: 2.5rem;
        width: 25rem;
        height: 6rem;
        font-size: 1.9rem;
    }
}

.footer__bottom {
    width: 100%;
    padding: 3rem 0;
    font-size: 1.4rem;
    font-weight: 300;
}

@media screen and (max-width: 575px) {
    .footer__bottom {
        font-size: 1.5rem;
    }
}

.footer__bottom .container {
    justify-content: space-between !important;
}

.footer__bottom .footer__right {
    padding-right: 20rem;
    text-align: right;
}

@media (max-width: 1500px) {
    .footer__bottom .footer__right {
        padding-right: 0;
    }
}

@media screen and (max-width: 575px) {
    .footer__bottom .footer__right {
        text-align: left;
        margin-top: 1rem;
    }
}

.footer__bottom .link {
    color: #1b92d1;
}

.footer__bottom p {
    display: block;
    margin: 0;
}

.intro-section {
    background: url("../img/intro/pc-bg.jpg");
    background-repeat: no-repeat;
    background-size: 192rem auto;
    background-position: center top;
}

.intro__content {
    padding-top: 15rem;
    padding-bottom: 10rem;
    margin-top: 2rem;
}

@media screen and (max-width: 575px) {
    .intro__content {
        padding-top: 13rem;
        padding-bottom: 10rem;
        margin-top: 2rem;
    }
}

.intro__geo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1.7rem;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    .intro__geo {
        font-size: 1.9rem;
    }
}

.intro__geo img {
    margin-right: 1rem;
    margin-top: 0.3rem;
    width: 1.1rem;
}

@media screen and (max-width: 575px) {
    .intro__geo img {
        margin-top: -.1rem;
        width: 1.5rem;
    }
}

.intro__title {
    text-align: left;
    margin: 6.5rem 0 4.5rem;
    color: #2d2d2d;
    font-size: 3.9rem;
    font-weight: 100;
    position: relative;
}

@media screen and (max-width: 575px) {
    .intro__title {
        margin: 3rem 0 3rem;
        font-size: 3.6rem;
    }
}

.intro__title b {
    font-weight: 600;
    font-size: 4.5rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 575px) {
    .intro__title b {
        display: inline;
    }
}

.intro__title img {
    position: absolute;
    width: 40rem;
    top: -11rem;
    left: -11rem;
    max-width: none;
    z-index: 10;
    pointer-events: none;
}

.intro__title::before {
    content: "";
    position: absolute;
    width: 3.7rem;
    height: 2px;
    background: #000;
    top: 2.3rem;
    left: -6.5rem;
    opacity: 0.7;
}

@media screen and (max-width: 575px) {
    .intro__title::before {
        display: none;
    }
}

.intro__subtitle {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Manrope", sans-serif;
    font-weight: 100;
    font-size: 1.6rem;
}

@media screen and (max-width: 575px) {
    .intro__subtitle {
        width: 90%;
        font-size: 2rem;
    }

    .intro__subtitle br {
        display: none;
    }
}

.intro__subtitle b {
    font-weight: 400;
    font-size: 1.8rem;
}

@media screen and (max-width: 575px) {
    .intro__subtitle b {
        font-size: 2rem;
    }
}

.intro__subtitle img {
    width: 4rem;
    margin-top: 1rem;
    margin-right: 2rem;
}

@media screen and (max-width: 575px) {
    .intro__subtitle img {
        margin-right: 1rem;
        width: 3rem;
    }
}

.intro__footer {
    margin: 4rem 0 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.intro__footer .intro__btn {
    width: 32.5rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    background: #FFD233;
    box-shadow: 0px .5rem 0px 0px #BE9A25;
    cursor: pointer;
    transition: 320ms;
}

@media screen and (max-width: 575px) {
    .intro__footer .intro__btn {
        width: 36rem;
    }
}

.intro__footer .intro__btn:hover {
    transform: scale(1.03);
}

.intro__footer .intro__btn img {
    width: 4rem;
    margin-right: 1rem;
}

.intro__footer .intro__btn span {
    font-family: "Manrope", sans-serif;
    letter-spacing: 0.1rem;
    font-weight: 600;
    color: #191919;
    opacity: 0.5;
    font-size: 1.6rem;
}

@media screen and (max-width: 575px) {
    .intro__footer .intro__btn span {
        font-size: 1.8rem;
        margin-left: 1rem;
    }
}

.intro__footer .intro__pdf {
    margin-top: 0.5rem;
    margin-left: 4rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.intro__footer .intro__pdf img {
    width: 3.5rem;
    margin-right: 0.5rem;
}

.intro__footer .intro__pdf span {
    font-weight: 500;
    font-size: 1.4rem;
    color: #FFD233;
}

.intro__date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0.5;
}

.intro__date img {
    width: 1.5rem;
    margin-right: 1rem;
    -webkit-animation: rotate 3s infinite linear;
    animation: rotate 3s infinite linear;
}

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

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.intro__advantages {
    margin: 8.5rem 0 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    .intro__advantages {
        margin: 4rem 0 0;
        justify-content: space-between;
    }
}

.intro__advantages-item {
    margin-right: 2.5rem;
    width: 19rem;
    height: 6rem;
    padding-left: 5rem;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 575px) {
    .intro__advantages-item {
        background: url("../img/intro/adv-bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 575px) {
    .intro__advantages-item {
        margin: 0;
        width: 32%;
        height: 7rem;
        font-size: 1.65rem;
        padding: 0 2rem;
        padding-right: 1rem;
        background: #f4f2f2;
        border-radius: 0.5rem;
    }
}

.intro__img {
    position: absolute;
    width: 80rem;
    right: 4rem;
    top: 2rem;
}

@media screen and (max-width: 575px) {
    .intro__img {
        display: none;
    }
}

.intro__floor {
    position: absolute;
    left: 0;
    width: 25rem;
    top: 65rem;
    pointer-events: none;
}

@media screen and (max-width: 1500px) {
    .intro__floor {
        display: none;
    }
}

.case-section {
    padding: 7rem 0 10rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 15;
}

@media screen and (max-width: 575px) {
    .case-section {
        padding: 0;
    }
}

.case-section .t-title {
    margin: 2rem 0 4rem;
    text-align: left;
    position: relative;
}

@media screen and (max-width: 575px) {
    .case-section .t-title {
        text-align: center;
    }
}

.case-section .t-title img {
    position: absolute;
    width: 44rem;
    left: -11rem;
    max-width: none;
    top: -9rem;
    z-index: 10;
    pointer-events: none;
}

.case-section .case__shadow {
    position: absolute;
    width: 60rem;
    height: 40rem;
    left: 50%;
    transform: translateX(-50%);
    top: 38rem;
    opacity: 0.5;
    background: #d4d4d4;
    box-shadow: 0px -2rem 11rem 12rem rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 575px) {
    .case-section .case__shadow {
        width: 50rem;
        height: 24rem;
        top: 28rem;
        box-shadow: 0px 0rem 11rem 5rem rgba(0, 0, 0, 0.3);
    }
}

.case-section .case__circle {
    position: absolute;
    width: 83rem;
    height: 83rem;
    border-radius: 50%;
    background-color: #d4d4d4;
    opacity: 0.2;
    left: 50%;
    transform: translateX(-50%);
    top: 15rem;
}

@media screen and (max-width: 575px) {
    .case-section .case__circle {
        width: 55rem;
        height: 55rem;
        top: 13rem;
    }
}

.case-section .case__arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 20;
}

.case-section .case__arrows .arrow {
    background-color: #FFD233;
    width: 53px;
    height: 57px;
    margin: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 0 0 30px;
    cursor: pointer;
    transition: 320ms;
}

.case-section .case__arrows .arrow.arrow-right {
    border-radius: 0 30px 30px 0;
}

.case-section .case__arrows .arrow.arrow-right .img-svg {
    transform: rotate(180deg);
}

.case-section .case__arrows .arrow:hover {
    background-color: #ffd233;
}

.case-section .case__arrows .arrow img {
    width: 35%;
}

.case-section .case__notice {
    font-size: 1.6rem;
    padding-left: 29%;
    position: relative;
    z-index: 20;
    color: #fff;
}

@media (max-width: 575px) {
    .case-section .case__notice {
        padding-left: 24%;
        margin-top: 1.5rem;
        color: #000;
        margin-bottom: 3rem;
    }
}

@media (max-width: 575px) {
    .case-section .case__notice {
        padding-left: 20%;
    }
}

@media screen and (max-width: 575px) {
    .case-section .case__notice {
        padding: 0;
        margin-top: 15px;
        font-size: 14px;
    }
}

.case-section .case__slider {
    position: relative;
    z-index: 10;
}

.case-section .case__slider .case-space {
    outline: none;
    height: inherit;
}

@media (min-width: 560px) {
    .case-section .case__slider .case-space {
        transform: scale(0.85);
        transition: 520ms;
        margin: 7rem 0 3rem;
        border: 1rem solid transparent;
        border-radius: 0.5rem;
    }

    .case-section .case__slider .case-space.slick-current {
        transform: scale(1.1);
        opacity: 1;
        border-color: #FFD233;
    }

    .case-section .case__slider .case-space.slick-current .case-item {
        border-radius: 0;
    }

    .case-section .case__slider .case-space.slick-current::before, .case-section .case__slider .case-space.slick-current::after {
        opacity: 1;
    }

    .case-section .case__slider .case-space::before {
        content: "";
        position: absolute;
        background: #6e6d6d;
        width: 7rem;
        height: 7rem;
        border-radius: 50%;
        right: 9rem;
        top: -3.5rem;
        opacity: 0;
        transition: 320ms;
    }

    .case-section .case__slider .case-space::after {
        content: "";
        position: absolute;
        background: #FFD233;
        box-shadow: 0 0 10px 10px rgba(255, 198, 0, 0.3);
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        right: 11.8rem;
        top: -0.5rem;
        z-index: 12;
        opacity: 0;
        transition: 320ms;
    }
}

.case-section .case__slider .case-item {
    height: 48rem;
    width: 100%;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.5rem;
    position: relative;
    z-index: 10;
}

@media (max-width: 1230px) {
    .case-section .case__slider .case-item {
        height: 36rem;
    }
}

@media screen and (max-width: 575px) {
    .case-section .case__slider .case-item {
        height: 30rem;
    }
}

@media (max-width: 560px) {
    .case-section .case__slider .case-item {
        height: 35rem;
    }
}

@media screen and (max-width: 575px) {
    .team-section {
        padding-bottom: 5rem;
    }
}

.team-section .t-title {
    margin-bottom: 2rem;
}

@media screen and (max-width: 575px) {
    .team-section .t-title b {
        font-size: 4rem;
    }
}

.team-section .t-subtitle {
    margin-bottom: 2rem;
}

@media screen and (max-width: 575px) {
    .team-section .t-subtitle {
        text-align: center;
        margin-bottom: 3rem;
    }
}

.team-section .case__shadow {
    width: 60rem;
    height: 25rem;
    top: 48rem;
}

@media screen and (max-width: 575px) {
    .team-section .case__shadow {
        top: 39rem;
    }
}

@media screen and (min-width: 575px) {
    .team-section .case__slider {
        pointer-events: none;
    }
}

.team-section .case__slider .case-space::before, .team-section .case__slider .case-space::after {
    display: none;
}

@media screen and (min-width: 575px) {
    .team-section .arrows {
        display: none;
    }
}

.slick-dots {
    display: none !important;
}

#quiz-section {
    padding: 0rem 0 8rem;
    text-align: center;
}

@media screen and (max-width: 575px) {
    #quiz-section {
        padding-top: 5rem;
    }
}

#quiz-section .toplogo {
    width: 4rem;
    margin: 0 0 3rem;
}

#quiz-section .t-title {
    margin: 0;
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    #quiz-section .t-title {
        font-size: 3.4rem;
    }
}

#quiz-section .t-title b {
    font-size: 4.2rem;
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    #quiz-section .t-title b {
        font-size: 3.6rem;
    }
}

.quiz__gift {
    font-family: "Manrope", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 3rem;
    font-size: 2.1rem;
    color: #5c5c5c;
    font-weight: 500;
    background: #FFD233;
    border-radius: 0.5rem;
    margin-bottom: 4rem;
}

.quiz__gift img {
    width: 2.2rem;
    margin-right: 2rem;
}

.right-content__item {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 90%;
    border-radius: 6px;
    box-shadow: 0px 0px 60px 0px rgba(66, 73, 103, 0.12);
    position: relative;
    overflow: hidden;
    text-align: left;
    font-size: 1.5rem;
    color: #171819;
    line-height: 1.3;
    padding: 1.5rem;
    margin-bottom: 2rem;
    background: #fff;
}

.right-content__item b {
    font-weight: 600;
}

.right-content__item img {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 95%;
    right: -2rem;
}

.right-content__item.second img {
    height: 125%;
    top: 70%;
    right: -6rem;
}

.quiz__box {
    position: relative;
}

.decor {
    position: absolute;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    .decor {
        display: none;
    }
}

.decor1 {
    width: 42.6rem;
    left: -10rem;
    top: 35rem;
}

.decor2 {
    width: 48.5rem;
    right: -10rem;
    top: -5rem;
}

.decor3 {
    width: 11rem;
    right: -28rem;
    top: 25rem;
}

.decor4 {
    width: 29rem;
    right: -12rem;
    top: 55rem;
}

.quiz {
    width: 117rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 1.4rem;
    padding: 0;
    box-shadow: 0px 0px 79px 0px rgba(110, 115, 153, 0.1);
    text-align: left;
    position: relative;
}

@media screen and (max-width: 575px) {
    .quiz {
        width: 100%;
    }
}

.quiz .quiz__box {
    padding: 1.5rem 1.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.quiz .quiz__step {
    border: 1px solid #FFD233;
    display: inline-block;
    border-radius: 6px;
    padding: 12px 2.5rem;
    font-size: 13px;
    color: #8c94a2;
    text-transform: uppercase;
    font-weight: 400;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__step {
        padding: 1.2rem 2.5rem;
    }
}

.quiz .quiz__progress {
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__progress {
        margin-bottom: 1rem;
    }
}

.quiz .quiz__progress .progress__line {
    background: #e5eaee;
    margin-right: 1.5rem;
    width: 9rem;
    height: 1rem;
    border-radius: 15px;
    overflow: hidden;
}

.quiz .quiz__progress .progress__line.line1 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.quiz .left-bottom__next {
    background: url("../img/quiz/btn.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    width: 29rem;
    height: 9rem;
    padding: 2.5rem 3rem;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    transition: 220ms;
}

.quiz .left-bottom__next .shadow {
    display: none;
}

.quiz .left-bottom__next span {
    position: relative;
    z-index: 2;
}

.quiz .left-bottom__next img {
    margin-left: 1.5rem;
    position: relative;
    z-index: 2;
}

.quiz .quiz__itog-advantages {
    width: 95%;
    margin: 5rem auto 0;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__itog-advantages {
        flex-wrap: wrap;
    }
}

.quiz .quiz__itog-advantages .right-content__item {
    width: 30%;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__itog-advantages .right-content__item {
        font-size: 1.9rem;
        width: 100%;
    }
}

.quiz div.left-bottom__next .hidden-lg {
    display: none;
}

.quiz button.left-bottom__next .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/quiz/btn.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    border-radius: 10px;
}

.quiz button.left-bottom__next .shadow {
    z-index: 1;
}

.quiz .quiz__left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 2rem 2rem 3rem 6rem;
    padding-right: 0;
    border: 1px solid #f0f3f5;
    border-radius: 1.4rem;
}

@media (max-width: 575px) {
    .quiz .quiz__left {
        padding: 2rem 2rem 3rem 3rem;
    }
}

.quiz .quiz__left-header {
    text-align: center;
}

.quiz .quiz__left-content {
    flex-grow: 1;
    padding-bottom: 4rem;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__left-content {
        padding-bottom: 0;
    }
}

.quiz .quiz__left-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5rem;
}

.quiz .quiz__left-bottom .left-bottom__prev {
    cursor: pointer;
    font-size: 13px;
    color: #b1bbcb;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    transition: 320ms;
}

.quiz .quiz__left-bottom .left-bottom__prev::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: #b1bbcb;
    bottom: -3px;
    opacity: 0.7;
}

.quiz .quiz__right {
    width: 35rem;
    flex-shrink: 0;
    padding: 2rem 3.5rem;
}

.quiz .quiz__right-header {
    text-align: center;
}

.right-header__woman {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.right-header__woman img {
    width: 10.5rem;
}

.woman-title {
    background: #FFD233;
    width: 12rem;
    height: 2rem;
    margin: -2rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 5;
    border-radius: 0.4rem;
    font-weight: 500;
    font-size: 1.5rem;
}

.quiz .quiz__right-header .right-header__title {
    font-size: 1.5rem;
    color: #686b75;
    line-height: 1.667;
    text-align: center;
    margin: 1rem 0 3rem;
}

.quiz .quiz__right-content .right-content__title {
    padding: 2rem 0 2.5rem;
    text-align: center;
    border-top: 1px solid #dfe3e7;
    font-size: 1.8rem;
    color: #111111;
    width: 100%;
    font-weight: 700;
}

.quiz .content {
    margin: 3rem 0 0;
    display: none;
}

.quiz .content .content2__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    .quiz .content .content2__top {
        justify-content: space-between;
        padding: 0 1rem !important;
    }
}

.quiz .content .content2__top .input-box {
    width: 27rem;
    margin-bottom: 2rem;
    margin-right: 3rem;
}

@media screen and (max-width: 575px) {
    .quiz .content .content2__top .input-box {
        margin: 0 0 1.5rem;
        width: 47%;
    }

    .quiz .content .content2__top .input-box input {
        font-size: 1.6rem;
        padding: 2rem 1rem;
    }
}

.quiz .content .content2__top .input-box:nth-child(2),
.quiz .content .content2__top .input-box:nth-child(5) {
    margin-right: 0;
}

.quiz .content .content2__top .input-box .input-title {
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 5px;
}

@media screen and (max-width: 575px) {
    .quiz .content .content2__top .input-box .input-title {
        text-align: center;
    }
}

.quiz .content .content2__top .input-box .t-input {
    border-radius: 0;
    height: 6.5rem;
}

.quiz .content .content2__top .input-box.center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.quiz .content .content2__top .input-box.center .radio-item__simple {
    margin-top: 2rem;
}

.quiz .content .content2__bottom {
    margin-top: 0;
}

.quiz .content .content2__bottom .input-box:nth-child(2),
.quiz .content .content2__bottom .input-box:nth-child(5) {
    width: auto;
}

@media screen and (max-width: 575px) {
    .quiz .content .content2__bottom .input-box {
        width: 100% !important;
        padding-left: 15%;
    }
}

.quiz .content .left-content__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    margin: 0 auto 3rem;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__title {
        width: 85%;
        margin: 0 auto 4rem;
        text-align: center;
    }
}

.quiz .content .left-content__title.center {
    justify-content: center;
    text-align: center;
}

.quiz .content .left-content__title span {
    background: #FFD233;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #4c4a44;
    flex-shrink: 0;
    text-align: left;
    flex-shrink: 0;
}

.quiz .content .left-content__title b {
    text-align: left;
    padding-left: 1.5rem;
    font-size: 2.2rem;
    color: #111111;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__title b {
        padding-left: 1.5rem;
    }
}

.quiz .content.content2 .left-content__title,
.quiz .content .content2__top {
    padding-left: 8rem;
}

@media (max-width: 575px) {
    .quiz .content.content2 .left-content__title,
  .quiz .content .content2__top {
        padding-left: 4rem;
    }
}

@media (max-width: 575px) {
    .quiz .content.content2 .left-content__title,
  .quiz .content .content2__top {
        padding-left: 0;
    }
}

@media screen and (max-width: 575px) {
    .quiz .content.content2 .left-content__title,
  .quiz .content .content2__top {
        margin-top: 0;
    }
}

.quiz .content.content2 .left-content__title.title2 b,
.quiz .content .content2__top.title2 b {
    padding-left: 0;
}

@media screen and (max-width: 575px) {
    .quiz .content.content2 .left-content__title.title2 b,
  .quiz .content .content2__top.title2 b {
        text-align: center;
    }
}

.quiz .content .title2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 575px) {
    .quiz .content .title2 {
        margin-top: 3rem !important;
    }
}

.quiz .content .left-content__box {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__box {
        justify-content: space-between;
    }
}

.quiz .content .left-content__box.fourth {
    margin: 0 auto;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__box.fourth {
        justify-content: space-between;
    }
}

.quiz .content .left-content__box.fourth .radio-item__img {
    width: 25rem;
    margin: 1rem 1rem !important;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__box.fourth .radio-item__img {
        width: 48%;
        margin: 1rem 0 !important;
    }
}

.quiz .content .left-content__box input[type="radio"] {
    display: none;
}

.quiz .content .left-content__box input[type="checkbox"] {
    display: none;
}

.quiz .content .left-content__box .radio-item__simple {
    display: block;
    margin-top: 1.5rem;
    width: 100%;
    cursor: pointer;
    transition: 220ms;
    margin-right: 0;
}

.quiz .content .left-content__box .radio-item__simple input:checked + .radio-content .radio-flag img {
    opacity: 1;
}

.quiz .content .left-content__box .radio-item__simple .radio-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.quiz .content .left-content__box .radio-item__simple .radio-content:hover .radio-flag {
    background: #e0e2e4;
}

.quiz .content .left-content__box .radio-item__simple .radio-content .radio-flag {
    transition: 120ms;
    background: #f0f3f5;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.quiz .content .left-content__box .radio-item__simple .radio-content .radio-flag img {
    width: 55%;
    margin-right: -2px;
    opacity: 0;
    transition: 220ms;
}

.quiz .content .left-content__box .radio-item__simple .radio-content .radio-title {
    text-align: left;
    padding-left: 2rem;
    font-size: 1.6rem;
    color: #111111;
}

.quiz .content .left-content__box .radio-item__img {
    border: 1px solid #ebeef0;
    background: white;
    margin-top: 3.5rem;
    width: 30%;
    border-radius: 1.5rem;
    position: relative;
    cursor: pointer;
    transition: 220ms;
    margin-right: 3%;
    display: flex;
}

.quiz .content .left-content__box .radio-item__img:nth-child(3n) {
    margin-right: 0;
}

.quiz .content .left-content__box .radio-item__img input:checked + .radio-content .radio-flag__inner {
    background: #FFD233;
}

.quiz .content .left-content__box .radio-item__img input:checked + .radio-content .radio-flag__inner .img-svg path {
    fill: #fff;
}

.quiz .content .left-content__box .radio-item__img .radio-flag {
    background: white;
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
    border-radius: 50%;
    box-shadow: 0px 0px 25px 0px rgba(110, 115, 153, 0.1);
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.quiz .content .left-content__box .radio-item__img .radio-flag__inner {
    border-radius: 50%;
    background: #f0f3f5;
    width: 75%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz .content .left-content__box .radio-item__img .radio-flag__inner .img-svg {
    margin-right: -1px;
    margin-bottom: -2px;
}

.quiz .content .left-content__box .radio-item__img .radio-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.quiz .content .left-content__box .radio-item__img .radio-content .radio-img {
    border-radius: 1.5rem 1.5rem 0 0;
    height: 14rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.quiz .content .left-content__box .radio-item__img .radio-content .radio-title {
    padding: 1.2rem 1rem;
    font-size: 1.7rem;
    color: #111111;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__box .radio-item__img .radio-content .radio-title {
        font-size: 2rem;
    }
}

.quiz .content .left-content__box .radio-item__img .radio-content .radio-subtitle {
    font-size: 1.4rem;
    color: #8a919d;
    font-weight: 400;
    text-align: center;
    padding: 0 1rem 1.5rem;
    flex-grow: 1;
}

@media screen and (max-width: 575px) {
    .quiz .content .left-content__box .radio-item__img .radio-content .radio-subtitle {
        font-size: 1.7rem;
        margin-top: -0.5rem;
    }

    .quiz .content .left-content__box .radio-item__img .radio-content .radio-subtitle br {
        display: none;
    }
}

.quiz .content .left-content__box .radio-item__img .radio-content .radio-title.small {
    font-size: 1.6rem;
}

.quiz .img-center {
    width: 100%;
    display: flex;
    justify-content: center;
}

.quiz .img-center .radio-item__img {
    margin: 0 3%;
}

@media screen and (max-width: 575px) {
    .quiz .img-center {
        justify-content: space-between;
    }
}

.quiz .quiz__itog {
    width: 100%;
    display: none;
    z-index: 2;
    padding: 5rem 9rem 1rem;
    border-radius: 1.4rem;
    text-align: center;
}

.quiz .quiz__itog .quiz__left-header {
    text-align: center;
}

.quiz .quiz__itog .left-content__box {
    justify-content: space-between;
}

.quiz .quiz__itog .quiz__step-box {
    display: flex;
    align-items: center;
    color: #8c94a2;
    justify-content: center;
}

.quiz .quiz__itog .quiz__step-box .quiz__step-title {
    margin-left: 15px;
    font-size: 13px;
    color: #8c94a2;
    text-transform: uppercase;
}

.quiz .quiz__itog .quiz__progress {
    justify-content: center;
    margin-top: 2rem;
}

.quiz .quiz__itog .quiz__progress .progress__line {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.quiz .quiz__itog .quiz__progress .progress__line:last-child {
    margin-right: 0;
}

.quiz .quiz__itog .content7 {
    margin-top: 1rem;
    justify-content: flex-start;
    height: auto;
    display: block;
}

.quiz .quiz__itog .content7 .left-content__box {
    justify-content: space-between;
}

.quiz .quiz__itog .content7 .radio-item__simple {
    margin-top: 3.5rem;
    width: 33%;
    margin-right: 0;
    white-space: nowrap;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__itog .content7 .radio-item__simple {
        margin-top: 1.5rem !important;
    }
}

.quiz .quiz__itog .content7 .radio-item__simple .radio-content .radio-title {
    font-size: 1.6rem;
    padding-left: 1rem;
}

@media (max-width: 575px) {
    .quiz .quiz__itog .content7 .radio-item__simple .radio-content .radio-title {
        white-space: pre-wrap;
    }
}

.quiz .quiz__itog .quiz__itog-contacts {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item {
    text-align: left;
    flex-shrink: 0;
    width: 30%;
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item:last-child {
    margin-right: 0;
    margin-bottom: 4px;
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item .title {
    text-align: left;
    font-size: 1.8rem;
    color: #111111;
    font-weight: 600;
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item input {
    margin-top: 1.2rem;
    text-align: left;
    padding: 3rem;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item input {
        font-size: 2.2rem;
    }
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item input::-moz-placeholder {
    color: #8c94a2;
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item input:-ms-input-placeholder {
    color: #8c94a2;
}

.quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item input::placeholder {
    color: #8c94a2;
}

.quiz .quiz__itog button {
    height: 7.5rem;
    border-radius: 1.6rem;
    width: 100%;
}

@media screen and (max-width: 575px) {
    .quiz .quiz__itog button {
        font-size: 2.1rem;
        height: 9.5rem;
    }
}

.quiz .quiz__itog-title {
    font-size: 2.4rem;
    color: #111111;
    margin: 3rem 0 2rem;
    font-weight: 500;
    text-align: center;
}

.quiz .quiz__itog-subtitle {
    text-align: center;
    font-size: 2rem;
    color: #686b75;
}

button.left-bottom__next .bg {
    z-index: 2 !important;
}

.step1 .content1 {
    display: block;
}

.step1 .left-bottom__prev {
    opacity: 0;
    pointer-events: none;
}

.step2 .quiz__progress .progress__line.line2 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step2 .content2 {
    display: block;
}

.step3 .quiz__progress .progress__line.line2 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step3 .quiz__progress .progress__line.line3 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step3 .content3 {
    display: block;
}

.step4 .quiz__progress .progress__line.line2 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step4 .quiz__progress .progress__line.line3 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step4 .quiz__progress .progress__line.line4 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step4 .content4 {
    display: block;
}

.step5 .quiz__progress .progress__line.line2 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step5 .quiz__progress .progress__line.line3 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step5 .quiz__progress .progress__line.line4 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step5 .quiz__progress .progress__line.line5 {
    background: #FFD233 url("../img/icons/progress.png") repeat-x;
    -webkit-animation: moving 1s linear infinite;
    animation: moving 1s linear infinite;
}

.step5 .content5 {
    display: block;
}

.step6 .quiz__left {
    display: none;
}

.step6 .quiz__right {
    display: none;
}

.step6 .quiz__progress {
    margin-left: 0;
}

.step6 .quiz__itog {
    display: block;
}

.step6 .content6 {
    display: block;
}

.step_thanks .quiz__left {
    display: none;
}

.step_thanks .quiz__right {
    display: none;
}

.step_thanks .quiz__box {
    display: none;
}

.step_thanks .quiz__itog {
    display: none;
}

.step_thanks .thanks2 {
    display: block;
}

.thanks2 {
    display: none;
    text-align: center;
    width: 100%;
    border-radius: 1.4rem;
    height: 65rem;
    padding: 1rem;
    box-shadow: 0px 0px 79px 0px rgba(110, 115, 153, 0.1);
    background: #fff url("../img/clock.jpg") no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.thanks2__box {
    border-radius: 1.4rem;
    width: 100%;
    height: 100%;
    padding: 2rem 2rem 10rem;
}

.thanks2__check {
    margin-top: -1rem;
}

.thanks2__top {
    border: 1px solid #FFD233;
    display: inline-block;
    border-radius: 6px;
    padding: 1.2rem 2.5rem;
    font-size: 13px;
    color: #8c94a2;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1rem;
}

.thanks2__img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.thanks2__title {
    display: block;
    font-size: 2.4rem;
    color: #111111;
    margin: -1rem 0 2rem;
    font-weight: 700;
}

.thanks2 .quiz__itog-advantages {
    max-width: 90%;
    margin: 4rem auto 0;
}

.thanks2__subtitle {
    font-size: 2rem;
    color: #686b75;
    margin-bottom: 1rem;
}

.thanks2__desc {
    font-size: 2rem;
    color: #686b75;
}

.thanks2__gift {
    margin-top: 3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
}

.thanks2__gift .gift__img {
    height: 10rem;
}

.thanks2__gift .gift__title {
    text-align: left;
    font-size: 1.9rem;
    color: #686b75;
    line-height: 1.2;
    transition: 220ms;
}

.thanks2__gift .gift__title:hover {
    color: #FFD233;
}

@media screen and (max-width: 575px) {
    .quiz {
        padding: 0;
    }

    .quiz .quiz__step {
        font-size: 12px;
    }

    .quiz .quiz__progress {
        margin-top: 4rem;
    }

    .quiz .quiz__progress .progress__line {
        width: 13.5%;
        margin: 0 1rem;
    }

    .quiz .left-bottom__next .shadow {
        bottom: 1px;
    }

    .quiz button[type="submit"] .shadow {
        bottom: 1px;
    }

    .quiz div.left-bottom__next .hidden-lg {
        display: block;
    }

    .quiz div.left-bottom__next span {
        display: none;
    }

    .quiz button.left-bottom__next .shadow {
        bottom: -6px;
    }

    .quiz .quiz__left {
        padding: 2rem 1.5rem;
    }

    .quiz .quiz__left-bottom {
        padding-right: 0;
        padding-bottom: 1rem;
        flex-direction: column;
    }

    .quiz .quiz__left-bottom .btn-box {
        width: 240px;
        order: 0;
        margin: 0 auto 30px;
    }

    .quiz .quiz__left-bottom .btn-box .t-btn {
        width: 35rem;
        height: 65px;
        font-size: 12px;
    }

    .quiz .quiz__left-bottom .left-bottom__prev {
        order: 1;
        margin-bottom: 10px;
    }

    .quiz .quiz__right {
        display: none;
    }

    .quiz .content {
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .quiz .content .left-content__box .radio-item__simple {
        width: 100%;
        margin: 0.5rem 0 0;
    }

    .quiz .content .left-content__box .radio-item__simple .radio-content:hover .radio-flag {
        background: #f0f3f5;
    }

    .quiz .content .left-content__box .radio-item__simple .radio-content .radio-title {
        font-size: 1.8rem;
    }

    .quiz .content .left-content__box .radio-item__img {
        width: 47%;
        margin: 0 0 15px !important;
    }
}

@media screen and (max-width: 575px) and (max-width: 575px) {
    .quiz .content .left-content__box .radio-item__img {
        width: 46%;
    }
}

@media screen and (max-width: 575px) {
    .quiz .quiz__itog {
        background-position: top left;
        padding: 4rem 3rem 2rem;
    }

    .quiz .quiz__itog .quiz__step-box .quiz__step-title {
        font-size: 11px;
    }

    .quiz .quiz__itog .quiz__progress {
        justify-content: space-between;
        display: none;
    }

    .quiz .quiz__itog .quiz__progress .progress__line {
        width: 18%;
    }

    .quiz .quiz__itog .content6 .radio-item__simple {
        width: 100%;
        margin-top: 1rem;
    }

    .quiz .quiz__itog .content6 .radio-item__simple .radio-content .radio-title {
        font-size: 1.8rem;
        padding-left: 2rem;
    }

    .quiz .quiz__itog .quiz__itog-contacts {
        flex-wrap: wrap;
    }

    .quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item {
        width: 100%;
        margin-bottom: 3rem;
    }

    .quiz .quiz__itog .quiz__itog-contacts .itog-contacts__item .title {
        font-size: 2.2rem;
        text-align: center;
    }

    .thanks2 {
        background: #fff url("../img/clock.jpg") no-repeat;
        background-size: 500px;
        background-position: center bottom;
        height: auto;
        padding-bottom: 12rem;
    }

    .thanks2__box {
        padding-bottom: 5rem;
    }

    .thanks2__subtitle {
        max-width: 80%;
        margin: 2rem auto 3rem;
    }

    .thanks2__desc {
        max-width: 80%;
        margin: 2rem auto 0;
    }

    .thanks2__gift {
        max-width: 85%;
        margin: 3rem auto 0;
    }
}

@media (max-width: 360px) {
    .quiz .quiz__itog .quiz__step-box .quiz__step-title {
        display: none;
    }
}

.label__box {
    margin-top: 5rem;
    margin-left: 5rem;
}

@media screen and (max-width: 575px) {
    .label__box {
        margin-left: 3rem;
    }
}

.label__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.5rem;
    cursor: pointer;
    font-size: 1.7rem;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .label__item {
        font-size: 2rem;
    }
}

.label__item input {
    display: none;
}

.label__item input:checked ~ .check {
    background: #FFD233;
}

.label__item input:checked ~ .check .img-svg path {
    fill: #fff;
}

.label__item input:checked ~ span {
    font-weight: 500;
}

.label__item .check {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.3rem solid #fff;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.02);
    margin-right: 1rem;
    background: #f0f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .label__item .check {
        width: 3.5rem;
        height: 3.5rem;
        margin-right: 1.5rem;
    }
}

.label__item .check .img-svg {
    width: 40%;
}

.messenger-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #000;
    background-color: #f0f0f0;
    border-radius: 30px;
    padding: 1rem 2rem;
    width: 32.5%;
    transition: 220ms;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .messenger-label {
        font-size: 13px;
    }
}

@media screen and (max-width: 360px) {
    .messenger-label {
        font-size: 11px;
    }
}

.messenger-label:hover, .messenger-label.active {
    background: #FFD233;
}

.messenger-label input {
    display: none;
}

.messenger-label img {
    margin-right: 12px;
    width: 25px;
}

@media screen and (max-width: 991px) {
    .messenger-label img {
        width: 20px;
    }
}

@media screen and (max-width: 575px) {
    .messenger-label img {
        width: 18px;
    }
}

@media screen and (max-width: 360px) {
    .messenger-label img {
        width: 15px;
    }
}

/* -------------- ОТЗЫВЫ ------------------- */
@media screen and (max-width: 575px) {
    .reviews-section {
        padding-bottom: 5rem;
    }
}

.reviews-section .t-title .reviews__count {
    position: absolute;
    left: 22rem;
    top: 1.5rem;
    font-size: 2.4rem;
}

@media screen and (max-width: 575px) {
    .reviews-section .t-title .reviews__count {
        left: 27rem;
        top: 5.5rem;
    }
}

.reviews-section .reviews__box {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    margin-top: 6rem;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box {
        flex-direction: column;
        align-items: center;
        margin-top: 4rem;
    }
}

.reviews-section .reviews__box__item {
    width: 32%;
    background: #fff;
    border-radius: 1.2rem;
    position: relative;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item {
        width: 48rem;
        margin-bottom: 2rem;
    }
}

.reviews-section .reviews__box__item__inner {
    padding: 2rem;
    border: 0.1rem solid #7777778f;
    border-radius: 1.2rem;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner {
        padding: 2.5rem;
    }
}

.reviews-section .reviews__box__item__inner__header {
    display: flex;
    justify-content: space-between;
}

.reviews-section .reviews__box__item__inner__header__left {
    display: flex;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.reviews-section .reviews__box__item__inner__header__left-ava {
    width: 3.3rem;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner__header__left-ava {
        width: 4rem;
    }
}

.reviews-section .reviews__box__item__inner__header__left-ava .name {
    border-radius: 0.6rem;
    background: #FFD233;
    height: 3.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.9rem;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner__header__left-ava .name {
        font-size: 2.3rem;
        height: 4rem;
    }
}

.reviews-section .reviews__box__item__inner__header__left__texts-name {
    font-size: 1.4rem;
    font-weight: 500;
    color: #23323a;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner__header__left__texts-name {
        font-size: 1.9rem;
    }
}

.reviews-section .reviews__box__item__inner__header__left__texts-about {
    font-size: 1.2rem;
    color: #7b7b7b;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner__header__left__texts-about {
        font-size: 1.5rem;
    }
}

.reviews-section .reviews__box__item__inner__header__right {
    width: 8rem;
}

.reviews-section .reviews__box__item__inner-review {
    font-size: 1.4rem;
    color: #23323a;
    font-weight: 400;
    margin-top: 1.5rem;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner-review {
        font-size: 1.8rem;
    }
}

.reviews-section .reviews__box__item__inner-like {
    width: 2.4rem;
    pointer-events: none;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__box__item__inner-like {
        display: none;
    }
}

.reviews-section .reviews__last {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    margin-top: 2rem;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__last {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 1rem;
    }
}

.reviews-section .reviews__last__icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    text-align: center;
    background: #ff0432;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__last__icon {
        width: 3.4rem;
        height: 3.4rem;
        padding-top: 0.5rem;
    }
}

.reviews-section .reviews__last__icon-text {
    font-size: 1.8rem;
    color: #fff;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__last__icon-text {
        font-size: 2rem;
    }
}

.reviews-section .reviews__last-text {
    font-size: 1.3rem;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .reviews-section .reviews__last-text {
        width: 30rem;
        font-size: 1.5rem;
        margin-top: 1rem;
    }
}

.reviews-section .reviews__last-text span {
    color: #ff0432;
}

.text-section {
    padding: 15rem 0 4rem;
    text-align: left;
}

.text-section .t-title {
    text-align: left;
    margin-bottom: 2rem;
}

.test-section {
    position: relative;
    z-index: 33;
    background-color: #FEFEFE;
    background-image: url("../img/intro/pc-bg.jpg");
    background-repeat: no-repeat;
    background-size: 192rem auto;
    background-position: center top;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .test-section {
        z-index: 4;
        padding-bottom: 4rem;
    }
}

.test__slider {
    width: 93rem;
    flex-shrink: 0;
    position: relative;
}

@media screen and (max-width: 575px) {
    .test__slider {
        display: none;
    }
}

.test__slider .slick-dots {
    position: absolute;
    right: 5rem;
    bottom: 1rem;
    display: block !important;
    text-align: right;
}

.test__slider .slick-dots li {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

.test__slider .slick-dots li.slick-active button {
    background: #F2CD48;
}

.test__slider .slick-dots button {
    width: 1rem;
    height: 1rem;
    margin: 0 .5rem;
    background: #FDFDFD;
}

.test__slider .slick-dots button::before {
    display: none;
}

.test__slider-inner {
    margin: 0 !important;
}

.test__slider-inner .img {
    height: 91rem;
    background-repeat: no-repeat;
    background-size: 130rem auto;
    background-position: left top;
}

.test__slider-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54rem;
    z-index: 10;
    padding: 0.5rem 0;
    padding-left: 12rem;
    font-size: 1.3rem;
    line-height: 1.2;
    background: #fff;
    border-radius: 0 .5rem 0 0;
}

.test__slider-info b {
    font-size: 1.5rem;
}

.test__content {
    flex-grow: 1;
    padding-left: 9rem;
    padding-right: 9rem;
}

@media screen and (max-width: 575px) {
    .test__content {
        padding: 0 2.5rem;
    }
}

.test__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 1rem;
}

@media screen and (max-width: 575px) {
    .test__header {
        display: none;
    }
}

.test__header .logo {
    width: 18rem;
    margin-right: auto;
}

.test__geo {
    margin-top: 7rem;
}

@media screen and (max-width: 575px) {
    .test__geo {
        margin-top: 15rem;
    }
}

.test__title {
    font-size: 3.1rem;
    margin: 8rem 0 7rem;
}

@media screen and (max-width: 575px) {
    .test__title {
        margin: 3rem 0 3rem;
        font-size: 3.6rem;
        line-height: 1.2;
    }

    .test__title br {
        display: none;
    }
}

.test__title b {
    font-size: 3.6rem;
}

@media screen and (max-width: 575px) {
    .test__title b {
        font-size: 3.6rem;
    }
}

.test__gift {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.9rem;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    .test__gift {
        font-size: 2rem;
    }
}

.test__gift img {
    width: 3.7rem;
    margin-right: 1.5rem;
}

@media screen and (max-width: 575px) {
    .test__gift img {
        margin-right: 2rem;
    }
}

@media screen and (max-width: 575px) {
    .test__gift br {
        display: none;
    }
}

.test__footer {
    align-items: flex-start;
    margin: 6.5rem 0 2rem;
}

@media screen and (max-width: 575px) {
    .test__footer {
        display: block;
        margin: 3rem 0 3rem;
    }
}

.test__footer .test__btn {
    width: 36rem;
    height: 7rem;
    background: #FFD233;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.7rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: #000;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .test__footer .test__btn {
        width: 100%;
        height: 9rem;
        font-size: 2rem;
    }
}

.test__footer .test__btn img {
    width: 2rem;
    margin-left: 1rem;
}

@media screen and (max-width: 575px) {
    .test__footer .test__btn img {
        margin-top: -0.5rem;
    }
}

.test__footer .test__pdf {
    margin-left: 3rem;
    align-items: center;
}

@media screen and (max-width: 575px) {
    .test__footer .test__pdf {
        margin: 3rem 0 0;
    }
}

.test__footer .test__pdf span {
    margin-left: 0.5rem;
    color: #373737;
}

@media screen and (max-width: 575px) {
    .test__footer .test__pdf span {
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 575px) {
    .test__date {
        display: none;
    }
}

.test__advantages {
    margin: 8rem 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 84rem;
}

@media screen and (max-width: 575px) {
    .test__advantages {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 4rem 0 0;
    }
}

.test__advantages-item {
    width: 27rem;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    .test__advantages-item {
        width: 48%;
        margin: 0 0 3rem;
    }

    .test__advantages-item br {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .test__advantages-item:nth-child(1) {
        margin-right: 2rem;
    }
}

.test__advantages-item:last-child {
    margin-right: 0;
}

.test__advantages-item img {
    width: 8rem;
    margin-right: 1.5rem;
}

@media screen and (max-width: 575px) {
    .test__advantages-item img {
        width: 7rem;
    }
}

.test__floor {
    top: 52rem;
    z-index: 10;
}

.test__mouse {
    position: absolute;
    left: 49%;
    transform: translateX(-50%);
    bottom: -4rem;
    background: #F3F3F3;
    border-radius: 1.5rem;
    width: 7.5rem;
    height: 10rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
}

.test__mouse img {
    width: 2rem;
    margin-top: 1.5rem;
}

@media screen and (max-width: 575px) {
    .test__mouse {
        display: none;
    }
}

/* -------------- СТРАНИЦА СПАСИБО ------------------- */
.thanks-section {
    text-align: left;
    margin: 18rem 0 0;
    position: relative;
    flex-grow: 1;
}

@media screen and (max-width: 575px) {
    .thanks-section {
        padding-bottom: 4rem;
        margin-top: 15rem;
    }
}

.thanks-section .t-title {
    font-size: 3.6rem;
}

@media screen and (max-width: 575px) {
    .thanks-section .t-title {
        font-size: 3.6rem;
        line-height: 1.3;
        font-size: 3.2rem;
    }
}

.thanks-section .t-title b {
    font-size: 4.2rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 575px) {
    .thanks-section .t-title b {
        font-size: 4.6rem;
        line-height: 1.1;
    }
}

.thanks__man {
    width: 55.7rem;
    position: absolute;
    right: 13rem;
    bottom: -4rem;
}

@media screen and (max-width: 575px) {
    .thanks__man {
        display: none;
    }
}

.thanks__list {
    list-style: none;
    padding: 0;
    margin: -1rem 0 4rem;
}

.thanks__list li {
    color: #666768;
    font-size: 2rem;
    background-image: url("../img/thanks/list.png");
    background-repeat: no-repeat;
    background-size: 2.4rem auto;
    padding-left: 5rem;
    margin-bottom: 1.8rem;
    background-position: 0 .4rem;
}

@media screen and (max-width: 575px) {
    .thanks__list li {
        font-size: 2.4rem;
        padding-left: 4.3rem;
        font-size: 2.4rem;
        background-size: 2.5rem auto;
        background-position: 0 .8rem;
    }
}

.thanks__box {
    position: relative;
    background: #29414A;
    padding: 2rem 0;
    color: #fff;
}

@media screen and (max-width: 575px) {
    .thanks__box {
        padding: 2.5rem 0;
    }
}

.thanks__box .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    .thanks__box .container {
        justify-content: space-between;
    }
}

.thanks__box .title {
    margin-left: 3rem;
    margin-right: 4rem;
    font-size: 1.9rem;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    .thanks__box .title {
        font-size: 2.2rem;
        margin: 0;
    }

    .thanks__box .title br {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .thanks__box .t-btn {
        font-size: 2rem;
        white-space: nowrap;
        padding: 2rem 2rem;
    }
}

.thanks__floor {
    top: 77rem;
}

.index-thanks {
    margin: 3rem 0 5rem;
}

@media screen and (max-width: 575px) {
    .index-thanks {
        margin: 7rem 0 0rem;
    }
}

.index-thanks .thanks__list {
    margin: 0 0 5rem;
    padding-left: 5.5rem;
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__list {
        padding: 0;
    }
}

.index-thanks .thanks__list li {
    font-size: 2.2rem;
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__list {
        padding-bottom: 0;
    }
}

.index-thanks .t-title {
    line-height: 0.9;
}

@media screen and (max-width: 575px) {
    .index-thanks .t-title {
        line-height: 1.1;
    }
}

@media screen and (max-width: 575px) {
    .index-thanks .t-title b {
        font-size: 3.6rem;
    }
}

.index-thanks .thanks__box {
    padding: 0;
    background: none;
}

.index-thanks .thanks__box-inner {
    width: 97rem;
    padding: 2rem 0;
    background: #FFF4CF;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 2rem 0 0 2rem;
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__box-inner {
        align-items: flex-start;
        width: 100%;
        flex-wrap: wrap;
        padding: 3rem;
        border-radius: 2rem;
    }
}

.index-thanks .thanks__box .dots {
    width: 4rem;
    margin: 0 3rem;
    margin-top: -2rem;
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__box .dots {
        margin: 0;
        margin-top: 1.5rem;
        margin-right: 2rem;
    }
}

.index-thanks .thanks__box .title {
    font-size: 2.2rem;
    margin: 0;
    margin-right: 8rem;
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__box .title {
        margin: 0 0 3rem;
        font-size: 2.6rem;
        width: 80%;
    }
}

.index-thanks .thanks__box .t-btn {
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    font-weight: 600;
    height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope';
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__box .t-btn {
        width: 100%;
        font-size: 2rem;
    }
}

.index-thanks .thanks__box .t-btn img {
    margin-right: 2rem;
    width: 3.5rem;
}

.index-thanks .thanks__man {
    width: 45rem;
    position: absolute;
    right: 3rem;
    bottom: 0;
    z-index: 10;
}

@media screen and (max-width: 575px) {
    .index-thanks .thanks__man {
        display: none;
    }
}

/* MODAL */
.overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.overlay__inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 7vh;
    padding-bottom: 5vh;
}

@media screen and (max-width: 575px) {
    .overlay__inner {
        padding: 0;
    }
}

.modal__close {
    cursor: pointer;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 2;
}

.modal__close .img-svg {
    width: 2rem;
    height: 2rem;
    transition: .5s;
}

.modal__close svg:hover {
    stroke: #fff;
}

.modal {
    display: none;
    position: relative;
    width: 117rem;
    border-radius: 1rem;
    background-color: #0A0418;
    background-size: cover !important;
    background-position: center !important;
    color: #fff;
}

@media screen and (max-width: 575px) {
    .modal {
        margin: 10rem 0 0;
    }
}

.modal .check {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2rem;
    padding-left: 35px;
    letter-spacing: .025em;
}

.modal .check__box {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #FED233;
    transition: .5s;
    left: 0;
    top: 50%;
    margin-top: -10px;
    border-radius: 6px;
}

.modal .check__box:before {
    content: '';
    height: 10px;
    width: 10px;
    background-color: #FED233;
    transition: .5s;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    opacity: 0;
    border-radius: 2px;
}

.modal .check__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.modal .check__input:checked ~ .check__box::before {
    opacity: 1;
}

.modal .check__box.active:before {
    visibility: visible;
    opacity: 1;
}

.callback {
    color: #000;
    max-width: 54rem;
    width: 100%;
    text-align: center;
    border-radius: 32px;
    background-size: cover;
    background-position: left top;
    padding: 4rem 6rem 2rem;
}

@media screen and (max-width: 575px) {
    .callback {
        padding: 4rem 3rem 2rem;
        max-width: 90vw;
        border-radius: 18px;
    }
}

@media (max-width: 360px) {
    .callback {
        padding: 5rem 2.5rem;
    }
}

.callback .modal__close {
    position: absolute;
    cursor: pointer;
    right: 3.2rem;
    top: 3.2rem;
    opacity: 0.2;
    transition: 320ms;
}

.callback .modal__close .img-svg {
    width: 3rem;
    height: 3rem;
}

.callback .modal__close .img-svg path {
    fill: rgba(0, 0, 0, 0.5);
}

.callback .modal__close:hover {
    opacity: 1;
}

.callback .modal__callback-title {
    text-transform: none;
    font-size: 3rem;
}

@media screen and (max-width: 575px) {
    .callback .modal__callback-title {
        font-size: 2.8rem;
        line-height: 1.2;
        width: 91%;
        margin: 0 auto;
    }
}

.callback .modal__form {
    max-width: 47rem;
    margin: 0 auto;
}

.callback .modal__form-control {
    margin-top: 2rem;
}

@media (max-width: 1400px) and (min-width: 1024px) {
    .callback .modal__form-control {
        margin-top: 2.5rem;
    }
}

.callback .modal__form-control .form-control__title {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

@media (max-width: 360px) {
    .callback .modal__form-control .form-control__title.title2 {
        display: none;
    }
}

.callback .modal__form-control .form-control__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.callback .modal__form-control .form-control__box .control__box-radio {
    width: 31%;
}

.callback .modal__form-control .form-control__box .control__box-radio input {
    display: none;
}

.callback .modal__form-control .form-control__box .control__box-radio input:checked + label {
    padding-left: 0;
    border-color: transparent;
    border-left-color: #fe0933;
    border-left-width: 4px;
    background: rgba(253, 233, 227, 0.4);
}

.callback .modal__form-control .form-control__box .control__box-radio a {
    transition: 320ms;
    height: 5.2rem;
    border: 1px solid #fe0933;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #2f2f2f;
    text-decoration: none;
}

.callback .modal__form-control .form-control__box .control__box-radio a:hover {
  /* background: rgba(0, 135, 242, 0.4); */
}

.callback .modal__form-control .form-control__box .control__box-radio a span {
    opacity: 0.5;
    font-size: 1.7rem;
    margin-left: 1rem;
}

.callback .modal__form-control .form-control__input {
    width: 100%;
    height: 7rem;
    background: #f3f3f3;
    border-radius: 12px;
    border: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: center;
    outline: none;
    margin-bottom: 1.5rem;
    color: #2f2f2f;
    border: 2px solid transparent;
    transition: 220ms;
}

@media (max-width: 360px) {
    .callback .modal__form-control .form-control__input {
        height: 8rem;
    }
}

.callback .modal__form-control .form-control__input::-moz-placeholder {
    color: #bebebe;
}

.callback .modal__form-control .form-control__input:-ms-input-placeholder {
    color: #bebebe;
}

.callback .modal__form-control .form-control__input::placeholder {
    color: #bebebe;
}

.callback .modal__form-control .form-control__input:focus,
.callback .modal__form-control .form-control__input:hover {
    border: 2px solid #FED233;
}

.callback .modal__form .btn {
    background: #FED233;
    width: 100%;
    height: 8rem;
    border-radius: 12px;
}

@media (max-width: 360px) {
    .callback .modal__form .btn {
        height: 8rem;
    }
}

.callback .modal__form .btn:hover {
    transform: scale(1.03);
}

.callback .modal__form .btn span {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #000;
}

.modal__signal {
    margin-bottom: 4rem;
}

.modal__signal-title {
    font-size: 2rem;
    font-weight: 500;
    color: #adbbd7;
    margin-bottom: 2rem;
}

.modal__signal-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 38rem;
}

.signal__item {
    width: 32%;
}

.signal__item span {
    width: 100%;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #1a192e;
    font-weight: 500;
    background: #EEEEEE;
    border-radius: 0.5rem;
    cursor: pointer;
}

.signal__item input {
    display: none;
}

.signal__item.item1 input:checked ~ span {
    background: #00BC4E;
    color: #fff;
}

.signal__item.item2 input:checked ~ span {
    background: #00ABEE;
    color: #fff;
}

.signal__item.item3 input:checked ~ span {
    background: #FED233;
    color: #000;
}

/*  */
.modal.callback .modal__signal {
    margin: 2rem 0 1rem;
    padding: 0;
    width: 100%;
}

.modal.callback .modal__signal-title {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    color: #000;
    font-weight: 400;
}

.modal.callback .modal__signal-box {
    margin: 0 auto;
    width: 34rem;
}

@media screen and (max-width: 575px) {
    .modal.callback .modal__signal-box {
        width: 38rem;
    }
}

.modal.callback .consut-form__agreement {
    justify-content: flex-start;
    text-align: left;
    font-size: 1.4rem;
}

.modal.callback .consut-form__agreement br {
    display: none !important;
}

.modal.callback .consut-form__agreement a {
    display: inline;
    color: #000;
}

.overlay #online_calc p {
    margin: 0 0 10px 0;
}

.overlay #fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

.overlay #fancybox-thumbs.bottom {
    bottom: 2px;
}

.overlay #fancybox-thumbs.top {
    top: 2px;
}

.overlay #fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.overlay #fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

.overlay #fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

.overlay #fancybox-thumbs ul li:hover {
    opacity: 1;
}

.overlay #fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: 0;
}

.overlay #fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

.overlay .sm-testimonial-carousel .item {
    padding: 0 10px 0 0;
    margin: 0 10px;
}

.overlay .sm-testimonial-carousel .owl-wrapper-outer {
    box-shadow: none !important;
}

.overlay .testimonial-thumb {
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.overlay .testimonial-thumb img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.overlay .sm-thumbnail img {
    margin-bottom: 5px;
    margin-right: 5px;
}

.overlay .sm-thumbnail a:last-child img {
    margin-right: 0;
}

.overlay .arcticmodal-container, .overlay .arcticmodal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.overlay .arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

.overlay .arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}

.overlay .arcticmodal-container_i2 {
    padding: 24px;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.overlay .arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}

.overlay .arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url(loading.gif) no-repeat 50% 50%;
}

.overlay body.modal-open .mm-slideout {
    z-index: unset;
}

.overlay li.active {
    transition: all 0.5s;
}

.overlay li:before {
    content: ' ';
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: -1;
    padding: 20px 0;
    margin-top: -20px;
    margin-left: -15px;
    transition: all 0.5s;
}

.overlay li.active a {
    border-bottom: 4px solid transparent;
}

.overlay li.searchable a {
    border-bottom: 4px solid transparent;
    padding-bottom: 16px;
    z-index: 3;
}

.overlay li.searchable {
    z-index: 2;
    position: relative;
}

.overlay li.searchable:before {
    background-color: #efefef;
}

.overlay li[onclick]:before {
    padding-right: 30px !important;
}

.overlay .new_menu.searchable {
    background-color: #efefef;
}

@media screen and (max-width: 1440px) {
    .overlay ul.cd1 li a {
        font-size: 17px;
    }

    .overlay ul.cd1 li {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .overlay .wish {
        width: 25%;
        margin-left: 0;
    }

    .overlay .news_item img {
        height: 80px;
    }

    .overlay .des_news {
        display: none;
    }

    .overlay .news_item {
        min-height: 100px;
    }

    .overlay .dop_news {
        width: initial;
    }

    .overlay input.sh {
        width: 150px;
    }

    .overlay ul.cd1 > li {
        padding-left: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .overlay #ak_top {
        display: none;
    }

    .overlay #wish_name {
        display: none;
    }

    .overlay #wish_comp {
        display: none;
    }

    .overlay .wish {
        width: 15%;
        margin-left: 0;
    }

    .overlay p.item__wish {
        margin-left: 10px;
    }

    .overlay .s_ser {
        display: none;
    }

    .overlay ul.cd1 li a {
        font-size: 16px;
    }

    .overlay ul.cd1 li {
        padding-left: 8px;
    }

    .overlay .cat_pr_a {
        width: 48%;
    }

    .overlay .price_pr {
        font-size: 18px;
    }

    .overlay .name_menu img {
        display: none;
    }

    .overlay .col_33 {
        width: 50%;
    }

    .overlay .ras33 {
        width: 100%;
    }

    .overlay .zap {
        display: none;
    }

    .overlay .product_32 {
        width: 50%;
    }

    .overlay .vb56 {
        margin: 0 auto;
        display: block;
        width: 180px;
    }

    .overlay .in_icon {
        display: none;
    }
}

@media screen and (max-width: 896px) {
    .overlay #main_product_img {
        width: 100%;
    }

    .overlay .ban21 {
        width: 100%;
        background: url(/images/sam.jpg) no-repeat #000;
    }

    .overlay .ban22 {
        width: 100%;
        background: url(/images/pivo.jpg) no-repeat #000;
        margin: 1%;
        margin-left: 0;
    }

    .overlay .ban11 {
        width: 48%;
        background: url(/images/vino.jpg) no-repeat #000;
        margin: 1%;
        margin-left: 0;
    }

    .overlay .ban12 {
        width: 50%;
        background: url(/images/eda.jpg) no-repeat #000;
        margin: 1%;
        margin-right: 0;
    }

    .overlay .ban13 {
        width: 48%;
        background: url(/images/bo.jpg) no-repeat #000;
        margin: 1%;
        margin-left: 0;
    }

    .overlay .ban14 {
        width: 50%;
        background: url(/images/but.jpg) no-repeat #000;
        margin: 1%;
        margin-right: 0;
    }

    .overlay .main_news {
        width: 100%;
    }

    .overlay .main_news2 {
        width: 100%;
    }

    .overlay .image_news img {
        max-width: 600px;
    }

    .overlay .news_item img {
        height: initial;
        width: 100%;
    }

    .overlay .des_news {
        display: block;
    }

    .overlay .news_item {
        min-height: initial;
        float: left;
        margin-bottom: 10px;
    }

    .overlay .dop_news {
        width: 69%;
        margin-left: 1%;
    }

    .overlay .image_news2 {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .overlay #ban_on_main1 {
        display: block;
    }

    .overlay #ban_on_main0 {
        display: none;
    }

    .overlay .col_25_5 {
        width: 50%;
    }

    .overlay h1.h1-zag {
        font-size: 20px;
    }

    .overlay img.news {
        width: 100% !important;
    }

    .overlay div#main_ban {
        margin-top: 60px;
    }

    .overlay .col_16 {
        width: 33.3%;
    }

    .overlay .top_main_1 {
        margin-top: 0;
    }

    .overlay .fr1 {
        margin-top: 50px;
    }

    .overlay h3.start {
        font-size: 35px;
    }

    .overlay p.txt_pr {
        font-size: 30px;
    }

    .overlay .row_1 {
        width: 100%;
        padding: 10px;
    }

    .overlay .row_2 {
        width: 100%;
        padding: 10px;
    }

    .overlay p.date {
        display: none;
    }

    .overlay .text_a {
        width: 100%;
    }

    .overlay .row_25 {
        width: 50%;
    }

    .overlay .row_25:nth-child(3) {
        clear: both;
    }

    .overlay .w_c {
        display: block;
    }

    .overlay .show_cart {
        display: block;
    }

    .overlay .image_news_main img {
        width: 100%;
        max-width: 600px;
    }

    .overlay .thumbnail img {
        width: 100%;
        max-width: 600px;
    }

    .overlay .left {
        display: none;
    }

    .overlay .main_content {
        width: 100%;
        padding: 0;
    }

    .overlay .product-thumb {
        width: 100%;
    }

    .overlay #content {
        margin-top: 0;
    }

    .overlay .col_33, .overlay .col_50 {
        width: 100%;
    }

    .overlay .left_filter {
        width: 40%;
    }

    .overlay .category {
        width: 60%;
    }

    .overlay .product_31 {
        width: 100%;
    }

    .overlay .product_32 {
        width: 100%;
    }
}

@media screen and (max-width: 628px) {
    .overlay .bon2 {
        display: none;
    }

    .overlay .bon {
        display: none;
    }

    .overlay .row_50 {
        width: 100%;
    }

    .overlay .vg {
        width: 100% !important;
    }

    .overlay #main_product_img {
        width: initial;
    }

    .overlay .back {
        position: initial;
        width: 162px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 586px) {
    .overlay .row_50_pr {
        width: 100%;
        padding: 20px !important;
    }

    .overlay .round {
        display: none;
    }

    .overlay .round2 {
        display: none;
    }

    .overlay .round3 {
        display: none;
    }

    .overlay .category.product-list .card_hit {
        min-height: 280px;
    }

    .overlay .image_news2 {
        width: 100%;
    }

    .overlay .dop_news {
        width: 100%;
        margin-left: 1%;
    }

    .overlay .cat_pr_a {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 450px) {
    .overlay #hits_owl .owl-stage {
        padding-bottom: 10px;
    }

    .overlay .mob_cart-2 {
        display: block;
    }

    .overlay .col_25_5 {
        width: 50%;
        padding: 5px;
    }

    .overlay .col_16 {
        width: 45%;
    }

    .overlay h3.start {
        font-size: 30px;
    }

    .overlay p.txt_pr {
        font-size: 25px;
    }

    .overlay #main_product_img {
        width: 100%;
    }

    .overlay .ban11 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .ban12 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .ban13 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .ban14 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .row_25 {
        width: 100%;
    }

    .overlay .owl-nav {
        display: none;
    }

    .overlay .title_main2 a {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1330px) {
    .overlay .calc {
        left: 0;
    }
}

@media screen and (max-width: 1330px) {
    .overlay .work_img {
        width: 95%;
    }

    .overlay #pad20 {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 960px) {
    .overlay .top_cat:nth-child(8) {
        display: none;
    }

    .overlay .top_cat:nth-child(9) {
        display: none;
    }

    .overlay .col_25 {
        width: 50%;
    }

    .overlay .card_hit {
        min-height: initial;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 1130px) {
    .overlay .calc {
        position: initial;
        margin-top: 0;
    }

    .overlay .promo2 {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 725px) {
    .overlay .calc {
        width: 100%;
        padding: 10px;
    }

    .overlay .title_main2 a {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 769px) {
    .overlay {
    /*#top {
            bottom: 20px;
            right: 20px;
        }
        .__jivoMobileButton {
            bottom: 85px !important;
            right: 0 !important;
        }*/
    }
}

@media screen and (max-width: 786px) {
    .overlay #full {
        display: block;
    }

    .overlay .row50 {
        width: 100%;
        padding: 5px;
        min-height: initial;
    }

    .overlay .pad {
        width: 100% !important;
    }

    .overlay .tel {
        width: 100%;
        padding-left: 0;
    }

    .overlay p.title_p {
        font-size: 24px;
    }

    .overlay .col_46 {
        width: 50%;
    }

    .overlay .cc_25 {
        display: none;
    }

    .overlay .cc_75 {
        width: 100%;
    }

    .overlay .mod11 {
        width: initial !important;
        min-width: initial !important;
    }

    .overlay .tel2 {
        width: initial !important;
    }

    .overlay .title_main2 a {
        font-size: 32px;
    }

    .overlay .mod_cat_top {
        margin-top: 0px;
    }
}

@media screen and (max-width: 526px) {
    .overlay {
    /*#top {
            bottom: 20px;
            right: 20px !important;
        }
        .__jivoMobileButton {
            bottom: 85px !important;
        }*/
    }

    .overlay p.img_p2 img {
        width: 30px;
    }

    .overlay p.img_p3 {
        font-size: 14px;
    }

    .overlay img.best_img {
        width: 30px;
    }

    .overlay p.best {
        font-size: 13px;
    }

    .overlay .mod5 {
        min-height: 115px;
    }

    .overlay .wd100 {
        width: 100%;
    }

    .overlay .title_main2 a {
        font-size: 18px !important;
    }

    .overlay .col_45 {
        width: 100%;
    }

    .overlay .col_45_v {
        width: 100%;
    }

    .overlay .work_title {
        left: 15%;
    }

    .overlay .work_title_v {
        right: 15%;
    }
}

@media screen and (max-width: 900px) {
    .overlay .cc_25_1 {
        display: none;
    }

    .overlay .cc_75_2 {
        width: 100%;
    }

    .overlay .mod12 {
        width: initial !important;
        min-width: initial !important;
    }
}

@media screen and (max-width: 420px) {
    .overlay form .col_33 {
        width: 100%;
    }

    .overlay form .col_33 input {
        width: calc(100% - 40px);
        -webkit-appearance: none;
    }

    .overlay .col_33 {
        width: 50%;
        padding: 10px;
    }

    .overlay .col_50 {
        width: 50%;
    }

    .overlay a.call_me {
        margin-left: 15px;
    }

    .overlay .price_cat + a.call_me {
        margin-left: 5px;
        float: none;
    }

    .overlay a.hit_name {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .overlay p.price_cat {
        width: 100%;
        padding: 0;
    }

    .overlay .title_main2 a {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 786px) {
    .overlay .filt {
        display: block;
    }

    .overlay .left_filter {
        display: none;
        margin-top: 10px;
    }

    .overlay .category {
        width: 100%;
        padding: 0;
    }

    .overlay .left_filter {
        width: 100%;
    }
}

.overlay .promo {
    float: left;
    width: 100%;
}

.overlay .top_main_1.promo .content {
    padding-bottom: 0;
}

.overlay .css_y {
    background: #4d568e;
    background: linear-gradient(top left, #4d568e, #7c117a);
}

.overlay .reg:hover {
    background: #207d48;
    color: #fff;
}

.overlay .enter:hover {
    color: #73a14f;
}

.overlay .css_w {
    background: #cb8b3c;
    background: linear-gradient(top left, #cb8b3c, #f56de1);
}

.overlay .css_z {
    background: #210aaf;
    background: linear-gradient(top left, #210aaf, #530e3b);
}

.overlay h5.z_pr {
    font-weight: 700;
    font-size: 33px;
    text-align: left;
}

.overlay a.go {
    display: block;
    text-decoration: none;
    width: 100px;
    text-align: center;
    color: #000;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 500;
    border-radius: 100px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.overlay h2.m_h1 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000;
}

.overlay .round {
    height: 100px;
    width: 200px;
    position: absolute;
    bottom: 0;
    background: #3d6b1945;
    border-radius: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.overlay .round2 {
    height: 200px;
    width: 400px;
    position: absolute;
    background: #73a14f;
    border-radius: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: 0;
    left: 10%;
    z-index: -4;
}

.overlay .round3 {
    height: 100px;
    width: 200px;
    position: absolute;
    bottom: 0;
    background: #3d6b1945;
    border-radius: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: 30%;
}

.overlay .fr1 {
    min-height: 702px;
    background-size: cover;
}

.overlay h3.start {
    position: absolute;
    top: 30%;
    margin: 0;
    padding: 0;
    font-size: 53px;
    font-weight: 700;
    color: #fff;
}

.overlay p.txt_pr {
    position: absolute;
    top: 40%;
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}

.overlay p.txt_pr span {
    text-transform: uppercase;
    font-weight: 700;
    color: #207d48;
}

.overlay a.ab_1 {
    position: absolute;
    text-decoration: none;
    top: 60%;
    background: #207d48;
    color: #fff;
    padding: 25px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 50px;
}

.overlay .bon {
    position: absolute;
    right: 0;
    bottom: 100px;
    background: #207d48;
    border-radius: 200px;
    text-align: center;
    font-weight: 700;
    font-size: 27px;
    width: 200px;
    height: 200px;
    padding-top: 70px;
    opacity: 0.5;
    color: #fff;
}

.overlay .bon2 {
    position: absolute;
    right: 100px;
    top: 100px;
    background: #f44336;
    border-radius: 200px;
    text-align: center;
    font-weight: 700;
    font-size: 27px;
    width: 200px;
    height: 200px;
    padding-top: 70px;
    opacity: 0.5;
    color: #fff;
}

.overlay h4.h4_d {
    font-weight: 700;
    font-size: 22px;
    color: #217c40;
}

.overlay .nb_1 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000;
}

.overlay .name_menu img {
    vertical-align: middle;
    width: 25px;
    margin-right: 3px;
}

.overlay .shad {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}

.overlay .Divider {
    color: #000;
    font-size: 14px;
}

.overlay .mm-listitem__text img {
    vertical-align: middle;
    width: 25px;
    margin-right: 3px;
}

.overlay #latest_tov2 .owl-dots {
    bottom: initial !important;
}

.overlay #latest_tov2 .owl-next {
    top: -56px !important;
    right: 0 !important;
    margin: 0 !important;
}

.overlay #latest_tov2 .owl-prev {
    right: 60px;
    left: initial;
    top: -56px;
    margin: 0;
}

.overlay #latest_tov .owl-dots {
    bottom: initial !important;
}

.overlay #latest_tov .owl-next {
    top: -56px !important;
    right: 0 !important;
    margin: 0 !important;
}

.overlay #latest_tov .owl-prev {
    right: 60px;
    left: initial;
    top: -56px;
    margin: 0;
}

.overlay h1.m_h1 {
    font-size: 27px;
}

.overlay .ff1 {
    width: 200px;
    display: block;
    text-align: center;
    font-size: 28px !important;
    margin: 0 auto;
    margin-top: 50px;
}

.overlay input.sh_new {
    border: none;
    color: #000;
    background: #ffff;
    border-radius: 12px;
    border: 0;
    font-size: 15px;
    width: 230px;
    height: 50px;
    padding: 0 14px;
    outline: 0;
    margin-bottom: 20px !important;
}

.overlay input.sh_new:focus {
    outline: 0;
}

.overlay img.img_sh {
    width: 20px;
    position: absolute;
    top: 6px;
}

.overlay .calc {
    width: 1200px;
    padding: 40px;
    color: #fff;
    margin: 0 auto;
    z-index: 10;
    opacity: 0.95;
    padding-bottom: 30px;
    padding-top: 0;
}

.overlay .mod_on {
    width: 150px !important;
    cursor: pointer;
}

.overlay .mod_gt1 {
    font-weight: 700 !important;
    font-size: 20px !important;
}

.overlay .b_b_1 {
    background: #FED233;
}

.overlay p.title_p {
    color: #fff;
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 30px;
    text-align: center;
}

.overlay .impr {
    width: 25%;
    float: left;
    color: #285473;
}

.overlay p.img_p2 {
    float: left;
    margin-right: 10px;
}

.overlay p.img_p3 {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.overlay p.img_p2 img {
    width: 50px;
}

.overlay .clear {
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}

.overlay .impr_2 {
    float: left;
    width: 40%;
}

.overlay input.phone {
    border: none;
    height: 20px;
    padding: 8px;
    border-radius: 20px;
    padding-left: 15px;
    background: #224b7a;
    color: #fff;
    display: block;
    float: right;
}

.overlay .impr_3 {
    float: left;
    width: 35%;
}

.overlay .impr_4 {
    float: left;
    width: 25%;
}

.overlay input.sumbit {
    border: none;
    height: 36px;
    text-align: center;
    background: #FED233;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    border-radius: 14px;
}

.overlay .sumbit:hover {
    box-shadow: 0 0 7px #fff;
}

.overlay p.title_cat {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.overlay .col_3 {
    width: 33.33%;
    background: #fff;
    padding: 20px;
    float: left;
}

.overlay .color_m {
    padding: 2px;
}

.overlay .color-1 {
    background: #000;
    color: #fff !important;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-2 {
    background: #000;
    background: linear-gradient(top left, #000, #fff);
    color: #fff !important;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-3 {
    background: gray;
    color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-4 {
    border: 1px solid #000;
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-5 {
    background: #faebd7;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-6 {
    background: beige;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-7 {
    background: brown;
    color: #fff !important;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-8 {
    background: maroon;
    color: #fff !important;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .m2 {
    vertical-align: super;
    font-size: 10px;
}

.overlay img.line {
    width: 30px;
    vertical-align: middle;
    margin-right: 3px;
}

.overlay a.call_me:hover {
    box-shadow: 0 0 5px 0 #e1e5eb;
}

.overlay a.call_me {
    font-size: 14px;
    text-decoration: none;
    font-weight: 900;
    color: #fff;
    padding: 12px;
    border-radius: 20px;
    padding-right: 17px;
    padding-left: 17px;
    background: #FED233;
    position: relative;
    overflow: hidden;
    float: right;
}

.overlay .promo.top_50 .b_b_1 {
    padding-top: 50px;
}

.overlay .promo2 {
    margin-bottom: 0 !important;
    margin-top: 40px;
}

.overlay h2.h2_show {
    text-align: center;
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 0;
}

.overlay .main_work {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    clear: both;
}

.overlay .col_45 {
    float: left;
    width: 48%;
    margin: 1%;
}

.overlay .col_45 img {
    width: 100%;
}

.overlay .col_46 {
    float: left;
    width: 25%;
}

.overlay .work_title {
    position: absolute;
    top: 50%;
    left: -3%;
}

.overlay .col_2 {
    float: left;
    width: 50%;
}

.overlay .col_45_v {
    float: left;
    width: 75%;
}

.overlay .work_title_v {
    position: absolute;
    top: 50%;
    right: -15%;
}

.overlay p.price_form_v {
    margin-left: 40px;
    margin-top: 10px;
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.overlay .title_main a {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #FED233;
    color: #000;
    text-decoration: none;
}

.overlay p.title_main {
    margin-left: 40px;
}

.overlay p.price_form {
    margin-left: 40px;
    margin-top: 10px;
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    text-align: right;
}

.overlay .shadow {
    width: 100%;
    position: absolute;
    height: 100%;
    background: #000;
    opacity: 0.3;
    cursor: pointer;
    transition: opacity 0.5s;
}

.overlay .shadow:hover {
    opacity: 0.1;
}

.overlay .title_main2 a {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
    background: #ee4036;
    padding-right: 20px;
    padding-left: 20px;
}

.overlay .k1 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.overlay .mod1 {
    margin-left: 0 !important;
}

.overlay .more2 {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.overlay .cent {
    margin: 0 auto;
    display: block;
    width: 200px;
    text-align: center;
}

.overlay .col_25 {
    float: left;
    width: 25%;
    padding: 15px;
}

.overlay .g_12_1 {
    background: #FED233;
}

.overlay .card_hit {
    border-radius: 25px;
    min-height: 300px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25), 0 7px 14px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: margin-top 0.3s ease-in;
    float: left;
}

.overlay .category.product-list .card_hit {
    display: flex;
    flex-direction: column;
    min-height: 350px;
}

.overlay .category.product-list .card_hit a.hit_name {
    margin-top: auto !important;
}

.overlay .category.product-list .card_hit .about_block {
    margin-bottom: 10px !important;
}

.overlay img.hit_img {
    width: 100%;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    padding-bottom: 10px;
}

.overlay a.hit_name {
    margin: 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    text-decoration: underline;
    text-transform: lowercase;
    height: 60px;
    display: block;
}

.overlay .grad_y {
    float: left;
    width: 100%;
    padding: 5px;
}

.overlay .title_main a:hover {
    background: #FED233;
    color: #fff;
}

.overlay ul.city_ul a:hover {
    background: #FED233;
    color: #fff;
}

.overlay .white {
    color: #fff !important;
}

.overlay .mod5 {
    border-right: 1px solid #ffffff75;
    min-height: 162px;
}

.overlay p.best {
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.overlay img.best_img {
    width: 50px;
}

.overlay .pad {
    padding: 10px;
    padding-left: 0;
}

.overlay .dis {
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px;
    color: #000;
    margin-bottom: 20px;
}

.overlay .add_news {
    float: left;
    width: 200px;
    margin-right: 10px;
}

.overlay img.news {
    width: 100%;
    box-shadow: -1px 2px 8px silver;
}

.overlay .item_new {
    float: left;
    margin-bottom: 12px;
}

.overlay .left_c {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.overlay p.main_text {
    color: gray;
    font-size: 16px;
    font-weight: 400;
}

.overlay .man2 {
    padding: 10px;
}

.overlay p.dis2 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    color: #000;
    margin-bottom: 25px;
    min-height: 155px;
}

.overlay .mod7 {
    margin-bottom: 12px;
    display: block;
    width: 100px;
    color: #fff;
    background: #FED233;
}

.overlay ul.city_ul {
    list-style: none;
    padding: 0;
}

.overlay ul.city_ul a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 17px;
    border-bottom: 1px solid #FED233;
}

.overlay ul.city_ul li {
    margin-bottom: 10px;
}

.overlay ul.city_ul li:before {
    content: none !important;
}

.overlay img.star {
    position: absolute;
    width: 20px;
    left: -25px;
}

.overlay .wave {
    clear: both;
    width: 100%;
    height: 6px;
    background: url(../img/wave.png);
}

.overlay p#footer_info {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin-top: 30px;
}

.overlay img.soc {
    width: 30px;
    margin-right: 5px;
}

.overlay p.b_soc {
    margin-top: 20px;
    margin-bottom: 20px;
}

.overlay p.about {
    color: #000;
    font-size: 13px;
    margin-bottom: 10px;
}

.overlay .mod8 a {
    border-bottom: 1px solid #FED233 !important;
    color: #000;
}

.overlay p.copy2 {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 12px;
    color: #292626;
    text-align: center;
}

.overlay .promo3 {
    margin-bottom: 40px !important;
}

.overlay .show2 {
    position: fixed;
    background: #fff;
    z-index: 99999;
    box-shadow: -1px 2px 8px silver;
    margin-top: 60px;
}

.overlay .mod11 {
    padding: 0 !important;
    box-shadow: none !important;
    float: left;
    min-width: 660px !important;
}

.overlay .mod12 {
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    float: left;
    min-width: 800px !important;
}

.overlay .cc_25 {
    width: 50%;
    float: left;
}

.overlay .cc_75 {
    width: 50%;
    float: left;
}

.overlay .cc_25_1 {
    width: 35%;
    float: left;
}

.overlay .cc_75_2 {
    width: 65%;
    float: left;
}

.overlay img.cc_img {
    width: 100%;
    display: block;
}

.overlay p.zag {
    padding: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin-top: 15px;
}

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

.overlay p.opis_online {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}

.overlay .step {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #000;
    margin-top: 100px;
}

.overlay img.on_1 {
    width: 100px;
    cursor: pointer;
}

.overlay .gt1 {
    font-weight: 700;
    color: #000;
    font-size: 16px;
}

.overlay .wide_100 {
    width: 100%;
    padding: 0;
}

.overlay a.name_menu.small_menu {
    font-weight: 700;
    font-size: 18px;
}

.overlay .small_cat {
    padding-left: 60px !important;
}

.overlay li.top_cat.small_cat2 {
    padding-left: 18px;
}

.overlay .small_cat2 a {
    font-size: 14px !important;
}

.overlay p.show_tel2 {
    margin: 0;
}

.overlay p.show_mail {
    margin: 0;
    color: gray;
    font-size: 12px;
    margin-top: 2px;
}

.overlay p.show_time {
    margin: 0;
    color: gray;
    font-size: 12px;
    margin-top: 2px;
}

.overlay i.fa.fa-angle-left {
    background: url(../img/ar2.png);
    width: 48px;
    height: 48px;
    display: block;
}

.overlay i.fa.fa-angle-right {
    background: url(../img/ar1.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: block;
}

.overlay .owl-theme .owl-nav {
    display: none;
    transition: all 0.2s;
}

.overlay .owl-carousel:hover .owl-nav {
    display: initial;
    transition: all 0.2s;
}

.overlay .promo.top_main_1 {
    margin-bottom: 0;
}

.overlay .impr_2 {
    width: 20%;
    float: left;
    color: #285473;
}

.overlay .yt1 {
    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: center;
    margin-bottom: 20px;
}

.overlay .impr_mod1 {
    width: 50%;
    float: left;
    color: #285473;
}

.overlay #main_ban .owl-dots {
    bottom: 10px;
}

.overlay .left_filter {
    float: left;
    width: 25%;
    padding: 15px;
    border: 1px solid #c0c0c07d;
    margin-top: 30px;
}

.overlay .category {
    float: left;
    width: 75%;
    padding: 15px;
}

.overlay h1.h1-zag {
    text-align: left;
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 17px;
    margin-top: 0;
}

.overlay a.bread_a {
    color: #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.overlay .div_id {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #FED233;
}

.overlay .bread {
    color: silver;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.overlay .col_33 {
    float: left;
    width: 33.3%;
    padding: 15px;
}

.overlay .d-flex {
    display: flex;
    flex-wrap: wrap;
}

.overlay .col_50 {
    width: 50%;
    padding: 15px;
}

.overlay .mod_name {
    display: block !important;
    margin-top: 0 !important;
    border-bottom: none !important;
}

.overlay .mod_call {
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.overlay .about_block {
    float: left;
    width: 100%;
}

.overlay p.price_cat {
    float: left;
    width: 50%;
    padding-left: 15px;
    font-weight: 500;
    font-size: 15px;
    padding-top: 10px;
    white-space: nowrap;
}

.overlay p.name_filter {
    font-weight: 900;
    color: #000;
    font-size: 18px;
}

.overlay .block_fil {
    margin-bottom: 25px;
}

.overlay input[type='checkbox'] {
    display: none;
}

.overlay input[type='checkbox'] + label {
    color: #000;
    font-size: 17px;
    cursor: pointer;
}

.overlay input[type='checkbox'] + label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid silver;
}

.overlay input[type='checkbox']:checked + label span {
    background: url(../img/ok.png);
}

.overlay input[type='radio'] {
    display: none;
}

.overlay input[type='radio'] + label {
    color: #f2f2f2;
}

.overlay input[type='radio'] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -38px top no-repeat;
    cursor: pointer;
}

.overlay input[type='radio']:checked + label span {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -57px top no-repeat;
}

.overlay .product_31 {
    float: left;
    width: 50%;
    padding: 15px;
    padding-left: 0;
    padding-top: 0;
}

.overlay .product_32 {
    float: left;
    width: 30%;
    padding: 15px;
    padding-top: 0;
}

.overlay .product_33 {
    float: left;
    width: 20%;
}

.overlay .product_33 form {
    margin-top: 15px;
    position: relative;
    padding: 15px;
    color: #fff;
    border-radius: 9px;
    border: 12px solid #FED233;
}

.overlay .main_photo img {
    width: 100%;
}

.overlay .small_photo img {
    width: 100px;
    margin-right: 10px;
}

.overlay .small_photo {
    margin-top: 10px;
}

.overlay .back {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1px solid #c0c0c08c;
    padding: 3px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 15px;
}

.overlay .back a {
    color: #000;
    text-decoration: none;
}

.overlay .back img {
    width: 20px;
    vertical-align: middle;
}

.overlay span.atr {
    font-weight: 700;
    font-size: 15px;
}

.overlay span.atr_1 {
    font-size: 14px;
    padding-left: 5px;
}

.overlay p.price_product {
    font-size: 21px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 40px;
}

.overlay .price_product img {
    width: 35px;
}

.overlay h5.h5_title {
    font-weight: 700;
    font-size: 18px;
    margin-top: 0;
    text-align: center;
}

.overlay .zap {
    position: absolute;
    top: -12px;
    left: 50px;
}

.overlay input.in_za {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    padding: 10px 10px 10px 30px;
    font-size: 15px;
    border: 0;
    outline: none;
    border-radius: 14px;
}

.overlay img.in_icon {
    width: 20px;
}

.overlay .block_in {
    position: relative;
}

.overlay img.in_icon {
    width: 18px;
    position: absolute;
    bottom: 9px;
    left: 8px;
}

.overlay .col_33 img.in_icon {
    left: 35px;
    bottom: 50%;
    transform: translateY(50%);
}

.overlay .col_33 input.in_za {
    margin: 0;
    padding: 15px 10px 15px 55px;
    height: 65px;
}

.overlay .mod_sum {
    float: initial !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
}

.overlay .draw {
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
    color: #000;
}

.overlay textarea.in_za {
    width: 175px;
    margin: 0 auto;
    display: block;
    border-radius: 2px;
    border: 0;
    margin-top: 15px;
    padding: 5px;
    font-size: 15px;
    min-height: 100px;
    border: 1px solid #FED233;
}

.overlay a.tag {
    color: #000;
    padding-right: 7px;
    font-size: 16px;
    font-weight: 900;
}

.overlay .row_50_pr {
    float: left;
    width: 50%;
    padding: 20px;
    padding-left: 0;
}

.overlay a.tag:hover {
    color: #FED233;
}

.overlay .title_model {
    font-weight: 700;
    font-size: 16px;
}

.overlay p.text_model {
    font-size: 17px;
    color: #000;
}

.overlay .tags {
    background: #f0f8ff;
    padding: 10px;
}

.overlay .art img {
    width: 25px;
    vertical-align: middle;
    margin-right: 10px;
}

.overlay .art a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #FED233;
    font-size: 16px;
    font-weight: 700;
}

.overlay .video_img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.overlay .art a:hover {
    background: #FED233;
    color: #fff;
}

.overlay .ok_1 {
    width: 23px;
    vertical-align: middle;
    margin-right: 5px;
}

.overlay .col_16 {
    float: left;
    width: 16.6%;
    padding: 5px;
    text-align: center;
}

.overlay .row50 {
    width: 50%;
    float: left;
    padding: 35px;
    padding-left: 0;
}

.overlay .pagination {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 25px;
}

.overlay span.act_pag {
    background: #FED233;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.overlay p.title_model-1 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 700;
    color: #4b77a8;
}

.overlay .bg_red {
    border: 2px solid #ff9800 !important;
}

.overlay img.on_1:hover {
    border: 2px solid #ff9800 !important;
}

.overlay h2.h8_show {
    clear: both;
    width: 100%;
    float: left;
}

.overlay p.all_price {
    float: left;
    width: 100%;
}

.overlay p.all_price-2 {
    color: #4b77a8;
    font-weight: 700;
    font-size: 25px;
    margin-top: 0;
}

.overlay select.or_inp.or_material {
    width: 230px;
    height: 50px;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: 700;
    background: #fff;
    border-radius: 12px;
    color: #000;
    border: 0;
    outline: none;
}

.overlay p.nad {
    font-size: 15px;
    font-weight: 700;
}

.overlay img.img_eye {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.overlay .mod_new {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.overlay .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.overlay .rippleEffect {
    -webkit-animation: rippleDrop 0.6s linear;
    animation: rippleDrop 0.6s linear;
}

@-webkit-keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.overlay .cd1 .top_cat:first-child {
    padding-left: 0 !important;
}

.overlay .active-3 {
    color: #4a76a8 !important;
}

.overlay .mfilter-disabled label {
    color: silver !important;
}

.overlay img.best_img-2 {
    width: 180px;
}

.overlay p.kit_price {
    color: #4b77a8;
    font-weight: 700;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}

.overlay .color-9 {
    background: #ffeb3b;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-10 {
    background: #03a9f4;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-11 {
    background: #ff5722;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-12 {
    background: red;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-13 {
    background: green;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-14 {
    background: #c8a2c8;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-15 {
    background: pink;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-16 {
    background: #9f9;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-17 {
    background: #00f;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .color-18 {
    background: #8b00ff;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.overlay .col_4 {
    width: 25%;
}

.overlay .h5_title {
    color: #000;
    margin-top: 10px;
    text-align: center;
}

.overlay .col_25_5 {
    float: left;
    width: 20%;
    padding: 15px;
}

.overlay p.last_a {
    font-weight: 900;
    font-size: 23px;
}

.overlay .show_time {
    color: #FED233;
}

.overlay #ban_on_main1 {
    display: none;
    margin-top: 70px;
}

.overlay #main_ban0 .owl-dots {
    bottom: 10px;
}

.overlay #main_ban1 .owl-dots {
    bottom: 10px;
}

.overlay .mm-btn_next:after, .overlay .mm-btn_prev:before {
    border-color: #000 !important;
}

.overlay .mob_cart-2 {
    position: absolute;
    right: 2px;
    top: 5px;
    text-transform: lowercase;
    font-weight: 500;
    color: #000;
    display: none;
}

.overlay .mob_cart-2 img {
    border: 1px solid #c0c0c075;
    padding: 1px;
    border-radius: 5px;
    width: 30px;
}

.overlay #hits_owl .owl-stage {
    padding-bottom: 50px;
    padding-top: 10px;
}

.overlay .filt {
    font-weight: 700;
    display: none;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    color: #000;
    position: relative;
    cursor: pointer;
    border: 1px solid silver;
    font-size: 20px;
}

.overlay .filt img {
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.overlay .left_filter {
    display: block;
}

.overlay .our img {
    width: 100px;
}

.overlay a.on_tel {
    color: #000 !important;
    font-weight: 700;
    border-right: 1px solid silver;
    font-size: 11px;
}

.overlay .pol {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid silver;
}

.overlay #full {
    display: none;
    font-weight: 700;
    text-transform: uppercase;
}

.overlay .moscow {
    position: relative;
}

.overlay .col_100 {
    padding-left: 30px;
}

.overlay .moscow a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
    font-size: 19px;
}

.overlay span#show_city {
    border-bottom: 1px dotted #000;
    padding-bottom: 1px;
    font-weight: 500;
    margin-left: 10px;
}

.overlay .block_city {
    display: none;
}

.overlay #te-rab-2 .best_img {
    width: 50px !important;
}

.overlay #ras_me_but-2 {
    display: none;
}

.overlay span.cat_filt {
    border-bottom: 1px dotted;
}

.overlay #te-rab-2 .owl-dots {
    position: relative;
}

.overlay .pagination li {
    display: inline-block;
    padding-right: 12px;
}

.overlay .pagination li a {
    color: #000;
}

.overlay .row50:nth-child(2n) {
    clear: left;
}

.overlay .tag[data-name='Апрелевка'], .overlay .tag[data-name='Балашиха'], .overlay .tag[data-name='Бронница'], .overlay .tag[data-name='Верея'], .overlay .tag[data-name='Видное'], .overlay .tag[data-name='Волоколамск'], .overlay .tag[data-name='Воскресенск'], .overlay .tag[data-name='Высоковск'], .overlay .tag[data-name='Голицыно'], .overlay .tag[data-name='Город'], .overlay .tag[data-name='Дедовск'], .overlay .tag[data-name='Джержинский'], .overlay .tag[data-name='Дмитров'], .overlay .tag[data-name='Долгопрудный'], .overlay .tag[data-name='Домодедово'], .overlay .tag[data-name='Дрезна'], .overlay .tag[data-name='Дубна'], .overlay .tag[data-name='Егорьевск'], .overlay .tag[data-name='Железнодорожный'], .overlay .tag[data-name='Жуковский'], .overlay .tag[data-name='Зарайск'], .overlay .tag[data-name='Звенигород'], .overlay .tag[data-name='Зеленоград'], .overlay .tag[data-name='Ивантеевка'], .overlay .tag[data-name='Истра'], .overlay .tag[data-name='Кашира'], .overlay .tag[data-name='Климовск'], .overlay .tag[data-name='Клин'], .overlay .tag[data-name='Коломна'], .overlay .tag[data-name='Королев'], .overlay .tag[data-name='Котельники'], .overlay .tag[data-name='Красноармейск'], .overlay .tag[data-name='Красногорск'], .overlay .tag[data-name='Краснозаводск'], .overlay .tag[data-name='Краснознаменск'], .overlay .tag[data-name='Кубинка'], .overlay .tag[data-name='Куровское'], .overlay .tag[data-name='Кухни'], .overlay .tag[data-name='Лобня'], .overlay .tag[data-name='Лосино-петровский'], .overlay .tag[data-name='Лукино-дулево'], .overlay .tag[data-name='Луховицы'], .overlay .tag[data-name='Лыткарино'], .overlay .tag[data-name='Люберцы'], .overlay .tag[data-name='Материал'], .overlay .tag[data-name='Можайск'], .overlay .tag[data-name='Москва'], .overlay .tag[data-name='Московский'], .overlay .tag[data-name='Мытищи'], .overlay .tag[data-name='Наро-фоминск'], .overlay .tag[data-name='Ногинск'], .overlay .tag[data-name='Одинцово'], .overlay .tag[data-name='Ожерелье'], .overlay .tag[data-name='Озеры'], .overlay .tag[data-name='Орехово-зуево'], .overlay .tag[data-name='Павловский пасад'], .overlay .tag[data-name='Пересвет'], .overlay .tag[data-name='Подольск'], .overlay .tag[data-name='Протвино'], .overlay .tag[data-name='Пушкино'], .overlay .tag[data-name='Пущино'], .overlay .tag[data-name='Размер'], .overlay .tag[data-name='Раменское'], .overlay .tag[data-name='Реутов'], .overlay .tag[data-name='Рошаль'], .overlay .tag[data-name='Руза'], .overlay .tag[data-name='Сергиев посад'], .overlay .tag[data-name='Серпухов'], .overlay .tag[data-name='Солнечногорск'], .overlay .tag[data-name='Старая купавна'], .overlay .tag[data-name='Стиль'], .overlay .tag[data-name='Стоимость'], .overlay .tag[data-name='Ступино'], .overlay .tag[data-name='Сходня'], .overlay .tag[data-name='Талдом'], .overlay .tag[data-name='Тип'], .overlay .tag[data-name='Троицк'], .overlay .tag[data-name='Фрязино'], .overlay .tag[data-name='Химки'], .overlay .tag[data-name='Хотьково'], .overlay .tag[data-name='Цвет'], .overlay .tag[data-name='Черноголовка'], .overlay .tag[data-name='Чехов'], .overlay .tag[data-name='Шатура'], .overlay .tag[data-name='Щелково'], .overlay .tag[data-name='Щербинка'], .overlay .tag[data-name='Электрогорск'], .overlay .tag[data-name='Электросталь'], .overlay .tag[data-name='Электроугли'], .overlay .tag[data-name='Юбилейный'], .overlay .tag[data-name='Яхрома'] {
    display: none;
}

.overlay .b_soc a {
    text-decoration: none;
}

.overlay input {
    border-radius: 0;
}

.overlay form .col_33 input.sumbit {
    height: 65px;
    white-space: normal;
}

.overlay #bot_calc_form_wrapper, .overlay #calc_form_wrapper {
    margin: 10px 10px 0;
}

.overlay #my_bot_form_calc .col_33 input.in_za {
    margin: 0;
    width: calc(100% - 40px);
}

.overlay #my_bot_form_calc .submit {
    max-width: 230px;
    margin-top: -15px;
}

.overlay #my_bot_form_calc input {
    padding-left: 30px;
}

.overlay .video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000;
}

.overlay .video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay .video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.overlay .video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: none;
    padding: 0;
    width: 68px;
    height: 48px;
    border: none;
    background-color: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.overlay .video__button-shape {
    fill: #212121;
    fill-opacity: 0.8;
}

.overlay .video__button-icon {
    fill: #fff;
}

.overlay .video__button:focus {
    outline: 0;
}

.overlay .video:hover .video__button-shape, .overlay .video__button:focus .video__button-shape {
    fill: red;
    fill-opacity: 1;
}

.overlay .video--enabled {
    cursor: pointer;
}

.overlay .video--enabled .video__button {
    display: block;
}

.overlay .wrapper {
    margin: 50px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.overlay .box-modal {
    display: none;
    position: relative;
    width: 500px;
    padding: 16px;
    background: #fff;
    color: #3c3c3c;
    box-shadow: 0 0 0 6px rgba(153, 153, 153, 0.3);
    border-radius: 6px;
}

@media screen and (max-width: 575px) {
    .overlay .box-modal {
        border-radius: 0;
    }
}

.overlay .box-modal_close {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 11px;
    line-height: 15px;
    color: #999;
    cursor: pointer;
}

.overlay .box-modal_close:hover {
    color: #666;
}

.overlay #fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

.overlay #fancybox-thumbs.bottom {
    bottom: 2px;
}

.overlay #fancybox-thumbs.top {
    top: 2px;
}

.overlay #fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.overlay #fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

.overlay #fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

.overlay #fancybox-thumbs ul li:hover {
    opacity: 1;
}

.overlay #fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: 0;
}

.overlay #fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

.overlay .sm-testimonial-carousel .item {
    padding: 0 10px 0 0;
    margin: 0 10px;
}

.overlay .sm-testimonial-carousel .owl-wrapper-outer {
    box-shadow: none !important;
}

.overlay .testimonial-thumb {
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.overlay .testimonial-thumb img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.overlay .sm-thumbnail img {
    margin-bottom: 5px;
    margin-right: 5px;
}

.overlay .sm-thumbnail a:last-child img {
    margin-right: 0;
}

.overlay .arcticmodal-container, .overlay .arcticmodal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.overlay .arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

.overlay .arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}

.overlay .arcticmodal-container_i2 {
    padding: 24px;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.overlay .arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}

.overlay .arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url(loading.gif) no-repeat 50% 50%;
}

.overlay body.modal-open .mm-slideout {
    z-index: unset;
}

.overlay li.active {
    transition: all 0.5s;
}

.overlay li:before {
    content: ' ';
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: -1;
    padding: 20px 0;
    margin-top: -20px;
    margin-left: -15px;
    transition: all 0.5s;
}

.overlay li.active a {
    border-bottom: 4px solid transparent;
}

.overlay li.searchable a {
    border-bottom: 4px solid transparent;
    padding-bottom: 16px;
    z-index: 3;
}

.overlay li.searchable {
    z-index: 2;
    position: relative;
}

.overlay li.searchable:before {
    background-color: #efefef;
}

.overlay li[onclick]:before {
    padding-right: 30px !important;
}

.overlay .new_menu.searchable {
    background-color: #efefef;
}

@media screen and (max-width: 1440px) {
    .overlay ul.cd1 li a {
        font-size: 17px;
    }

    .overlay ul.cd1 li {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .overlay .wish {
        width: 25%;
        margin-left: 0;
    }

    .overlay .news_item img {
        height: 80px;
    }

    .overlay .des_news {
        display: none;
    }

    .overlay .news_item {
        min-height: 100px;
    }

    .overlay .dop_news {
        width: initial;
    }

    .overlay input.sh {
        width: 150px;
    }

    .overlay ul.cd1 > li {
        padding-left: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .overlay #ak_top {
        display: none;
    }

    .overlay #wish_name {
        display: none;
    }

    .overlay #wish_comp {
        display: none;
    }

    .overlay .wish {
        width: 15%;
        margin-left: 0;
    }

    .overlay p.item__wish {
        margin-left: 10px;
    }

    .overlay .s_ser {
        display: none;
    }

    .overlay ul.cd1 li a {
        font-size: 16px;
    }

    .overlay ul.cd1 li {
        padding-left: 8px;
    }

    .overlay .cat_pr_a {
        width: 48%;
    }

    .overlay .price_pr {
        font-size: 18px;
    }

    .overlay .name_menu img {
        display: none;
    }

    .overlay .col_33 {
        width: 50%;
    }

    .overlay .ras33 {
        width: 100%;
    }

    .overlay .zap {
        display: none;
    }

    .overlay .product_32 {
        width: 50%;
    }

    .overlay .vb56 {
        margin: 0 auto;
        display: block;
        width: 180px;
    }

    .overlay .in_icon {
        display: none;
    }
}

@media screen and (max-width: 896px) {
    .overlay #main_product_img {
        width: 100%;
    }

    .overlay .ban21 {
        width: 100%;
        background: url(/images/sam.jpg) no-repeat #000;
    }

    .overlay .ban22 {
        width: 100%;
        background: url(/images/pivo.jpg) no-repeat #000;
        margin: 1%;
        margin-left: 0;
    }

    .overlay .ban11 {
        width: 48%;
        background: url(/images/vino.jpg) no-repeat #000;
        margin: 1%;
        margin-left: 0;
    }

    .overlay .ban12 {
        width: 50%;
        background: url(/images/eda.jpg) no-repeat #000;
        margin: 1%;
        margin-right: 0;
    }

    .overlay .ban13 {
        width: 48%;
        background: url(/images/bo.jpg) no-repeat #000;
        margin: 1%;
        margin-left: 0;
    }

    .overlay .ban14 {
        width: 50%;
        background: url(/images/but.jpg) no-repeat #000;
        margin: 1%;
        margin-right: 0;
    }

    .overlay .main_news {
        width: 100%;
    }

    .overlay .main_news2 {
        width: 100%;
    }

    .overlay .image_news img {
        max-width: 600px;
    }

    .overlay .news_item img {
        height: initial;
        width: 100%;
    }

    .overlay .des_news {
        display: block;
    }

    .overlay .news_item {
        min-height: initial;
        float: left;
        margin-bottom: 10px;
    }

    .overlay .dop_news {
        width: 69%;
        margin-left: 1%;
    }

    .overlay .image_news2 {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .overlay #ban_on_main1 {
        display: block;
    }

    .overlay #ban_on_main0 {
        display: none;
    }

    .overlay .col_25_5 {
        width: 50%;
    }

    .overlay h1.h1-zag {
        font-size: 20px;
    }

    .overlay img.news {
        width: 100% !important;
    }

    .overlay div#main_ban {
        margin-top: 60px;
    }

    .overlay .col_16 {
        width: 33.3%;
    }

    .overlay .top_main_1 {
        margin-top: 0;
    }

    .overlay .fr1 {
        margin-top: 50px;
    }

    .overlay h3.start {
        font-size: 35px;
    }

    .overlay p.txt_pr {
        font-size: 30px;
    }

    .overlay .row_1 {
        width: 100%;
        padding: 10px;
    }

    .overlay .row_2 {
        width: 100%;
        padding: 10px;
    }

    .overlay p.date {
        display: none;
    }

    .overlay .text_a {
        width: 100%;
    }

    .overlay .row_25 {
        width: 50%;
    }

    .overlay .row_25:nth-child(3) {
        clear: both;
    }

    .overlay .w_c {
        display: block;
    }

    .overlay .show_cart {
        display: block;
    }

    .overlay .image_news_main img {
        width: 100%;
        max-width: 600px;
    }

    .overlay .thumbnail img {
        width: 100%;
        max-width: 600px;
    }

    .overlay .left {
        display: none;
    }

    .overlay .main_content {
        width: 100%;
        padding: 0;
    }

    .overlay .product-thumb {
        width: 100%;
    }

    .overlay #content {
        margin-top: 0;
    }

    .overlay .col_33, .overlay .col_50 {
        width: 100%;
    }

    .overlay .left_filter {
        width: 40%;
    }

    .overlay .category {
        width: 60%;
    }

    .overlay .product_31 {
        width: 100%;
    }

    .overlay .product_32 {
        width: 100%;
    }
}

@media screen and (max-width: 628px) {
    .overlay .bon2 {
        display: none;
    }

    .overlay .bon {
        display: none;
    }

    .overlay .row_50 {
        width: 100%;
    }

    .overlay .vg {
        width: 100% !important;
    }

    .overlay #main_product_img {
        width: initial;
    }

    .overlay .back {
        position: initial;
        width: 162px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 586px) {
    .overlay .row_50_pr {
        width: 100%;
    }

    .overlay .round {
        display: none;
    }

    .overlay .round2 {
        display: none;
    }

    .overlay .round3 {
        display: none;
    }

    .overlay .category.product-list .card_hit {
        min-height: 280px;
    }

    .overlay .image_news2 {
        width: 100%;
    }

    .overlay .dop_news {
        width: 100%;
        margin-left: 1%;
    }

    .overlay .cat_pr_a {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 450px) {
    .overlay #hits_owl .owl-stage {
        padding-bottom: 10px;
    }

    .overlay .mob_cart-2 {
        display: block;
    }

    .overlay .col_25_5 {
        width: 50%;
        padding: 5px;
    }

    .overlay .col_16 {
        width: 45%;
    }

    .overlay h3.start {
        font-size: 30px;
    }

    .overlay p.txt_pr {
        font-size: 25px;
    }

    .overlay #main_product_img {
        width: 100%;
    }

    .overlay .ban11 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .ban12 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .ban13 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .ban14 {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .overlay .row_25 {
        width: 100%;
    }

    .overlay .owl-nav {
        display: none;
    }

    .overlay .title_main2 a {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1330px) {
    .overlay .calc {
        left: 0;
    }
}

@media screen and (max-width: 1330px) {
    .overlay .work_img {
        width: 95%;
    }

    .overlay #pad20 {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 960px) {
    .overlay .top_cat:nth-child(8) {
        display: none;
    }

    .overlay .top_cat:nth-child(9) {
        display: none;
    }

    .overlay .col_25 {
        width: 50%;
    }

    .overlay .card_hit {
        min-height: initial;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 1130px) {
    .overlay .calc {
        position: initial;
        margin-top: 0;
    }

    .overlay .promo2 {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 725px) {
    .overlay .calc {
        width: 100%;
        padding: 10px;
    }

    .overlay .title_main2 a {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 630px) {
    .overlay #ras_me_but-2 {
        display: none;
    }

    .overlay #send-ras {
        display: none;
    }

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

    .overlay #hits_owl .owl-stage {
        padding: 0;
    }

    .overlay a.hit_name {
        margin: 0;
        display: block;
        height: 40px;
        border: none;
    }

    .overlay .impr {
        width: 100%;
        margin-bottom: 10px;
    }

    .overlay .impr_2 {
        width: 50%;
        margin-bottom: 15px;
        min-height: 75px;
    }

    .overlay .impr_2:nth-child(6) {
        width: 220px;
        position: relative;
        left: 18%;
    }

    .overlay .impr_3 {
        width: 100%;
        margin-bottom: 15px;
    }

    .overlay .impr_4 {
        width: 100%;
        margin-bottom: 15px;
    }

    .overlay .clear {
        margin-bottom: 0;
    }

    .overlay .col_2 {
        width: 100%;
    }

    .overlay .col_25 {
        width: 50%;
    }

    .overlay .mod_on {
        width: 100px !important;
    }

    .overlay .ft1 {
        width: 33% !important;
        padding: 5px;
    }

    .overlay .mod8 a {
        font-size: 14px !important;
    }

    .overlay .add_news {
        width: 100%;
    }

    .overlay p#footer_info {
        font-size: 13px;
    }

    .overlay .title_main2 a {
        font-size: 26px !important;
    }

    .overlay input.phone {
        float: initial;
        margin: 0 auto;
    }

    .overlay input.sumbit {
        float: initial;
        margin: 0 auto;
        margin-top: 10px;
    }
}

@media screen and (max-width: 769px) {
    .overlay {
    /*#top {
            bottom: 20px;
            right: 20px;
        }
        .__jivoMobileButton {
            bottom: 85px !important;
            right: 0 !important;
        }*/
    }
}

@media screen and (max-width: 786px) {
    .overlay #full {
        display: block;
    }

    .overlay .row50 {
        width: 100%;
        padding: 5px;
        min-height: initial;
    }

    .overlay .pad {
        width: 100% !important;
    }

    .overlay .tel {
        width: 100%;
        padding-left: 0;
    }

    .overlay p.title_p {
        font-size: 24px;
    }

    .overlay .col_46 {
        width: 50%;
    }

    .overlay .cc_25 {
        display: none;
    }

    .overlay .cc_75 {
        width: 100%;
    }

    .overlay .mod11 {
        width: initial !important;
        min-width: initial !important;
    }

    .overlay .tel2 {
        width: initial !important;
    }

    .overlay .title_main2 a {
        font-size: 32px;
    }

    .overlay .mod_cat_top {
        margin-top: 0px;
    }
}

@media screen and (max-width: 526px) {
    .overlay {
    /*#top {
            bottom: 20px;
            right: 20px !important;
        }
        .__jivoMobileButton {
            bottom: 85px !important;
        }*/
    }

    .overlay p.img_p2 img {
        width: 30px;
    }

    .overlay p.img_p3 {
        font-size: 14px;
    }

    .overlay img.best_img {
        width: 30px;
    }

    .overlay p.best {
        font-size: 13px;
    }

    .overlay .mod5 {
        min-height: 115px;
    }

    .overlay .wd100 {
        width: 100%;
    }

    .overlay .title_main2 a {
        font-size: 18px !important;
    }

    .overlay .col_45 {
        width: 100%;
    }

    .overlay .col_45_v {
        width: 100%;
    }

    .overlay .work_title {
        left: 15%;
    }

    .overlay .work_title_v {
        right: 15%;
    }
}

@media screen and (max-width: 900px) {
    .overlay .cc_25_1 {
        display: none;
    }

    .overlay .cc_75_2 {
        width: 100%;
    }

    .overlay .mod12 {
        width: initial !important;
        min-width: initial !important;
    }
}

@media screen and (max-width: 420px) {
    .overlay form .col_33 {
        width: 100%;
    }

    .overlay form .col_33 input {
        width: calc(100% - 40px);
        -webkit-appearance: none;
    }

    .overlay .col_33 {
        width: 50%;
        padding: 10px;
    }

    .overlay .col_50 {
        width: 50%;
    }

    .overlay a.call_me {
        margin-left: 15px;
    }

    .overlay .price_cat + a.call_me {
        margin-left: 5px;
        float: none;
    }

    .overlay a.hit_name {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .overlay p.price_cat {
        width: 100%;
        padding: 0;
    }

    .overlay .title_main2 a {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 786px) {
    .overlay .filt {
        display: block;
    }

    .overlay .left_filter {
        display: none;
        margin-top: 10px;
    }

    .overlay .category {
        width: 100%;
        padding: 0;
    }

    .overlay .left_filter {
        width: 100%;
    }
}

@media screen and (max-width: 486px) {
    .overlay .owl-item {
        display: flex;
    }

    .overlay .owl-item > div {
        margin: 0 auto;
        max-width: 70vw;
    }

    .overlay .owl-item > div.item2 {
        max-width: 100vw;
    }
}

@media screen and (max-width: 350px) {
    .overlay .owl-item > div {
        margin: 0 auto;
        max-width: 100vw;
    }

    .overlay .card_hit {
        margin-left: 0;
    }
}

.overlay .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.overlay .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.overlay .owl-carousel .owl-stage:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.overlay .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.overlay .owl-carousel .owl-item, .overlay .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);
}

.overlay .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.overlay .owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.overlay .owl-carousel .owl-dots.disabled, .overlay .owl-carousel .owl-nav.disabled {
    display: none;
}

.overlay .owl-carousel .owl-dot, .overlay .owl-carousel .owl-nav .owl-next, .overlay .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.overlay .owl-carousel .owl-nav button.owl-next, .overlay .owl-carousel .owl-nav button.owl-prev, .overlay .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.overlay .owl-carousel.owl-loaded {
    display: block;
}

.overlay .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.overlay .owl-carousel.owl-hidden {
    opacity: 0;
}

.overlay .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.overlay .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;
}

.overlay .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.overlay .owl-carousel.owl-rtl {
    direction: rtl;
}

.overlay .owl-carousel.owl-rtl .owl-item {
    float: right;
}

.overlay .no-js .owl-carousel {
    display: block;
}

.overlay .owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.overlay .owl-carousel .owl-animated-in {
    z-index: 0;
}

.overlay .owl-carousel .owl-animated-out {
    z-index: 1;
}

.overlay .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.overlay .owl-height {
    transition: height 0.5s ease-in-out;
}

.overlay .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.overlay .owl-carousel .owl-item .owl-lazy:not([src]), .overlay .owl-carousel .owl-item .owl-lazy[src^=''] {
    max-height: 0;
}

.overlay .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.overlay .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.overlay .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}

.overlay .owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3);
}

.overlay .owl-carousel .owl-video-playing .owl-video-play-icon, .overlay .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.overlay .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}

.overlay .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.overlay .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.overlay .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;
}

.overlay .owl-theme .owl-nav [class*='owl-']:hover {
    text-decoration: none;
}

.overlay .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.overlay button.owl-prev {
    position: absolute;
    left: 10px;
    top: 40%;
}

.overlay button.owl-next {
    position: absolute;
    right: 10px;
    top: 40%;
}

.overlay .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.overlay .owl-theme .owl-dots {
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
}

.overlay .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.overlay .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #e1e5eb;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}

.overlay .owl-theme .owl-dots .owl-dot.active span, .overlay .owl-theme .owl-dots .owl-dot:hover span {
    background: #285473;
}

.overlay .fancybox-image, .overlay .fancybox-inner, .overlay .fancybox-nav, .overlay .fancybox-nav span, .overlay .fancybox-outer, .overlay .fancybox-skin, .overlay .fancybox-tmp, .overlay .fancybox-wrap, .overlay .fancybox-wrap iframe, .overlay .fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

.overlay .fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.overlay .fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px;
}

.overlay .fancybox-opened {
    z-index: 8030;
}

.overlay .fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.overlay .fancybox-inner, .overlay .fancybox-outer {
    position: relative;
}

.overlay .fancybox-inner {
    overflow: hidden;
}

.overlay .fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.overlay .fancybox-error {
    color: #444;
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.overlay .fancybox-iframe, .overlay .fancybox-image {
    display: block;
    width: 100%;
    height: 100%;
}

.overlay .fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

.overlay #fancybox-loading, .overlay .fancybox-close, .overlay .fancybox-next span, .overlay .fancybox-prev span {
    background-image: url(fancybox_sprite.png);
}

.overlay #fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

.overlay #fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(fancybox_loading.gif) center center no-repeat;
}

.overlay .fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.overlay .fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif);
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}

.overlay .fancybox-prev {
    left: 0;
}

.overlay .fancybox-next {
    right: 0;
}

.overlay .fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.overlay .fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.overlay .fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.overlay .fancybox-nav:hover span {
    visibility: visible;
}

.overlay .fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

.overlay .fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.overlay .fancybox-lock body {
    overflow: hidden !important;
}

.overlay .fancybox-lock-test {
    overflow-y: hidden !important;
}

.overlay .fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(fancybox_overlay.png);
}

.overlay .fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.overlay .fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.overlay .fancybox-title {
    visibility: hidden;
    font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.overlay .fancybox-opened .fancybox-title {
    visibility: visible;
}

.overlay .fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.overlay .fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
}

.overlay .fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.overlay .fancybox-title-inside-wrap {
    padding-top: 10px;
}

.overlay .fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .overlay #fancybox-loading, .overlay .fancybox-close, .overlay .fancybox-next span, .overlay .fancybox-prev span {
        background-image: url(fancybox_sprite@2x.png);
        background-size: 44px 152px;
    }

    .overlay #fancybox-loading div {
        background-image: url(fancybox_loading@2x.gif);
        background-size: 24px 24px;
    }
}

.overlay #fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

.overlay #fancybox-buttons.top {
    top: 10px;
}

.overlay #fancybox-buttons.bottom {
    bottom: 10px;
}

.overlay #fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #111;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    background: #323232;
    background: linear-gradient(top, #444 0, #343434 50%, #292929 50%, #333 100%);
}

.overlay #fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

.overlay #fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(fancybox_buttons.png);
    background-repeat: no-repeat;
    outline: 0;
    opacity: 0.8;
}

.overlay #fancybox-buttons a:hover {
    opacity: 1;
}

.overlay #fancybox-buttons a.btnPrev {
    background-position: 5px 0;
}

.overlay #fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

.overlay #fancybox-buttons a.btnPlay {
    background-position: 0 -30px;
}

.overlay #fancybox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}

.overlay #fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px;
}

.overlay #fancybox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}

.overlay #fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 35px;
    background-position: -56px 0;
}

.overlay #fancybox-buttons a.btnDisabled {
    opacity: 0.4;
    cursor: default;
}

.overlay .ui-helper-hidden {
    display: none;
}

.overlay .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.overlay .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.overlay .ui-helper-clearfix:after, .overlay .ui-helper-clearfix:before {
    content: '';
    display: table;
    border-collapse: collapse;
}

.overlay .ui-helper-clearfix:after {
    clear: both;
}

.overlay .ui-helper-clearfix {
    min-height: 0;
}

.overlay .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.overlay .ui-front {
    z-index: 100;
}

.overlay .ui-state-disabled {
    cursor: default !important;
}

.overlay .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.overlay .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay .ui-draggable-handle {
    touch-action: none;
}

.overlay .ui-resizable {
    position: relative;
}

.overlay .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    touch-action: none;
}

.overlay .ui-resizable-autohide .ui-resizable-handle, .overlay .ui-resizable-disabled .ui-resizable-handle {
    display: none;
}

.overlay .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.overlay .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.overlay .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.overlay .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.overlay .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.overlay .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.overlay .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.overlay .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.overlay .ui-selectable {
    touch-action: none;
}

.overlay .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}

.overlay .ui-sortable-handle {
    touch-action: none;
}

.overlay .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    min-height: 0;
    font-size: 100%;
}

.overlay .ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.overlay .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.overlay .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px;
}

.overlay .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.overlay .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.overlay .ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}

.overlay .ui-button, .overlay .ui-button:active, .overlay .ui-button:hover, .overlay .ui-button:link, .overlay .ui-button:visited {
    text-decoration: none;
}

.overlay .ui-button-icon-only {
    width: 2.2em;
}

.overlay button.ui-button-icon-only {
    width: 2.4em;
}

.overlay .ui-button-icons-only {
    width: 3.4em;
}

.overlay button.ui-button-icons-only {
    width: 3.7em;
}

.overlay .ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.overlay .ui-button-text-only .ui-button-text {
    padding: 0.4em 1em;
}

.overlay .ui-button-icon-only .ui-button-text, .overlay .ui-button-icons-only .ui-button-text {
    padding: 0.4em;
    text-indent: -9999999px;
}

.overlay .ui-button-text-icon-primary .ui-button-text, .overlay .ui-button-text-icons .ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em;
}

.overlay .ui-button-text-icon-secondary .ui-button-text, .overlay .ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em;
}

.overlay .ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

.overlay input.ui-button {
    padding: 0.4em 1em;
}

.overlay .ui-button-icon-only .ui-icon, .overlay .ui-button-icons-only .ui-icon, .overlay .ui-button-text-icon-primary .ui-icon, .overlay .ui-button-text-icon-secondary .ui-icon, .overlay .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.overlay .ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.overlay .ui-button-icons-only .ui-button-icon-primary, .overlay .ui-button-text-icon-primary .ui-button-icon-primary, .overlay .ui-button-text-icons .ui-button-icon-primary {
    left: 0.5em;
}

.overlay .ui-button-icons-only .ui-button-icon-secondary, .overlay .ui-button-text-icon-secondary .ui-button-icon-secondary, .overlay .ui-button-text-icons .ui-button-icon-secondary {
    right: 0.5em;
}

.overlay .ui-buttonset {
    margin-right: 7px;
}

.overlay .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}

.overlay button.ui-button::-moz-focus-inner, .overlay input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.overlay .ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.overlay .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.overlay .ui-datepicker .ui-datepicker-next, .overlay .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.overlay .ui-datepicker .ui-datepicker-next-hover, .overlay .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
}

.overlay .ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.overlay .ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.overlay .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.overlay .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.overlay .ui-datepicker .ui-datepicker-next span, .overlay .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.overlay .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.overlay .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.overlay .ui-datepicker select.ui-datepicker-month, .overlay .ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.overlay .ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.overlay .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}

.overlay .ui-datepicker td {
    border: 0;
    padding: 1px;
}

.overlay .ui-datepicker td a, .overlay .ui-datepicker td span {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.overlay .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.overlay .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.overlay .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.overlay .ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.overlay .ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.overlay .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.overlay .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.overlay .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.overlay .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.overlay .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .overlay .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.overlay .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.overlay .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.overlay .ui-datepicker-rtl {
    direction: rtl;
}

.overlay .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.overlay .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.overlay .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.overlay .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.overlay .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.overlay .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.overlay .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .overlay .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.overlay .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .overlay .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.overlay .ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.overlay .ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.overlay .ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overlay .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.overlay .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: 0 0;
    overflow: auto;
}

.overlay .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.overlay .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.overlay .ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.overlay .ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}

.overlay .ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.overlay .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.overlay .ui-menu .ui-menu {
    position: absolute;
}

.overlay .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px 0.4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.overlay .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.overlay .ui-menu .ui-state-active, .overlay .ui-menu .ui-state-focus {
    margin: -1px;
}

.overlay .ui-menu-icons {
    position: relative;
}

.overlay .ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

.overlay .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

.overlay .ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.overlay .ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.overlay .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.overlay .ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: 0.25;
}

.overlay .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.overlay .ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.overlay .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.overlay .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.overlay .ui-selectmenu-open {
    display: block;
}

.overlay .ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.overlay .ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.overlay .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overlay .ui-slider {
    position: relative;
    text-align: left;
}

.overlay .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none;
}

.overlay .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.overlay .ui-slider.ui-state-disabled .ui-slider-handle, .overlay .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.overlay .ui-slider-horizontal {
    height: 0.8em;
}

.overlay .ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.overlay .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.overlay .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.overlay .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.overlay .ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.overlay .ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.overlay .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.overlay .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.overlay .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.overlay .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.overlay .ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 22px;
}

.overlay .ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.overlay .ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.overlay .ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.overlay .ui-spinner-up {
    top: 0;
}

.overlay .ui-spinner-down {
    bottom: 0;
}

.overlay .ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.overlay .ui-tabs {
    position: relative;
    padding: 0.2em;
}

.overlay .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.overlay .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.overlay .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.overlay .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.overlay .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .overlay .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .overlay .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.overlay .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.overlay .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0;
}

.overlay .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa;
}

.overlay body .ui-tooltip {
    border-width: 2px;
}

.overlay .ui-widget {
    font-size: 1.1em;
}

.overlay .ui-widget .ui-widget {
    font-size: 1em;
}

.overlay .ui-widget button, .overlay .ui-widget input, .overlay .ui-widget select, .overlay .ui-widget textarea {
    font-size: 1em;
}

.overlay .ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333;
}

.overlay .ui-widget-content a {
    color: #333;
}

.overlay .ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: 700;
}

.overlay .ui-widget-header a {
    color: #fff;
}

.overlay .ui-state-default, .overlay .ui-widget-content .ui-state-default, .overlay .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #1c94c4;
}

.overlay .ui-state-default a, .overlay .ui-state-default a:link, .overlay .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}

.overlay .ui-state-focus, .overlay .ui-state-hover, .overlay .ui-widget-content .ui-state-focus, .overlay .ui-widget-content .ui-state-hover, .overlay .ui-widget-header .ui-state-focus, .overlay .ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #c77405;
}

.overlay .ui-state-focus a, .overlay .ui-state-focus a:hover, .overlay .ui-state-focus a:link, .overlay .ui-state-focus a:visited, .overlay .ui-state-hover a, .overlay .ui-state-hover a:hover, .overlay .ui-state-hover a:link, .overlay .ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none;
}

.overlay .ui-state-active, .overlay .ui-widget-content .ui-state-active, .overlay .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00;
}

.overlay .ui-state-active a, .overlay .ui-state-active a:link, .overlay .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

.overlay .ui-state-highlight, .overlay .ui-widget-content .ui-state-highlight, .overlay .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

.overlay .ui-state-highlight a, .overlay .ui-widget-content .ui-state-highlight a, .overlay .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.overlay .ui-state-error, .overlay .ui-widget-content .ui-state-error, .overlay .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff;
}

.overlay .ui-state-error a, .overlay .ui-widget-content .ui-state-error a, .overlay .ui-widget-header .ui-state-error a {
    color: #fff;
}

.overlay .ui-state-error-text, .overlay .ui-widget-content .ui-state-error-text, .overlay .ui-widget-header .ui-state-error-text {
    color: #fff;
}

.overlay .ui-priority-primary, .overlay .ui-widget-content .ui-priority-primary, .overlay .ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

.overlay .ui-priority-secondary, .overlay .ui-widget-content .ui-priority-secondary, .overlay .ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}

.overlay .ui-state-disabled, .overlay .ui-widget-content .ui-state-disabled, .overlay .ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.overlay .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

.overlay .ui-icon {
    width: 16px;
    height: 16px;
}

.overlay .ui-icon, .overlay .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.overlay .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.overlay .ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.overlay .ui-state-focus .ui-icon, .overlay .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.overlay .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.overlay .ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}

.overlay .ui-state-error .ui-icon, .overlay .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}

.overlay .ui-icon-blank {
    background-position: 16px 16px;
}

.overlay .ui-icon-carat-1-n {
    background-position: 0 0;
}

.overlay .ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.overlay .ui-icon-carat-1-e {
    background-position: -32px 0;
}

.overlay .ui-icon-carat-1-se {
    background-position: -48px 0;
}

.overlay .ui-icon-carat-1-s {
    background-position: -64px 0;
}

.overlay .ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.overlay .ui-icon-carat-1-w {
    background-position: -96px 0;
}

.overlay .ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.overlay .ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.overlay .ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.overlay .ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.overlay .ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.overlay .ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.overlay .ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.overlay .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.overlay .ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.overlay .ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.overlay .ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.overlay .ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.overlay .ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.overlay .ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.overlay .ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.overlay .ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.overlay .ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.overlay .ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.overlay .ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.overlay .ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.overlay .ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.overlay .ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.overlay .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.overlay .ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.overlay .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.overlay .ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.overlay .ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.overlay .ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.overlay .ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.overlay .ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.overlay .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.overlay .ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.overlay .ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.overlay .ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.overlay .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.overlay .ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.overlay .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.overlay .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.overlay .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.overlay .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.overlay .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.overlay .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.overlay .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.overlay .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.overlay .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.overlay .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.overlay .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.overlay .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.overlay .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.overlay .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.overlay .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.overlay .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.overlay .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.overlay .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.overlay .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.overlay .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.overlay .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.overlay .ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.overlay .ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.overlay .ui-icon-extlink {
    background-position: -32px -80px;
}

.overlay .ui-icon-newwin {
    background-position: -48px -80px;
}

.overlay .ui-icon-refresh {
    background-position: -64px -80px;
}

.overlay .ui-icon-shuffle {
    background-position: -80px -80px;
}

.overlay .ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.overlay .ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.overlay .ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.overlay .ui-icon-folder-open {
    background-position: -16px -96px;
}

.overlay .ui-icon-document {
    background-position: -32px -96px;
}

.overlay .ui-icon-document-b {
    background-position: -48px -96px;
}

.overlay .ui-icon-note {
    background-position: -64px -96px;
}

.overlay .ui-icon-mail-closed {
    background-position: -80px -96px;
}

.overlay .ui-icon-mail-open {
    background-position: -96px -96px;
}

.overlay .ui-icon-suitcase {
    background-position: -112px -96px;
}

.overlay .ui-icon-comment {
    background-position: -128px -96px;
}

.overlay .ui-icon-person {
    background-position: -144px -96px;
}

.overlay .ui-icon-print {
    background-position: -160px -96px;
}

.overlay .ui-icon-trash {
    background-position: -176px -96px;
}

.overlay .ui-icon-locked {
    background-position: -192px -96px;
}

.overlay .ui-icon-unlocked {
    background-position: -208px -96px;
}

.overlay .ui-icon-bookmark {
    background-position: -224px -96px;
}

.overlay .ui-icon-tag {
    background-position: -240px -96px;
}

.overlay .ui-icon-home {
    background-position: 0 -112px;
}

.overlay .ui-icon-flag {
    background-position: -16px -112px;
}

.overlay .ui-icon-calendar {
    background-position: -32px -112px;
}

.overlay .ui-icon-cart {
    background-position: -48px -112px;
}

.overlay .ui-icon-pencil {
    background-position: -64px -112px;
}

.overlay .ui-icon-clock {
    background-position: -80px -112px;
}

.overlay .ui-icon-disk {
    background-position: -96px -112px;
}

.overlay .ui-icon-calculator {
    background-position: -112px -112px;
}

.overlay .ui-icon-zoomin {
    background-position: -128px -112px;
}

.overlay .ui-icon-zoomout {
    background-position: -144px -112px;
}

.overlay .ui-icon-search {
    background-position: -160px -112px;
}

.overlay .ui-icon-wrench {
    background-position: -176px -112px;
}

.overlay .ui-icon-gear {
    background-position: -192px -112px;
}

.overlay .ui-icon-heart {
    background-position: -208px -112px;
}

.overlay .ui-icon-star {
    background-position: -224px -112px;
}

.overlay .ui-icon-link {
    background-position: -240px -112px;
}

.overlay .ui-icon-cancel {
    background-position: 0 -128px;
}

.overlay .ui-icon-plus {
    background-position: -16px -128px;
}

.overlay .ui-icon-plusthick {
    background-position: -32px -128px;
}

.overlay .ui-icon-minus {
    background-position: -48px -128px;
}

.overlay .ui-icon-minusthick {
    background-position: -64px -128px;
}

.overlay .ui-icon-close {
    background-position: -80px -128px;
}

.overlay .ui-icon-closethick {
    background-position: -96px -128px;
}

.overlay .ui-icon-key {
    background-position: -112px -128px;
}

.overlay .ui-icon-lightbulb {
    background-position: -128px -128px;
}

.overlay .ui-icon-scissors {
    background-position: -144px -128px;
}

.overlay .ui-icon-clipboard {
    background-position: -160px -128px;
}

.overlay .ui-icon-copy {
    background-position: -176px -128px;
}

.overlay .ui-icon-contact {
    background-position: -192px -128px;
}

.overlay .ui-icon-image {
    background-position: -208px -128px;
}

.overlay .ui-icon-video {
    background-position: -224px -128px;
}

.overlay .ui-icon-script {
    background-position: -240px -128px;
}

.overlay .ui-icon-alert {
    background-position: 0 -144px;
}

.overlay .ui-icon-info {
    background-position: -16px -144px;
}

.overlay .ui-icon-notice {
    background-position: -32px -144px;
}

.overlay .ui-icon-help {
    background-position: -48px -144px;
}

.overlay .ui-icon-check {
    background-position: -64px -144px;
}

.overlay .ui-icon-bullet {
    background-position: -80px -144px;
}

.overlay .ui-icon-radio-on {
    background-position: -96px -144px;
}

.overlay .ui-icon-radio-off {
    background-position: -112px -144px;
}

.overlay .ui-icon-pin-w {
    background-position: -128px -144px;
}

.overlay .ui-icon-pin-s {
    background-position: -144px -144px;
}

.overlay .ui-icon-play {
    background-position: 0 -160px;
}

.overlay .ui-icon-pause {
    background-position: -16px -160px;
}

.overlay .ui-icon-seek-next {
    background-position: -32px -160px;
}

.overlay .ui-icon-seek-prev {
    background-position: -48px -160px;
}

.overlay .ui-icon-seek-end {
    background-position: -64px -160px;
}

.overlay .ui-icon-seek-start {
    background-position: -80px -160px;
}

.overlay .ui-icon-seek-first {
    background-position: -80px -160px;
}

.overlay .ui-icon-stop {
    background-position: -96px -160px;
}

.overlay .ui-icon-eject {
    background-position: -112px -160px;
}

.overlay .ui-icon-volume-off {
    background-position: -128px -160px;
}

.overlay .ui-icon-volume-on {
    background-position: -144px -160px;
}

.overlay .ui-icon-power {
    background-position: 0 -176px;
}

.overlay .ui-icon-signal-diag {
    background-position: -16px -176px;
}

.overlay .ui-icon-signal {
    background-position: -32px -176px;
}

.overlay .ui-icon-battery-0 {
    background-position: -48px -176px;
}

.overlay .ui-icon-battery-1 {
    background-position: -64px -176px;
}

.overlay .ui-icon-battery-2 {
    background-position: -80px -176px;
}

.overlay .ui-icon-battery-3 {
    background-position: -96px -176px;
}

.overlay .ui-icon-circle-plus {
    background-position: 0 -192px;
}

.overlay .ui-icon-circle-minus {
    background-position: -16px -192px;
}

.overlay .ui-icon-circle-close {
    background-position: -32px -192px;
}

.overlay .ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.overlay .ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.overlay .ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.overlay .ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.overlay .ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.overlay .ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.overlay .ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.overlay .ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.overlay .ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.overlay .ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.overlay .ui-icon-circle-check {
    background-position: -208px -192px;
}

.overlay .ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.overlay .ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.overlay .ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.overlay .ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.overlay .ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.overlay .ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.overlay .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.overlay .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.overlay .ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.overlay .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.overlay .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.overlay .ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.overlay .ui-corner-all, .overlay .ui-corner-left, .overlay .ui-corner-tl, .overlay .ui-corner-top {
    border-top-left-radius: 4px;
}

.overlay .ui-corner-all, .overlay .ui-corner-right, .overlay .ui-corner-top, .overlay .ui-corner-tr {
    border-top-right-radius: 4px;
}

.overlay .ui-corner-all, .overlay .ui-corner-bl, .overlay .ui-corner-bottom, .overlay .ui-corner-left {
    border-bottom-left-radius: 4px;
}

.overlay .ui-corner-all, .overlay .ui-corner-bottom, .overlay .ui-corner-br, .overlay .ui-corner-right {
    border-bottom-right-radius: 4px;
}

.overlay .ui-widget-overlay {
    background: #666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

.overlay .ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: 0.2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}

.overlay #column-left, .overlay #column-right {
    border: 1px solid transparent;
}

.overlay .box-content.mfilter-content {
    padding: 0;
}

.overlay .mfilter-content > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.overlay .mfilter-content > ul > li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.overlay .mfilter-content > ul > li:first-child .mfilter-heading {
    border-top: none;
}

.overlay .mfilter-clearfix:after {
    content: ' ';
    display: table;
    clear: both;
}

@media (min-width: 980px) {
    .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf, .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group, .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group:not(.input-group-btn), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group[class*='col-'] {
        width: 49%;
    }

    .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group:not(.input-group-btn):nth-child(1), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group:not(.input-group-btn):nth-child(3), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group:nth-child(1), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group:nth-child(3), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group[class*='col-']:nth-child(1), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf.btn-group[class*='col-']:nth-child(3), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf:nth-child(1), .overlay .mfilter-content_top .mfilter-vehicles .bootstrap-select_mf:nth-child(3) {
        margin-right: 8px;
    }
}

.overlay .mfilter-content_top .mfilter-content > ul {
    display: table;
    width: 100%;
}

.overlay .mfilter-content_top .mfilter-content > ul > li {
    border-top: 1px solid #ededed;
    display: table-row;
}

.overlay .mfilter-content_top .mfilter-content > ul > li.mfilter-hide {
    display: none;
}

.overlay .mfilter-content_top .mfilter-content > ul > li:first-child .mfilter-content-opts, .overlay .mfilter-content_top .mfilter-content > ul > li:first-child .mfilter-heading {
    border-top: none;
}

.overlay .mfilter-content_top .mfilter-content > ul > li .mfilter-heading {
    border-top: none;
    display: table-cell;
    width: 180px;
    min-width: 180px;
    border-top: 1px solid #dbdee1;
    border-right: 1px solid #dbdee1;
    vertical-align: top;
}

.overlay .mfilter-content_top .mfilter-content > ul > li .mfilter-content-opts {
    display: table-cell;
    border-top: 1px solid #dbdee1;
}

.overlay .mfilter-content_top .mfilter-category-cat_checkbox .mfilter-option .mfilter-col-input {
    padding: 3px 5px !important;
}

.overlay .mfilter-content_top .mfilter-category-cat_checkbox .mfilter-tb > .mfilter-tb-as-tr, .overlay .mfilter-content_top .mfilter-tb .mfilter-tb {
    display: table;
    background: #ebebeb;
    margin: 2px;
    width: auto;
    float: left;
    border-radius: 3px;
}

.overlay .mfilter-content_top .mfilter-tb, .overlay .mfilter-content_top .mfilter-tb .mfilter-tb {
    display: block;
}

.overlay .mfilter-content_top .mfilter-tb .mfilter-tb.mfilter-hide {
    display: none;
}

.overlay .mfilter-content_top .mfilter-image_list_checkbox .mfilter-counter, .overlay .mfilter-content_top .mfilter-image_list_radio .mfilter-counter {
    margin-top: 8px;
    margin-bottom: 8px;
}

.overlay .mfilter-content_top .mfilter-image_list_checkbox .mfilter-counter.mfilter-close, .overlay .mfilter-content_top .mfilter-image_list_radio .mfilter-counter.mfilter-close {
    margin-top: 10px;
    margin-bottom: 10px;
}

.overlay .mfilter-content_top .mfilter-tb-as-td {
    border: none;
    margin: 1px 2px;
    padding: 5px;
}

.overlay .mfilter-content_top .mfilter-counter:after, .overlay .mfilter-content_top .mfilter-counter:before {
    border: none;
    display: inline;
    height: auto;
    width: auto;
    position: static;
    right: auto;
    top: auto;
}

.overlay .mfilter-content_top .mfilter-counter:before {
    content: '(';
}

.overlay .mfilter-content_top .mfilter-counter:after {
    content: ')';
}

.overlay .mfilter-content_top .mfilter-col-count {
    width: auto;
    margin: 1px 0 0 -5px;
    padding: 0 0 1px;
}

.overlay .mfilter-content_top.mfilter-box .mfilter-counter {
    margin: 3px 0;
    line-height: inherit;
    background: 0 0;
    color: #000;
}

.overlay .mfilter-content_top label.mfilter-tb-as-td {
    white-space: nowrap;
}

.overlay .mfilter-content_top .mfilter-disabled .mfilter-counter {
    display: block;
}

.overlay .mfilter-content_top .mfilter-counter.mfilter-close {
    margin: 5px 4px;
}

.overlay .mfilter-content_top {
    line-height: 14px;
}

.overlay .mfilter-content_top .mfilter-head-icon {
    display: none !important;
}

.overlay .mfilter-content_top .mfilter-rating .mfilter-counter {
    margin-bottom: 1px;
}

.overlay .mfilter-content_top .mfilter-rating .mfilter-counter.mfilter-close {
    margin-top: 3px;
}

.overlay .mfilter-content_top .mfilter-disabled {
    opacity: 0.3;
}

.overlay .mfilter-content_top .mfilter-heading {
    cursor: default;
}

.overlay .mfilter-content_top .mfilter-price-inputs, .overlay .mfilter-content_top .mfilter-price-slider {
    float: left;
}

.overlay .mfilter-content_top .mfilter-price-slider {
    min-width: 150px;
    margin: 1px 0 0 10px;
}

.overlay .mfilter-content_top .mfilter-content-wrapper {
    border: none;
}

.overlay .mfilter-content_top .mfilter-opts-container {
    border: none;
}

.overlay .mfilter-content_top .mfilter-tb .mfilter-tb-as-tr:first-child label.mfilter-tb-as-td, .overlay .mfilter-content_top .mfilter-tb .mfilter-tb-as-tr:last-child label.mfilter-tb-as-td, .overlay .mfilter-content_top label.mfilter-tb-as-td {
    padding: 7px 5px 5px 0;
}

.overlay .mfilter-content_top .mfilter-category-related ul li {
    float: left;
    padding: 3px;
    width: 189px;
}

.overlay .mfilter-content_top .mfilter-category-tree ul li {
    border-top: none;
    padding: 0;
}

.overlay .mfilter-content_top .mfilter-category-tree .mfilter-tb .mfilter-tb-as-tr > .mfilter-tb-as-td {
    padding: 5px 3px;
    color: #000;
}

.overlay .mfilter-content_top .mfilter-category-tree .mfilter-tb .mfilter-tb-as-tr > .mfilter-tb-as-td.mfilter-col-count {
    padding: 0;
}

.overlay .mfilter-content_top .mfilter-category-tree li div a {
    color: #000;
}

.overlay .mfilter-content_top .mfilter-category-tree .mfilter-to-parent a {
    display: inline-block;
    padding: 4px 0 0;
}

.overlay .mfilter-content_top .mfilter-slider .mfilter-slider-inputs {
    float: left;
}

.overlay .mfilter-content_top .mfilter-slider .mfilter-slider-container {
    width: 200px;
    float: left;
    padding-top: 5px;
    margin: -4px 0 0 15px;
}

.overlay .mfilter-content_top .box-heading {
    margin-top: 0;
}

.overlay .mfilter-content_top .mfilter-category-tree ul.mfilter-tb > li {
    display: block;
    float: left;
}

.overlay .mfilter-inline-horizontal .mfilter-opts-container {
    display: table;
    width: 100%;
}

.overlay .mfilter-inline-horizontal .mfilter-content-wrapper {
    display: table-row;
}

.overlay .mfilter-inline-horizontal .mfilter-options, .overlay .mfilter-inline-horizontal .mfilter-scroll-left, .overlay .mfilter-inline-horizontal .mfilter-scroll-right {
    display: table-cell;
}

.overlay .mfilter-inline-horizontal .mfilter-scroll-left, .overlay .mfilter-inline-horizontal .mfilter-scroll-right {
    width: 9px;
    vertical-align: top;
}

.overlay .mfilter-inline-horizontal .mfilter-scroll-left a, .overlay .mfilter-inline-horizontal .mfilter-scroll-right a {
    display: block;
    width: 9px;
    height: 16px;
    opacity: 0.4;
    cursor: default;
    background: url(images/icons.png?v8) no-repeat 0 -135px;
}

.overlay .mfilter-inline-horizontal .mfilter-scroll-left a.mf-active, .overlay .mfilter-inline-horizontal .mfilter-scroll-right a.mf-active {
    cursor: pointer;
    opacity: 1;
}

.overlay .mfilter-inline-horizontal .mfilter-scroll-left a {
    margin: 7px 0 5px 5px;
}

.overlay .mfilter-inline-horizontal .mfilter-scroll-right a {
    background-position: 0 -23px;
    margin: 7px 5px 5px 0;
}

.overlay .mfilter-inline-horizontal .mfilter-options-container {
    overflow: hidden;
    position: relative;
}

.overlay .mfilter-inline-horizontal .mfilter-options-container > .mfilter-tb {
    position: relative;
}

.overlay .mfilter-heading {
    cursor: pointer;
    background: #eaeaea;
    font-size: 13px;
    border-top: 1px solid #fff;
}

.overlay .mfilter-heading-content {
    padding: 7px 8px;
}

.overlay .mfilter-heading .mfilter-head-icon {
    display: block;
    float: right;
    background: url(images/icons.png?v8) no-repeat 0 -40px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    width: 17px;
    height: 9px;
    margin-right: -3px;
    margin-top: 3px;
}

.overlay .mfilter-direction-rtl .mfilter-heading .mfilter-head-icon {
    float: left;
}

.overlay .mfilter-heading.mfilter-collapsed .mfilter-head-icon {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.overlay .mfilter-filter-item .mfilter-options {
    padding: 0;
}

.overlay .mfilter-option input[type='checkbox'], .overlay .mfilter-option input[type='radio'] {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.overlay .mfilter-disabled {
    color: #a4a4a4;
}

.overlay .mfilter-disabled .mfilter-counter {
    display: none;
}

.overlay .mfilter-hide, .overlay .mfilter-hide-by-live-filter, .overlay .mfilter-tb-as-tr.mfilter-hide, .overlay .mfilter-tb-as-tr.mfilter-hide-by-live-filter, .overlay .mfilter-vehicles .bootstrap-select_mf.btn-group.mfilter-hide {
    display: none;
}

.overlay .mfilter-tb {
    display: table;
    width: 100%;
    margin-bottom: 25px;
}

.overlay .mfilter-tb-as-tr {
    display: table-row;
}

.overlay .mfilter-tb-as-td {
    display: table-cell;
    padding: 5px 0;
    vertical-align: middle;
}

.overlay label.mfilter-tb-as-td {
    word-break: normal;
    cursor: pointer;
}

.overlay .mfilter-tb .mfilter-tb-as-tr.mfilter-first-child > .mfilter-tb-as-td, .overlay .mfilter-tb .mfilter-tb-as-tr:first-child > .mfilter-tb-as-td {
    border-top: none;
}

.overlay .mfilter-col-input {
    padding-right: 4px;
    width: 14px;
}

.overlay .mfilter-col-input input[type='checkbox'], .overlay .mfilter-col-input input[type='radio'] {
    margin: 3px 0 2px 0;
}

.overlay .mfilter-select select {
    width: 100%;
}

.overlay .mfilter-filter-item.mfilter-levels .mfilter-opts-container, .overlay .mfilter-filter-item.mfilter-vehicles .mfilter-opts-container {
    padding: 2px 0;
}

.overlay .mfilter-select.mfilter-levels > .bootstrap-select_mf, .overlay .mfilter-select.mfilter-vehicles > .bootstrap-select_mf {
    margin: 4px 0;
}

.overlay .mfilter-select.mfilter-levels > .bootstrap-select_mf button.dropdown-toggle .filter-option img, .overlay .mfilter-select.mfilter-vehicles > .bootstrap-select_mf button.dropdown-toggle .filter-option img {
    height: 20px;
    margin: -2px 0 0;
}

.overlay .mfilter-col-count {
    width: 2px;
    text-align: right;
    padding: 3px 0;
}

.overlay .mfilter-counter {
    border-radius: 3px;
    background: #428bca;
    color: #fff;
    padding: 0 4px;
    float: right;
    line-height: 20px;
    position: relative;
    margin-left: 4px;
    outline: 0 !important;
    position: relative;
}

.overlay .mfilter-free-container .mfilter-counter {
    position: static;
}

.overlay .mfilter-counter:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #428bca;
    border-width: 4px;
    margin-top: -4px;
}

.overlay .mfilter-heading-text {
    display: inline-block;
    width: 100%;
    margin-left: -18px;
}

.overlay .mfilter-heading-text > span {
    display: inline-block;
    padding-left: 18px;
}

.overlay .mfilter-heading-text > i {
    margin-right: 3px;
    background: #ccc;
    padding: 3px 5px 2px;
    border-radius: 4px;
}

.overlay .mfilter-heading-content {
    position: relative;
    overflow: hidden;
}

.overlay .mfilter-hide-counter .mfilter-counter {
    display: none;
}

.overlay .mfilter-box .mfilter-counter.mfilter-close {
    background: url(images/icons.png?v8) no-repeat 0 0;
    text-indent: 1000px;
    display: block;
    float: right;
    width: 4px;
    height: 11px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    box-sizing: content-box;
}

.overlay .mfilter-counter.mfilter-close:after {
    display: none;
}

.overlay .mfilter-counter.mfilter-close:hover {
    background-position: 0 -11px;
}

.overlay .mfilter-button-top {
    text-align: right;
    padding: 4px 4px 4px 0;
    clear: both;
    overflow: hidden;
}

.overlay .mfilter-button-bottom {
    text-align: right;
    padding: 4px 4px 4px 0;
    border-top: 1px solid #eee;
    vertical-align: middle;
    overflow: hidden;
    clear: both;
}

.overlay .mfilter-rating .mfilter-option img {
    vertical-align: middle;
}

.overlay .mfilter-button-reset {
    float: left;
    margin-left: 8px;
    text-decoration: none;
}

.overlay .mfilter-reset-icon {
    background: url(images/icons.png?v8) no-repeat 0 3px;
    display: inline-block;
    width: 10px;
    height: 13px;
    margin-right: 3px;
    margin-top: 1px;
}

.overlay .mfilter-direction-rtl .mfilter-reset-icon {
    margin-right: 0;
    margin-left: 3px;
}

.overlay .scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.overlay .scroll-wrapper.mfilter-scroll-standard {
    overflow-y: auto !important;
}

.overlay .scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    padding: 0;
    top: 0;
    width: auto !important;
}

.overlay .scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.overlay .scroll-element {
    display: none;
}

.overlay .scroll-element, .overlay .scroll-element div {
    box-sizing: content-box;
}

.overlay .scroll-element.scroll-x.scroll-scrollx_visible, .overlay .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.overlay .scroll-element .iScrollIndicator, .overlay .scroll-element .scroll-arrow {
    cursor: default;
}

.overlay .scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999;
}

.overlay .scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.overlay .scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.overlay .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.overlay .mfilter-iscroll > .scroll-element, .overlay .mfilter-iscroll > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.overlay .mfilter-iscroll > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-x {
    bottom: 2px;
    height: 6px;
    left: 0;
    width: 100%;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 6px;
}

.overlay .mfilter-iscroll > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.overlay .mfilter-iscroll > .scroll-element .iScrollIndicator, .overlay .mfilter-iscroll > .scroll-element .scroll-element_outer, .overlay .mfilter-iscroll > .scroll-element .scroll-element_track {
    border-radius: 3px;
}

.overlay .mfilter-filter-item .mfilter-iscroll .mfilter-options {
    padding-right: 10px;
}

.overlay .mfilter-iscroll > .scroll-element .iScrollIndicator {
    opacity: 0.5;
}

.overlay .mfilter-iscroll > .scroll-element .iScrollIndicator {
    background-color: #000;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-draggable .iScrollIndicator, .overlay .mfilter-iscroll > .scroll-element:hover .iScrollIndicator {
    opacity: 0.7;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.overlay .mfilter-iscroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

.overlay .mfilter-button-more {
    border-top: 1px solid #eee;
    padding: 4px;
    margin-top: 0;
}

.overlay a.mfilter-button-more {
    border: none;
}

.overlay .mfilter-button-more a {
    font-weight: 700;
    text-decoration: none;
}

.overlay #mfilter-opts-price-max, .overlay #mfilter-opts-price-min {
    width: 60px;
    display: inline-block;
}

.overlay .mfilter-free-container #mfilter-opts-price-max, .overlay .mfilter-free-container #mfilter-opts-price-min {
    width: 84px;
    min-width: 84px;
    max-width: 84px;
}

.overlay .mfilter-image ul, .overlay .mfilter-image_radio ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.overlay .mfilter-image ul li, .overlay .mfilter-image_radio ul li {
    margin: 2px;
    float: left;
    opacity: 0.5;
    opacity: 0.9;
    border: 2px solid transparent;
    padding: 1px;
}

.overlay .mfilter-image ul li label, .overlay .mfilter-image_radio ul li label {
    margin: 0;
    padding: 0;
}

.overlay .mfilter-image ul li img, .overlay .mfilter-image_radio ul li img {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.overlay .mfilter-image .mfilter-disabled ul li, .overlay .mfilter-image_radio .mfilter-disabled ul li {
    opacity: 0.3;
}

.overlay .mfilter-image ul li.mfilter-image-checked, .overlay .mfilter-image_radio ul li.mfilter-image-checked {
    opacity: 1;
    border: 2px solid #ccc;
}

.overlay .mfilter-option.mfilter-image.mfilter-disabled, .overlay .mfilter-option.mfilter-image_radio.mfilter-disabled {
    opacity: 0.3;
}

.overlay .mfilter-option.mfilter-image.mfilter-disabled img, .overlay .mfilter-option.mfilter-image_radio.mfilter-disabled img {
    cursor: default;
}

.overlay .mfilter-image_list_checkbox .mfilter-tb-as-td img, .overlay .mfilter-image_list_radio .mfilter-tb-as-td img {
    vertical-align: middle;
}

.overlay .mfilter-price-slider {
    padding: 0 0 5px 4px !important;
    margin-right: 6px !important;
    background: url(images/icons.png?v8) no-repeat right -90px !important;
}

.overlay .mfilter-slider-container {
    margin: 0 6px 5px 5px;
}

.overlay #mfilter-price-slider .ui-slider-handle, .overlay .mfilter-slider-slider .ui-slider-handle {
    width: 28px !important;
    height: 21px !important;
    border: none !important;
    background: url(images/icons.png?v8) no-repeat -29px -3px !important;
    margin-left: -14px !important;
    outline-style: none !important;
    cursor: pointer !important;
    transition: none !important;
    display: block;
    position: absolute;
    margin-top: -2px;
}

.overlay #mfilter-price-slider, .overlay .mfilter-slider-slider {
    border: none !important;
    background: url(images/icons.png?v8) repeat-x 0 -49px !important;
    height: 10px !important;
    border-radius: 0 !important;
    margin: 10px 2px 0 5px !important;
    display: block;
    position: relative;
}

.overlay #mfilter-price-slider .ui-slider-range, .overlay .mfilter-slider-slider .ui-slider-range {
    border: none !important;
    background: url(images/icons.png?v8) repeat-x 0 -60px !important;
}

.overlay .mfilter-content-top .mfilter-slider-container, .overlay .mfilter-content_top .mfilter-price-slider {
    background-position: right -79px !important;
}

.overlay .mfilter-search #mfilter-opts-search {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.overlay .mfilter-search.mfilter-search-button {
    clear: both;
    overflow: hidden;
}

.overlay .mfilter-search.mfilter-search-button #mfilter-opts-search {
    display: block;
    float: left;
    margin-top: 2px;
    padding-right: 37px;
}

.overlay .mfilter-search #mfilter-opts-search_button {
    display: block;
    border: none;
    float: left;
    text-indent: 1000px;
    margin-top: 2px;
    width: 34px;
    height: 34px;
    margin-left: -34px;
    cursor: pointer;
    background: #428bca url(images/icons.png?v8) no-repeat -65px 6px;
}

.overlay .mfilter-category-related ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.overlay .mfilter-category-related ul li {
    margin: 0;
    padding: 3px 0;
}

.overlay .mfilter-category-related ul li select {
    width: 100%;
}

.overlay .mfilter-category-related .mfilter-button {
    padding-top: 3px;
    text-align: right;
}

.overlay .mfilter-category-tree ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.overlay .mfilter-category-tree ul li {
    margin: 0;
    padding: 3px 0;
    border-top: 1px dashed #dcdcdc;
}

.overlay .mfilter-category-tree ul li.mfilter-to-parent {
    background: url(images/icons.png?v8) no-repeat -108px -2px;
    padding-left: 20px;
    font-weight: 700;
}

.overlay .mfilter-category-tree ul li a {
    text-decoration: none;
    display: block;
}

.overlay .mfilter-category-tree ul li:first-child {
    border-top: none;
}

.overlay .mfilter-slider-data {
    display: none;
}

.overlay .mfilter-box .mfilter-opts-slider-max, .overlay .mfilter-box .mfilter-opts-slider-min {
    width: 95px;
    min-width: 95px;
    max-width: 95px;
    text-align: center;
    display: inline-block;
}

.overlay .mfilter-opts-slider-max {
    text-align: right;
}

.overlay .mfilter-free-container {
    position: fixed;
    top: 40px;
    width: 228px;
    margin-left: -238px;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 99999;
    padding: 0 0 0 8px;
}

.overlay .mfilter-free-container .mfilter-iscroll > .scroll-element.scroll-y {
    width: 5px;
    right: 1px;
}

.overlay .mfilter-free-container.mfilter-direction-rtl .mfilter-iscroll > .scroll-element.scroll-y {
    left: 1px;
    right: auto;
}

.overlay .mfilter-free-container .mfilter-box {
    margin-bottom: 5px;
}

.overlay .mfilter-free-container [id^='mfilter-free-container-'] {
    padding-right: 8px;
}

.overlay .mfilter-free-container.mfilter-direction-rtl [id^='mfilter-free-container-'] {
    padding-right: 0;
    padding-left: 8px;
}

.overlay .tooltip {
    z-index: 199999;
}

.overlay .mfilter-free-container.mfilter-direction-rtl {
    margin-right: -238px;
    padding: 0 8px 0 0;
}

.overlay .mfilter-free-button {
    display: block;
    position: absolute;
    margin: 10px 0 0 228px;
    cursor: pointer;
    width: 25px;
    height: 23px;
    border: 10px solid #428bca;
    background: #428bca url(images/icons.png?v8) no-repeat -69px 0;
}

.overlay .mfilter-direction-rtl .mfilter-free-button {
    margin: 10px 228px 0 0;
    right: auto;
    left: -45px;
}

.overlay .mfilter-free-button, .overlay .mfilter-free-container {
    box-sizing: content-box;
}

.overlay .mfilter-box.mfilter-direction-rtl .mfilter-counter {
    margin-right: 4px;
    margin-left: 0;
}

.overlay .mfilter-box.mfilter-direction-rtl .mfilter-counter:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #428bca;
}

.overlay .mfilter-box.mfilter-direction-rtl .mfilter-col-input input[type='checkbox'], .overlay .mfilter-box.mfilter-direction-rtl .mfilter-col-input input[type='radio'] {
    margin: 3px 0 2px 3px;
}

.overlay .mfilter-live-filter {
    padding: 3px;
}

.overlay .mfilter-live-filter input[type='text'] {
    width: 100%;
    box-sizing: border-box;
    background-image: url(images/icons.png?v8);
    background-repeat: no-repeat;
    background-position: right -104px;
}

.overlay .mfilter-direction-rtl .mfilter-live-filter input[type='text'] {
    background-position: -274px -104px;
}

.overlay .mfilter-category-tree a {
    cursor: pointer;
}

.overlay .mfilter-box {
    margin-bottom: 20px;
}

.overlay .mfilter-selected-filters {
    width: 100%;
    float: none;
    padding: 0;
}

.overlay .mfilter-selected-filters .mfilter-selected-filters-cnt {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 3px;
}

.overlay .mfilter-box .mfilter-selected-filters-cnt {
    display: table;
    width: 100%;
    background: 0 0;
    border: none;
    padding: 0;
}

.overlay .mfilter-selected-filters-cnt a {
    display: inline-block;
    margin: 2px 5px;
    cursor: pointer;
}

.overlay .mfilter-box .mfilter-selected-filters-cnt a {
    display: table-row;
    margin: 0;
}

.overlay .mfilter-box .mfilter-selected-filters-cnt a > span {
    display: table-cell;
    padding: 3px 10px;
}

.overlay .mfilter-box .mfilter-selected-filters-cnt a > span.mfilter-close {
    width: 1%;
    padding: 3px 5px;
}

.overlay .mfilter-selected-filters-cnt a > span.mfilter-close i {
    background: url(images/icons.png?v8) no-repeat;
    width: 12px;
    height: 12px;
    padding: 0;
    display: block;
    float: right;
    margin: 4px 0 0 4px;
}

.overlay .mfilter-box .mfilter-selected-filters-cnt a > span.mfilter-close i {
    float: none;
}

.overlay select.bs-select-hidden, .overlay select.selectpicker_mf {
    display: none !important;
}

.overlay .bootstrap-select_mf > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.overlay .bootstrap-select_mf > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.overlay .bootstrap-select_mf > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}

.overlay .error .bootstrap-select_mf .dropdown-toggle, .overlay .has-error .bootstrap-select_mf .dropdown-toggle {
    border-color: #b94a48;
}

.overlay .bootstrap-select_mf.fit-width {
    width: auto !important;
}

.overlay .bootstrap-select_mf:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
    width: 220px;
}

.overlay .bootstrap-select_mf .dropdown-toggle:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.overlay .bootstrap-select_mf.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.overlay .bootstrap-select_mf.form-control:not([class*='col-']) {
    width: 100%;
}

.overlay .bootstrap-select_mf.form-control.input-group-btn {
    z-index: auto;
}

.overlay .bootstrap-select_mf.btn-group:not(.input-group-btn), .overlay .bootstrap-select_mf.btn-group[class*='col-'] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.overlay .bootstrap-select_mf.btn-group.dropdown-menu-right, .overlay .bootstrap-select_mf.btn-group[class*='col-'].dropdown-menu-right, .overlay .row .bootstrap-select_mf.btn-group[class*='col-'].dropdown-menu-right {
    float: right;
}

.overlay .form-group .bootstrap-select_mf.btn-group, .overlay .form-horizontal .bootstrap-select_mf.btn-group, .overlay .form-inline .bootstrap-select_mf.btn-group {
    margin-bottom: 0;
}

.overlay .form-group-lg .bootstrap-select_mf.btn-group.form-control, .overlay .form-group-sm .bootstrap-select_mf.btn-group.form-control {
    padding: 0;
}

.overlay .form-inline .bootstrap-select_mf.btn-group .form-control {
    width: 100%;
}

.overlay .bootstrap-select_mf.btn-group.disabled, .overlay .bootstrap-select_mf.btn-group > .disabled {
    cursor: not-allowed;
}

.overlay .bootstrap-select_mf.btn-group.disabled:focus, .overlay .bootstrap-select_mf.btn-group > .disabled:focus {
    outline: 0 !important;
}

.overlay .bootstrap-select_mf.btn-group.bs-container {
    position: absolute;
}

.overlay .bootstrap-select_mf.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    height: 21px;
    margin: -2px 0;
    padding-top: 2px;
    white-space: normal;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.overlay .bootstrap-select_mf.btn-group[class*='col-'] .dropdown-toggle {
    width: 100%;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li {
    position: relative;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    box-sizing: border-box;
}

.overlay .bootstrap-select_mf.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.overlay .bootstrap-select_mf.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.overlay .bootstrap-select_mf.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.overlay .bootstrap-select_mf.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.overlay .bootstrap-select_mf.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.overlay .bootstrap-select_mf.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.overlay .bootstrap-select_mf.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.overlay .bootstrap-select_mf.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.overlay .bootstrap-select_mf.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.overlay .bootstrap-select_mf.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.overlay .bootstrap-select_mf.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.overlay .bootstrap-select_mf.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.overlay .bootstrap-select_mf.show-menu-arrow.open > .dropdown-toggle:after, .overlay .bootstrap-select_mf.show-menu-arrow.open > .dropdown-toggle:before {
    display: block;
}

.overlay .bs-actionsbox, .overlay .bs-donebutton, .overlay .bs-searchbox {
    padding: 4px 8px;
}

.overlay .bs-actionsbox {
    width: 100%;
    box-sizing: border-box;
}

.overlay .bs-actionsbox .btn-group button {
    width: 50%;
}

.overlay .bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.overlay .bs-donebutton .btn-group button {
    width: 100%;
}

.overlay .bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.overlay .bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.overlay .bootstrap-select_mf .btn-default {
    background: #fff;
    background-image: none;
}

.overlay .ui-slider-horizontal.ui-slider-rtl .ui-slider-range-min {
    left: auto;
    right: 0;
}

.overlay .ui-slider-horizontal.ui-slider-rtl .ui-slider-range-max {
    left: 0;
    right: auto;
}

.overlay .ui-slider-vertical.ui-slider-rtl .ui-slider-range-min {
    top: 0;
    bottom: auto;
}

.overlay .ui-slider-vertical.ui-slider-rtl .ui-slider-range-max {
    top: auto;
    bottom: 0;
}

.overlay .bootstrap-select_mf.btn-group button .filter-option small {
    padding-left: 0.5em;
}

.overlay .bootstrap-select_mf.btn-group .dropdown-menu li > a:hover .text-muted {
    color: #fff;
}

.overlay .mfilter-counter {
    background: #428bca;
    color: #fff;
}

.overlay .mfilter-counter:after {
    border-right-color: #428bca;
}

.overlay .mfilter-direction-rtl .mfilter-counter:after {
    left: 100%;
    right: auto;
    border-right-color: none;
    border-left-color: #428bca;
}

.overlay .mfilter-search #mfilter-opts-search_button {
    background-color: #428bca;
}

.overlay .mfilter-box-1 .mfilter-counter {
    background: #428bca;
    color: #fff;
}

.overlay .mfilter-box-1 .mfilter-counter:after {
    border-right-color: #428bca;
}

.overlay .mfilter-box-1.mfilter-direction-rtl .mfilter-counter:after {
    left: 100%;
    right: auto;
    border-right-color: none;
    border-left-color: #428bca;
}

.overlay .mfilter-box-1 .mfilter-search #mfilter-opts-search_button {
    background-color: #428bca;
}

.overlay #footer .logo {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.overlay #partner {
    padding-bottom: 30px;
}

.overlay #sert {
    padding-bottom: 40px;
}

.overlay .mx-auto {
    margin: 0 auto;
}

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

.overlay .cart + a {
    float: right;
    margin: -2px 10px;
}

.overlay .cart + a > img {
    width: 34px;
}

.overlay .on_tel.wa {
    max-width: 40px;
}

.overlay .on_tel.wa > img {
    width: 25px;
    margin-top: -3px;
}

.overlay a.on_tel {
    white-space: nowrap;
}

.overlay #phone-send {
    height: auto;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.overlay #main-send input[type="submit"] {
    background: #224b7a;
}

.overlay .top_menu_3 li::before {
    height: calc(100% + 40px);
}

.overlay .cd1 .top_cat:first-child::before {
    width: calc(100% + 30px);
}

@media (min-width: 500px) {
    .overlay .sticky_header {
        margin-top: 0px;
    }
}

@media (min-width: 769px) and (max-width: 1440px) {
    .overlay li.top_cat::before {
        margin-left: -8px;
    }

    .overlay .cd1 .top_cat:first-child::before {
        width: calc(100% + 16px);
    }
}

@media (max-width: 768px) {
    .overlay #all_city .col_25 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .overlay .feedback .feedback-menu {
        width: 100%;
        max-width: calc(100vw - 32px);
    }

    .overlay .feedback .feedback-menu .feedback-menu-content .feedback-menu-body .feedback-consent-to-disclosure {
        width: 100% !important;
    }

    .overlay .feedback .feedback-menu .feedback-menu-content .feedback-menu-header .feedback-menu-title {
        font-size: 18px !important;
        white-space: nowrap;
    }
}

.overlay .call {
    font-size: 18px;
    text-decoration: none;
    font-weight: 900;
    color: #000;
    background: #FED233;
    padding: 20px 10px;
    border-radius: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.overlay .call:hover {
    box-shadow: 0 0 7px #e1e5eb;
}

.overlay .okey_b a {
    color: #000;
}

.overlay input::-webkit-outer-spin-button,
.overlay input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.overlay input[type=number] {
    -moz-appearance: textfield;
  /* Firefox */
}

.overlay .title_model-2 {
    margin-top: 20px !important;
}

@media screen and (max-width: 575px) {
    .overlay .h2_show-top {
        line-height: 1.1 !important;
    }

    .overlay .opis_model {
        margin: 10px 0 0;
    }

    .overlay .mod_gt1 {
        font-weight: 500 !important;
        font-size: 17px !important;
    }

    .overlay input.sh_new {
        width: 100%;
        height: 57px;
    }

    .overlay select.or_inp.or_material {
        width: 100% !important;
        height: 57px;
        padding-left: 10px;
    }

    .overlay .row_50_pr2 {
        padding-top: 0 !important;
    }

    .overlay .title_model-2 {
        margin-top: 30px !important;
    }

    .overlay .col_33 input.in_za {
        width: 100%;
        padding: 15px 10px 15px 27px;
        font-size: 18px;
    }

    .overlay form .col_33 input.sumbit {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .overlay .all_price-2, .overlay .h8_show {
        text-align: center;
    }

    .overlay .okey_b {
        padding-left: 10px;
    }

    .overlay .opis_model2, .overlay .xs-text {
        padding-left: 10px;
    }

    .overlay .tt-center {
        margin: 0 !important;
    }
}

@media screen and (min-width: 575px) {
    .overlay .okey_b label {
        padding-left: 15px;
    }

    .overlay .xs-text {
        padding-left: 15px;
    }

    .overlay .opis_model2 .col_33 {
        padding-left: 25px;
    }
}

/* FIXED MENU */
.fixed__menu {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    transition: 320ms;
}

.fixed__menu-trigger {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.5rem;
    height: 100%;
    background-image: url("../img/fixed-menu/button-bg.png");
    background-size: cover;
    background-position: center;
    cursor: pointer;
    z-index: 20;
    border-radius: 0 1rem 1rem 0;
}

.fixed__menu-icon {
    position: relative;
    width: 6rem;
    display: flex;
    align-items: center;
}

.fixed__menu-icon img {
    width: 100%;
}

.fixed__menu-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 99rem;
    background-image: url("../img/fixed-menu/fixed__menu-bg.png");
    background-size: cover;
    background-position: center;
    background: #14122B;
    color: #fff;
    padding: 2rem 2rem;
    padding-left: 12rem;
    border-radius: 1rem;
    transition: 700ms;
    transition-timing-function: ease-in-out;
    transform: translateX(-100%);
    pointer-events: none;
}

.fixed__menu-inner.active {
    transform: none;
    pointer-events: auto;
}

.fixed__menu-title {
    margin-right: auto;
}

.fixed__menu-title .title {
    font-size: 1.8rem;
    font-weight: 700;
}

.fixed__menu-title .subtitle {
    font-size: 1.4rem;
    font-weight: 500;
}

.fixed__menu-messengers {
    margin-right: 1.5rem;
}

.fixed__menu-messengers a {
    width: 5.5rem;
    height: 5.5rem;
}

.fixed__menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    text-transform: uppercase;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 700;
    width: 22rem;
    height: 5.5rem;
    background: #FFCF62;
    color: #000;
    letter-spacing: 0.2rem;
}

.fixed__menu-btn:hover {
    background: #ffc749;
}

@media screen and (max-width: 991px) {
    .fixed__menu-title {
        display: none;
    }

    .fixed__menu-inner {
        width: 50rem;
    }
}

@media screen and (max-width: 575px) {
    .fixed__menu-inner {
        padding-left: 11.2rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-right: 0;
        width: 60rem;
        border-radius: 1.5rem;
    }

    .fixed__menu-btn {
        width: 28.7rem;
        font-size: 1.6rem;
    }
}