/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   Custom edited */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: normal;
}

blockquote, q {
    quotes: none;
}

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

input {
    font-family: Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input[type=radio] {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*-------------------------*/
/***  Базовые настройки  ***/
/*-------------------------*/

html, body {
    padding: 0;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
    min-width: 1130px;
    width: 100%;
    font-size: 16px;
    overflow-x: hidden;
}

@media (max-width: 1149px) {
    html, body {
        min-width: 960px;
        font-size: 14px;
    }
}

@media (max-width: 959px) {
    html, body {
        min-width: 768px;
        max-width: 959px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    html, body {
        min-width: 320px;
        max-width: 767px;
        font-size: 11px;
    }

    .mobile-hidden-text {
        display: none !important;
    }
}

h1 {
    display: block;
    font-size: 36px;
    text-transform: uppercase;
    margin: 1em 0 0.5em -2px;
    font-family: Montserrat, sans-serif;
    color: #0e5150;
}

h2 {
    color: #6db33f;
    display: block;
    font-size: 28px;
    margin: 0.83em 0;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
}

h4 {
    display: block;
    font-size: 1.33em;
    font-weight: bold;
    margin: 0 0 1.33em;
}

p {
    margin: 1em 0;
}

a,
.link {
    color: #00853e;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
    outline: none;
    border: none;
}

a:visited {
    color: #56744c;
}

a:hover, a:active {
    color: #41ac00;
}

a.white-link {
    color: #ffffff;
}

a.menu-link,
span.menu-link {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a.shops-menu-link,
a.catalog-menu-link {
    color: #eaf4b5;
}

a.white-link:hover,
a.menu-link:hover {
    color: #ddff76;
}

a.menu-link:active {
    color: #8fca00;
}

a.button, .button {
    display: block;
    color: #ffffff;
    background-color: #00853e;
    text-decoration: none;
    text-align: center;
    padding: 0 12px;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 40px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    outline: none;
}

a.button:visited {
    background-color: #00853e;
}

a.button:hover, a.button:active {
    background-color: #8fca00;
}

a.phone-link {
    text-decoration: none;
}

area {
    outline: none;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

@media (max-width: 480px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

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

/*------------------------------*/
/***  Цвета и форматирование  ***/
/*------------------------------*/

.color-white-text {
    color: #ffffff !important;
}

.color-grey-text {
    color: #989898 !important;
}

.color-green-text {
    color: #008000 !important;
}

.color-green-text.price {
    color: #41ac00 !important;
}

.color-red-text {
    color: #ff0000 !important;
}

.color-orange-text {
    color: #ff7800 !important;
}

.block-green-bg {
    background-color: #e8f3e2 !important;
    margin: 20px 0;
    padding: 10px 20px;
    text-align: center;
}

.block-orange-bg {
    background-color: #ff9900 !important;
}

a.block-orange-bg:hover {
    background-color: #ffbb33 !important;
}

.block-gray-bg {
    background-color: #cccccc !important;
}

.block-blue-bg {
    background: #0680ff !important;
}

a.block-blue-bg:hover {
    background-color: #5dadff !important;
}

.block-lightblue-bg {
    background-color: #5dadff !important;
}

a.block-lightblue-bg:hover {
    background: #0680ff !important;
}

.bold-text {
    font-weight: bold;
}

.error-text {
    font-size: 14px !important;
    color: #ff0000 !important;
}

.input-error {
    outline: 1px solid red !important;
}

.nowrap-text {
    white-space: nowrap;
}

::selection {
    background: #d0e9c6;
}

::-moz-selection {
    background: #d0e9c6;
}

/*----------------------*/
/***    Картинки      ***/
/*----------------------*/

.figure-image {
    position: relative;
    /*min-height: 200px;*/
    text-align: center;
}

.figure-image img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*max-height: 100%;*/
}

.slick-slider {
    touch-action: auto !important;
}

.slick-prev:hover,
.slick-next:hover {
    opacity: initial !important;
}

/*----------------------*/
/***      Видео       ***/
/*----------------------*/

.video-container {
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------*/
/*** Индикатор загрузки ***/
/*------------------------*/

#loading-container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(220, 240, 230, .5);
    display: none;
    z-index: 99991;
}

#loading {
    -webkit-animation: loading-rotate 1s linear infinite;
    animation: loading-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #00853e;
    border-bottom-color: transparent;
    border-radius: 50%;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 99999;
}

@-webkit-keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*----------------------*/
/***     Header       ***/
/*----------------------*/

header {
    width: 100%;
    background-color: #f8f4e8;
}

.header-top {
    background: url("/static/images/header-bg-2020.ca0c2ab59ceb.jpg") no-repeat center;
    height: 210px;
}

.topmenu {
    height: 45px;
    font-size: 16px;
    color: #00853e;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    line-height: 45px;
}

.topmenu > div {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    line-height: 45px;
    min-width: 120px;
    padding: 0 15px;
    height: 100%;
    vertical-align: middle;
}

.topmenu-phone a {
    text-decoration: none;
}

.topmenu-mail::before {
    content: url("/static/images/mail-icon.a16e23388ecf.png");
}

/*.topmenu-login::before {*/
/*content: url("/static/images/header-login.7fed245fd44c.png");*/
/*}*/

.topmenu-card::before {
    content: url("/static/images/header-card.be92287858c4.png");
}

.topmenu-mail::before,
.topmenu-login::before,
.topmenu-card::before {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.topmenu-mail,
.topmenu-login,
.topmenu-card,
.topmenu-catalog,
.topmenu-favorite {
    font-variant: small-caps;
    border-left: 1px solid #b0b1b1;
    position: relative;
}

.topmenu-login .lk-login {
    background: url("/static/images/header-login.7fed245fd44c.png") no-repeat 0 4px;
    padding-left: 20px;
    display: inline-block;
    cursor: pointer;
}

.topmenu-login .lk-login:hover {
    color: #41ac00;
}

.topmenu-login .lk-popbox {
    display: none;
    background: #ffffff;
    outline: 1px solid #cccccc;
    box-shadow: #aaaaaa 0 0 10px 0;
    position: absolute;
    left: 0;
    top: -10px;
    z-index: 99;
    min-width: 120px;
    padding: 10px 15px 0;
}

.topmenu-login .lk-popbox .lk-menu {
    line-height: 32px;
    margin: 5px;
    text-align: left;
    text-decoration: none;
}

.topmenu-login .lk-popbox .lk-menu a {
    text-decoration: none;
}

.topmenu-catalog a {
    text-decoration: none;
}

.topmenu-soclinks {
    border-left: 1px solid #b0b1b1;
}

.topmenu-soclinks a {
    background: url("/static/images/header-social.f1d09b7262a7.png") no-repeat;
    text-decoration: none;
    margin-left: 10px;
    display: inline-block;
    height: 45px;
    width: 45px;
    vertical-align: middle;
}

a.topmenu-soclinks-fb {
    background-position: 0 0;
}

a.topmenu-soclinks-vk {
    background-position: -45px 0;
}

a.topmenu-soclinks-ig {
    background-position: -90px 0;
}

a.topmenu-soclinks-fb:hover,
a.topmenu-soclinks-vk:hover,
a.topmenu-soclinks-ig:hover {
    background-position-y: -45px;
}

a.topmenu-soclinks-fb:active,
a.topmenu-soclinks-vk:active,
a.topmenu-soclinks-ig:active {
    background-position-y: -90px;
}

.topmenu-favorite {
    border-left: 1px solid #b0b1b1;
    margin-left: 10px;
    display: inline-block;
    position: relative;
}

.topmenu-favorite a {
    text-decoration: none;
    color: #56744c;
}

.topmenu-favorite a:hover {
    color: #41ac00;
}

.header-dostavka a {
    display: block;
    height: 36px;
    line-height: 36px;
    background: #41ac00;
    color: white;
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
}

.header-catalog-search {
    min-width: 600px;
    max-width: 870px;
    margin: 0 auto;
}

.header-logo {
    display: inline-block;
    vertical-align: middle;
}

.header-logo img {
    display: inline-block;
    height: 90px;
    line-height: 90px;
    width: 90px;
    vertical-align: middle;
}

.header-search-form {
    background-color: #e8f3e2;
    display: inline-block;
    vertical-align: middle;
    max-width: 800px;
    width: 600px;
    margin-left: 50px;
    margin-right: 30px;
    padding: 0;
    overflow: hidden;
}

.header-search-form input::placeholder {
    color: #cccccc;
}

.header-search-form .search-button {
    padding: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.header-search-form .search-button:hover {
    background: #8fca00;
    cursor: pointer;
}

.header-basket {
    display: inline-block;
    vertical-align: middle;
}

.header-basket a {
    background: orange;
    display: block;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
}

.header-basket a:hover {
    background: #ffbb33;
    color: #ffffff;
}

.header-logo-text {
    font-size: 16px;
    padding: 10px 0 35px 0;
    color: #00853e;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

.header-logo-text div {
    display: inline-block;
}

.header-menu {
    height: 80px;
    color: #ffffff;
    padding: 0;
    background-color: #0e5150;
    line-height: 80px;
    text-align: center;
}

.header-menu .menu-list {
    display: table;
    margin: 0 auto;
}

.header-menu .menu-item {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
}

.header-menu .menu-item .shops-menu-link:before {
    content: url("/static/images/header-menu-shops-marker.4bd9f8ff8a2e.png");
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

/*.mobile-menu,*/
/*#mobile-menu,*/
/*body.mm-ocd-opened .header-menu .nav-toggle-bar,*/
.header-menu .menu-mobile-link,
.header-menu .shops-menu-mobile-link,
.header-menu .card-menu-mobile-link,
.header-menu .catalog-menu-mobile-link {
    display: none;
}

@media (min-width: 767px) and (max-width: 959px) {
    .header-top {
        background: none !important;
    }

    .header-menu .menu-item {
        padding: 0 7px;
        font-size: 15px;
    }

    .header-menu a.shops-menu-link {
        color: #ffffff;
    }

    .header-menu a.shops-menu-link:hover {
        color: #ddff76;
    }

    .header-menu .menu-item .shops-menu-link:before {
        display: none;
    }

    .header-catalog-search {
        text-align: center;
    }

    .header-search-form {
        width: 540px;
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    header {
        padding: 54px 0 20px;
    }

    .header-menu .menu-list {
        margin-left: 0;
    }

    .header-top {
        background: none !important;
        height: auto;
    }

    header .topmenu {
        position: fixed;
        height: 36px;
        line-height: 36px;
        top: 10px;
        right: 65px;
        padding: 0;
        font-size: 16px;
        z-index: 9999;
    }

    header .topmenu-mail,
    header .topmenu-phone,
    header .topmenu-card,
    header .topmenu-soclinks,
    header .topmenu-catalog,
    .header-logo-text {
        display: none;
    }

    header .topmenu-login {
        border: none;
        line-height: 36px;
        min-width: 20px;
    }

    header .topmenu-login .lk-login,
    header .topmenu-login .lk-login a {
        color: #81ac5f;
        height: 36px;
    }

    header .topmenu-login .lk-popbox {
        position: fixed;
        left: auto;
        right: 10px;
        top: 10px;
        width: 130px;
    }

    /*header .topmenu-favorite,*/
    /*header .topmenu-favorite a {*/
    /*    padding-left: 0;*/
    /*    right: 10px;*/
    /*    color: whitesmoke !important;*/
    /*}*/
    /*.topmenu > div {*/
    /*padding: 2px;*/
    /*}*/
    header .topmenu-favorite {
        display: none;
    }

    .header-logo {
        margin: 0 5px;
    }

    .header-logo img {
        width: 45px;
        height: 45px;
    }

    .header-catalog-search {
        min-width: 280px;
        margin: 20px auto 0;
        text-align: center;
    }

    .header-search-form {
        width: 75%;
        max-width: 540px;
        margin: 0 5px;
    }

    .header-basket {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 9995;
    }

    .header-basket a {
        padding: 8px;
    }

    .header-logo-text {
        font-size: 14px;
        width: 265px;
    }

    .header-menu {
        height: 54px;
        line-height: 54px;
        position: fixed;
        top: 0;
        width: 100%;
        min-width: 320px;
        z-index: 9990;

    }

    .header-menu .menu-mobile {
        display: block;
        padding: 0 5px;
        cursor: pointer;
        width: 140px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 2;
        height: 54px;
    }

    .header-menu .menu-mobile .nav-toggle-bar,
    .header-menu .menu-mobile .nav-toggle-bar::after,
    .header-menu .menu-mobile .nav-toggle-bar::before {
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: white;
        content: '';
        height: 0.28rem;
        left: 15px;
        width: 32px;
    }

    .header-menu .menu-mobile .nav-toggle-bar {
        top: 16px;
    }

    .header-menu .menu-mobile .nav-toggle-bar::after {
        margin-top: 12px;
        left: 0;
    }

    .header-menu .menu-mobile .nav-toggle-bar::before {
        margin-top: 23px;
        left: 0;
    }

    body.mm-wrapper_opened .header-menu .menu-mobile,
    body.mm-ocd-opened .header-menu .menu-mobile {
        opacity: 0.6;
    }

    body.mm-wrapper_opened .header-menu .menu-mobile .nav-toggle-bar,
    body.mm-ocd-opened .header-menu .menu-mobile .nav-toggle-bar {
        display: block;
        background: transparent;
    }

    body.mm-wrapper_opened .header-menu .nav-toggle-bar::after,
    body.mm-ocd-opened .header-menu .nav-toggle-bar::after,
    body.mm-wrapper_opened .header-menu .nav-toggle-bar::before,
    body.mm-ocd-opened .header-menu .nav-toggle-bar::before {
        background: white;
        margin-top: 10px;
    }

    body.mm-wrapper_opened .header-menu .nav-toggle-bar::after,
    body.mm-ocd-opened .header-menu .nav-toggle-bar::after {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    body.mm-wrapper_opened .header-menu .nav-toggle-bar::before,
    body.mm-ocd-opened .header-menu .nav-toggle-bar::before {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #mobile-menu .menu-item {
        display: block;
        padding: 0;
        font-size: 18px;
    }

    #mobile-menu .menu-link {
        font-weight: normal;
    }

    #mobile-menu .menu-mobile-link {
        color: #ffffff;
        font-weight: bold;
    }

    .header-menu .catalog-menu-mobile-link {
        position: absolute;
        left: 55px;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        padding: 15px 5px;
        line-height: 24px;
        text-decoration: none;
        color: #ffffff;
    }

    #mobile-menu .catalog-menu-item {
        display: none;
    }

    #mobile-menu a.menu-show-all-link,
    #mobile-menu a.menu-show-all-link:focus {
        color: #badaa8;
        text-decoration: underline dashed;
        text-underline-position: under;
        font-size: 16px;
    }

    #mobile-menu a.menu-show-all-link:hover {
        color: #ddff76;
    }

    #main-menu {
        display: none;
        background: #0e5150;
        font-size: 18px;
        text-align: left;
    }
}

/*----------------------*/
/***       Main       ***/
/*----------------------*/

main {
    width: 100%;
    background-color: #ffffff;
    /*overflow: hidden;*/
}

.page-container {
    background: #ffffff;
    max-width: 1280px;
    min-height: 600px;
    margin: 0 auto;
    position: relative;
    display: table;
    padding: 0 10px 30px;
}

.content {
    background-color: #ffffff;
    font-size: 16px;
    width: 920px;
    min-width: 920px;
    max-width: 960px;
    padding: 20px 30px 20px 20px;
    min-height: 800px;
    margin-right: 284px;
    display: table-cell;
    vertical-align: top;
    overflow-wrap: break-word;
    /*overflow-x: hidden;*/
}

.content h2 {
    margin: 1.1em 0 0.65em;
}

.content h3 {
    margin: 1.25em 0 0.85em;
}

.content h4 {
    margin: 1.25em 0 1em;
}

.content p,
.content ul,
.content ol {
    line-height: 1.33em;
}

.content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
}

.content img.left {
    margin-left: 0;
}

.content img.right {
    margin-right: 0;
}

.content .breadcrumbs {
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.content .image-descriptions,
.content .image-descriptions-second-line {
    font-family: 'Neucha', cursive;;
    font-size: 16px;
    width: 380px;
    max-width: 100%;
    color: #000000;
    background: #e8f3e2;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

.content .image-descriptions {
    padding: 10px 10px 7px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.content .image-descriptions-second-line {
    padding: 0 10px 7px;
    position: relative;
    top: -5px;
}

@media (max-width: 480px) {
    .content .image-descriptions,
    .content .image-descriptions-second-line {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 240px;
    }
}

.content ol,
.content ul {
    padding-left: 15px;
    line-height: 1.5em;
    margin: 1em 0;
}

.content ol {
    list-style: decimal;
}

.content ul {
    list-style: disc;
}

.content ul.pagination {
    list-style: none;
    padding-left: 0;
    line-height: 18px;
    margin-top: 20px;
}

.content ul.pagination .pagination-label {
    margin-right: 20px;
}

.content ul.pagination li {
    display: inline-block;
    text-align: center;
}

.content ul.pagination li.previous,
.content ul.pagination li.next {
    border: none;
}

.content ul.pagination li.active {
    background: #41ac00;
    min-width: 18px;
    color: #ffffff;
    padding: 4px;
    border: 1px solid #41ac00;
    border-radius: 50%;
}

.content ul.pagination li a {
    display: block;
    text-decoration: none;
    text-align: center;
    min-width: 18px;
    width: fit-content;
    width: -moz-fit-content;
    border: 1px solid #41ac00;
    border-radius: 50%;
    font-size: 14px;
    margin: 0 2px;
    padding: 4px;
}

.content ul.pagination li a:hover {
    background: rgba(65, 172, 0, 0.2);
    color: #41ac00;
}

.content ul.pagination li.previous a,
.content ul.pagination li.next a {
    border: none;
    color: #41ac00;
}

.content .green-formatted-block {
    background: url("/static/images/page-content-bottom-kroliki.fa6d36eb129a.png") no-repeat;
    height: 173px;
    padding-left: 160px;
    color: #18843b;
    font-family: 'Neucha', cursive;;
    display: table-cell;
    width: 660px;
    max-width: 100%;
    vertical-align: middle;
    font-size: 18px;
    padding-top: 10px;
    padding-right: 60px;
    line-height: 20px;
}

.content .float-stopper {
    clear: both;
}

@media (max-width: 1280px) {
    .page-container {
        display: block;
    }

    .content {
        display: block;
        width: auto;
        min-width: auto;
        margin: 0 auto;
        padding: 20px 10px;
    }
}

@media (max-width: 767px) {
    .content {
        min-height: 400px;
        padding: 20px 10px;
    }

    .content img {
        float: none !important;
    }

    .content .green-formatted-block {
        background: none;
        padding: 30px;
        height: auto;
        border-top: 4px solid #4a7d7c;
        border-bottom: 4px solid #4a7d7c;
        -webkit-border-image: url("/static/images/page-content-bottom-border.a4426a2077b7.png") 30 stretch;
        -o-border-image: url("/static/images/page-content-bottom-border.a4426a2077b7.png") 30 stretch;
        border-image: url("/static/images/page-content-bottom-border.a4426a2077b7.png") 30 stretch;
    }

    .content ul.pagination {
        margin: 20px 0;
        /*text-align: center;*/
        /*text-align: -moz-center;*/
        /*text-align: -webkit-center;*/
    }

    .content ul.pagination .pagination-label {
        display: none !important;
    }
}

@media (max-width: 404px) {
    .content ul.pagination li.active {
        padding: 3px;
    }

    .content ul.pagination li a {
        margin: 0;
        padding: 3px;
    }
}

@media (max-width: 360px) {
    .content ul.pagination {
        margin: 20px -10px;
    }
}

/*------------------------*/
/***   Правая колонка   ***/
/*------------------------*/

.right-block {
    width: 284px;
    max-width: 284px;
    height: 100%;
    display: table-cell;
    padding-top: 25px;
}

.right-block .discount-block a {
    width: 284px;
    min-width: 284px;
    max-width: 284px;
    height: 188px;
    background: url("/static/images/right-block-banner.1341a6665d6f.png") no-repeat;
    display: block;
}

.right-block .articles-block {
    position: relative;
    margin-top: 15px;
    margin-bottom: 5px;
}

.right-block .articles-block-head {
    color: #ffffff;
    background: #6eb43f;
}

.right-block .articles-block-head-title {
    font-family: 'Neucha', cursive;
    font-size: 32px;
    font-weight: normal;
    margin: 0 auto;
    line-height: 52px;
    text-align: center;
}

.right-block .articles-block-head-left-cut {
    position: absolute;
    top: 0;
    width: 12px;
    height: 52px;
    margin: 0 auto;
    padding: 0;
    fill: #ffffff;
}

.right-block .articles-block-head-right-cut {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 52px;
    padding: 0;
    fill: #ffffff;
}

.right-block .article-item {
    margin-top: 10px;
    padding: 20px;
    outline: 1px solid #dff1d6;
    width: 244px;
}

.right-block .article-item-image {
    text-align: center;
    margin-top: 20px;
}

.right-block .article-item-image img {
    max-width: 100%;
}

.right-block .articles-link a {
    margin: 20px auto 0;
}

.right-block .feedback-block {
    margin-top: 30px;
    padding: 35px 0;
    border: 1px solid #dff1d6;
    background: url("/static/images/rightblock-pochta-bg.4a4bd9f0d226.png") no-repeat top;
}

.right-block .feedback-block h4 {
    text-align: center;
    text-transform: uppercase;
    padding: 0 40px;
    font-size: 20px;
    color: #000;
}

.right-block .feedback-item {
    overflow: hidden;
}

.right-block .feedback-client-info {
    font-weight: bold;
}

.right-block .feedback-client-info {
    padding: 0 20px;
}

.right-block .feedback-date {
    color: #cccccc;
    font-size: 14px;
}

.right-block .feedback-message,
.right-block .feedback-response {
    padding: 20px;
}

.right-block .feedback-message {
    font-family: 'Neucha', cursive;
    font-size: 18px;
    color: #647ea7;
}

.right-block .feedback-response {
    background: #edf3e9;
}

.right-block .feedback-kroliki {
    position: relative;
    height: 145px;
    background: url("/static/images/right-block-kroliki.78d92faac136.png") no-repeat top 20px left 30px;
}

.right-block a.feedback-link {
    position: absolute;
    bottom: 5px;
    right: 40px;
}

.right-block .feedback-add-link a {
    margin: 20px auto 0;
}

@media (max-width: 1280px) {
    .right-block {
        display: none;
    }
}

/***  Instagram  ***/
#instagram-block .clear {
    clear: both;
    height: 1px;
    line-height: 1px;
}

#instagram-block .widget {
    width: 284px;
    margin-top: 30px;
    overflow: hidden;
    min-height: 125px;
    height: 308px;
}

#instagram-block .widget-image {
    margin: 4px;
}

#instagram-block .widget a.title:link, #instagram-block .widget a.title:visited {
    display: block;
    text-decoration: none;
    font-family: 'Neucha', cursive;
}

#instagram-block .widget .title .text {
    overflow: hidden;
    font-size: 22px;
    white-space: nowrap;
    text-align: center;
    color: black;
    text-transform: uppercase;
}

#instagram-block .widget .profile {
    width: 100%;
    border-collapse: collapse;
}

