/*header*/
.inner-header .top-header.inner ul {
    margin-right: 0;
    margin-left: 0;
    column-gap: 30px;
    display: flex;
}

.inner-header .top-header.inner {
    column-gap: 35px;
    padding: 0;
    margin: 0;
}

.inner-header .top-header.inner ul li a {
    font-weight: 600;
    font-size: 16px;
}

.inner-header .top-header.inner ul li {
    padding: 0;
    margin: 0;
}

.inner-header .top-header.inner .selectors .citi-selector a {
    font-weight: 600;
    font-size: 14px;
}

.inner-header .top-header .call-order p a {
    font-weight: 700;
    font-size: 14px;
}

.inner-header .top-header .work-schedule p {
    font-weight: 400;
    font-size: 12px;
}

.inner-header .top-header .work-schedule {
    width: auto;
}

.inner-header .top-header .work-schedule br {
    display: none;
}

.inner-header .top-header a.yellow-btn {
    font-weight: 700;
    font-size: 16px;
    padding: 9px 30px;
}

header.inner-header {
    min-height: auto;
}

header .top-menu.inner {
    display: flex;
    align-items: center;
    column-gap: 90px;
    height: 58px;
    position: static;
}

header .top-menu ul {
    padding: 0;
    height: 100%;
}

header .top-menu ul li {
    padding: 0;
    position: static;
    height: 100%;
    display: flex;
    align-items: center;
}

header .top-menu .bx-searchtitle {
    margin: 0;
}

header .top-menu ul li a {
    padding: 0;
}

header:not(.sticky) .top-menu.inner .top-menu-logo,
header:not(.sticky) .top-menu.inner .call-order,
header:not(.sticky) .top-menu.inner #callback-inner {
    display: none;
}

.inner-header .top-header.inner .top-menu__toggle::after,
.inner-header .top-header.inner .top-menu__toggle::before {
    content: none;
}

.inner-header .top-header.inner .top-menu__toggle {
    position: static;
    width: auto;
    height: auto;
    transform: none;
    flex: 0 0 25px;
    padding: 0;
}
header .top-menu ul li a:hover:after {
    bottom: -8px;
}

div#price-list-block,
div#catalog-list-block {
    position: absolute;
    width: 100vw;
    top: 100%;
    z-index: 1000;
    overscroll-behavior-y: contain;
    overflow-y: auto;
    height: calc(100vh - 133px);
    background: rgba(0, 0, 0, 0.88);
}
header.sticky div#price-list-block,
header.sticky div#catalog-list-block {
    height: calc(100vh - 58px);
}
div#catalog-list-block .catalog-list-block-hide,
#price-list-block .price-list-block-hide {
    display: none;
}

.top-menu-sub#price-list-block .price-list-items {
    row-gap: 40px;
}
.top-menu-sub#price-list-block .price-list-items .price-list-item {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin: 0;
}
.top-menu-sub#price-list-block .price-list-items .price-list-item>p {
    text-align: left;
}
.top-menu-sub#price-list-block .price-list-items .price-list-item>a p {
    text-align: left;
    font-size: 16px;
}
#price-list-block.top-menu-sub .content>div {
    padding: 30px 107px;
}
html,
body {
    scrollbar-gutter: stable;
}
.open-top-menu-sub>a {
    display: flex !important;
    column-gap: 6px;
    align-items: center;
}
.open-top-menu-sub>a .btn-expand {
    flex: 0 0 9px;
}
.open-top-menu-sub>a svg {
    position: relative;
    top: -3px;
}
.open-top-menu-sub.open>a svg {
    rotate: 180deg;
}
header.sticky .top-menu .open-top-menu-sub>a svg path {
    fill: #333;
}
.scroll-fix {
    position: absolute;
    width: calc(100vw - 100%);
}
.open-top-menu-sub #catalog-list-block .catalog-list-items,
header.sticky .top-menu .open-top-menu-sub #catalog-list-block .catalog-list-items {
    padding: 40px 20px 80px;
    margin: 0;
    max-width: 1400px;
    --count: 4;
    --column-gap: 100px;
    column-gap: var(--column-gap);
    display: flex;
}

.open-top-menu-sub #catalog-list-block .catalog-list-items>div {
    width: calc(100% / var(--count) - var(--column-gap) * (var(--count) - 1) / var(--count));
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item {
    flex-direction: column;
    display: flex;
    row-gap: 8px;
    margin: 0;
    height: auto;
    margin-bottom: 17px;
    transition: row-gap 0.8s;
}

