/* frontpage */

.slick-prev {
    width: 50px;
    height: 50px;
    background: url("/local/templates/template/img/svg/arrow-right.svg");
    background-size: contain;
    top: 50%;
    margin-top: -25px;
    transform: rotate(180deg);
    opacity: 0.5;
}

.slick-next {
    width: 50px;
    height: 50px;
    background: url("/local/templates/template/img/svg/arrow-right.svg");
    background-size: contain;
    right: 0;
    top: 50%;
    opacity: 0.5;
}

.headerBlock__left-slider {
    height: 100%;
}

.headerBlock__left-slider>div {
    height: 100%;
}


/* menu */

@media (min-width: 1020px) {
    .top-nav__pop-up-menu {
        padding: 0 15px;
    }
    .top-nav__pop-up-cont>ul>li {
        padding: 15px 0;
    }
    /* decrease menu */
    .top-nav,
    .top-nav__top-strip {
        top: 0;
        transition: top .15s;
    }
    .top-nav.yadoma_scroll,
    .top-nav.yadoma_scroll .top-nav__top-strip {
        top: -30px;
    }
    .top-nav.yadoma_scroll.yadoma_scroll_up,
    .top-nav.yadoma_scroll.yadoma_scroll_up .top-nav__top-strip {
        top: 0;
        transition: top .3s;
    }
    .yadoma_scroll .top-nav__logo {
        width: 9rem;
    }
    .yadoma_scroll .top-nav__logo-strip {
        padding: 8px;
    }
    /* decrease menu */
}

@media (max-width: 768px) {
    .top-nav__inner-pop {
        padding-left: 15px;
    }
    .part-5__list {
        padding-left: 15px;
    }
}

.top-nav__pop-up-menu {
    background: #f8f5f0;
}


/* basket */

.sCart__delete-item {
    position: relative;
    width: 10%;
}

.sCart__cross-btn {
    top: -20px;
    right: 0;
    left: auto;
}


/* delivery */

.delivery-page strong {
    font-weight: 600;
}


/* mobile */

@media (max-width: 768px) {
    .top-nav__pop-up-cont>ul>li>a {
        text-transform: uppercase;
    }
    /*.top-nav__pop-up-cont>ul>li>a {border-color: transparent;}*/
    .part-5__title {
        border-color: transparent;
        text-transform: uppercase;
    }
    .part-5__list li a {
        border-color: transparent;
        padding: 8px 30px!important;
    }
    .footer__title {
        border-bottom: 0;
    }
    .footer__list a {
        border-bottom: 0;
        padding-left: 40px;
    }
}

@media (max-width: 1019.98px) {
    .part-5__img-col {
        border-color: transparent;
    }
    .top-nav__inner-pop.opened {
        border-bottom: 1px solid #737c7b;
    }
}


/* simple pages */


/*, .sContent__body, .sContent__itemTitle, .sContent__contact, .sContent h3*/

.sBrand__textWrap p,
.sContent p {
    font-weight: 300!important;
    line-height: 1.5!important;
    /*font-size: 1.15rem!important;*/
    font-family: "Sofia Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/***/

.tq-sticky {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #efeae6;
}

.header {
    min-height: 160px;
}

@media (max-width: 1019.95px) {
    .header {
        min-height: 53px;
    }
}


/* basket */

.bx-sls .dropdown-icon {
    top: 15px;
}

.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
    height: 25px;
    left: 10px;
}

.time-modal {
    background: linear-gradient(0deg, rgba(58, 66, 66, 0.5), rgba(58, 66, 66, 0.5));
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 900;
}