#instagram-block .widget .profile tr td {
    padding: 0;
    margin: 0;
    text-align: center;
}

#instagram-block .widget .profile td {
    border: 1px solid #c3c3c3;
}

#instagram-block .widget .profile .avatar {
    width: 1%;
    padding: 10px !important;
    border-left: none !important;
    line-height: 0;
}

#instagram-block .widget .profile .avatar img {
    width: 60px;
}

#instagram-block .widget .profile .value {
    width: 33%;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
}

#instagram-block .widget .profile span {
    display: block;
    font-size: 9px;
    font-weight: bold;
    color: #999999;
    margin: -2px 0 0 0;
}

#instagram-block .widget a.follow:link, #instagram-block .widget a.follow:visited {
    display: block;
    background: #ad4141;
    text-decoration: none;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    width: 120px;
    margin: 0 auto 0 auto;
    padding: 4px 4px 4px 10px;
    border: 3px solid #FFF;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#instagram-block .widget a.follow:hover {
    background: #cf3838;
}

#instagram-block .widget .data {
    text-align: left;
    height: 284px;
}

#instagram-block .widget .data .instagram_img {
    display: inline-block;
    margin: 4px;
    overflow: hidden;
    line-height: 0;
    vertical-align: top;
}

#instagram-block .widget .data .instagram_img img {
    width: 86px;
    height: 86px;
}

#instagram-block .widget .data .instagram_img:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#instagram-block .widget .empty {
    text-align: center;
    margin: 10px 0 10px 0;
}

/*-----------------------*/
/***    Нижний блок    ***/
/*-----------------------*/

.articles-bottom-block {
    height: 100%;
    font-size: 16px;
    background: url("/static/images/articles-bottom-block-bg.36d5a93f5ac9.png") repeat;
    position: relative;
    padding-bottom: 40px;
}

.articles-bottom-block p {
    line-height: 1.22em;
}

.articles-bottom-block-bg {
    background: url("/static/images/articles-bottom-block-arrow.9d95760b8c9a.png") no-repeat top center;
    height: 64px;
    width: 100%;
    position: absolute;
    top: 0;
}

.articles-bottom-block-content {
    background: #ffffff;
    width: 1150px;
    max-width: 100%;
    padding: 40px 0 0;
    margin: 0 auto 40px;
    text-align: center;
    position: relative;
    top: 40px;
    outline: 1px solid #e1f2d8;
}

.articles-bottom-block .article-link-krolik {
    background: url("/static/images/articles-bottom-block-krolik.d93637265717.png") no-repeat bottom center;
    position: absolute;
    height: 80px;
}

.articles-bottom-block h3 {
    font-size: 26px;
    text-transform: uppercase;
    color: #0e5150;
    padding: 0 20px;
}

.articles-bottom-block .article-item {
    display: inline-table;
    width: 240px;
    margin: 20px 20px 0;
    text-align: initial;
}

.articles-bottom-block .article-item-image {
    text-align: center;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    position: relative;
}