.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item>p {
    margin: 0;
    text-align: left;
    max-width: none;
    width: 100%;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item>p a {
    line-height: 21px;
    text-transform: none;
    color: #fff;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.expand>p a {
    color: #FFCC00;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs:not(.expand)>p>a svg path {
    fill: #fff;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item>ul {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    padding-left: 10px;
    padding-bottom: 20px;
    height: auto;
    transition: padding-bottom 0.8s, row-gap 0.8s;
    width: 100%;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item>ul a {
    font: normal 400 16px / 1.2 Nunito;
    color: #fff;
    text-transform: none;
    text-align: left;
    overflow: hidden;
    transition: line-height 0.8s, color 0.8s;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item a:hover:after {
    content: none;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item li {
    height: auto;
    display: flex;
    line-height: normal;
    align-items: flex-start;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs>p>a {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs>p>a svg {
    position: relative;
    top: -2px;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs:not(.expand)>ul,
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs:not(.expand) {
    padding-bottom: 0;
    row-gap: 0;
    transition: padding-bottom 0.8s, row-gap 0.8s;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs.expand>p>a svg {
    rotate: 180deg;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs:not(.expand)>ul a {
    line-height: 0;
    color: transparent;
    transition: line-height 0.8s, color 0.8s;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item .btn-expand {
    display: inline-block;
    width: 20px;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item:not(.has-childs)>p a {
    color: #fff;
}
.open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item:not(.has-childs)>p a:hover {
    color: #f4d96e;
    text-decoration: none;
}
body {
    --pading_right: 0;
}
header.sticky .container.-for-menu {
    width: calc(100vw - var(--pading_right));
}
#price-list-block .content > div .h3,
.catalog-list-block .catalog-list-block-hide {
    display: none;
}
@media (min-width: 769px) {
    header.sticky .top-menu .bx-searchtitle {
        display: none;
    }

    header.sticky .container.-for-menu {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        box-shadow: 0 0 25px -5px #aaa;
    }

    header.sticky+main,
    header.sticky+.index-header {
        margin-top: 58px;
    }

    header.sticky .top-menu.inner {
        background: #fff;
    }

    header.sticky .top-menu ul li a,
    header.sticky .top-menu .call-order p a {
        color: #333;
    }

    header.sticky .top-menu .call-order p a {
        font-weight: 700;
        font-size: 14px;
    }

    header.sticky .top-menu a.yellow-btn {
        font-weight: 700;
        font-size: 16px;
        padding: 9px 30px;
    }

    header.sticky .top-menu.inner {
        column-gap: 40px;
    }

    .top-menu-logo {
        flex: 0 0 41px;
    }

    header.sticky .top-menu ul {
        display: flex;
        width: auto;
        column-gap: 35px;
    }
    .-for-menu-close {
        display: none;
    }
}

@media (max-width: 1530px) and (min-width: 1201px) {
    .top-header img.logo {
        width: 41px;
        object-fit: cover;
        height: 36px;
        object-position: left;
    }
}

@media (max-width: 1530px) {
    header .top-menu.inner {
        column-gap: 40px;
    }

    header .top-menu ul {
        column-gap: 20px;
        display: flex;
    }

    header .top-menu ul li {
        margin: 0;
    }
    header.sticky .top-menu ul {
        column-gap: 20px;
    }
    header.sticky .top-menu ul li a {
        font-size: 12px;
    }
}

@media (max-width: 1440px) {
    .inner-header .top-header .work-schedule {
        display: none;
    }
    .open-top-menu-sub #catalog-list-block .catalog-list-items,
    header.sticky .top-menu .open-top-menu-sub #catalog-list-block .catalog-list-items {
        --column-gap: 10px;
    }
    header.sticky .top-menu .call-order {
        position: relative;
        top: -10px;
    }
    header.sticky .top-menu a.yellow-btn {
        background: none;
        padding: 0;
        font-size: 14px;
        position: absolute;
        right: calc((100vw - 1200px) / 2 + 22px);
        bottom: 7px;
    }
}

@media (max-width: 1200px) {
    .inner-header .top-header.inner ul {
        display: none;
    }
    #price-list-block.top-menu-sub .content>div {
        padding: 30px 20px;
    }
    #catalog-list-block .catalog-list-items .catalog-list-item>p a {
        font-size: 16px;
    }
    .open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item>ul a {
        font-size: 14px;
    }
    .open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item {
        margin-bottom: 8px;
    }
    header.sticky .container.-for-menu>.content {
        max-width: none;
    }
    header.sticky .top-menu a.yellow-btn {
        right: 22px;
    }
    header.sticky .top-menu.inner {
        column-gap: 20px;
    }
    header.sticky .top-menu ul li a {
        font-size: 11px;
    }
    div.bestsellers-block .bestsellers-slider-block .bestsellers-slider-text {
        margin-top: 0;
        padding-top: 20px;
    }
}
@media (max-width: 1040px) and (min-width: 769px) {
    header.sticky .top-menu .call-order,
    header.sticky .top-menu a.yellow-btn {
        display: none;
    }
}

@media (max-width: 768px) {
    main>.catalog-block-container {
        padding-top: 40px;
    }
    .open-top-menu-sub #catalog-list-block .catalog-list-items>div {
        display: contents;
    }
    header.inner-header .container.-for-menu {
        position: fixed;
        top: 75px;
        left: 0;
        width: 100vw;
        transition: left 0.8s;
        z-index: 1001;
        height: calc(100vh - 75px);
        display: none;
    }

    header.inner-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1001;
        box-shadow: 0 0 25px -5px #aaa;
    }
    header.inner-header>.container:first-child {
        position: relative;
        z-index: 1002;
    }
    header.inner-header+main,
    header.inner-header+.index-header {
        margin-top: 75px;
    }
    header.menu-active .container.-for-menu {
        left: 0;
        background: #fff;
        display: block;
    }
    header .container.-for-menu>.content {
        height: 100%;
        padding: 0;
        overflow: auto;
    }
    header .top-menu.inner {
        height: 100%;
        align-items: flex-start;
        padding: 20px 0 0;
    }
    header .container.-for-menu .top-menu.inner,
    header .top-menu .top-menu__menu,
    header .top-menu .top-menu__top {
        display: flex;
        flex-direction: column;
    }
    header .top-menu .bx-searchtitle .search-form input[type=search] {
        display: block;
        width: calc(100% - 28px);
        position: static;
        font-size: 14px;
    }
    header .top-menu .bx-searchtitle .search-form .search-btn {
        background: url(/local/templates/woodstock/assets/build/assets/img/icons/search-icon-hover.svg) no-repeat center / 12px #f2f2f2;
        border: none;
        border-radius: 0 12px 12px 0;
    }
    header .top-menu .bx-searchtitle .search-form>div {
        display: flex;
    }
    header .top-menu .bx-searchtitle {
        width: 260px;
        padding: 25px 0;
        margin-left: 20px;
    }
    .-for-menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 100;
    }
    header .top-menu .top-menu__menu,
    header .top-menu .top-menu__top {
        row-gap: 20px;
        align-items: flex-start;
        padding: 0 20px;
    }
    header .top-menu .top-menu__menu li,
    header .top-menu .top-menu__top li {
        line-height: 20px;
        margin: 0;
        text-align: left;
        width: 100%;
    }
    header .top-menu .top-menu__menu>li>a,
    header .top-menu .top-menu__top>li>a {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
    }
    header .top-menu .top-menu__menu>li>a {
        width: 100%;
    }
    header .top-menu .top-menu__menu>li ul a,
    header .top-menu .top-menu__top>li ul a {
        font-weight: 400;
        font-size: 14px;
    }
    header .top-menu .top-menu__menu>li>a[href="/prod/"]>ul>li>a {
        color: #FFCC00;
    }

    header .top-menu .top-menu__top {
        background: #fff;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    header .top-menu .top-menu__top a {
        color: #333;
    }
    header .top-menu .top-menu__top {
        order: 2;
    }
    .open-top-menu-sub>a .btn-expand,
    .open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item .btn-expand {
        flex: 0 0 30px;
        padding-left: 10px;
    }
    .open-top-menu-sub>a,
    .open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item.has-childs>p>a {
        column-gap: 0;
        width: 100%;
    }
    header .top-menu ul li a:hover:after {
        content: none;
    }
    body.blocked {
        overflow-y: auto;
        overflow-x: hidden;
    }
    .open-top-menu-sub.open .top-menu-sub {
        display: block !important;
    }
    .open-top-menu-sub:not(.open) .top-menu-sub {
        display: none !important;
    }
    div#price-list-block, div#catalog-list-block {
        position: static;
        background: none;
        height: auto;
        width: 100%;
    }
    .open-top-menu-sub {
        flex-direction: column;
    }
    .open-top-menu-sub #catalog-list-block .catalog-list-items {
        display: flex;
        flex-direction: column;
        padding: 0 10px 10px;
    }
    .top-menu-sub#price-list-block .price-list-items {
        margin: 0;
        flex-direction: column;
    }
    .top-menu-sub#price-list-block .price-list-items .price-list-item {
        max-width: 100%;
        text-align: left;
        padding-left: 10px;
    }
    .top-menu-sub#price-list-block .price-list-items .price-list-item a {
        width: 100%;
    }
    .top-menu-sub#price-list-block .price-list-items .price-list-item p {
        max-width: 100%;
        width: 100%;
    }
    .top-menu-sub#price-list-block .price-list-items .price-list-item:last-of-type {
        padding-bottom: 20px;
    }
    .open-top-menu-sub #catalog-list-block .catalog-list-items .catalog-list-item>ul a {
        line-height: 1.6;
    }
    header .top-menu .top-menu__menu>li {
        align-items: flex-start;
    }
    #price-list-block.top-menu-sub .content>div,
    #catalog-list-block.top-menu-sub>.content {
        padding: 0 0 60px;
    }
    header .container.-for-menu>.content.blocked {
        overflow: hidden;
    }
    .open-top-menu-sub.open>a {
        margin-bottom: 20px;
    }
    div#price-list-block>.content {
        padding-bottom: 20px;
    }
}

