#rec436069029 .t396__artboard {
    height: 120px;
}

#rec436069029 .t396__filter {
    height: 120px;
}

#rec436069029 .t396__carrier {
    height: 120px;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
    #rec436069029 .t396__artboard {
    }

    #rec436069029 .t396__filter {
    }

    #rec436069029 .t396__carrier {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 959px) {
}

@media screen and (max-width: 639px) {
}

@media screen and (max-width: 479px) {
    #rec436069029 .t396__artboard {
        height: 110px;
    }

    #rec436069029 .t396__filter {
        height: 110px;
    }

    #rec436069029 .t396__carrier {
        height: 110px;
    }
}

#rec436069029 .tn-elem[data-elem-id="1559209294808"] {
    color: #dba42c;
    z-index: 1;
    top: 22px;
    left: calc(50% - 600px + 21px);
    width: 865px;
}

#rec436069029 .tn-elem[data-elem-id="1559209294808"] .tn-atom {
    color: #dba42c;
    font-size: 44px;
    font-family: 'OpinionPro', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec436069029 .tn-elem[data-elem-id="1559209294808"] {
        top: 22px;
        left: calc(50% - 480px + 69px);
    }
}

@media screen and (max-width: 959px) {
    #rec436069029 .tn-elem[data-elem-id="1559209294808"] {
        top: 30px;
        left: calc(50% - 320px + 9px);
    }

    #rec436069029 .tn-elem[data-elem-id="1559209294808"] .tn-atom {
        font-size: 35px;
    }
}

@media screen and (max-width: 639px) {
    #rec436069029 .tn-elem[data-elem-id="1559209294808"] {
        top: 38px;
        left: calc(50% - 240px + 11px);
    }

    #rec436069029 .tn-elem[data-elem-id="1559209294808"] .tn-atom {
        font-size: 26px;
    }
}

@media screen and (max-width: 479px) {
    #rec436069029 .tn-elem[data-elem-id="1559209294808"] {
        top: 35px;
        left: calc(50% - 160px + 11px);
        width: 262px;
    }

    #rec436069029 .tn-elem[data-elem-id="1559209294808"] .tn-atom {
        font-size: 19px;
    }
}

#rec436069029 .tn-elem[data-elem-id="1559210313132"] {
    z-index: 2;
    top: 53px;
    left: calc(50% - 600px + 646px);
    width: 9px;
    height: 12px;
}

#rec436069029 .tn-elem[data-elem-id="1559210313132"] .tn-atom {
    background-color: #dba42c;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

@media screen and (max-width: 1199px) {
    #rec436069029 .tn-elem[data-elem-id="1559210313132"] {
        top: 87px;
        left: calc(50% - 480px + 71px);
        width: 840px;
        height: 10px;
    }
}

@media screen and (max-width: 959px) {
    #rec436069029 .tn-elem[data-elem-id="1559210313132"] {
        top: 83px;
        left: calc(50% - 320px + 10px);
        width: 605px;
        height: 9px;
    }
}

@media screen and (max-width: 639px) {
    #rec436069029 .tn-elem[data-elem-id="1559210313132"] {
        top: 79px;
        left: calc(50% - 240px + 11px);
        width: 380px;
        height: 8px;
    }
}

@media screen and (max-width: 479px) {
    #rec436069029 .tn-elem[data-elem-id="1559210313132"] {
        top: 69px;
        left: calc(50% - 160px + 10px);
        width: 260px;
        height: 5px;
    }
}
/* separator style for ST330 */
/* Slider stiles */
#rec436069099 .t-slds__bullet_active .t-slds__bullet_body {
    background-color: #222 !important;
}

#rec436069099 .t-slds__bullet:hover .t-slds__bullet_body {
    background-color: #222 !important;
}

/* Store part switch buttons styles */
#rec436069099 .t-store__parts-switch-btn {
}

/* Store filters buttons styles */
#rec436069099 .t-store__filter__item-title,
#rec436069099 .t-store__filter__opts-mob-btn {
}
@media (hover), (min-width: 0\0
) {
    #rec436069099 .t-btn:not(.t-animate_no-hover):hover {
        background-color: #ffffff !important;
        color: #202024 !important;
        border-color: #202024 !important;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1) !important;
    }

    #rec436069099 .t-btn:not(.t-animate_no-hover) {
        -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }

    #rec436069099 .t-btntext:not(.t-animate_no-hover):hover {
        color: #202024 !important;
    }
}
#rec436069099 .t-menu__link-item {
    outline: none;
}

/* #rec436069099 .t-menu__link-item:not(:focus-visible){
outline: none;
} */
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    #rec436069099 .t-menu__link-item,
    #rec436069099 .t-menu__link-item.t-active {
        opacity: 1 !important;
    }
}
#rec436068831 input::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 input::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 input:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 input:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 textarea::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 textarea::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 textarea:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436068831 textarea:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
}
#rec436068831 .t-submit:hover {
    background-color: #ffffff !important;
    color: #202024 !important;
    border-color: #202024 !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1) !important;
}