.time-modal__inner {
    width: 740px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.time-modal__text {
    max-width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    /* or 16px */
    margin-bottom: 10px;
    color: #3F4443;
    text-transform: uppercase;
}

.time-modal__title {
    font-size: 32px;
    line-height: 130%;
    /* or 23px */
    font-family: Forum;
    margin-bottom: 10px;
    text-align: center;
    color: #3F4443;
    max-width:420px;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
}
.time-modal__title div {
    font-size: 14px;
    line-height: 110%;
    margin-top:10px;
    font-family: 'Sofia Pro';
}
@media(max-width:767px)
{
    .time-modal__title {
        font-size:24px; 
        line-height:100%; 
    }
}

.time-modal__content {
    background: #EFEAE6;
    padding: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 9px;
    max-width: calc(100% - 18px);
    border-radius: 8px;
}

.time-modal__close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 48px;
    top: 48px;
    background: url("/upload/close.svg");
    background-size: 100%;
    cursor: pointer;
}

.time-modal img {
    display: block;
    margin-bottom:10px;
}

.time-modal .btn {
    background: #3F4443;
    /* cape cod */
    margin-top:0px;
    border: 1px solid #3F4443;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    /* identical to box height, or 16px */
    /* pampas */
    color: #EFEAE6;
    padding: 8px 16px;
    margin-bottom:20px;
}
.time-modal .btn2 {
    background: #3F4443;
    /* cape cod */
    margin-top:0px;
    border: 1px solid #3F4443;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 300;
    font-size: 12px;
    line-height: 130%;
    /* identical to box height, or 16px */
    /* pampas */
    color: #EFEAE6;
    padding: 12px 32px;
    margin-bottom:20px;
}
.time-modal__cat-list{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-self: center;
    list-style-type: none;
    margin: 10px 0 20px 0;
    padding: 0;
}
.time-modal__cat-item{
    text-transform: uppercase;
    padding: 0 10px;
    font-size: 12px;
    line-height: 100%;
}
.time-modal__cat-item:not(:last-child){
    border-right: 1px solid #3F4443;
}