@media (max-width: 700px) {
    header .top-header .top-logo img {
        max-width: 150px;
    }
    .inner-header .top-header a#callback-inner {
        background: none;
        padding: 0;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
    }
    .inner-header .top-header.inner {
        height: 50px;
    }
    header.inner-header+main,
    header.inner-header+.index-header {
        margin-top: 50px;
    }
    header.inner-header .container.-for-menu {
        top: 50px;
        height: calc(100vh - 50px);
    }
    .inner-header .top-header.inner .selectors .citi-selector a {
        font-size: 12px;
        line-height: 12px;
    }
    .inner-header .top-header .call-order p a {
        line-height: 14px;
    }
    header .top-header .citi-selector {
        display: block;
    }
    .fancybox-toolbar.compensate-for-scrollbar {
        z-index: 99993;
    }
}
@media (max-width: 575px) {
    div.breadcrumbs-block {
        padding: 0;
    }
    .breadcrumbs-block ul li {
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
@media (max-width: 555px) {
    header .top-header .top-logo img {
        max-width: 100px;
    }
}
@media (max-width: 505px) {
    .inner-header .top-header a#callback-inner {
        position: absolute;
        z-index: 1;
        left: 50%;
        bottom: 6px;
        translate: 4px 0;
    }
    header .top-header .citi-selector {
        display: none;
    }
    header .top-header .call-order {
        position: relative;
        top: -10px;
    }
    
    .inner-header .top-header.inner {
        column-gap: 15px;
    }
    header .top-header .top-logo img {
        max-width: 150px;
    }
}
@media (max-width: 370px) {
    header .top-header .top-logo img {
        max-width: 110px;
    }
    .inner-header .top-header .call-order p a {
        font-size: 12px;
    }
    .inner-header .top-header a#callback-inner {
        font-size: 10px;
        translate: -5px 0;
    }
}