.articles-bottom-block .article-item-image img {
    max-width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.articles-bottom-block .article-item h4 {
    margin: 20px 0;
    font-size: 16px;
    line-height: 24px;
}

.articles-bottom-block .articles-link {;
    background: url("/static/images/articles-bottom-block-krolik.d93637265717.png") no-repeat bottom left;
    height: 140px;
    width: 280px;
    margin: 20px auto;
    position: relative;
}

.articles-bottom-block .articles-link a {
    margin: 0 auto;
    position: relative;
    top: 60px;
}

@media (max-width: 1149px) {
    .articles-bottom-block .article-item:nth-child(4) {
        display: none;
    }

    .articles-bottom-block-content {
        width: 870px;
    }
}

@media (max-width: 859px) {
    .articles-bottom-block .article-item:nth-child(3) {
        display: none;
    }

    .articles-bottom-block-content {
        width: 600px;
    }
}

@media (max-width: 649px) {
    .articles-bottom-block .article-item:nth-child(2) {
        display: none;
    }

    .articles-bottom-block-content {
        width: 340px;
    }
}

/*-------------------------------------*/
/***    Новый нижний блок статей    ***/
/*-----------------------------------*/

.articles-bottom-block-new {
    margin: 0 auto 1.2em;
}

.articles-bottom-block-new.hidden {
    display: none;
}

.page-content .articles-bottom-block-new {
    margin: 2.25em 0 0;
}

.articles-bottom-block-new .mainpage-products-content {
    top: 0;
    outline: none;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 12px;
}

.articles-bottom-block-new {
    height: 100%;
    font-size: 16px;
    position: relative;
    width: max-content;
    width: -webkit-max-content;
}

.articles-bottom-block-new h2 {
    text-align: left;
}

.articles-bottom-block-new .mainpage-products-content .products-head {
    margin-left: 20px;
    margin-bottom: 15px !important;
}

.articles-bottom-block-new h3:not(.products-header) {
    text-transform: uppercase;
    line-height: 1.1em;
    padding: 10px;
    margin: 0;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.articles-bottom-block-new h3 a {
    text-decoration: none;
}

.articles-bottom-block-new .article-items {
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: left;
    justify-items: left;
    padding-bottom: 20px;
}

.articles-bottom-block-new .article-item {
    display: inline-table;
    width: 218px;
    margin: 10px 10px 0 0;
    text-align: initial;
    border: 1px solid #dff1d6;
}

.articles-bottom-block-new .article-item-image {
    text-align: center;
    width: 140px;
    height: 140px;
    position: relative;
    max-height: 147px;
    max-width: 238px;
    margin: 13px auto 0;
    overflow: hidden;
}

.articles-bottom-block-new .article-item-image img {
    max-width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.articles-bottom-block-new .article-item h4 {
    margin: 10px 20px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.articles-bottom-block-new .article-item-intro {
    padding: 0 20px 20px;
}

@media (max-width: 1240px) {
    .articles-bottom-block-new .mainpage-products-content .products-head {
        width: initial;
        margin: 0 10px 0 0;
    }

    .articles-bottom-block-new .article-item:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1010px) {
    .articles-bottom-block-new .article-item:nth-child(3) {
        display: none;
    }
}

@media (max-width: 767px) {

    .articles-bottom-block-new {
        width: initial;
        margin: -1.25em auto 2em;
    }

    .articles-bottom-block-new .mainpage-products-content {
        padding-left: 0;
    }

    .articles-bottom-block-new .mainpage-products-content .products-head {
        margin-bottom: 30px !important;
        margin-right: 20px;
        margin-left: 20px;
    }

    .articles-bottom-block-new .article-items {
        padding-bottom: 0;
        padding-top: 10px;
        flex-wrap: initial;
    }

    .articles-bottom-block-new .article-item {
        max-height: initial;
        margin: 0 0 20px;
        border: none;
        border-right: rgba(0, 0, 0, 0.1) 1px solid;
    }

    .articles-bottom-block-new .article-item:nth-child(4) {
        border-right: none;
    }

    .articles-bottom-block-new .article-item:nth-child(3),
    .articles-bottom-block-new .article-item:nth-child(4) {
        display: block;
    }

    .articles-bottom-block-new .articles-block-1,
    .articles-bottom-block-new .articles-block-2 {
        background: none !important;
    }

    .articles-bottom-block-new .article-background-top {
        height: 12px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -20px;
    }

    .articles-bottom-block-new .articles-block-1 .article-background-top {
        background: url("/static/images/left-block-articles-bg-1.684425b4f5ad.png") repeat-x top;
    }

    .articles-bottom-block-new .articles-block-2 .article-background-top {
        background: url("/static/images/left-block-articles-bg-2.c6ed2ecadf4b.png") repeat-x top;
    }

    .articles-bottom-block-new .article-item-intro {
        margin-bottom: -20px;
    }
}

@media (max-width: 696px) {

    .articles-bottom-block-new .article-items {
        flex-wrap: initial;
    }

    .page-content .articles-bottom-block-new .article-items {
        margin-left: -20px;
        margin-right: -20px
    }

    .articles-bottom-block-new .article-item {
        display: block;
    }

    .articles-bottom-block-new .article-item:nth-child(3) {
        border-right: none;
    }

    .articles-bottom-block-new .article-item:nth-child(4) {
        display: none;
    }

    .page-content .articles-bottom-block-new .products-head {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 523px) {

    .articles-bottom-block-new {
        width: max-content;
    }

    .articles-bottom-block-new .article-item:nth-child(2) {
        border-right: none;
    }

    .articles-bottom-block-new .article-item:nth-child(3) {
        display: none;
    }

    .articles-bottom-block-new .article-background-top {
        margin-right: 18px;
    }
}

@media (max-width: 440px) {

    .articles-bottom-block-new {
        width: initial;
    }

    .articles-bottom-block-new .article-item:nth-child(3),
    .articles-slider .article-item:nth-child(4) {
        display: block;
    }

    .articles-slider .article-item {
        border-right: rgba(0, 0, 0, 0.1) 1px solid !important;
    }

    .articles-slider .slick-dots {
        bottom: 0;
        margin-bottom: 0;
        padding-left: 0;
    }
}

/*---------------------------*/
/***  Нижний блок товаров  ***/
/*---------------------------*/

.products-bottom-block {
    height: 100%;
    font-size: 16px;
    background: url("/static/images/articles-bottom-block-bg.36d5a93f5ac9.png") repeat;
    position: relative;
    padding-bottom: 40px;
}

.products-bottom-block-bg {
    background: url("/static/images/articles-bottom-block-arrow.9d95760b8c9a.png") no-repeat top center;
    height: 64px;
    width: 100%;
    position: absolute;
    top: 0;
}

.products-bottom-block-content {
    background: #ffffff;
    width: 1006px;
    max-width: 100%;
    padding: 30px 0;
    margin: 0 auto 40px;
    text-align: center;
    position: relative;
    top: 40px;
    outline: 1px solid #e1f2d8;
}

.products-bottom-block h3 {
    font-size: 26px;
    text-transform: uppercase;
    color: #0e5150;
    padding: 0 20px;
}

.products-bottom-block-intro-text {
    margin: 30px auto;
    max-width: 800px;
    padding: 0 20px;
}

.products-bottom-block .catalog-link {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1023px) {
    .products-bottom-block-content {
        width: 780px;
    }
}

@media (max-width: 796px) {
    .products-bottom-block-content {
        width: 768px;
    }
}

@media (max-width: 767px) {
    .products-bottom-block-content {
        width: 540px;
    }
}

@media (max-width: 539px) {
    .products-bottom-block-content {
        width: 100%;
    }
}

/*---------------------*/
/***      Формы      ***/
/*---------------------*/

.form {
    position: relative;
    background-color: #e8f3e2;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    line-height: 1.4;
    margin: 30px 0;
    max-width: 640px;
}

.form .border-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background-color: #007a39;
}

.form h2 {
    margin: 10px 0;
}

form {
    max-width: 100%;
    padding: 20px 0;
}

form .fieldWrapper {
    display: table-row;
    height: 40px;
    position: relative;
}

form .fieldWrapper label,
form .fieldWrapper select,
form .fieldWrapper input,
form .fieldWrapper textarea {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    font-size: 16px;
    line-height: 20px;
    outline: none;
}

form .fieldWrapper.error select,
form .fieldWrapper.error input,
form .fieldWrapper.error textarea {
    outline: 1px solid red;
}

form .fieldWrapper select {
    width: 330px;
    margin: 5px;
}

form .fieldWrapper input {
    width: 260px;
}

form .fieldWrapper textarea,
form .fieldWrapper input {
    border: 1px solid #cfe2c6;
}

form .fieldWrapper textarea {
    font-family: Arial, sans-serif;
    width: 320px;
    max-width: 320px;
    min-width: 320px;
    min-height: 40px;
    max-height: 160px;
    margin: 5px 0;
}

form .fieldWrapper label {
    min-width: 90px;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
}

form .fieldWrapper .field-required {
    color: red;
    float: left;
    line-height: 40px;
    margin-left: -10px;
    padding: 0;
    position: absolute;
}

form .fieldWrapper .error-message {
    color: red;
    width: 340px;
    text-align: left;
    font-size: 12px;
    line-height: 12px;
}

form .form-agreement {
    margin-top: 10px;
    font-size: 12px;
}

form input[type=submit] {
    margin: 30px 0;
    cursor: pointer;
    border: none;
    outline: 0;
    background: #00853e;
    opacity: 1;
}

form input[type=text] {
    outline: none;
    box-shadow: none;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form textarea:focus,
form select:focus {
    outline: 1px solid #41ac00;
}

form input[type=submit]:hover {
    background-color: #8fca00;
}

form input[type=submit]:active {
    background-color: #8fca00;
}

/* Форма поиска */
.search-form {
    padding: 0;
    max-width: none;
}

.search-form form {
    padding: 5px;
}

.search-form form .fieldWrapper {
    display: flex;
}

.search-form form .search-box {
    flex: 1;
    margin: 0;
    padding-right: 35px;
}

.input-clear-button {
    height: 25px;
    width: 25px;
    background: url("/static/images/btn-close.2a666822b1a5.png") no-repeat 50% 50%;
    background-size: 75%;
    display: block;
    vertical-align: middle;
    outline: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
    line-height: 0;
    margin: auto;
    opacity: .8;
}

.input-clear-button:hover {
    background-color: #e8f3e2;
}

.search-box:not(:valid) ~ .input-clear-button {
    display: none;
}

.search-form form input[type=submit] {
    margin: 0;
    line-height: 32px;
    width: 80px;
}

@media (max-width: 640px) {
    .form {
        margin: 20px -20px;
    }

    form .fieldWrapper label,
    form .fieldWrapper input,
    form .fieldWrapper select,
    form .fieldWrapper textarea {
        display: block;
        padding: 5px;
    }

    /*form .fieldWrapper textarea {*/
    /*margin-left: 5px;*/
    /*margin-top: 5px;*/
    /*}*/
    .form .fieldWrapper,
    .form .fieldWrapper label {
        text-align: left;
        text-align: -moz-left;
        text-align: -webkit-left;
        padding: 10px 10px 5px;
    }

    .search-form .fieldWrapper {
        padding: 0 !important;
    }
}

@media (max-width: 380px) {
    form .fieldWrapper textarea {
        width: 260px;
        max-width: 260px;
        min-width: 260px;
    }

    form .fieldWrapper select {
        width: 270px;
    }

    form .fieldWrapper .error-message {
        width: 280px;
    }
}

@media (max-width: 400px) {
    .header-search-form {
        max-width: 240px;
    }

    .header-search-form form .search-box {
        max-width: 146px;
    }
}

/* Реклама */

.wrap-erid-block {
    position: relative;
}

.wrap-erid-block img {
    display: inline-block;
}

.page-content .wrap-erid-block {
    display: inline-block;
}

.articles-bottom-block-new .wrap-erid-block {
    display: block;
}

.mainpage-banner .erid-block {
    display: none;
}

.mainpage-banner .slick-current .erid-block {
    display: block;
}

.mainpage-banner .erid-block {
    display: none;
}

.mainpage-banner .slick-current .erid-block {
    display: block;
}

.erid-block {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    background-color: whitesmoke;
    border-radius: 6px;
    z-index: 1;
}

.erid-block .erid-info {
    padding: 4px;
    font-size: 10px;
    letter-spacing: .2px;
    color: rgba(0, 0, 0, 0.48);
}

.erid-block .fa-info-circle:before {
    color: rgba(0, 0, 0, 0.48);
}

.erid-block .tooltip {
    position: absolute;
    top: 27px;
    right: -1px;
    font-size: 10px;
    letter-spacing: .2px;
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.48);
    padding: 5px;
    border-radius: 6px;
    line-height: 1.5;
    min-width: 116px;
}

.erid-block .tooltip.hide {
    display: none;
}

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

/*----------------------*/
/***      Главная     ***/
/*----------------------*/

.mainpage-content {
    padding: 0;
    background-color: #f8f4e8;
}

/*  Баннер  */

.mainpage-banner {
    height: 400px;
    width: 100%;
}

.mainpage-banner .main-slider {
    height: 400px;
}

.mainpage-banner .slider-image-item {
    position: relative;
}

.mainpage-banner .slider-image-item a {
    display: block;
    overflow: hidden;
    width: 100% !important;
}

.mainpage-banner .slider-image-item img {
    height: 400px;
    margin-left: 50%;
    transform: translateX(-50%);
    background: url("/static/images/lazyloading.c5cd7f530057.gif") no-repeat center center;
}

@media (min-width: 1150px) {
    .mainpage-banner .slider-image-item {
        display: none;
    }
}

@media (max-width: 767px) {
    .mainpage-banner,
    .mainpage-banner .main-slider,
    .mainpage-banner .main-slider img {
        height: auto;
        min-height: 204px;
    }

    .mainpage-banner .main-slider img {
        width: 100%;
    }
}

@media (max-width: 392px) {
    .mainpage-banner .main-slider img {
        width: auto;
        height: 204px;
    }
}

/*  Новости  */

.mainpage-news {
    height: 385px;
}

.mainpage-news-content {
    width: 1130px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.mainpage-news-block {
    height: 261px;
    width: 282px;
    position: absolute;
    background-color: #ffffff;
}

.mainpage-news-block div {
    margin-left: 25px;
    margin-right: 25px;
}

.mainpage-news-block.news-head {
    top: 58px;
}

.mainpage-news-block.news-head h3 {
    margin: 45px 55px 25px 45px;
}

.mainpage-news-block.news-head div {
    margin: 0 50px 25px 45px;
}

.mainpage-news-block.news-head h3 {
    font-family: 'Neucha', cursive;
    font-size: 38px;
    font-weight: normal;
    color: #6eb43f;
}

.mainpage-news-block.news-head .news-subscribe-link {
    font-size: 16px;
}

.mainpage-news-block.news-head .news-subscribe-link::before {
    content: url("/static/images/mail-icon.a16e23388ecf.png");
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.mainpage-news-block.news-item:nth-child(1) {
    top: 39px;
    left: 282px;
}

.mainpage-news-block.news-item:nth-child(2) {
    top: 59px;
    left: 564px;
}

.mainpage-news-block.news-item:nth-child(3) {
    top: 52px;
    left: 846px;
}

.mainpage-news-block .news-item-date {
    margin-top: 30px;
    font-size: 14px;
}

.mainpage-news-block .news-item-title {
    font-size: 18px;
}

.mainpage-news-block .news-item-intro {
    font-size: 16px;
}

.mainpage-news-block .news-item-title,
.mainpage-news-block .news-item-intro {
    margin-top: 10px;
}

.mainpage-news-bg {
    position: relative;
    background: url("/static/images/mainpage-news-bg.0db401fc31e9.png") no-repeat top center;
    top: 0;
    width: 100%;
    height: 87px;
    z-index: 1;
}

@media (max-width: 1149px) {
    .mainpage-news-content {
        width: 848px;
    }

    .mainpage-news-block.news-item:nth-child(3) {
        display: none;
    }

    .mainpage-news-bg {
        background-position: 116px 0;
    }
}

@media (max-width: 959px) {
    .mainpage-news-content {
        width: 714px;
    }

    .mainpage-news-block {
        height: 261px;
        width: 238px;
    }

    .mainpage-news-block.news-head h3 {
        font-size: 32px;
    }

    .mainpage-news-block.news-item:nth-child(1) {
        left: 238px;
    }

    .mainpage-news-block.news-item:nth-child(2) {
        left: 476px;
    }

    .mainpage-news-block.news-item:nth-child(1),
    .mainpage-news-block.news-item:nth-child(2) {
        top: 58px;
    }

    .mainpage-news-block.news-item:nth-child(3) {
        display: none;
    }

    .mainpage-news-block div {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mainpage-news-block .news-item-date,
    .mainpage-news-block .news-item-intro {
        font-size: 14px;
    }

    .mainpage-news-block .news-item-title {
        font-size: 16px;
    }

    .mainpage-news-bg {
        background-position: 0 0;
        width: 56px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .mainpage-news-content {
        width: 480px;
    }

    .mainpage-news-block.news-item:nth-child(2) {
        display: none;
    }
}

@media (max-width: 479.5px) {
    .mainpage-news {
        height: 445px;
    }

    .mainpage-news-content {
        width: 320px;
    }

    .mainpage-news-block {
        width: 320px;
        height: initial;
    }

    .mainpage-news-block.news-head {
        top: 40px;
        height: 292px;
    }

    .mainpage-news-block.news-head h3 {
        font-size: 28px;
        margin: 25px auto;
        text-align: center;
    }

    .mainpage-news-block.news-head div {
        margin: initial;
    }

    .mainpage-news-block.news-head .news-link {
        position: relative;
        top: 245px;
    }

    .mainpage-news-block.news-head .news-link a {
        margin: 0 auto;
    }

    .mainpage-news-block.news-head .news-subscribe-link {
        text-align: center;
        margin: 20px auto;
        position: relative;
        top: 245px;
    }

    .mainpage-news-items {
        height: 240px;
        width: 320px;
        display: none;
    }

    .mainpage-news-block .news-item-date {
        font-size: 14px;
        margin-top: 0;
    }

    .mainpage-news-block .news-item-title {
        font-size: 16px;
    }

    .mainpage-news-block .news-item-intro {
        font-size: 14px;
    }

    .mainpage-news-block.news-item {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        display: block;
        margin-top: 30px;
        width: 320px;
        height: 160px;
    }

    .mainpage-news-block.news-item:nth-child(2),
    .mainpage-news-block.news-item:nth-child(3) {
        display: block;
    }

    .mainpage-news-bg {
        background-position: 0 -35px;
        width: 56px;
        margin: 0 auto;
    }
}

.dashed-line {
    position: relative;
    height: 1px;
}

.dashed-line .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, transparent 50%, #93856d 50%);
    background-size: 6px 100%;
}

.dashed-line .line-green {
    background-image: linear-gradient(to right, transparent 50%, #18843b 50%);
}

/***  Мастер-классы   ***/

.mainpage-masterclass-content {
    background: #ffffff;
    padding: 45px 0;
    max-width: 100%;
}

.mainpage-masterclass-content .masterclass-head {
    width: 870px;
    height: 54px;
    margin: 0 auto;
    position: relative;
}

.mainpage-masterclass-content .masterclass-header {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0 auto;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    background: #6eb43f
}

.mainpage-masterclass-content .masterclass-header-left-cut {
    position: absolute;
    top: 0;
    width: 12px;
    height: 54px;
    margin: 0 auto;
    padding: 0;
    fill: #ffffff;
}

.mainpage-masterclass-content .masterclass-header-right-cut {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 54px;
    padding: 0;
    fill: #ffffff;
}

.mainpage-masterclass-content .masterclass-intro-text {
    max-width: 870px;
    font-size: 16px;
    text-align: center;
    margin: 30px auto;
}

.mainpage-masterclass-content .mainpage-masterclass-slider {
    margin: 0 auto;
    width: 1128px;
}

.mainpage-masterclass-content .masterclass-item {
    align-self: center;
    display: none;
    margin: 0 5px;
}

.mainpage-masterclass-content .masterclass-item.paid {
    background: url("/static/images/masterclass-paid-icon.8e85626c4b04.png") no-repeat bottom 60px right 15px;
}

.mainpage-masterclass-content .previous-link a,
.mainpage-masterclass-content .next-link a {
    height: 38px;
    display: block;
    width: 21px;
}

.mainpage-masterclass-content .masterclass-item {
    position: relative;
    min-width: 240px;
    width: 240px;
    max-width: 240px;
    border: 1px solid #c6c6c6;
    padding: 15px;
    height: 350px;
}

.mainpage-masterclass-content .seats-masterclass-item {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #aaa;
    font-weight: bold;
    font-size: 14px;
}

.mainpage-masterclass-content .igroteka .seats-masterclass-item {
    display: none;
}

.mainpage-masterclass-content .age-masterclass-item {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaa;
    font-weight: bold;
    font-size: 16px;
}

.mainpage-masterclass-content .image-masterclass-item {
    margin: 10px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.mainpage-masterclass-content .igroteka .image-masterclass-item {
    margin: 5px auto;
    width: 125px;
    height: 125px;
    position: absolute;
    right: 0;
    left: 0;
    top: 126px;
}

.mainpage-masterclass-content .image-masterclass-item img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.mainpage-masterclass-content .igroteka .image-masterclass-item img {
    width: 125px;
    height: 125px;
}

.mainpage-masterclass-content .theme-masterclass-item {
    margin-top: 12px;
    font-size: 12px;
    color: #93856d;
}

.mainpage-masterclass-content .igroteka .theme-masterclass-item {
    margin-top: 0;
    color: #bb955e;
}

.mainpage-masterclass-content .title-masterclass-item {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.mainpage-masterclass-content .text-masterclass-item {
    margin-top: 10px;
    font-size: 16px;
    min-height: 50px;
}

.mainpage-masterclass-content .text-masterclass-item p {
    margin: 0;
}

.mainpage-masterclass-content .shop-date-masterclass-item {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.mainpage-masterclass-content .shop-masterclass-item {
    margin-top: 18px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}

.mainpage-masterclass-content .shop-masterclass-item::before {
    content: url("/static/images/shop-marker-15.08561460a07e.png");
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.mainpage-masterclass-content .igroteka .shop-masterclass-item {
    margin-top: 10px;
}

.mainpage-masterclass-content .date-masterclass-item {
    margin-top: 7px;
    font-size: 12px;
    color: #ffffff;
    background: #6eb43f;
    font-weight: bold;
    padding: 2px 5px;
    width: -moz-fit-content;
    width: fit-content;
}

.page-content .masterclass-button,
.mainpage-masterclass-content .masterclass-button {
    bottom: 60px;
    position: absolute;
    width: 240px;
}

.page-content .masterclass-button a,
.mainpage-masterclass-content .masterclass-button a {
    margin: 10px auto;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.page-content .reserve-sheet,
.mainpage-masterclass-content .reserve-sheet {
    background-color: #ffa500 !important;
}

.page-content .reserve-sheet:hover,
.mainpage-masterclass-content .reserve-sheet:hover {
    background-color: #ffbb33 !important;
}

.masterclass-event-subscribe-link .button.reserve-sheet {
    margin-top: 10px;
}

.mainpage-masterclass-content .masterclass-slider-dots {
    position: relative;
    height: 60px;
}

.mainpage-masterclass-content .masterclass-link {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1221px) {
    .mainpage-masterclass-content .mainpage-masterclass-slider {
        width: 844px;
    }
}

@media (max-width: 1149px) {
    .mainpage-masterclass-content .masterclass-header {
        font-size: 32px;
    }
}

@media (max-width: 959px) {

    .mainpage-masterclass-content .masterclass-header-left-cut,
    .mainpage-masterclass-content .masterclass-header-right-cut {
        display: none;
    }

    .mainpage-masterclass-content .masterclass-head {
        width: 568px;
    }

    .mainpage-masterclass-content .masterclass-header {
        font-size: 28px;
        line-height: 42px;
        font-weight: normal;
    }

    .mainpage-masterclass-content .masterclass-intro-text {
        font-size: 14px;
    }

    .mainpage-masterclass-content .mainpage-masterclass-slider {
        width: 844px;
    }

    .mainpage-masterclass-content .masterclass-item {
        min-width: 240px;
        width: 240px;
        max-width: 240px;
    }
}

@media (max-width: 884px) {
    .mainpage-masterclass-content .mainpage-masterclass-slider {
        width: 564px;
    }
}

@media (max-width: 767px) {
    .mainpage-masterclass-content {
        padding-top: 0;
    }

    .mainpage-masterclass-content .masterclass-head {
        width: 100%;
        height: initial;
        background: #6eb43f;
    }

    .mainpage-masterclass-content .masterclass-head h3 {
        font-size: 24px;
        line-height: 36px;
        width: 240px;
    }

    .mainpage-masterclass-content .masterclass-intro-text {
        width: 320px;
        font-size: 14px;
    }

    .mainpage-masterclass-content .mainpage-masterclass-slider {
        width: 564px;
    }

    .mainpage-masterclass-content .masterclass-item {
        min-width: 240px;
        width: 240px;
        max-width: 240px;
    }

    .mainpage-masterclass-content .schedule-text {
        display: none;
    }

    .mainpage-masterclass-content .date-masterclass-item {
        padding: 2px 3px;
    }
}

@media (max-width: 599px) {
    .mainpage-masterclass-content .mainpage-masterclass-slider {
        width: 282px;
    }
}

/*----------------------*/
/***  Блок товаров    ***/
/*----------------------*/

.mainpage-products-content {
    background: #ffffff;
    padding: 45px 0 30px;
    max-width: 100%;
}

.mainpage-products-content .products-head {
    width: 870px;
    /*height: 54px;*/
    margin: 0 auto;
    position: relative;
}

.mainpage-products-content .products-header {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0 auto;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    background: #6eb43f
}

.mainpage-products-content .products-header-left-cut {
    position: absolute;
    top: 0;
    width: 12px;
    height: 54px;
    margin: 0 auto;
    padding: 0;
    fill: #ffffff;
}

.mainpage-products-content .products-header-right-cut {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 54px;
    padding: 0;
    fill: #ffffff;
}

.mainpage-products-content .products-intro-text {
    max-width: 870px;
    font-size: 16px;
    text-align: center;
    margin: 30px auto;
    line-height: 22px;
}

.mainpage-products-content .catalog-link {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1149px) {
    .mainpage-products-content .products-header {
        font-size: 32px;
    }
}

@media (max-width: 959px) {

    .mainpage-products-content .products-header-left-cut,
    .mainpage-products-content .products-header-right-cut {
        display: none;
    }

    .mainpage-products-content .products-head {
        width: 640px;
    }

    .mainpage-products-content .products-header {
        font-size: 28px;
        line-height: 42px;
        font-weight: normal;
    }

    .mainpage-products-content .products-intro-text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .mainpage-products-content {
        padding-top: 0;
    }

    .mainpage-products-content .products-head {
        width: 100%;
        height: initial;
        background: #6eb43f;
    }

    .mainpage-products-content .products-head h3 {
        font-size: 24px;
        line-height: 36px;
        width: 280px;
    }

    .mainpage-products-content .products-intro-text {
        width: 320px;
        font-size: 14px;
    }
}

/* Ссылки с заголовков мастер-классов и каталога */
h3.masterclass-header a, h3.products-header a {
    color: #ffffff;
    text-decoration: none;
}

/*-----------*/
/*   О нас   */
/*-----------*/

.mainpage-moreabout-content {
    text-align: center;
}

.mainpage-moreabout-content .moreabout-head h3 {
    font-size: 36px;
    text-transform: uppercase;
    color: #0e5150;
    text-align: center;
    margin-top: 60px;
}

.mainpage-moreabout-content .moreabout-items {
    text-align: center;
    font-size: 14px;
    width: 100%;
    display: inline-flex;
    margin-bottom: 45px;
    max-width: 1150px;
}

.mainpage-moreabout-content .moreabout-items > div {
    width: 220px;
    display: inline-table;
    margin: 0 auto;
}

.mainpage-moreabout-content .moreabout-item-image {
    background: url("/static/images/mainpage-moreabout.ce516255cf70.png") no-repeat top left;
    background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    width: 188px;
    height: 182px;
    margin: 0 auto 10px auto;
}

.mainpage-moreabout-content .moreabout-item-text {
    padding: 0 4px;
}

.mainpage-moreabout-content .moreabout-item-1 .moreabout-item-image {
    background-position: 0 0;
}

.mainpage-moreabout-content .moreabout-item-2 .moreabout-item-image {
    background-position: -188px 0;
}

.mainpage-moreabout-content .moreabout-item-3 .moreabout-item-image {
    background-position: -376px 0;
}

.mainpage-moreabout-content .moreabout-item-4 .moreabout-item-image {
    background-position: -562px 0;
}

@media (min-width: 768px) and (max-width: 959px) {
    .mainpage-moreabout-content .moreabout-head h3 {
        font-size: 28px;
    }

    .mainpage-moreabout-content .moreabout-items > div {
        width: 192px;
    }

    .mainpage-moreabout-content .moreabout-item-image {
        width: 114px;
        height: 111px;
    }

    .mainpage-moreabout-content .moreabout-item-1 .moreabout-item-image {
        background-position: 0 0;
    }

    .mainpage-moreabout-content .moreabout-item-2 .moreabout-item-image {
        background-position: -114px 0;
    }

    .mainpage-moreabout-content .moreabout-item-3 .moreabout-item-image {
        background-position: -228px 0;
    }

    .mainpage-moreabout-content .moreabout-item-4 .moreabout-item-image {
        background-position: -342px 0;
    }
}

@media (max-width: 767px) {
    .mainpage-moreabout-content {
        padding-bottom: 10px;
    }

    .mainpage-moreabout-content .moreabout-items {
        display: initial;
        width: 280px;
    }

    .mainpage-moreabout-content .moreabout-head h3 {
        font-size: 24px;
        margin-top: 30px;
        padding: 0 20px;
    }

    .mainpage-moreabout-content .moreabout-items > div {
        width: 280px;
        display: inline-table;
        margin: 0 auto;
        padding: 0 10px;
        height: 110px;
    }

    .mainpage-moreabout-content .moreabout-item-image {
        width: 94px;
        height: 91px;
        float: left;
    }

    .mainpage-moreabout-content .moreabout-item-1 .moreabout-item-image {
        background-position: 0 0;
    }

    .mainpage-moreabout-content .moreabout-item-2 .moreabout-item-image {
        background-position: -94px 0;
    }

    .mainpage-moreabout-content .moreabout-item-3 .moreabout-item-image {
        background-position: -188px 0;
    }

    .mainpage-moreabout-content .moreabout-item-4 .moreabout-item-image {
        background-position: -282px 0;
    }

    .mainpage-moreabout-content .moreabout-item-text {
        padding: 15px 5px 10px 110px;
        text-align: left;
    }
}

/*----------*/
/*  Статьи  */
/*----------*/

.mainpage-novinki-content {
    background: #00853e radial-gradient(circle at top center, #88c05f, transparent 500px);
    padding: 60px 0 20px 0;
}

.mainpage-novinki-content .novinki-header {
    text-align: center;
    font-family: 'Neucha', cursive;
    font-size: 36px;
    padding: 0 0 45px 0;;
}

.mainpage-novinki-slider {
    max-width: 1150px;
    margin: 0 auto;
    height: 344px;
    overflow: hidden;
    text-align: -moz-center;
    text-align: center;
}

.mainpage-novinki-content .novinki-item {
    text-align: center;
    display: none;
    margin: 0 4px;
    width: 270px;
    height: 344px;
}

.mainpage-novinki-content .image-novinki-item {
    width: 270px;
    height: 270px;
    line-height: 270px;
    border-radius: 50%;
    background: #ffffff;
    margin: 2px auto;
    position: relative;
}

.mainpage-novinki-content .image-novinki-item a {
    display: block;
    border-radius: 50%;
}

.mainpage-novinki-content .image-novinki-item a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    border-radius: 50%;
}

.mainpage-novinki-content .image-novinki-item a:hover:after {
    opacity: 1;
    box-shadow: 0 0 0 2px #eaf4b5;
    cursor: pointer;
}

.mainpage-novinki-content .image-novinki-item img {
    vertical-align: middle;
    display: inline-block;
    max-width: 190px;
    max-height: 190px;
}

.mainpage-novinki-content .text-novinki-item {
    font-size: 16px;
    width: 250px;
    height: 54px;
    margin: 10px auto 5px auto;
}

.mainpage-novinki-content .novinki-slider-dots {
    height: 60px;
    position: relative;
}

@media (max-width: 1149px) {
    .mainpage-novinki-slider {
        max-width: 900px;
    }
}

@media (max-width: 959px) {
    .mainpage-novinki-slider {
        max-width: 760px;
        height: 304px;
    }

    .mainpage-novinki-content .novinki-header {
        font-size: 32px;
    }

    .mainpage-novinki-content .novinki-item {
        height: 304px;
    }

    .mainpage-novinki-content .image-novinki-item {
        width: 230px;
        height: 230px;
        line-height: 230px;
    }

    .mainpage-novinki-content .image-novinki-item img {
        max-width: 160px;
        max-height: 160px;
    }

    .mainpage-novinki-content .text-novinki-item {
        width: 230px;
    }
}

@media (max-width: 767px) {
    .mainpage-novinki-content {
        padding-top: 0;
    }

    .mainpage-novinki-slider {
        max-width: 560px;
    }

    .mainpage-novinki-content .novinki-header {
        font-size: 28px;
        padding: 30px 45px;
    }
}

@media (max-width: 599px) {
    .mainpage-novinki-slider {
        max-width: 480px;
    }
}

/*-----------*/
/*  Бренды   */
/*-----------*/

.mainpage-brands-content {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 45px 0 0 0;
}

.mainpage-brands-content .brands-intro-text {
    font-size: 16px;
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

.mainpage-brands-content .brands-header {
    font-family: 'Neucha', cursive;
    font-size: 38px;
    font-weight: normal;
    color: #6eb43f;
    margin: 60px 10px 0 10px;
}

.mainpage-brands-content .brands-train {
    height: 202px;
    background: url("/static/images/mainpage-brands-bg-gifts.fa9c78a51794.png") no-repeat center;
    background-position: 0 0;
    width: 76%;
    min-width: 260px;
    max-width: 1079px;
    margin: 0 auto;
}

.mainpage-brands-slider {
    padding-top: 105px;
    text-align: initial;
    display: inline-flex;
}

.mainpage-brands-slider .slick-prev,
.mainpage-brands-slider .slick-next {
    top: 150px;
}

.mainpage-brands-slider .slick-prev {
    left: -40px;
}

.mainpage-brands-slider .slick-next {
    right: -40px;
}

.mainpage-brands-slider .brand-item {
    display: none;
    margin: 0 20px;
    position: relative;
    height: 100px;
    width: 100px;
}

.mainpage-brands-slider .brand-item a {
    height: 100%;
    display: block;
}

.mainpage-brands-slider .brand-item img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100px;
    max-height: 100px;
}

.mainpage-brands-content .brands-slider-dots {
    height: 60px;
    position: relative;
}

.mainpage-brands-content .train-wheels {
    margin: 0 auto;
    height: 53px;
    width: 80%;
    min-width: 294px;
    max-width: 1123px;
    position: relative;
    border-top: 3px solid rgba(131, 120, 105, 0.8);
    border-top-left-radius: 28px;
    border-top-right-radius: 22px;
    box-sizing: border-box;
}

.mainpage-brands-content .train-wheels .wheels-left,
.mainpage-brands-content .train-wheels .wheels-middle,
.mainpage-brands-content .train-wheels .wheels-right {
    background: url("/static/images/mainpage-brands-bg-wheels.8555a63004c9.png") no-repeat;
    position: absolute;
    height: 53px;
    width: 100%;
}

.mainpage-brands-content .train-wheels .wheels-left {
    background-position: 0 0;
    width: 122px;
}

.mainpage-brands-content .train-wheels .wheels-middle {
    background-position: -122px 0;
    width: 136px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.mainpage-brands-content .train-wheels .wheels-right {
    background-position: -258px 0;
    width: 118px;
    right: 0;
}

@media (min-width: 960px) and (max-width: 1149px) {
    .mainpage-brands-content .brands-header {
        font-size: 36px;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .mainpage-brands-content .brands-header {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .mainpage-brands-content .brands-header {
        font-size: 28px;
    }
}

@media (max-width: 600px) {
    .mainpage-brands-content .train-wheels .wheels-middle {
        display: none;
    }
}

/*----------*/
/*  Отзывы  */
/*----------*/

.mainpage-pochta-content {
    background: #e4ddc8 url("/static/images/mainpage-pochta-bg.2d85cebf857e.png") no-repeat top center;
    padding: 60px 30px 45px 30px;
    font-size: 16px;
    position: relative;
}

.mainpage-pochta-content .pochta-header {
    text-transform: uppercase;
    margin: 0 auto 45px auto;
    text-align: center;
    font-size: 38px;
    color: #0e5150;
}

h3.pochta-header a {
    color: #0e5150;
    text-decoration: none;
}

.mainpage-pochta-content .mainpage-feedback-block {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}

.mainpage-pochta-content .feedback-links {
    font-size: 16px;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 99;
}

.mainpage-pochta-content .feedback-previous-link {
    background: url("/static/images/arrow-previous.8c60a8b66cb2.svg") no-repeat left;
    float: left;
    margin-left: 30px;
    padding-left: 20px;
}

.mainpage-pochta-content .feedback-next-link {
    background: url("/static/images/arrow-next.326217140e00.svg") no-repeat right;
    float: right;
    margin-right: 30px;
    padding-right: 20px;
}

.mainpage-pochta-content .feedback-previous-link,
.mainpage-pochta-content .feedback-next-link {
    background-size: 16px;
}

.mainpage-pochta-content .feedback-previous-link:hover,
.mainpage-pochta-content .feedback-next-link:hover {
    opacity: 0.75;
}

.mainpage-pochta-content .feedback-links .slick-disabled {
    background: none;
    color: #989898;
    cursor: default;
    text-decoration: underline;
    text-underline-position: under;
    padding: 0;
}

.mainpage-pochta-content .feedback-links .slick-disabled:hover {
    opacity: unset;
}

.mainpage-pochta-content .feedback-item {
    display: none;
    position: relative;
}

.mainpage-pochta-content .feedback-item:first-child {
    display: block;
}

.mainpage-pochta-content .feedback-content {
    margin: 0 auto;
    background: #ffffff;
    padding: 50px 30px 50px 30px;
}

.mainpage-pochta-content .feedback-content img {
    max-width: 100%;
}

.mainpage-pochta-content .feedback-content .feedback-client-info {
    margin-top: 15px;
    font-weight: bold;
}

.mainpage-pochta-content .feedback-content .feedback-date {
    color: #cccccc;
    font-size: 14px;
}

.mainpage-pochta-content .feedback-content .feedback-text {
    font-family: 'Neucha', cursive;
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
    color: #647ea7;
}

.mainpage-pochta-content .answer-content-bg {
    position: absolute;
    background: url("/static/images/mainpage-pochta-kroliki.511f2ace0f71.png") no-repeat top left;
    top: -40px;
    width: 140px;
    height: 172px;
}

.mainpage-pochta-content .answer-content {
    position: relative;
    height: 147px;
    vertical-align: middle;
    display: table;
    width: 100%;
    margin: 0 auto;
}

.mainpage-pochta-content .answer-content .answer-text {
    background: #eaefd3;
    font-size: 16px;
    line-height: 22px;
    margin-left: 136px;
    padding: 30px;
    vertical-align: middle;
    margin-right: 30px;
    min-height: 40px;
}

.mainpage-pochta-content .feedback-add-link {
    margin: 45px auto 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

.mainpage-pochta-content .feedback-link {
    margin: 30px auto 0 auto;
    text-align: center;
}

@media (max-width: 767px) {
    .mainpage-pochta-content .pochta-header {
        font-size: 28px;
        padding: 0 20px;
    }

    .mainpage-pochta-content .answer-content-bg {
        left: 15px;
        top: -15px;
        width: 95px;
        background-size: 117px 143px;
        height: 143px;
    }

    .mainpage-pochta-content .feedback-content {
        padding: 10px 20px 40px 20px;
    }

    .mainpage-pochta-content .feedback-links {
        font-size: 14px;
        bottom: -10px;
        top: initial;
        z-index: 99;
    }

    .mainpage-pochta-content .feedback-previous-link {
        margin-left: 10px;
    }

    .mainpage-pochta-content .feedback-next-link {
        margin-right: 10px;
    }

    .mainpage-pochta-content .feedback-content .feedback-text {
        font-size: 18px;
    }

    .mainpage-pochta-content .answer-content .answer-text {
        font-size: 16px;
        padding: 40px 20px 20px;
        margin: 100px 0 30px 0;
        min-height: 40px;
    }
}

.mainpage-description-content {
    background-color: #ffffff;
    padding: 0 10px;
}

.mainpage-content .content {
    display: block;
    font-size: 16px;
    max-width: 1040px;
    min-height: initial;
    margin: 0 auto;
}

/*----------------------*/
/***      Новости     ***/
/*----------------------*/

.news-index-page-content .news-item {
    clear: both;
    padding: 20px 0;
    min-height: 140px;
}

.news-index-page-content .news-item h3 {
    margin-top: 0;
}

.news-index-page-content .news-item-image {
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 15px;
}

.news-index-page-content .news-item-date,
.news-page-content .news-date {
    font-size: 12px;
    color: #818181;
    margin-bottom: 5px;
}

.news-index-page-content .news-item-desc {
    padding: 0 20px 0 160px;
    min-height: 140px;
}

.news-index-page-content .news-item-link {
    margin-top: 15px;
    font-size: 12px;
}

.news-index-page-content .news-item-link a {
    text-decoration: none;
}

.news-page-content .all-news-link {
    margin-top: 30px;
}

@media (max-width: 568px) {
    .news-index-page-content .news-item-image {
        float: none;
        margin: 0;
    }

    .news-index-page-content .news-item-desc {
        padding: 0;
        margin-top: 10px;
    }
}

/*----------------------*/
/***    Магазины      ***/
/*----------------------*/

.shops-index-page-content .shop-item {
    padding: 20px 0;
}

.shops-index-page-content .shop-item-info > div {
    margin-top: 5px;
    margin-left: 15px;
}

.shops-index-page-content .shop-item-phone a,
.shop-page-content .shop-item-phone a {
    text-decoration: none;
}

.shops-index-page-content .shop-item-main {
    display: table;
    margin: 10px 15px;
}

.shops-index-page-content .shop-item-image {
    float: left;
}

.shops-index-page-content .shop-item-image img {
    margin-bottom: 30px;
}

.shops-index-page-content .shop-item-desc {
    min-height: 100px;
    margin-left: 250px;
}

.shops-index-page-content .shop-item-desc p {
    margin-top: 0;
}

.shop-page-content .shop-item {
    padding-bottom: 20px;
}

.shop-page-content .shop-item-info > div {
    margin-top: 5px;
}

.shop-page-content .shop-item-image img {
    margin-left: 0;
    margin-top: 15px;
}

.shop-page-content .all-shops-link {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .shops-index-page-content .shop-item-main {
        display: block;
        margin: 10px 15px;
    }

    .shops-index-page-content .shop-item-image {
        float: none;
    }

    .shops-index-page-content .shop-item-image img {
        margin-left: 0;
    }

    .shops-index-page-content .shop-item-desc {
        margin-left: 0;
    }
}

/*----------------------*/
/***     Статьи     ***/
/*----------------------*/

.articles-index-page-content .article-item {
    clear: both;
    padding: 20px 0;
    margin-top: 25px;
    min-height: 140px;
}

.articles-index-page-content h3 {
    margin: 0;
}

.articles-index-page-content .article-item-image {
    float: left;
    width: 140px;
    margin-right: 10px;
}

.articles-index-page-content .article-item-desc {
    padding: 0 20px 0 160px;
}

.articles-index-page-content .article-item-date,
.article-page-content .article-date {
    font-size: 12px;
    color: #818181;
    margin-bottom: 5px;
    margin-top: 10px;
}

.articles-index-page-content .article-item-link {
    margin-top: 15px;
    font-size: 12px;
}

.articles-index-page-content .article-item-link a {
    text-decoration: none;
}

.article-page-content .all-articles-link {
    margin-top: 30px;
}

.comment-page .comments {
    padding-top: 0;
}

.comment-page .form-client-add {
    margin-bottom: -40px;
    padding-bottom: 0;
    padding-top: 0;
}

@media (max-width: 568px) {
    .articles-index-page-content .article-item-image {
        float: none;
        margin: 0;
    }

    .articles-index-page-content .article-item-desc {
        padding: 0;
        margin-top: 10px;
    }
}

/*----------------------*/
/***     Конкурсы      ***/
/*----------------------*/

/* Форма конкурскной работы */

.application-form form {
    padding: 0;
}

/*скрываем стрелочку выпадающего списка*/
.application-form input::-webkit-calendar-picker-indicator {
  display: none !important;
}

.application-form .form-fields {
    text-align: -webkit-left;
}

.application-form .title {
    font-size: 1.17em;
    font-weight: bold;
    margin: 1.25em 0 0.85em;
}

.application-form label {
    max-width: 144px;
}

.authors-container {
    margin-bottom: 25px;
}

.add-author-button {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: -15px;
}

.add-author-button i {
    color: #6db33f;
    margin-right: 8px;
}

.add-author-button i:hover {
    color: #8fca00;
}

.remove-author-button {
    color: red;
    font-size: 13px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.remove-author-button:hover {
    color: #FF0800;
}

.application-thanks {
    display: none;
    background-color: #e8f3e2;
    max-width: 640px;
    padding: 20px;
}

.application-thanks h2 {
    margin: 0;
}

.application-thanks i {
    font-size: 30px;
    color: #6db33f;
    margin-left: 10px;
}

.contest-application-form .button {
    margin: 20px 5px;
}

h2.application-author {
    margin-top: 10px !important;
}

h3.application-author {
    margin: 10px 0 !important;
}

.moderation .share-block,
.moderation .dashed-line {
    display: none;
}

.download-block,
.share-block {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    color: #0e5150;
    font-size: 12px;
    cursor: pointer;

}

.share-content {
    padding: 10px;
    margin: 5px;
}

.popup-share {
    text-align: initial !important;
}

.popup-share .fa-copy {
    font-size: 20px;
    color: #6db33f;
    margin-left: 10px;
}

.popup-share .copy-block {
    display: block;
    position: absolute;
    bottom: 0;
    right: 10px;
    cursor: pointer;
}

.popup-width {
    width: initial !important;
}

.popup-share .fa-copy:hover, .popup-share .fa-copy:active {
    color: #8fca00;
}

.modal-show {
    display: flex !important;
}

.share-close-btn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 25px;
    cursor: pointer;
}

.share-text {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    width: -webkit-fill-available;
}

.share-text textarea {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.moderation textarea::selection,
.moderation textarea:focus,
.share-text textarea::selection,
.share-text textarea:focus {
    outline: none;
    resize: none !important;
}

.jury-block:not(.results) {
    display: inline-block;
    margin-bottom: 15px;
    color: #0e5150;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.jury-block.results {
   display: inline-grid;
}

.jury-block.bookmark {
    cursor: pointer;
}

.jury-block .fa-star {
    width: 17px;
    font-size: 16px;
    margin-left: 5px;
}

.jury-block .fas.fa-star,
.jury-block .fa-star:hover {
    color: #8fca00;
    font-size: 18px;
}

.jury-block.results .jury-votes {
    margin-bottom: 12px;
}

.jury-block .fa-medal {
    font-size: 16px;
    width: 17px;
    margin: 0 5px;
    cursor: pointer;
}

.jury-block.results .fa-medal {
    margin-left: 0;
}

.jury-block:not(.results) .fa-medal:hover {
    font-size: 18px;
}

.moderation .fas.fa-star {
    font-size: 16px;
    margin-left: 0;
    margin-right: 5px;
    cursor: pointer;
}

.jury-info .gold,
.jury-block .gold {
    color: #FFDF00;
}

.jury-info .silver,
.jury-block .silver {
    color: #708090;
}

.jury-info .bronze,
.jury-block .bronze {
    color: #cd7f32;
}

.jury-block .fa-medal.active {
    font-size: 18px;
}

.jury-block .fa-medal.inactive {
    color: #eae5e5;
}

#data-list legend {
    margin: 15px 0;
}

#data-list input[type="radio"] {
    display: initial;
    -webkit-appearance: auto;
    accent-color: #41ac00;
}

.jury-info {
    position: fixed;
    height: 8em;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ccff90;
    padding: 0 10px 10px;
    border-top: 1px solid #ccc;
    text-align: center;
    z-index: 10;
}

#jury-info-close {
    position: absolute;
    font-size: 25px;
    top: -2px;
    right: 5px;
    cursor: pointer;
    color: #41ac00;
}

.jury-info .start-voting {
    font-size: 24px;
    line-height: 5.5em;
}

.jury-info .available-medals {
    margin-bottom: 0.7em;
}

.jury-links,
.jury-info .medal-block {
    max-width: 40%;
    margin: 0 auto 7px;
}

.jury-info .medal-block {
    display: flex;
    justify-content: space-around;
}

.jury-applications {
    margin-right: 5%;
}

.jury-info .medal {
    display: inline-block;
    width: 120px;
}

.jury-info .medal span {
    font-size: 24px;
}

.jury-info .medal.inactive,
.jury-info .medal.inactive i {
    color: #999999;
}

.jury-info .jury-success {
    color: #56744c;
}

.jury-info .jury-success-text {
    font-size: 24px;
    margin-top: 1.5em;
}

.jury-info .jury-success .jury-links {
    margin-top: 1em;
}

.application-link {
    margin-top: 0.5em;
}

.application-edit {
    margin-bottom: 0.5em;
}

.moderation .edit .fieldWrapper {
    display: table-row;
    height: 40px;
    position: relative;
}

.moderation .edit label:not(.input-file-button) {
    width: 144px;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 0;
    font-size: 16px;
    line-height: 20px;
    outline: none;
}

.moderation .edit select,
.moderation .edit input:not([type="submit"], [type="file"]) {
    padding: 0 5px;
    line-height: 40px;
    font-size: 16px;
    margin: 5px 0;
    border: 1px solid #cfe2c6;
}

.moderation .edit textarea {
    padding: 0 5px;
    line-height: 25px;
    border: 1px solid #cfe2c6;
}

.moderation .edit textarea,
.moderation .edit input:not([type="submit"], [type="file"]) {
    width: 320px;
}

.moderation .edit input[type="submit"] {
    cursor: pointer;
    border: none;
    margin-top: 14px;
}

.moderation .edit input[type="submit"]:hover {
    background-color: #8fca00;
}

.moderation .edit select {
    height: 40px;
}

.moderation .edit #error-message {
    color: red;
    opacity: 0;
    margin-top: 7px;
}

.edit .add-author-button {
    display: contents;
}

.edit .remove-author-button {
    display: block;
}

.edit .contest-images .fieldWrapper {
    display: flex;
    justify-content: center;
    padding: 20px;
    max-width: 300px;
    margin: 0 auto;
    align-items: center;
}

.edit .contest-images label {
    width: 170px;
}

.edit .contest-images input {
    width: 50px !important;
    text-align: center;
}

.edit .image-container {
    overflow: hidden;
}

.edit .image-deleted {
    opacity: 0.5;
}

.edit .images a {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.edit .delete-button {
    color: red;
}

.edit .delete-button.restore {
    color: #41ac00;
}

@media (max-width: 950px) {
    .jury-links,
    .jury-info .medal-block {
        max-width: 80%;
    }
}

@media (max-width: 640px) {
    .application-form label {
        padding-left: 0 !important;
    }

    .application-form label {
        max-width: inherit;
    }

    .moderation .edit label {
        width: inherit;
    }

    .popup-share {
        width: 80%;
    }

    .jury-links,
    .jury-info .medal-block {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .add-author-button,
    .remove-author-button {
        justify-content: left;
    }
}

@media (max-width: 535px) {
    .moderation .edit .fieldWrapper:not(.fieldWrapper-image) {
        display: contents;
    }

    .jury-info .start-voting {
        line-height: 5em;
    }

}

@media (max-width: 445px) {
    .jury-info {
        font-size: 15px;
    }
}

@media (max-width: 422px) {

    .action-block .download-block {
        margin-bottom: 15px;
    }

    .jury-info .jury-success-text {
        font-size: 19px;
        margin-top: 2em;
    }

    .moderation .edit textarea,
    .moderation .edit input:not([type="submit"]) {
        width: 80%;
    }

}

/* Всплывающее окно */

.popup-share,
.modal {
    display: none;
    position: fixed;
    text-align: center;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    overflow: hidden;
}

.modal {
    width: 20%;
}

.popup-share-active,
.modal-active {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: fixed;
    visibility: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10001;
    background: rgba(0, 0, 0, 0.8);
}

.modal .data-save,
.modal .close-modal,
.modal .fa-question,
.modal .fa-check,
.modal .fa-exclamation-triangle,
.modal .fa-times {
    display: none;
}

.modal .close-modal {
    position: absolute;
    color: #00853e;
    margin-top: 4px;
    margin-right: 4px;
    right: 0;
    font-weight: bold;
    top: 0;
    font-size: 26px;
    line-height: 16px;
    cursor: pointer;
}
.modal.client-data .data-save {
    display: block;
}

.modal.client-data {
    width: initial !important;
    max-width: 50vh;
}

.modal.client-data h5 {
    max-width: 50vh;
    font-size: 24px;
    color: #0e5150;
    margin: 0 auto 5px;
}

.modal.client-data form {
    padding-bottom: 10px;
}

.modal.client-data .modal-input {
    display: grid;
    justify-content: center;
}

.modal.client-data input {
    width: 40vh;
    font-size: 16px;
    line-height: 40px;
    padding: 0 5px;
    margin: 10px 0;
    border: 1px solid #cfe2c6;
}

.modal.client-data p {
    color: #666666;
    font-size: 14px;
    margin: 0 10px 20px;
}

.modal.client-data a {
    width: min-content;
    margin: 0 auto;
}

.modal.question .fa-question {
    display: block;
    color: #6db33f;
    font-size: 30px;
}

.modal.success .fa-check {
    display: block;
    color: #00853e;
    font-size: 30px;
}

.modal.warning .fa-exclamation-triangle {
    display: block;
    color: orange;
    font-size: 30px;
}

.modal.error .fa-times {
    display: block;
    color: red;
    font-size: 30px;
}

.modal .one,
.modal .two {
    display: none;
}

.modal .button {
    width: 60px;
    cursor: pointer;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    outline: 0;
    background: #00853e;
    opacity: 1;
}

.modal.error .one.button-block,
.modal.question .two.button-block {
    display: flex;
    justify-content: center;
}

.modal.question .confirmNo {
    margin-left: 10px;
    background: #ff7800;
}

@media (max-width: 767px) {
    .modal {
        width: 50%;
    }
}

/* Слайдер конкурсных работ */

.contest-image-slider-for {
    width: 90%;
    max-width: 450px;
    max-height: 600px;
    margin: 0 auto;
    position: relative;
    visibility: hidden;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}

.contest-image-slider-for.fullscreen {
    width: 100%;
    max-width: 100%;
    height: 100% !important;
    max-height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10001;
    background: rgba(0, 0, 0, 0.8);
}

.contest-images {
    margin-top: 10px;
}

.contest-images .slider-for-item {
    width: 100%;
    height: 400px;
    max-height: 600px;
    position: relative;
    display: block;
    margin: auto 8px;;
    background: 50% 50% no-repeat;
    background-size: contain;
    cursor: pointer;
}

.contest-image-slider-for.fullscreen .slider-for-item {
    height: 90vh !important;
    max-height: 90%;
    cursor: initial;
    background-color: transparent;
}

.contest-images .slider-for-item img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    background: #ffffff;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.contest-image-slider-for.fullscreen .slider-for-item img {
    max-width: calc(100% - 60px);
    max-height: calc(100% - 60px);
    border: 30px solid #ffffff;
    transform: translate(-50%, -50%);
}

.contest-image-slider-nav {
    margin: 10px auto;
    height: 150px;
    max-width: 450px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}

.contest-images .slick-initialized {
    visibility: visible;
    opacity: 1;
}

.contest-images .slider-nav-item-block {
    display: none;
    width: 140px;
}

.contest-images .slider-nav-item {
    box-shadow: 0 0 2px 2px rgba(234, 234, 234, 1);
    padding: 5px;
    width: 120px;
    height: 120px;
    margin: 5px auto;
    cursor: pointer;
    position: relative;
}

.contest-images .slider-nav-item img {
    max-width: 120px;
    max-height: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.contest-images .slick-slide.is-active .slider-nav-item {
    box-shadow: 0 0 2px 2px rgba(207, 226, 198, 1);
}

.contest-image-slider-for.fullscreen .slick-list {
    top: 50%;
    transform: translate(0, -50%);
}

.contest-image-slider-for.fullscreen .slick-prev {
    left: 10px;
}

.contest-image-slider-for.fullscreen .slick-next {
    right: 10px;
}

.contest-image-slider-for.fullscreen .slick-close {
    font-size: 30px;
    line-height: 0;
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    color: #41ac00;
    border: none;
    outline: none;
    opacity: 0.8;
    background: transparent;
}

.contest-image-slider-for.fullscreen .slick-close:hover {
    color: #8fca00;
    opacity: 1;
}

@media (max-width: 980px) {

    .contest-image-slider-nav {
        max-width: 330px;
    }
}

@media (max-width: 767px) {

    .contest-image-slider-for.fullscreen .slider-for-item {
        max-width: 100%;
        max-height: 100%;
        width: 100vw;
        margin: 0 1px;
    }

}

/*----------------------*/
/***       Акции      ***/
/*----------------------*/

.offers-index-page-content .offer-item {
    padding: 10px 0 30px;
}

.offers-index-page-content .offer-item h2 a {
    text-decoration: none;
}

.offers-index-page-content .offer-item-desc {
    margin-top: 10px;
}

.offers-index-page-content .offer-item-image img {
    display: inline-block;
}

.offers-index-page-content .offer-item-link {
    margin-top: 15px;
    margin-bottom: 20px;
}

/* Акции с формой */

.offer-form {
    max-width: initial;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.offer-form-caption {
    color: #0e5150;
    display: block;
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 20px;
    max-width: 480px;
}

.offer-form .fieldWrapper {
    height: 55px;
}

.offer-form .fieldWrapper input {
    width: 320px;
    padding: 0 5px;
    line-height: 40px;
    font-size: 16px;
    margin: 5px;
}

.offer-form .fieldWrapper label {
    padding-right: 25px;
    text-align: right;
    min-width: initial;
}

@media (max-width: 767px) {

    .offer-form .fieldWrapper label {
        padding: 10px 5px 0;
        text-align: left;
        text-align: -moz-left;
        text-align: -webkit-left;
    }
}

@media (max-width: 380px) {

    .offer-form .fieldWrapper input {
        width: 260px;
    }
}

/* Форма подтверждения номера телефона */
.carrots-form .fieldWrapper label {
    display: none;
}

/*----------------------*/
/***  Мастер-классы   ***/
/*----------------------*/

.page-content .masterclass-item {
    align-self: center;
    display: none;
    margin: 0 5px;
}

.page-content .masterclass-item.paid {
    background: url("/static/images/masterclass-paid-icon.8e85626c4b04.png") no-repeat bottom 55px right 15px;
}

.page-content .masterclass-items {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    margin: 20px 0;
    font-size: 0;
}

.page-content .masterclass-item {
    display: inline-table;
    text-align: initial;
    vertical-align: middle;
    margin: 8px;
}

.page-content .masterclass-item {
    position: relative;
    min-width: 240px;
    width: 240px;
    max-width: 240px;
    border: 1px solid #c6c6c6;
    padding: 15px;
    height: 350px;
}

.page-container .seats-masterclass-item {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #aaa;
    font-weight: bold;
    font-size: 14px;
}

.page-container .igroteka .seats-masterclass-item {
    display: none;
}

.page-container .age-masterclass-item {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaa;
    font-weight: bold;
    font-size: 16px;
}

.page-content .image-masterclass-item {
    margin: 10px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.page-content .igroteka .image-masterclass-item {
    margin: 5px auto;
    width: 125px;
    height: 125px;
    position: absolute;
    right: 0;
    left: 0;
    top: 118px;
}

.page-content .image-masterclass-item img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.page-content .igroteka .image-masterclass-item img {
    width: 125px;
    height: 125px;
}

.page-content .theme-masterclass-item {
    margin-top: 12px;
    font-size: 12px;
    color: #93856d;
}

.page-content .igroteka .theme-masterclass-item {
    margin-top: 0;
    color: #bb955e;
}

.page-content .title-masterclass-item {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.page-container .price-masterclass-item {
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

.page-container .price-masterclass-item:after {
    content: url("/static/images/masterclass-paid-icon.8e85626c4b04.png");
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.page-content .text-masterclass-item {
    margin-top: 10px;
    font-size: 16px;
    min-height: 50px;
}

.page-content .text-masterclass-item p {
    margin: 0;
}

.page-content .shop-date-masterclass-item {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.page-content .shop-masterclass-item {
    margin-top: 18px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}

.page-content .shop-masterclass-item::before {
    content: url("/static/images/shop-marker-15.08561460a07e.png");
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.page-content .igroteka .shop-masterclass-item {
    margin-top: 10px;
}

.page-content .date-masterclass-item {
    margin-top: 7px;
    font-size: 12px;
    color: #ffffff;
    background: #6eb43f;
    font-weight: bold;
    padding: 2px 5px;
    width: -moz-fit-content;
    width: fit-content;
}

.mainpage-content .available-masterclass-item,
.page-content .available-masterclass-item,
.mainpage-content .occupied-masterclass-item,
.page-content .occupied-masterclass-item {
    font-size: 12px;
    position: absolute;
    right: 12px;
    bottom: 13px;
    text-align: center;
}

.mainpage-content .occupied-masterclass-item,
.page-content .occupied-masterclass-item {
    color: red;
    max-width: 40px;
}

.mainpage-content .available-masterclass-item,
.page-content .available-masterclass-item {
    color: #6eb43f;
    max-width: 70px;
}

.mainpage-content .masterclass-item .mark-type,
.page-content .masterclass-item .mark-type {
    background-color: #ec4800;
    color: white;
    padding: 2px 4px;
}

@media (max-width: 767px) {
    .page-content .date-masterclass-item {
        padding: 2px 3px;
    }

    .mainpage-content .available-masterclass-item,
    .page-content .available-masterclass-item,
    .mainpage-content .occupied-masterclass-item,
    .page-content .occupied-masterclass-item {
        font-size: 11px;
        right: 5px;
    }
}

/* Страница мастер-класса с формой записи */

.masterclass-event-content .masterclass-event-item {
    display: table;
    margin: 30px auto;
}

.masterclass-event-content .masterclass-event-image {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    margin: 0 auto;
    padding: 15px;
}

.masterclass-event-content .masterclass-event-image img,
.masterclass-event-content .masterclass-form-image img {
    border-radius: 50%;
}

.masterclass-event-content .masterclass-event-info {
    display: table;
}

.masterclass-event-content .masterclass-event-info > div {
    min-height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e8f3e2;
}

.masterclass-event-content .masterclass-event-info > div:last-child {
    border: 0;
}

.masterclass-event-content .masterclass-event-info-label {
    color: #0e5150;
    font-family: Neucha, cursive;
    font-size: 18px;
    width: 100px;
}

.masterclass-event-content .masterclass-event-info-value {
    font-weight: bold;
}

.masterclass-event-content .masterclass-event-subscribe-link {
    background: #e8f3e2;
    margin: 30px 0;
    padding: 25px 20px;
    text-align: center;
}

.masterclass-event-content .masterclass-event-subscribe-link a {
    margin: 0 auto;
}

.masterclass-event-content .masterclass-event-master-photo {
    display: table-cell;
    padding-right: 25px;
    width: 130px;
}

.masterclass-event-content .masterclass-event-master-info {
    display: table-cell;
    vertical-align: top;
}

.masterclass-event-content .masterclass-event-master-name {
    font-size: 18px;
    margin: 0;
}

.masterclass-event-content .masterclass-event-master-photo img {
    border: 1px solid #dcdcdc;
    margin-left: 0;
}

.form {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.masterclass-event-content .masterclass-form {
    max-width: initial;
}

.form-caption,
.masterclass-event-content .masterclass-form-caption {
    color: #0e5150;
    display: block;
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 20px;
    max-width: 480px;
}

.masterclass-event-content .masterclass-form-info-text {
    margin: 40px 0;
}

.masterclass-event-content .masterclass-form .fieldWrapper {
    height: 55px;
}

.form .fieldWrapper input,
.masterclass-event-content .masterclass-form .fieldWrapper input {
    width: 320px;
    padding: 0 5px;
    line-height: 40px;
    font-size: 16px;
    margin: 5px 0;
}

.masterclass-event-content .masterclass-form .fieldWrapper label {
    padding-right: 25px;
    text-align: right;
    min-width: initial;
}

@media (max-width: 767px) {

    .masterclass-event-content .masterclass-event-image {
        display: block;
    }

    .masterclass-event-content .masterclass-event-subscribe-link {
        margin: 30px -20px;
    }

    .masterclass-event-content .masterclass-event-master-photo,
    .masterclass-event-content .masterclass-event-master-info {
        display: block;
        margin-top: 10px;
    }

    .masterclass-event-content .masterclass-form .fieldWrapper label {
        text-align: left;
        text-align: -moz-left;
        text-align: -webkit-left;
        padding: 10px 5px 0;
    }
}

@media (max-width: 380px) {

    .form .fieldWrapper input,
    .masterclass-event-content .masterclass-form .fieldWrapper input {
        width: 260px;
    }
}

/* Страница ведущих мастер-классов */

.masterclass-masters-page-content .masterclass-master {
    display: inline-table;
    width: 20%;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.masterclass-masters-page-content .masterclass-master-photo {
    display: flex;
    height: 172px;
}

.masterclass-masters-page-content .masterclass-master-description {
    text-align: left;
    margin: 10px;
}

@media (max-width: 767px) {

    .masterclass-masters-page-content .masterclass-master {
        width: 40%;
    }
}

/*----------------------*/
/***      Бренды      ***/
/*----------------------*/

.brands-index-page-content .brands-items {
    margin-top: 40px;
}

.brand-item-border {
    border: 1px solid #e6e7e8;
    width: 94%;
    height: 94%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*для слайдера:*/
/*.brands-index-slider:not(.slick-initialized) {*/
/*    display: flex;*/
/*    max-width: 100%;*/
/*    overflow: auto;*/
/*}*/

.brands-index-slider {
    display: flex;
}

.brands-index-page-content .brand-item {
    height: 125px;
    width: 125px;
    position: relative;
    display: inline-table;
    display: -moz-inline-table;
    margin: auto;
}

.brands-index-page-content .brand-item a {
    display: block;
    height: 100%;
}

.brands-index-page-content .brand-item a:hover {
    outline: 1px solid #41ac00;
}

.brands-index-page-content .brand-item img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 110px;
    max-height: 110px;
}

.all-letter-brand-link {
    line-height: 28px;
}

/*----------------------*/
/***      Параметры      ***/
/*----------------------*/

.params-index-page-content .params-items {
    margin-top: 40px;
}

.params-group {
    margin-bottom: 15px;
}

.param-intro {
    margin-top: 15px;
}

.param-item-border {
    border: 1px solid #e6e7e8;
    width: 94%;
    height: 94%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*для слайдера:*/
/*.params-index-slider:not(.slick-initialized) {*/
/*    display: flex;*/
/*    max-width: 100%;*/
/*    overflow: auto;*/
/*}*/

.params-index-slider {
    display: flex;
}

.params-index-page-content .param-item {
    height: 125px;
    width: 125px;
    position: relative;
    display: inline-table;
    display: -moz-inline-table;
    margin: auto;
}

.params-index-page-content .param-item a {
    display: block;
    height: 100%;
}

.params-index-page-content .param-item a:hover {
    border: 1px solid #41ac00;
}

.params-index-page-content .param-item img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 110px;
    max-height: 110px;
}

.all-letter-param-link {
    line-height: 28px;
}

.letters-params {
    display: inline-block;
    white-space: nowrap;
    padding-right: 15px;
    padding-top: 15px;
}

.letter {
    display: block;
    font-size: 36px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    color: #0e5150;
    font-weight: 300 !important;
}

.category_title {
    font-size: 36px;
    font-family: Montserrat, sans-serif;
    color: #0e5150;
    margin-top: -10px !important;
}

.all_goods_anchor {
    margin-top: -10px !important;
}

/*----------------------*/
/***      Отзывы      ***/
/*----------------------*/

.feedback-index-page-content .feedback-item-content {
    margin: 0 auto;
    background: #ffffff;
}

.feedback-index-page-content .feedback-add-link {
    float: right;
    margin-right: 10px;
    line-height: 44px;
}

.feedback-index-page-content .feedback-item-client-info {
    margin-top: 15px;
    font-weight: bold;
}

.feedback-index-page-content .feedback-item-date {
    color: #cccccc;
    font-size: 14px;
}

.feedback-index-page-content .feedback-item-text {
    font-family: 'Neucha', cursive;
    font-size: 18px;
    margin-top: 10px;
    color: #647ea7;
    background: #edf3e9;
    padding: 10px;
}

.feedback-index-page-content .answer-item-content {
    position: relative;
    vertical-align: middle;
    display: table;
    width: 100%;
    margin: 0 auto;
}

.page-content .answer-item-text,
.feedback-index-page-content .answer-item-text {
    font-size: 14px;
    margin: 10px 10px 15px 50px;
    border-left: 2px solid #339966;
    padding: 5px 10px 5px 15px;
}

@media (max-width: 480px) {
    .feedback-index-page-content .feedback-add-link {
        font-size: 14px;
        margin-right: 0;
        line-height: 40px;
    }
}

/*----------------------*/
/***      Footer      ***/
/*----------------------*/

.footer-map-label {
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-family: 'Neucha', cursive;
    font-size: 36px;
    color: #ffffff;
    background-color: #6eb444;
}

.footer-map-content {
    height: 474px;
}

.footer-bottom {
    padding: 20px 0;
    background: #1c4241;
    color: #e4ddc8;
    font-weight: bold;
}

.footer-bottom-content {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 20px;
}

footer .bottom-logo {
    float: left;
}

footer .bottom-text-block {
    overflow: hidden;
    padding-left: 45px;
}

footer .bottom-menu-link {
    font-size: 16px;
    line-height: 24px;
    margin-right: 15px;
}

footer .single-phone {
    font-size: 16px;
    margin-top: 20px;
}

footer .single-phone > div {
    display: inline-block;
}

footer .single-phone a {
    color: #e4ddc8;
}

footer .single-phone-number {
    font-size: 24px;
}

footer .about-text {
    font-size: 14px;
    margin-top: 20px;
}

footer .about-text div {
    display: inline-block;
}

footer .sitemap-link {
    margin-top: 20px;
    font-size: 14px;
}

footer .sitemap-link a {
    color: #e4ddc8;
}

.footer-soclinks {
    margin-top: 30px;
    width: 124px;
    height: 28px;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
}

.footer-soclinks a {
    background: url("/static/images/footer-social.ec7f40d3458b.png") no-repeat;
    display: inline-block;
    height: 28px;
    margin-left: 21px;
}

.footer-soclinks a:first-child {
    margin-left: 0;
}

.footer-soclinks a.soc-link-fb {
    background-position: 0 0;
    width: 15px;
}

.footer-soclinks a.soc-link-vk {
    background-position: -16px 0;
    width: 25px;
}

.footer-soclinks a.soc-link-ig {
    background-position: -43px 0;
    width: 26px;
}

.footer-soclinks a.soc-link-fb:hover,
.footer-soclinks a.soc-link-vk:hover,
.footer-soclinks a.soc-link-ig:hover {
    background-position-y: -28px;
}

.footer-soclinks a.soc-link-fb:active,
.footer-soclinks a.soc-link-vk:active,
.footer-soclinks a.soc-link-ig:active {
    background-position-y: -56px;
}

@media (max-width: 767px) {
    footer .footer-map-label {
        font-size: 28px;
    }

    .footer-bottom {
        padding-top: 25px;
    }

    .footer-bottom-content {
        position: relative;
        width: 85%;
    }

    footer .bottom-logo {
        float: none;
        width: -moz-fit-content;
        width: fit-content;
    }

    footer .bottom-text-block {
        padding-left: 0;
        padding-right: 10px;
    }

    .footer-soclinks {
        top: 25px;
        right: 20px;
        width: 116px;
    }
}

/*-------------------------*/
/***   Карта магазинов   ***/
/*-------------------------*/

.page-content #map .gm-svpc img {
    max-width: initial;
}

.shop-page-content #map,
.shops-index-page-content #map {
    height: 444px;
    outline: 1px solid #e1f2d8;
}

footer #map {
    height: 474px;
}

#map .shops-boxText {
    border: 3px solid #6db33f;
    margin-top: 25px;
    background: #007a39;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    width: 180px;
}

#map img {
    display: block;
}

#map .leaflet-map-pane .leaflet-popup-tip-container_svg {
    fill: rgba(100, 180, 65, .9);
}

@media (max-width: 767px) {
    .shop-page-content #map,
    .shops-index-page-content #map {
        /*margin: 0 -20px;*/
    }
}

/*--------------------*/
/***    Вакансии    ***/
/*--------------------*/

.vacancy-index-page-content ol,
.vacancy-form-page-content ol {
    list-style-position: inside;
}

.vacancy-form-page-content .last-teaser-text {
    margin: 30px 0;
}

.vacancy-list-block {
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 15px 10px 18px;
    line-height: 1.4;
}

.light-green-background {
    background-color: #F2F5EA;
    min-height: 210px;
}

.light-green-background ol.vacancy-list {
    font-size: 16px;
    line-height: 32px;
    margin-left: 5px;
    margin-top: 15px;
    padding-left: 0;
    width: 380px;
    max-width: 100%;
}

ol.vacancy-list li {
    margin: 5px 0;
}

ol.vacancy-list a {
    font-weight: bold;
}

ol.vacancy-list a:hover {
    text-decoration: underline;
}

.envelope {
    position: absolute;
    top: 0;
    right: 0;
    width: 225px;
    height: 210px;
}

.envelope-pic {
    width: 205px;
    height: 63px;
    background: url("/media/files/image/envelope.gif") 23px 11px no-repeat;
    border-bottom: 1px solid #D2DDCB;
    padding-top: 10px;
    margin-bottom: 10px;
}

.envelope .small-text {
    margin-bottom: 10px;
}

.envelope .small-text .vacancy-phone {
    font-size: 14px;
    text-decoration: none;
}

.small-text {
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}

@media (max-width: 767px) {
    .envelope {
        position: initial;
        height: initial;
        width: 100%
    }

    .envelope-pic, .envelope .additional-text {
        display: none;
    }

    .envelope .contacts-text {
        margin-top: 20px;
    }

    .light-green-background ol.vacancy-list {
        font-size: 14px;
    }
}

/*----------------------*/
/***       Логин      ***/
/*----------------------*/

.template-loginpage .page-container {
    display: block;
}

.template-loginpage .content {
    display: block;
    margin: 0 auto;
    min-height: 480px;
}

.login-form {
    margin: 30px auto;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    height: 330px;
    width: 360px;
    max-width: 100%;
}

body.login-lite {
    overflow: hidden;
}

body.login-lite .login-form {
    margin: 0 auto
}

.login-form .form {
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    max-height: 280px;
    max-width: 360px;
    margin: 0 auto;
    padding: 35px 15px 10px;
    box-shadow: 0 0 10px rgba(32, 64, 0, .25);
    overflow: visible;
}

body.login-lite .form {
    box-shadow: none;
}

.login-form h1 {
    font-size: 24px;
    margin: 0 auto;
    text-transform: initial;
}

.login-form #login-phone-input {
    margin-top: 10px;
}

.login-form .phone-input-text,
.login-form .otp-input-text {
    color: #666666;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 10px;
}

.login-form .error-text {
    font-size: 12px !important;
    margin: 10px 0;
}

.login-form .otp-input-text .phone-change-link,
.login-form .otp-timer {
    margin: 15px 0;
    font-size: 14px;
}

.login-form .otp-input-text .otp-phone-number {
    margin-top: 10px;
}

.login-form .otp-input-text .phone-change-link a {
    color: #41ac00;
    text-decoration: none;
}

.login-form button {
    background: #ffffff;
    /*text-decoration: none;*/
}

.login-form form {
    padding: 0;
}

.login-form .fieldWrapper {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
}

.login-form .fieldWrapper input {
    width: 240px;
}

.login-form .fieldWrapper input[name=verify-key] {
    width: 80px;
    font-size: 18px;
    letter-spacing: 5px;
    text-align: center;
    padding: 0 5px 0 10px;
}

.login-form form input[type=submit] {
    margin: 40px 0;
}

@media (max-width: 767px) {
    .template-loginpage .page-container {
        min-height: 400px;
    }
}

/*----------------------*/
/***    Recaptcha     ***/
/*----------------------*/

.grecaptcha-form .fieldWrapper:last-of-type {
    display: none !important;
}

.grecaptcha-badge {
    display: none !important;
    z-index: -10;
}

/*----------------------*/
/*** !!! Старый сайт  ***/
/*----------------------*/

/***    Ассортимент    ***/
.assortment-description h2 {
    margin-top: 20px;
}

.assortment-image {
    display: none !important;
}

.assortment-brands {
    margin-top: 20px;
    margin-bottom: 30px;
}

.assortment-brands table tr {
    text-align: center;
}

.assortment-brands table td {
    vertical-align: middle;
    display: inline-table;
    margin: 5px;
    height: 100px;
    width: 100px;
}

.assortment-brands table td:hover {
    outline: 1px solid #41ac00;
}

.assortment-brands table td a {
    display: block;
    position: relative;
    height: 100px;
    width: 100px;
}

.assortment-brands table td img {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

/***    Учимся стильно    ***/
.uchimsya-stilno-image {
    position: relative;
    top: -70px;
    background: #ffffff;
    margin-bottom: -50px;
}

.uchimsya-stilno-content > p {
    padding: 0 20px;
}

.header-uchimsya-stilno {
    text-align: center;
    margin: 0;
    color: #ffffff;
    display: none;
}

.brands-uchimsya-stilno {
    position: relative;
    top: 10px;
    text-align: center;
}

.brands-uchimsya-stilno > div {
    display: inline-table;
    margin: 10px;
    text-align: center;
    font-size: 18px;
}

.brands-uchimsya-stilno > div > a {
    position: relative;
    top: 238px;
}

.uchimsya-stilno-languo {
    background: #e3e9c5 url("/media/files/image/uchimsya_stilno/languo.png") no-repeat;
    width: 284px;
    height: 284px;
    border-radius: 142px;
    -moz-border-radius: 142px;
    -webkit-border-radius: 142px;
}

.uchimsya-stilno-zakka {
    background: #edcfdf url("/media/files/image/uchimsya_stilno/zakka.png") no-repeat;
    width: 284px;
    height: 284px;
    border-radius: 142px;
    -moz-border-radius: 142px;
    -webkit-border-radius: 142px;
}

.uchimsya-stilno-santoro {
    background: #dcdae1 url("/media/files/image/uchimsya_stilno/santoro.png") no-repeat;
    width: 284px;
    height: 284px;
    border-radius: 142px;
    -moz-border-radius: 142px;
    -webkit-border-radius: 142px;
}

@media (max-width: 399px) {
    .uchimsya-stilno-image {
        top: -90px;
        margin-bottom: -70px;
    }

    .brands-uchimsya-stilno > div {
        margin: 10px 0;
    }

    .uchimsya-stilno-languo,
    .uchimsya-stilno-zakka,
    .uchimsya-stilno-santoro {
        width: 260px;
        height: 260px;
    }

    .brands-uchimsya-stilno > div > a {
        position: relative;
        top: 226px;
    }
}

/***   Новый год в Белом Кролике   ***/
.header-new-year {
    margin: 17px 0 0;
    letter-spacing: 1px;
    font-size: 33px;
    font-weight: normal;
}

.header-new-year .header-color-first {
    color: #3487D3;
}

.header-new-year .header-color-second {
    color: #053CA3;
}

.header-new-year .header-color-third {
    color: #082C84;
}

.wrapper-new-year {
    margin: 30px 0 0;
    text-align: center;
}

.wrapper-new-year > div {
    width: 221px;
    height: 282px;
    display: inline-table;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin: 6px;
}

.wrapper-new-year p {
    font-size: 13px;
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
}

.wrapper-new-year a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.wrapper-new-year .symbol p {
    margin: 165px 0 0;
    padding: 0 20px;
}

.wrapper-new-year .advice p {
    margin: 195px 0 0;
    padding: 0 22px;
    color: #305D8A;
}

.wrapper-new-year .new-gifts p {
    margin: 170px 0 0;
    padding: 0 21px;
}

.wrapper-new-year .begin p {
    margin: 193px 0 0;
    padding: 0 23px;
    color: #305D8A;
}

.wrapper-new-year .firework p {
    margin: 155px 0 0;
    padding: 0 20px;
    line-height: 1.3;
}

.wrapper-new-year .firework p a {
    line-height: 1.03;
}

.wrapper-new-year .snow-girl p {
    margin: 175px 0 0;
    padding: 0 21px;
    color: #305D8A;
}

.wrapper-new-year .decoration p {
    margin: 155px 0 0;
    padding: 0 20px;
}

.wrapper-new-year .first-cart p {
    margin: 179px 0 0;
    padding: 0 24px;
    color: #305D8A;
}

.wrapper-new-year .play-all p {
    margin: 156px 0 0;
    padding: 0 21px;
}

.wrapper-new-year .symbol {
    background-image: url("/media/files/image/new_year/1.jpg");
}

.wrapper-new-year .advice {
    background-image: url("/media/files/image/new_year/6.jpg");
}

.wrapper-new-year .new-gifts {
    background-image: url("/media/files/image/new_year/3.jpg");
}

.wrapper-new-year .begin {
    background-image: url("/media/files/image/new_year/2.jpg");
}

.wrapper-new-year .firework {
    background-image: url("/media/files/image/new_year/5.jpg");
}

.wrapper-new-year .snow-girl {
    background-image: url("/media/files/image/new_year/4.jpg");
}

.wrapper-new-year .decoration {
    background-image: url("/media/files/image/new_year/7.jpg");
}

.wrapper-new-year .first-cart {
    background-image: url("/media/files/image/new_year/8.jpg");
}

.wrapper-new-year .play-all {
    background-image: url("/media/files/image/new_year/9.jpg");
}

/* Подготовка к школе */
#school {
    background: url("/media/files/image/bk-school.gif") top left;
    height: 950px;
    margin: 15px auto;
    position: relative;
    width: 674px;
}

#school > div {
    height: 200px;
    line-height: 18px;
    overflow: visible;
    position: absolute;
    text-align: center;
    width: 200px;
}

#school > div > a {
    font-size: 15px;
}

#school > .row1 {
    top: 150px;
}

#school > .row2 {
    top: 383px;
}

#school > .row3 {
    top: 617px;
}

#school > .row4 {
    top: 852px;
}

#school > .col1 {
    left: 10px;
}

#school > .col2 {
    left: 241px;
}

#school > .col3 {
    left: 452px;
}

#school > .row2.col1, #school > .row3.col3 {
    color: #296696;
    font-size: 15px;
    font-style: italic;
    text-align: left;
    line-height: 24px;
}

#school > .row2.col1 {
    left: 33px;
    top: 261px;
}

#school > .row3.col3 {
    left: 482px;
    top: 496px;
}

@media (max-width: 767px) {
    #school {
        background: none;
        height: auto;
        margin: 15px auto;
        position: relative;
        width: auto;
    }

    #school > div {
        height: auto;
        line-height: 1.5em;
        overflow: initial;
        position: initial;
        text-align: initial;
        width: 200px;
        display: list-item;
        margin: 10px 30px;
        color: #296696 !important;
        font-size: 14px;
    }
}

/* Всплывающий блок о скидке */

.popup-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: -20vh;
    left: 0;
    width: 100%;
    height: 8vh;
    background-color: #FFC300;
    text-align: center;
    z-index: 10;
    transition: bottom 0.5s ease-in-out;
}

.popup-block.show {
    bottom: 0;
}

.popup-block-close {
    position: absolute;
    font-size: 30px;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.popup-block div {
    height: 8vh;
    line-height: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-block p {
    padding-right: 3vh;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

@media (max-width: 960px) {

    .popup-block {
        height: 15vh;
    }

    .popup-block div {
        font-size: 16px;
    }

    .popup-block p {
        margin: 0;
        padding-left: 25px;
        padding-right: 25px;
    }

    .popup-block .login {
        padding-right: 0;
    }

    .popup-block-close {
        top: 5px;
        font-size: large;
    }

    .popup-block div {
        height: 15vh;
        display: inline-block;
    }

    .popup-block .button {
        margin: 0 auto;
    }
}