/*Yukka Styles for Impreza Theme v.8.28 */
/*COMMONS*/
:root {
/*sizes*/
--site-canvas-width: 81.25rem;
--site-content-width: 69.75rem;
--header-height: 8rem;
--header-sticky-height: 6rem;
/*colors*/
--color-grad-to-left: linear-gradient(90deg, var(--color-content-primary) 0%, var(--color-content-secondary) 100%);
--color-grad-to-right: linear-gradient(90deg, var(--color-content-secondary) 0%, var(--color-content-primary) 100%);
--color-grad-to-bottom: linear-gradient(0deg, var(--color-content-primary) 0%, var(--color-content-secondary) 100%);
--color-grad-to-top: linear-gradient(0deg, var(--color-content-secondary) 0%, var(--color-content-primary) 100%);
/*inputs*/
--inputs-border-width:0.0625rem;
--inputs-height: calc(3rem - 2 * var(--inputs-border-width));
/*effects*/
--shadow-hover:0 1rem 1.5rem -0.5rem var(--color-shadows);
--shadow-hover-alt: 0 0.75rem 2rem -0.75rem var(--color-shadows);
--shadow-hover-small: 0 0.5rem 1rem -0.5rem var(--color-shadows);
--transition-properties-list: background, border, box-shadow, color, opacity, transform;
--global-transition-duration: 0.3s;
}
.w-filter-list-closer:before, .mfp-container:after, .mfp-arrow:before, .w-popup-closer:before, .w-toplink span:not(.ripple-container):after, .w-nav-arrow:before, input[type=checkbox]:before,.owl-next:after, .owl-prev:after {
    font-weight: 100;
}
/*grid settings*/
.g-cols.via_flex.type_default>div>.vc_column-inner {
    padding-left: 1rem;
    padding-right: 1rem;
}
.l-subheader, .l-section {
    padding-left: 2rem;
    padding-right: 2rem;
}
.g-cols.via_flex.type_default {
    margin: 0 -1rem;
}
/*sliders*/
.one-direction-slider .owl-stage {
    padding-left: 0 !important;
}
.shadow-elemets-slider .owl-stage-outer {
    padding: 1.5rem;
    margin: -1.5rem;
}
.visible-slider .owl-stage-outer {
    overflow: visible;
}
.top-arrows .owl-nav button, .main-slider .owl-nav button {
    width: 3rem;
    height: 3rem;
}
.top-arrows .owl-nav button {
    top: -1.75rem;
}
.top-arrows .owl-carousel.navpos_outside .owl-next {
    left: auto;
    right: 1rem;
}
.top-arrows .owl-carousel.navpos_outside .owl-prev {
    left: auto;
    right: 3.75rem;
}
.tab-gallery .owl-nav button {
    top: -1.25rem;
}
/*colors*/
.invert-colors {
    filter: invert(100%) grayscale(80%);
}
.w-iconbox-title {
    color: var(--color-content-heading);
}
/*links*/
.contact.icon_atleft {
    line-height: 1.75;
}
.contact.icon_atleft i {
    margin-right: .5em;
    display: inline-block;
    width: 1rem;
    text-align: center;
}
.icon-link a .w-text-value {
    border-bottom: 0.0625rem dotted var(--color-content-primary);
    transition: var(--transition-properties-list);
    transition-duration: var(--global-transition-duration);
}
.icon-link a .w-text-value, .contact a .w-text-value {
    color: var(--color-content-text);
}
.icon-link a:hover .w-text-value {
    border-bottom-color: transparent;
}
.icon-link a:hover .w-text-value, .contact a:hover .w-text-value {
    color: var(--color-content-link-hover);
}
/*Woocommerce*/
.w-post-elm.attributes:not(.display_table) .woocommerce-product-attributes-item__value {
    font-weight: 400;
}
.w-post-elm.attributes:not(.display_table) > div {
    margin-bottom: 0.5rem;
}
.w-post-elm.attributes:not(.display_table) .w-post-elm-before {
    color: var(--color-content-heading);
}
.w-post-elm.attributes:not(.display_table) > div:last-child {
    margin-bottom: 0;
}
.w-post-elm.attributes:not(.display_table) a {
    color: var(--color-content-text);
}
.w-post-elm.attributes:not(.display_table) a:hover {
    color: var(--color-content-link-hover);
}
.price-from:before {
    content:'от\00A0';
}
/*Shadows*/
.shadow-hover, .shadow-hover-alt, .shadow-hover-small {
    box-shadow: none;
    transition-property: var(--transition-properties-list);
    transition-duration: var(--global-transition-duration);
}
.shadow-hover:hover, .w-grid-item-h:hover .shadow-hover {
    box-shadow: var(--shadow-hover);
}
.shadow-hover-alt:hover, .w-grid-item-h:hover .shadow-hover-alt {
    box-shadow: var(--shadow-hover-alt);
}
.shadow-hover-small:hover, .w-grid-item-h:hover .shadow-hover-small {
    box-shadow: var(--shadow-hover-small);
}
.no-padding-grid  .w-grid-item {
    z-index: 0;
}
.no-padding-grid  .w-grid-item:hover, .color-grid  .w-grid-item:hover {
    z-index: 9999 !important;
}
.contact i {
    color: var(--color-content-primary);
}
/*- headings -*/
.h1 {
    font-family: var(--h1-font-family,inherit);
    font-weight: var(--h1-font-weight,inherit);
    font-size: var(--h1-font-size,inherit);
    font-style: var(--h1-font-style,inherit);
    line-height: var(--h1-line-height,1.4);
    letter-spacing: var(--h1-letter-spacing,inherit);
    text-transform: var(--h1-text-transform,inherit);
    margin-bottom: var(--h1-margin-bottom,1.5rem)
}
.h2 {
    font-family: var(--h2-font-family,inherit);
    font-weight: var(--h2-font-weight,inherit);
    font-size: var(--h2-font-size,inherit);
    font-style: var(--h2-font-style,inherit);
    line-height: var(--h2-line-height,1.4);
    letter-spacing: var(--h2-letter-spacing,inherit);
    text-transform: var(--h2-text-transform,inherit);
    margin-bottom: var(--h2-margin-bottom,1.5rem)
}
.h3 {
    font-family: var(--h3-font-family,inherit);
    font-weight: var(--h3-font-weight,inherit);
    font-size: var(--h3-font-size,inherit);
    font-style: var(--h3-font-style,inherit);
    line-height: var(--h3-line-height,1.4);
    letter-spacing: var(--h3-letter-spacing,inherit);
    text-transform: var(--h3-text-transform,inherit);
    margin-bottom: var(--h3-margin-bottom,1.5rem)
}
.h4 {
    font-family: var(--h4-font-family,inherit);
    font-weight: var(--h4-font-weight,inherit);
    font-size: var(--h4-font-size,inherit);
    font-style: var(--h4-font-style,inherit);
    line-height: var(--h4-line-height,1.4);
    letter-spacing: var(--h4-letter-spacing,inherit);
    text-transform: var(--h4-text-transform,inherit);
    margin-bottom: var(--h4-margin-bottom,1.5rem)
}
.h5 {
    font-family: var(--h5-font-family,inherit);
    font-weight: var(--h5-font-weight,inherit);
    font-size: var(--h5-font-size,inherit);
    font-style: var(--h5-font-style,inherit);
    line-height: var(--h5-line-height,1.4);
    letter-spacing: var(--h5-letter-spacing,inherit);
    text-transform: var(--h5-text-transform,inherit);
    margin-bottom: var(--h5-margin-bottom,1.5rem)
}
.h6 {
    font-family: var(--h6-font-family,inherit);
    font-weight: var(--h6-font-weight,inherit);
    font-size: var(--h6-font-size,inherit);
    font-style: var(--h6-font-style,inherit);
    line-height: var(--h6-line-height,1.4);
    letter-spacing: var(--h6-letter-spacing,inherit);
    text-transform: var(--h6-text-transform,inherit);
    margin-bottom: var(--h6-margin-bottom,1.5rem)
}
.slider-title {
    font-family: var(--h1-font-family,inherit);
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.3;
}
.w-counter:not(.has_font_size) .w-counter-value {
    font-size: var(--h3-font-size,inherit);
}
/*buttons*/
.link-button .w-btn-label {
    padding-bottom: 0.125rem;
    border-bottom: 0.0625rem dashed var(--color-content-primary);
}
.link-button:hover .w-btn-label {
    border-bottom: none;
}
.link-button i.fal, .link-button i.far, .link-button i.fab, .link-button i.fas, .link-button i.fad {
    color: var(--color-content-primary);
    transition-property: color;
    transition-duration: var(--global-transition-duration);
}
.link-button:hover i.fal, .link-button:hover i.far, .link-button:hover i.fab, .link-button:hover i.fas, .link-button:hover i.fad {
    color: var(--color-content-secondary);
}
/*inputs*/
.w-form-row.focused .w-form-row-label {
    color: var(--color-content-primary);
}
/*tabs*/
.no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:hover, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:focus {
    background: var(--color-content-bg);
}
.w-tabs.style_simple.layout_hor>.w-tabs-list .w-tabs-item {
    margin-right: 0 !important;
    margin-bottom: -0.0625rem;
    opacity: 1;
    color: var(--color-content-faded);
    transition-property: var(--transition-properties-list);
    transition-duration: var(--global-transition-duration);
    border-bottom: 0.0625rem solid;
    border-bottom-color: transparent;
    padding: 0 0 0.5rem 0;
    min-width: 20%;
}
.w-tabs.style_simple>.w-tabs-list .w-tabs-item:focus, .w-tabs.style_simple>.w-tabs-list .w-tabs-item.active, .no-touch .w-tabs.style_simple>.w-tabs-list .w-tabs-item:hover {
    color: var(--color-content-heading);
    border-bottom-color: var(--color-content-primary);
}
.w-tabs.style_simple.layout_hor>.w-tabs-list .w-tabs-item:not(:first-child) {
    text-align: center;
}
.w-tabs.style_simple.layout_hor>.w-tabs-list .w-tabs-item:first-child {
    text-align: left;
}
.w-tabs.style_simple.layout_hor>.w-tabs-list {
    border-bottom: 0.0625rem solid var(--color-content-border);
}
.w-grid-item-h:hover .product-tab-grid-item-img img {
    box-shadow: var(--shadow-hover-small);
}
.tab-section-grid .owl-stage {
    padding-left: 0 !important;
}
/*Icon-block*/
.left-icon {
    display: flex !important;
    align-items: center !important;
}
/*HEADER*/
.l-subheader.at_middle {
    line-height: var(--header-height);
    height: var(--header-height);
}