/**/
.index-header .top-banner {
    bottom: 0;
}
.popup-block-head .subtitle-form {
    font-size: 22px;
    line-height: 30px;
    margin-top: 25px;
    font-weight: 400;
}
.popup-block-container div.popup-block-head {
    margin-bottom: 40px;
}
.popup-block-container .order_disigner_comment_texture {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 25px;
}
.popup-block-container div.popup-block-foot {
    margin-top: 5px;
}
div.popup-block-container.submitted.dark-theme {
    background: #000;
}
div.popup-block-container .popup-form-after-submit .h2 {
    text-transform: none;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
}
div.popup-block-container .popup-form-after-submit p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
div.popup-block-container .popup-form-after-submit {
    margin: 33px auto;
    width: 80%;
    max-width: 600px;
}

.popup-block-container.max-width.submitted {
    max-width: 745px;
}
div.popup-block-container .page-text-header {
    margin-bottom: 20px;
}
@media (max-width: 1100px) {
    .popup-block-container#order-item .popup-block-content .popup-block-foot {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        align-items: flex-start;
    }
}
@media (max-width: 570px) {
    .popup-block-container.submitted {
        padding: 40px 0 30px 0;
        width: 100%;
    }
    div.popup-block-container .popup-form-after-submit .h2 {
        font-size: 24px;
        line-height: 24px;
    }
    div.popup-block-container .popup-form-after-submit p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 25px;
    }
    div.popup-block-container .popup-block-content .h3 {
        margin-bottom: 25px;
    }
    div.popup-block-container .popup-block-foot button {
        margin-bottom: 0;
    }
}

/**/