#rec436068831 .t-submit {
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
#rec436068831 .t-btn[data-btneffects-first],
#rec436068831 .t-btn[data-btneffects-second],
#rec436068831 .t-submit[data-btneffects-first],
#rec436068831 .t-submit[data-btneffects-second] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

#rec436068831 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects,
#rec436068831 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-animation-name: light;
    animation-name: light;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#rec436068831 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_md,
#rec436068831 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_md {
    -webkit-animation-name: light-md;
    animation-name: light-md;
}

#rec436068831 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_lg,
#rec436068831 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_lg {
    -webkit-animation-name: light-lg;
    animation-name: light-lg;
}

#rec436068831 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_effects,
#rec436068831 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
}

@-webkit-keyframes light {
    20% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes light {
    20% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes light-md {
    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes light-md {
    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes light-lg {
    40% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes light-lg {
    40% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
#rec436977958 input::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 input::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 input:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 input:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 textarea::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 textarea::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 textarea:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436977958 textarea:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
}
#rec436977958 .t-submit:hover {
    background-color: #ffffff !important;
    color: #202024 !important;
    border-color: #202024 !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1) !important;
}

#rec436977958 .t-submit {
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
#rec436977958 .t-btn[data-btneffects-first],
#rec436977958 .t-btn[data-btneffects-second],
#rec436977958 .t-submit[data-btneffects-first],
#rec436977958 .t-submit[data-btneffects-second] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

#rec436977958 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects,
#rec436977958 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-animation-name: light;
    animation-name: light;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#rec436977958 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_md,
#rec436977958 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_md {
    -webkit-animation-name: light-md;
    animation-name: light-md;
}

#rec436977958 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_lg,
#rec436977958 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_wrap-effects_lg {
    -webkit-animation-name: light-lg;
    animation-name: light-lg;
}

#rec436977958 .t-btn[data-btneffects-first="btneffects-light"] .t-btn_effects,
#rec436977958 .t-submit[data-btneffects-first="btneffects-light"] .t-btn_effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
}

@-webkit-keyframes light {
    20% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes light {
    20% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes light-md {
    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes light-md {
    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes light-lg {
    40% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes light-lg {
    40% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
body {
    background-color: #dbdbdb;
}

.t674__body_with-bg:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-overflow-scrolling: touch;
    background-image: url('/local/templates/listogib_zapchast/images/tild3432-3839-4634-b130-396639633063/3.png');
    background-repeat: repeat;
    background-position: center;
    min-height: 100%;
    height: 100vh;
    background-attachment: initial;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.2s linear;
}
#rec436071667 input::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 input::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 input:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 input:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 textarea::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 textarea::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 textarea:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
}

#rec436071667 textarea:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
}
.t706__close-icon g {
    fill: #dba42c;
}

@media screen and (max-width: 560px) {
    .t706__close-icon g {
        fill: #dba42c;
    }

    .t706 .t706__close {
        background-color: rgba();
    }
}

.t706__carticon-text {
    color: #dba42c;
}

.t706__carticon-text::after {
    border-left-color: #202024;
}

.t706__carticon-text {
    background: #202024;
}#rec436071667 .t-submit:hover {
     background-color: #ffffff !important;
     color: #202024 !important;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1) !important;
 }

#rec436071667 .t-submit {
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
#rec436071667 .t706__sidebar-continue:hover,
#rec436071667 .t706__cartpage-open-form:hover {
    background-color: #ffffff !important;
    color: #202024 !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1) !important;
}

#rec436071667 .t706__sidebar-continue,
#rec436071667 .t706__cartpage-open-form {
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.popup_card-img{
    display: block;
}
.popup_card-img img{
    width: 100%;
    height: auto;
}

.slider-card2-block .popup_card-img{
    width: 60px;
    max-width: 60px;
    height: 60px;
}
.popup_card-prev,
.popup_card-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.popup_card-prev:hover,
.popup_card-next:hover{
    cursor: pointer;
}
.popup_card-prev{
    background: url("/local/templates/listogib_zapchast/images/arrow-slider-card-prev.svg")no-repeat 50%;
    background-size: contain;
    width: 30px;
    height: 30px;
    left: 40px;
}
.popup_card-next{
    background: url("/local/templates/listogib_zapchast/images/arrow-slider-card-next.svg")no-repeat 50%;
    background-size: contain;
    width: 30px;
    height: 30px;
    right: 40px;
}
.popup_card-next.swiper-button-disabled,
.popup_card-prev.swiper-button-disabled{
    display: none;
}

.video-preloader{
    background: url("/local/templates/listogib_zapchast/images/play-video.svg")no-repeat 50%;
    background-size: contain;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-preloader:hover{
    cursor: pointer;
}
.slider-card2-block .popup_card-img img:hover{
    cursor: pointer;
}