.l-header.sticky .l-subheader.at_middle {
    line-height: var(--header-sticky-height);
    height: var(--header-sticky-height);
}
.l-subheader-cell.at_left, .l-subheader-cell.at_center, .l-subheader-cell.at_right {
    padding-bottom: 1rem;
    border-bottom: 0.0625rem solid;
    transition: padding;
    transition-duration: var(--global-transition-duration);
}
.l-header .l-subheader-cell.at_left,.l-header .l-subheader-cell.at_center,.l-header .l-subheader-cell.at_right {
    border-color:var(--color-content-border);
}
.l-header.sticky .l-subheader-cell.at_left,.l-header.sticky .l-subheader-cell.at_center,.l-header.sticky .l-subheader-cell.at_right {
    border-color:transparent;
    padding-bottom: 0;
}
.l-header.sticky {
    border-bottom:0.0625rem solid var(--color-content-border);
}
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    min-width: 20rem;
}
.header-phone, .footer-phone {
    font-family: var(--h1-font-family,inherit);
    font-weight: 340;
}
.header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control {
    margin-right: -1rem;
}
.header-menu-icon .w-nav-icon {
    display: block;
}
.header-menu-icon .w-nav-icon>div {
    border-width: 0.125rem
}
.header-menu-icon .w-nav-control {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    padding: 2rem;
}
.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
    padding: 0.75rem 0;
}
.menu-social {
    position: absolute;
    width: 100%;
    padding: 2rem;
    bottom: 0;
    left: 0;
}
.menu-social_title {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.5 !important;
    padding-bottom: 0.5rem;
}
.menu-socal_buttons {
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--color-alt-content-secondary);
}
.menu-socal_buttons a {
    display: flex;
    width: 2rem;
    height: 2rem;
    font-weight: 400;
    font-size: 1.25rem;
    justify-content: center;
    align-items: center;
}
/*BREADCRUMBS*/
.breadcrumbs a, .breadcrumbs i {
    color: var(--color-content-faded);
}
.breadcrumbs div > span {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
/*MAIN SLIDER*/
.main-slider_logotype img {
    width:100%;
    height: auto;
}
.owl-next:after {
    content: '\f054';
}
.owl-prev:after {
    content: '\f053';
}

.main-slider .owl-nav button {
    top: calc(100% - 3.5rem);
}
.main-slider .owl-carousel.navpos_inside .owl-next {
    right: calc(50% - var(--site-content-width) / 2 + 1rem);
}
.main-slider .owl-carousel.navpos_inside .owl-prev {
    right: calc(50% - var(--site-content-width) / 2 + 4.25rem);
    left: auto;
}
/*VIDEO SECTION*/
.play-icon {
    opacity: 0.4;
    transition-property: var(--transition-properties-list);
    transition-duration: var(--global-transition-duration);
}
.play-icon:hover {
    opacity: 1;
}
/*MAIN TAGS*/
.main-tags-grid .w-grid-item:hover {
    box-shadow: var(--shadow-hover-alt);
}
.main-tags-grid, .main-tags-grid .w-grid, .main-tags-grid .w-grid  .w-grid-list {
    overflow: visible !important;
}
/*BRAND SLIDER*/
.brands-slider .owl-stage-outer {
    overflow: visible;
}
/*FOOTER*/
.footer_left .wpb_wrapper, .footer_middle .wpb_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
}
.footer_menu  .menu {
    display: flex !important;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--main-gap, 1rem)  2rem;
}
.footer_menu  .menu>li {
    margin-bottom: 0 !important;
    display: block;
    width: calc(50% - 1rem);
    font-size: 0.75rem;
}
.footer-social .w-socials-list, .content-social .w-socials-list {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer-social .w-socials-list {
    justify-content: space-between;
}
.footer-social .w-socials-list .w-socials-item > a {
    color: var(--color-alt-content-secondary);
}
.content-social .w-socials-list .w-socials-item > a {
    color: var(--color-content-faded);
}
.footer-social .w-socials-list .w-socials-item > a:hover,
.content-social .w-socials-list .w-socials-item > a:hover {
    color: var(--color-footer-link-hover);
}
.ya-rating iframe {
    width: 10rem;
    height:3.1rem;
}
/*PRODUCT PAGE*/
.product-tabs .w-tabs-section-content, .w-tabs.accordion>div>div>.w-tabs-section-content {
    padding-top: 1rem;
}
.product-tab-grid-item-img img{
    width: auto !important;
    transition-property: var(--transition-properties-list);
    transition-duration: var(--global-transition-duration);
}
.product-tabs .w-tabs-section-content,.product-tabs .w-tabs-section-content-h, .product-tab-inner-section {
    height: 100%;
    min-height: calc(33rem - 1px);
}
.product-tab-inner-section {
    align-content: space-between;
}
.attr_table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem 0;
    gap: 2rem;
}
.attr_table:first-child {
    padding-top: 0;
}
.attr_table:last-child {
    padding-bottom: 0;
}
.attr_table span {
    width: calc(70% - 1rem);
}
.attr_table span.w-post-elm-before {
    width: calc(30% - 1rem);
}
/*DEVICES*/
@media (min-width: 1181px) {
    .ya-rating iframe {
        width: 7.5rem;
        height:2.5rem;
    }
}
@media (max-width: 1180px) {
   .main-slide .g-cols.via_flex.type_default>div[class*="vc_col-lg-"] {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (min-width: 901px) and (max-width: 1180px) {
    .main-slider .owl-carousel.navpos_inside .owl-next {
        right: 2.5rem;
    }
    .main-slider .owl-carousel.navpos_inside .owl-prev {
        right: 5.75rem;
        left: auto;
    }
}
@media (max-width: 900px) {    
    .product-tabs .w-tabs-section, .product-tabs .w-tabs-section-content,.product-tabs .w-tabs-section-content-h, .product-tab-inner-section {
        height: auto;
        min-height: auto;
    }
}
@media (min-width: 668px) and (max-width: 900px) {
    :root {
        --header-height: 6rem;
        --header-sticky-height: 5rem;
    }
    .l-subheader {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}
@media (max-width: 667px) {
    :root {
        --header-height: 5rem;
        --header-sticky-height: 3.75rem;
    }
    .slider-title {
        font-size: 2rem;
    }
    .header-menu-icon .w-nav-icon>div {
        border-width: 0.1rem;
    }
    .footer_menu  .menu>li {
        margin-bottom: 1rem !important;
        display: block;
        width: 100%;
        font-size: 0.9rem;
    }
    .l-subheader, .l-section {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .owl-stage-outer {
        overflow: visible;
    }
    .door-gallery .owl-stage-outer {
        overflow: hidden !important;
    }
    .attr_table {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .attr_table span {
        width: 100% !important;
    }
}