@media screen and (max-width: 2048px) {
    .time-modal__content {
        padding: 12px 0;
        width: 550px;
    }
    .time-modal__inner {
        /* max-width: 315px; */
    }
    .time-modal__close {
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 480px) {
    .time-modal__inner {
        max-width: 380px;
    }
    .time-modal__text
    {
        max-width:220px;
    }
}

@media (max-width: 340px) {
    .time-modal img {
        height: 40vh;
        object-fit: contain;
    }
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~from RSM~~~~~~~~~~~~~~~~*/

.rms_metki_wrap {
    margin: 10px 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.rms_metki_wrap .swiper-button-next,
.rms_metki_wrap .swiper-button-prev{
    display: flex;
    height: 100%;
    top: 0;
    margin: 0;
    width: auto;
    &:before{
        content: '';
        display: block;
        width: 15px;
        height: 100%;
        margin: 0;
    }
    &:after{
        background-color: #efeae6;
        height: 100%;
        display: flex;
        align-items: center;
        color: #3f4443;
        font-size: 12px
    }
    &.swiper-button-disabled{
        display: none;
    }
}
.rms_metki_wrap .swiper-button-next{
    right: 0;
    &:before{
        width: 50px;
        background: linear-gradient(to left, #efeae6fa 20%, rgb(219 0 0 / 0%) 120%);
    }
    &:after{
        background-color: #efeae6;
    }
}
.rms_metki_wrap .swiper-button-prev{
    left: 0;
    &:before{
        order: 2;
        background: linear-gradient(to right, #efeae6e0 10%, rgba(255, 255, 255, 0) 100%);
        width: 50px;
    }
    &:after{
        background-color: #efeae6e8;
    }
}

.rsm_metka_wrapper {
    width: auto;
    position: relative;
}

.rsm_metka_item {
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 25px;
    overflow: hidden;
    background: #F8F5F0;
    border: 1px solid rgba(115, 124, 123, 0.2);
}

.rsm_metka_item .rsm_metka_img {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px;
    width: 50px;
    min-height: 50px;
    margin-right: 10px;
}

.rsm_metka_item .rsm_metka_capt {
    padding-right: 10px;
    font-size: 12px;
}

.section-text {
    margin-bottom: 20px;
}

@media (max-width: 767.98px)
{
    .sBrand__imgWrap--sm {
        width: 101vw;
        margin-left: calc(-62.5vw - -64.5%);
    }
}
@media (max-width: 480px)
{
    .time-modal__text {
        max-width: 300px;
        font-size:12px;
    }
}
.top-line
{
    width:initial;
    overflow-x: hidden;
}
.top-line .container
{
    text-transform: uppercase;
    padding: 5px 0px;
    /* text-align: center; */
    position:relative;
    /* max-width:100%; */
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    /* padding-bottom:9px; */
    display:flex;
    white-space: nowrap;
    align-items: center;
}
@media(max-width:1020px)
{
    .top-line .container
    {
        padding:9px 0px;
    }
}

.top-line .container b
{
    font-weight:400;
    display:inline-block;
    margin-left:15px;
}
.top-line .container img
{
    display:inline-block;
    margin-left:22px;
    margin-right:22px;
    width:12px;
}
.top-line .container>div
{
    display:flex;
    margin-left:10px;
    margin-right:10px;
    margin-top: -.1em;
    /* width:12px; */
}
.top-line .container span
{
    white-space: nowrap;
}
.top-line .container span.close
{
    position:absolute;
    height:12px;
    width:12px;
    background:url(/img/close.svg) center center no-repeat;
    top:14px;
    right:15px;
    display:block;
    cursor: pointer;
}
.header-with-top-line
{

}
.header-with-top-line .top-nav
{
    padding-top:0px;
}
.header-with-top-line .top-nav__top-strip
{
    position:relative;
}
.header-with-top-line .top-nav.yadoma_scroll
{
    top:-70px;
}
@media(max-width:1019px)
{
    .top-line .container
    {
        font-size:12px;
        /* width:100%;
        max-width:100%; */
    }
    .top-line .container span.close
    {
        right:24px;
    }
    .header-with-top-line .tq-sticky
    {
        transition: top .15s;
        top:35px;
    }
    .header-with-top-line .yadoma_scroll .tq-sticky
    {
        top:0px;
        transition: top .15s;
    }
}
@media(max-width:480px)
{
    .header-with-top-line .tq-sticky
    {
        transition: top .15s;
        /* top:50px; */
    }
    .header-with-top-line .yadoma_scroll .tq-sticky
    {
        top:0px;
        transition: top .15s;
    }
    .top-line .container span.close
    {
        top:19px;
    }
}
@media(max-width:370px)
{
    .top-line .container
    {
        padding-left:40px;
        padding-right:40px;
    }
}

@media (min-width: 1020px)
{
    .top-nav__inner-pop {
        -webkit-transition:none;
        transition:none;
    }
}
.sNew__slider .new-next.swiper-button-disabled
{
    display:none !important;
}
.fancybox-button.fancybox-button--zoom, .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs
{
    display:none !important;
}
@media (max-width: 1019.95px)
{
    .sFilter {
        width:80vw !important;
    }
}

.catalogItem__sale
{
    position: absolute; 
    right: 2%; 
    top: 2%; 
    height: 70px; 
    width: 70px; 
    background: #e6ddcc; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 16px; 
}
.catalogItem__sale_section
{
    position: absolute; 
    right: 3%; 
    top: 3%; 
    height: 60px; 
    width: 60px; 
    background: #e6ddcc; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 16px; 
    z-index:1;
}
@media(max-width:767px)
{
    .catalogItem__sale_section
    {
        height: 40px; 
        width: 40px;
        font-size:12px; 
    }
}


/* .text_running
{
    white-space: nowrap;
    overflow: hidden;

}
.text_running div nobr
{
    display:flex;
    align-items: center;
} */

/* .text_running
{
    position:relative;
    white-space: nowrap;
    animation: ticker 35s infinite linear;
}
.text_running:before
{
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
}
  
  
@keyframes ticker {
    100% {
        transform: translateX(-100%);
    }
}
@media(max-width:1019px)
{
    .text_running
    {
        animation: ticker 10s infinite linear;
    }
} */
.text_running_wrapper
{
    display:flex;
}
.text_running
{
    width: fit-content;
    white-space: nowrap;
    display: flex;
    margin: 10px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
}
