/*
Theme Name: tyres_jo
Text Domain: twentytwenty
Version: 1.9
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


@font-face {
    font-family: "Proxima Nova";
    src: url("fonts/proximanova_regular.ttf");
}

a {
	color: rgba(60, 60, 60, 1);
}

a:focus, a:target {
	color: inherit;
}

body,
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large,
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments *,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt,
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text,
.comment-content p,
.comment-content ol,
.comment-content ul,
.comment-content dl,
.comment-content dt,
.comment-content cite,
.comment-content figcaption,
.comment-content .wp-caption-text,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
    font-family: Proxima Nova;
    background: none;
}

body *{
	box-sizing: border-box;
}
	
body {
    overflow-x: hidden;
    margin: 0;
}

body section {
    overflow-x: hidden;
    position: relative;
}

a {
    text-decoration: none;
}

.container {
    width: 100% !important;
    max-width: 1530px !important;
    margin: 0 auto !important;
    position: relative;
    z-index: 10;
}

.header_top_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 19px;
    margin-bottom: 22px;
}

.header_top_right_wrap {
    display: flex;
    gap: 100px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.logo a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logo a:hover img {
    /* transform: rotate(-45deg); */
}

.logo a img {
    width: auto;
    height: 76px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.logo a span {
    font-family: "Comfortaa" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #f99fff;
}

.header_top_right {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.rejim_wrap {
    margin: 0 115px 0 44px;
}

.header_busket_login {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.header_busket_login a {
    width: 38px;
    height: 38px;
}

.header_busket_login a img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain;
}

.header_menu_wrap .main-menu ul {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 53px;
}

.header_menu_wrap .main-menu ul li a {
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: rgba(60, 60, 60, 1);
}

.header_menu_wrap .main-menu ul .current_page_item a {
    color: rgba(72, 159, 64, 1);
}

header {
    position: relative;
}

.home header::before {
    content: "";
    background-image: url("/img/background_elements/element_spot_dark.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 250px;
    z-index: 1;
}

.time_wrap a {
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(60, 60, 60, 1);
}

.time_wrap a:hover {
    color: #3f8239;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    /* clear: both; */
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    font-family: Proxima Nova;
    /* background: #333333; */
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu ul:first-child > li:first-child a {
    padding-left: 0;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 0 17px;
    letter-spacing: 1px;
    text-decoration: none;
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #181818;
}
#cssmenu > ul > li:hover > a {
    color: #622757;
}
#cssmenu > ul > li.menu-item-has-children > a {
    padding-right: 30px;
}
#cssmenu > ul > li.menu-item-has-children > a:after {
    position: absolute;
    top: 8px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #f99fff;
    content: "";
    transform: rotate(45deg);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#cssmenu > ul > li.menu-item-has-children > a:before {
    position: absolute;
    top: 5px;
    right: 8px;
    display: block;
    width: 2px;
    height: 8px;
    background: #f99fff;
    content: "";
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    transform: rotate(45deg);
}
#cssmenu > ul > li.menu-item-has-children:hover > a:before {
    transform: rotate(-45deg);
}
#cssmenu > ul > li.menu-item-has-children:hover > a:after {
    transform: rotate(-45deg);
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}
#cssmenu li:hover > ul > li {
    height: 35px;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    text-decoration: none;
    color: #181818;
    background: #fbf5ff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #622757;
}
#cssmenu ul ul li.menu-item-has-children > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: "";
}
#cssmenu.align-right ul ul li.menu-item-has-children > a:after {
    right: auto;
    left: 11px;
}
#cssmenu ul ul li.menu-item-has-children > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: "";
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#cssmenu.align-right ul ul li.menu-item-has-children > a:before {
    right: auto;
    left: 14px;
}
#cssmenu ul ul > li.menu-item-has-children:hover > a:before {
    top: 17px;
    height: 0;
}
@media all and (max-width: 768px),
    only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
    only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #dddddd;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu > ul > li.menu-item-has-children > a:after,
    #cssmenu > ul > li.menu-item-has-children > a:before,
    #cssmenu ul ul > li.menu-item-has-children > a:after,
    #cssmenu ul ul > li.menu-item-has-children > a:before {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: "";
    }
    #cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: "";
    }
    #cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: "+";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}

.header_menu_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
}

.adress_wrap,
.rejim_wrap,
.time_wrap .time {
    font-family: Proxima Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.adress_wrap {
    min-width: 215px;
}

.rejim_wrap {
    min-width: 144px;
}

.time_wrap {
    min-width: 179px;
}

.menu_right_wrap a {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #181818;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.busket {
    margin: 0 68px;
}

.menu_right_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 129px;
}

.menu_right_wrap a span {
    display: block;
    margin-right: 8px;
}

.menu_right_wrap a img {
    height: 18px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.menu_right_wrap a:hover img {
    transform: rotate(45deg);
}

@media screen and (min-width: 1071px) {
    button#mobile-menu-btn {
        display: none;
    }
}

/*Стили кнопки*/
.hamburger {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: none;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
}

.btn__hamb {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    background: rgba(72, 159, 64, 1);
    cursor: pointer;
}
.btn__hamb div {
    width: 100%;
    height: 100%;
}
.btn__hamb:before,
.btn__hamb:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: rgba(72, 159, 64, 1);
}
.btn__hamb:before {
    top: -8px;
}
.btn__hamb:after {
    top: 8px;
}

/*Стили мобильного меню*/
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
@media (min-width: 768px) {
    .mobile-menu {
        padding-top: 0;
    }
}
/*получпрозрачный фон*/
.mobile-menu .mm__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, 0.8);
    z-index: 100;
}
/*Контейнер мобильного меню, именно он выезжает слева*/
.mobile-menu .mm__wrapper {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 0.4s ease-in-out;
    overflow-y: auto;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 200;
    touch-action: auto;
    -ms-touch-action: auto;
    background: #fff;
}
@media (min-width: 768px) {
    .mobile-menu .mm__wrapper {
        width: 35%;
    }
}
@media (min-width: 1200px) {
    .mobile-menu .mm__wrapper {
        width: 25%;
    }
}
/*Стили логотипа в меню (опционально)*/
.mobile-menu .h__logo {
    padding-left: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    line-height: 1.25;
    margin-left: 20px;
    margin-top: 15px;
}

/*Стили крестика закрытия меню*/
.mm__header .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 15px;
    margin-top: 15px;
}

.close-btn {
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}
.close-btn:before {
    width: 2px;
    height: 18px;
    left: 8px;
    top: 0;
}
.close-btn:after {
    height: 2px;
    width: 18px;
    top: 8px;
    left: 0;
}
.close-btn:before,
.close-btn:after {
    content: "";
    background: #000;
    position: absolute;
}
.close-btn--red:before,
.close-btn--red:after {
    background: #000000;
}

@media screen and (max-width: 1200px) {
    .header_top_right_wrap,
    .header_top_wrap {
        gap: 20px;
    }
}

@media screen and (max-width: 1071px) {
    .adress_wrap,
    .rejim_wrap,
    .header_menu_wrap {
        display: none;
    }
}

@media screen and (max-width: 678px) {
    .time_wrap,
    .header_top_right_wrap {
        display: none;
    }
}

.header_search form#searchform {
    border: 1px Solid rgba(231, 231, 231, 1);
    border-radius: 50px;
    height: 60px;
    width: 600px;
    position: relative;
}

.header_search input#s {
    border: none;
    height: 60px;
    width: 533px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0 30px;
}

input, select {
    outline: none;
}

.header_search input#searchsubmit {
    border: none;
    background-image: url(/images/elements/search_icon.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
    width: 50px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px;
    bottom: 0;
    border-left: 1px Solid #646464;
}

.header_search label.screen-reader-text {
    display: none;
}

.header_menu_wrap .menu_left_wrap ul#menu-glavnoe-menju .current_page_item a {
    color: rgba(72, 159, 64, 1);
}

.header_top_button_city select {
    height: 60px;
    width: 226px;
    border: 1px solid rgba(72, 159, 64, 1);
    border-radius: 50px;
    padding: 0 20px;
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.header_top_button_city select {
    font: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.header_top_button_city select:not([multiple]) {
    padding-right: 1.2em;
    background-repeat: no-repeat;
    background-position: calc(90% - 0.25em) 1.55em;
    background-size: 20px 10px;
    background-image: url(/images/elements/arrow_down_green.png);
}

/* скроет иконку стрелки в IE */
.header_top_button_city select::-ms-expand {
    display: none;
}



footer {
    background: rgba(56, 61, 60, 1);
    padding: 118px 0 104px;
}

.footer_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer_logo a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_menu ul li {
    list-style: none;
}

.footer_menu ul li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #ffffff;
}

.footer_right {
    display: flex;
    flex-direction: column;
}

.footer_right_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #ffffff;
}

.footer_right a {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 20px;
}

.button {
    background: rgba(72, 159, 64, 1);
    border: 2px Solid rgba(72, 159, 64, 1);
    border-radius: 10px;
    width: auto;
    min-width: 250px;
    height: 56px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: Proxima Nova;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-decoration: none !important;
    margin: 0 !important;
}

.button:hover {
    background: rgb(104 196 95);
    text-decoration: none !important;
}

.footer_logo a span {
    font-family: "Comfortaa";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #f99fff;
}

.footer_logo a:hover img {
    transform: rotate(-45deg);
}

.footer_logo a img {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

footer .footer-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 57px;
}

section.mainpage_slider {
    width: 100%;
    height: 700px;
}

.mainpage_slider_img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 700px;
    width: 100%;
}

.mainpage_slider_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainpage_slider_item {
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

a.button {
    max-width: 212px;
}

.mainpage_slider_title {
    font-family: Proxima Nova;
    font-size: 80px;
    font-weight: 700;
    line-height: 96px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.mainpage_slider_desc {
    font-family: Proxima Nova;
    font-size: 60px;
    font-weight: 900;
    line-height: 84px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(72, 159, 64, 1);
    text-transform: uppercase;
}

.mainpage_slider_item .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

.slider-arrows {
    width: Calc(100% + 208px);
    height: 70px;
    position: absolute;
    left: -104px;
    top: Calc(50% - 20px);
    right: -104px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 10000;
}

.slider-arrows span.slider-arrow.slick-arrow {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(/images/elements/slider_green_arrow_right.png);
    background-repeat: no-repeat;
    background-size: 20px 14px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    cursor: pointer;
}

span.slider-arrow.left.slick-arrow {
    transform: rotate(180deg);
}

.mainpage_slider .container.relative_p {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1600px) {
	.slider-arrows {
        width: Calc(100%);
        height: 70px;
        position: absolute;
        left: 0;
        top: unset;
        bottom: 40px;
        right: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        z-index: 10000;
    }
}

@media screen and (max-width: 1400px) {
    .container {
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1450px) {
    footer {
        padding: 50px 15px;
    }

    .footer_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_right_text {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: #ffffff;
        text-align: center;
        margin: 20px 0;
    }

    .footer_right a {
        font-weight: 700;
        font-size: 22px;
        line-height: 130%;
        color: #ffffff;
        margin-bottom: 20px;
        text-align: center;
    }

    .footer_menu {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
	section.mainpage_slider {
        width: 100%;
        height: 400px;
    }
    
    .mainpage_slider_img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: 400px;
        width: 100%;
    }
    
    .mainpage_slider_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .mainpage_slider_item {
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: relative;
    }
    
    a.button {
        max-width: 212px;
    }
    
    .mainpage_slider_title {
        font-family: Proxima Nova;
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
        letter-spacing: 0em;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        text-transform: uppercase;
    }
    
    .mainpage_slider_desc {
        font-family: Proxima Nova;
        font-size: 40px;
        font-weight: 900;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: left;
        color: rgba(72, 159, 64, 1);
        text-transform: uppercase;
    }
    
    .mainpage_slider_item .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 15px;
    }
    
    .slider-arrows {
        width: Calc(100% + 208px);
        height: 70px;
        position: absolute;
        left: -104px;
        top: Calc(50% - 20px);
        right: -104px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        z-index: 10000;
    }
    
    .slider-arrows span.slider-arrow.slick-arrow {
        display: block;
        width: 70px;
        height: 70px;
        background-image: url(/images/elements/slider_green_arrow_right.png);
        background-repeat: no-repeat;
        background-size: 20px 14px;
        background-position: center;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 100%;
        cursor: pointer;
    }
}

section.advantages {
    padding: 61px 0 50px;
    background: rgba(243, 245, 247, 1);
}

.section_title {
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    color: rgba(60, 60, 60, 1);
    text-transform: uppercase;
    margin-bottom: 30px;
}

.advantages_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
}

.advantages_item {
    padding: 10px 49px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.advantages_item div {
    font-family: Proxima Nova;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
}

.advantages_item div span {
    font-family: Proxima Nova;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
}

.advantages_item div p {
    margin: 0;
    min-width: 143px;
}

@media screen and (max-width: 1400px) {
    .advantages_item {
        padding: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
    }

    .advantages_item div p {
        margin: 0;
        min-width: 100%;
    }
}

@media screen and (max-width: 778px) {
    .advantages_item {
        padding: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
    }

    .advantages_items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    footer ul#menu-glavnoe-menju-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding-left: 0;
    }
}

.container.container_sidebar {
    max-width: 1162px;
}

.sidebar {
    width: 100%;
    max-width: 368px;
}

section.page_content.shop_sidebar {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
}

.container.container_sidebar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.container.container_sidebar .sidebar {
    width: 100%;
    max-width: 368px;
}

.container.container_sidebar .with_sidebar {
    width: 100%;
    max-width: 1162px;
}


section.catalog {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px;
    overflow: visible;
}

.catalog_h1_wrap h1 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #24272e;
    margin: 0 0 0;
}

.sidebar_menu .sub-menu {
    display: none;
}

.sidebar_menu .sidebar-menu {
    list-style: none;
    margin: 0 0 0;
    overflow: hidden;
    padding-inline-start: 0;
}

.sidebar_menu .sub-menu {
    list-style: none;
    margin: 0;
    border: 0;
    width: 100%;
}

.sidebar_menu .menu-item-has-children {
    position: relative;
}

.sidebar_galka {
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 51px;
    background-image: url("/images/elements/for_menu.png");
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.sidebar_galka.open-menu.rotate {
    transform: rotate(180deg);
}

.sidebar_menu .menu-item {
    width: 100%;
    height: auto;
    min-height: 51px;
    border-bottom: 0.1px solid #cdcdcd;
    margin: 0;
    display: flex;
    align-items: flex-start;
    padding: 15px 0 15px 40px;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.sidebar_menu .menu-item a {font-size: 14px;font-weight: 700;line-height: 20px;letter-spacing: 0em;text-align: left;}

.sidebar_menu_title {
    color: #ffffff;
    background: rgba(72, 159, 64, 1);
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 51px;
    display: flex;
    align-items: center;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.sidebar_menu {
    margin-bottom: 51px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 13px;
    width: 100%;
}

.sidebar_banner a {
    background: url(5de16f36edb0c7aacd5dee63a9153ed1.jpg);
    border-radius: 5px;
    margin-bottom: 30px;
    display: block;
}

.sidebar_menu .sub-menu li {
    border: 0;
    width: 100%;
    padding-left: 15px;
}

.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}

.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 100%;
    margin: 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(231, 231, 231, 1);
    border-radius: 10px;
	padding: 30px;
}

.woocommerce ul.products li.product br {
    display: none;
}

.products_bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.products_bottom_item span.woocommerce-Price-amount.amount {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    color: rgba(60, 60, 60, 1);
}

.products_bottom a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: rgba(72, 159, 64, 1);
    border-radius: 10px;
    width: 150px;
    height: 60px;
    padding: 0 !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    min-width: auto !important;
    color: white;
}

.products_bottom_item {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

.atributes_razmer_item {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    color: rgba(59, 65, 75, 1);
}

ul.products li.product a img {
    width: 100% !important;
    height: 265px !important;
    object-fit: contain;
    margin-bottom: 15px !important;
}

ul.products li.product a h2.woocommerce-loop-product__title {
    padding: 0 !important;
    margin-bottom: 15px !important;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

ul.products li.product a p {
    font-family: Proxima Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

@media screen and (max-width: 1230px) {
	.woocommerce ul.products, .woocommerce-page ul.products {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 1030px) {
	.woocommerce ul.products, .woocommerce-page ul.products {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 810px) {
    .container.container_sidebar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

	.container.container_sidebar .sidebar {
		max-width: 100%;
	}

	footer .footer-menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		padding-left: 0 !important;
	}
}

section.page_content {
	padding-bottom: 80px;
}

section.products.popular.slider .products {
    display: block !important;
    position: relative;
	width: 100%;
}

.woocommerce.columns-3 {
    position: relative;
	width: 100%;
}

section.products.popular.slider {
    padding: 80px 0;
}

section.products.popular.slider {
    padding: 80px 0;
}

section.products.popular.slider ul.products li.product > a {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 200px;
}

section.products.popular.slider .products li {
    clear: unset;
}

/*
Theme Name: tyres_jo
Text Domain: twentytwenty
Version: 1.9
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


@font-face {
    font-family: "Proxima Nova";
    src: url("fonts/proximanova_regular.ttf");
}

a {
	color: rgba(60, 60, 60, 1);
}

a:focus, a:target {
	color: inherit;
}

body,
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large,
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments *,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt,
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text,
.comment-content p,
.comment-content ol,
.comment-content ul,
.comment-content dl,
.comment-content dt,
.comment-content cite,
.comment-content figcaption,
.comment-content .wp-caption-text,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
    font-family: Proxima Nova;
    background: none;
}

body *{
	box-sizing: border-box;
}
	
body {
    overflow-x: hidden;
    margin: 0;
}

body section {
    overflow-x: hidden;
    position: relative;
}

a {
    text-decoration: none;
}


.header_top_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 19px;
    margin-bottom: 22px;
}

.header_top_right_wrap {
    display: flex;
    gap: 100px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.logo a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logo a:hover img {
    /* transform: rotate(-45deg); */
}

.logo a img {
    width: auto;
    height: 76px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.logo a span {
    font-family: "Comfortaa" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #f99fff;
}

.header_top_right {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.rejim_wrap {
    margin: 0 115px 0 44px;
}

.header_busket_login {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.header_busket_login a {
    width: 38px;
    height: 38px;
}

.header_busket_login a img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain;
}

.header_menu_wrap .main-menu ul {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 53px;
}

.header_menu_wrap .main-menu ul li a {
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: rgba(60, 60, 60, 1);
}

.header_menu_wrap .main-menu ul .current_page_item a {
    color: rgba(72, 159, 64, 1);
}

header {
    position: relative;
}

.home header::before {
    content: "";
    background-image: url("/img/background_elements/element_spot_dark.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 250px;
    z-index: 1;
}

.time_wrap a {
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(60, 60, 60, 1);
}

.time_wrap a:hover {
    color: #3f8239;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    /* clear: both; */
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    font-family: Proxima Nova;
    /* background: #333333; */
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu ul:first-child > li:first-child a {
    padding-left: 0;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 0 17px;
    letter-spacing: 1px;
    text-decoration: none;
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #181818;
}
#cssmenu > ul > li:hover > a {
    color: #622757;
}
#cssmenu > ul > li.menu-item-has-children > a {
    padding-right: 30px;
}
#cssmenu > ul > li.menu-item-has-children > a:after {
    position: absolute;
    top: 8px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #f99fff;
    content: "";
    transform: rotate(45deg);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#cssmenu > ul > li.menu-item-has-children > a:before {
    position: absolute;
    top: 5px;
    right: 8px;
    display: block;
    width: 2px;
    height: 8px;
    background: #f99fff;
    content: "";
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    transform: rotate(45deg);
}
#cssmenu > ul > li.menu-item-has-children:hover > a:before {
    transform: rotate(-45deg);
}
#cssmenu > ul > li.menu-item-has-children:hover > a:after {
    transform: rotate(-45deg);
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}
#cssmenu li:hover > ul > li {
    height: 35px;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    text-decoration: none;
    color: #181818;
    background: #fbf5ff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #622757;
}
#cssmenu ul ul li.menu-item-has-children > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: "";
}
#cssmenu.align-right ul ul li.menu-item-has-children > a:after {
    right: auto;
    left: 11px;
}
#cssmenu ul ul li.menu-item-has-children > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: "";
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#cssmenu.align-right ul ul li.menu-item-has-children > a:before {
    right: auto;
    left: 14px;
}
#cssmenu ul ul > li.menu-item-has-children:hover > a:before {
    top: 17px;
    height: 0;
}
@media all and (max-width: 768px),
    only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
    only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
    only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
    only screen and (min-resolution: 192dpi) and (max-width: 1024px),
    only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #dddddd;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu > ul > li.menu-item-has-children > a:after,
    #cssmenu > ul > li.menu-item-has-children > a:before,
    #cssmenu ul ul > li.menu-item-has-children > a:after,
    #cssmenu ul ul > li.menu-item-has-children > a:before {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: "";
    }
    #cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: "";
    }
    #cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: "+";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}

.header_menu_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
}

.adress_wrap,
.rejim_wrap,
.time_wrap .time {
    font-family: Proxima Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.adress_wrap {
    min-width: 215px;
}

.rejim_wrap {
    min-width: 144px;
}

.time_wrap {
    min-width: 179px;
}

.menu_right_wrap a {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #181818;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.busket {
    margin: 0 68px;
}

.menu_right_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 129px;
}

.menu_right_wrap a span {
    display: block;
    margin-right: 8px;
}

.menu_right_wrap a img {
    height: 18px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.menu_right_wrap a:hover img {
    transform: rotate(45deg);
}

@media screen and (min-width: 1071px) {
    button#mobile-menu-btn {
        display: none;
    }
}

/*Стили кнопки*/
.hamburger {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: none;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
}

.btn__hamb {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    background: rgba(72, 159, 64, 1);
    cursor: pointer;
}
.btn__hamb div {
    width: 100%;
    height: 100%;
}
.btn__hamb:before,
.btn__hamb:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: rgba(72, 159, 64, 1);
}
.btn__hamb:before {
    top: -8px;
}
.btn__hamb:after {
    top: 8px;
}

/*Стили мобильного меню*/
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
@media (min-width: 768px) {
    .mobile-menu {
        padding-top: 0;
    }
}
/*получпрозрачный фон*/
.mobile-menu .mm__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, 0.8);
    z-index: 100;
}
/*Контейнер мобильного меню, именно он выезжает слева*/
.mobile-menu .mm__wrapper {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 0.4s ease-in-out;
    overflow-y: auto;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 200;
    touch-action: auto;
    -ms-touch-action: auto;
    background: #fff;
}
@media (min-width: 768px) {
    .mobile-menu .mm__wrapper {
        width: 35%;
    }
}
@media (min-width: 1200px) {
    .mobile-menu .mm__wrapper {
        width: 25%;
    }
}
/*Стили логотипа в меню (опционально)*/
.mobile-menu .h__logo {
    padding-left: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    line-height: 1.25;
    margin-left: 20px;
    margin-top: 15px;
}

/*Стили крестика закрытия меню*/
.mm__header .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 15px;
    margin-top: 15px;
}

.close-btn {
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}
.close-btn:before {
    width: 2px;
    height: 18px;
    left: 8px;
    top: 0;
}
.close-btn:after {
    height: 2px;
    width: 18px;
    top: 8px;
    left: 0;
}
.close-btn:before,
.close-btn:after {
    content: "";
    background: #000;
    position: absolute;
}
.close-btn--red:before,
.close-btn--red:after {
    background: #000000;
}

@media screen and (max-width: 1200px) {
    .header_top_right_wrap,
    .header_top_wrap {
        gap: 20px;
    }
}

@media screen and (max-width: 1071px) {
    .adress_wrap,
    .rejim_wrap,
    .header_menu_wrap {
        display: none;
    }
}

@media screen and (max-width: 678px) {
    .time_wrap,
    .header_top_right_wrap {
        display: none;
    }
}

.header_search form#searchform {
    border: 1px Solid rgba(231, 231, 231, 1);
    border-radius: 50px;
    height: 60px;
    width: 600px;
    position: relative;
}

.header_search input#s {
    border: none;
    height: 60px;
    width: 533px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0 30px;
}

input, select {
    outline: none;
}

.header_search input#searchsubmit {
    border: none;
    background-image: url(/images/elements/search_icon.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
    width: 50px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px;
    bottom: 0;
    border-left: 1px Solid #646464;
}

.header_search label.screen-reader-text {
    display: none;
}

.header_menu_wrap .menu_left_wrap ul#menu-glavnoe-menju .current_page_item a {
    color: rgba(72, 159, 64, 1);
}

.header_top_button_city select {
    height: 60px;
    width: 226px;
    border: 1px solid rgba(72, 159, 64, 1);
    border-radius: 50px;
    padding: 0 20px;
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.header_top_button_city select {
    font: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.header_top_button_city select:not([multiple]) {
    padding-right: 1.2em;
    background-repeat: no-repeat;
    background-position: calc(90% - 0.25em) 1.55em;
    background-size: 20px 10px;
    background-image: url(/images/elements/arrow_down_green.png);
}

/* скроет иконку стрелки в IE */
.header_top_button_city select::-ms-expand {
    display: none;
}



footer {
    background: rgba(56, 61, 60, 1);
    padding: 118px 0 104px;
}

.footer_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer_logo a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_menu ul li {
    list-style: none;
}

.footer_menu ul li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #ffffff;
}

.footer_right {
    display: flex;
    flex-direction: column;
}

.footer_right_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #ffffff;
}

.footer_right a {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 20px;
}

.button {
    background: rgba(72, 159, 64, 1);
    border: 2px Solid rgba(72, 159, 64, 1);
    border-radius: 10px;
    width: auto;
    min-width: 250px;
    height: 56px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: Proxima Nova;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-decoration: none !important;
    margin: 0 !important;
}

.button:hover {
    background: rgb(104 196 95);
    text-decoration: none !important;
}

.footer_logo a span {
    font-family: "Comfortaa";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #f99fff;
}

.footer_logo a:hover img {
    transform: rotate(-45deg);
}

.footer_logo a img {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

footer .footer-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 57px;
}

section.mainpage_slider {
    width: 100%;
    height: 700px;
    padding: 0;
}

.mainpage_slider_img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 700px;
    width: 100%;
}

.mainpage_slider_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainpage_slider_item {
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

a.button {
    max-width: 212px;
}

.mainpage_slider_title {
    font-family: Proxima Nova;
    font-size: 80px;
    font-weight: 700;
    line-height: 96px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.mainpage_slider_desc {
    font-family: Proxima Nova;
    font-size: 60px;
    font-weight: 900;
    line-height: 84px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(72, 159, 64, 1);
    text-transform: uppercase;
}

.mainpage_slider_item .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

.slider-arrows {
    width: Calc(100% + 208px);
    height: 70px;
    position: absolute;
    left: -104px;
    top: Calc(50% - 20px);
    right: -104px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 10000;
}

.slider-arrows span.slider-arrow.slick-arrow {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(/images/elements/slider_green_arrow_right.png);
    background-repeat: no-repeat;
    background-size: 20px 14px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    cursor: pointer;
}

span.slider-arrow.left.slick-arrow {
    transform: rotate(180deg);
}

.mainpage_slider .container.relative_p {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1600px) {
	.slider-arrows {
        width: Calc(100%);
        height: 70px;
        position: absolute;
        left: 0;
        top: unset;
        bottom: 40px;
        right: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        z-index: 10000;
    }
}

@media screen and (max-width: 1400px) {
    .container {
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1450px) {
    footer {
        padding: 50px 15px;
    }

    .footer_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_right_text {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: #ffffff;
        text-align: center;
        margin: 20px 0;
    }

    .footer_right a {
        font-weight: 700;
        font-size: 22px;
        line-height: 130%;
        color: #ffffff;
        margin-bottom: 20px;
        text-align: center;
    }

    .footer_menu {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
	section.mainpage_slider {
        width: 100%;
        height: 400px;
    }
    
    .mainpage_slider_img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: 400px;
        width: 100%;
    }
    
    .mainpage_slider_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .mainpage_slider_item {
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: relative;
    }
    
    a.button {
        max-width: 212px;
    }
    
    .mainpage_slider_title {
        font-family: Proxima Nova;
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
        letter-spacing: 0em;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        text-transform: uppercase;
    }
    
    .mainpage_slider_desc {
        font-family: Proxima Nova;
        font-size: 40px;
        font-weight: 900;
        line-height: 50px;
        letter-spacing: 0em;
        text-align: left;
        color: rgba(72, 159, 64, 1);
        text-transform: uppercase;
    }
    
    .mainpage_slider_item .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 15px;
    }
    
    .slider-arrows {
        width: Calc(100% + 208px);
        height: 70px;
        position: absolute;
        left: -104px;
        top: Calc(50% - 20px);
        right: -104px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        z-index: 10000;
    }
    
    .slider-arrows span.slider-arrow.slick-arrow {
        display: block;
        width: 70px;
        height: 70px;
        background-image: url(/images/elements/slider_green_arrow_right.png);
        background-repeat: no-repeat;
        background-size: 20px 14px;
        background-position: center;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 100%;
        cursor: pointer;
    }
}

section.advantages {
    padding: 61px 0 50px;
    background: rgba(243, 245, 247, 1);
}

.section_title {
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    color: rgba(60, 60, 60, 1);
    text-transform: uppercase;
    margin-bottom: 30px;
}

.advantages_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
}

.advantages_item {
    padding: 10px 49px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.advantages_item div {
    font-family: Proxima Nova;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
}

.advantages_item div span {
    font-family: Proxima Nova;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
}

.advantages_item div p {
    margin: 0;
    min-width: 143px;
}

@media screen and (max-width: 1400px) {
    .advantages_item {
        padding: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
    }

    .advantages_item div p {
        margin: 0;
        min-width: 100%;
    }
}

@media screen and (max-width: 778px) {
    .advantages_item {
        padding: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
    }

    .advantages_items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    footer ul#menu-glavnoe-menju-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding-left: 0;
    }
}

.container.container_sidebar {
    max-width: 1162px;
}

.sidebar {
    width: 100%;
    max-width: 368px;
}

section.page_content.shop_sidebar {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
}

.container.container_sidebar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.container.container_sidebar .sidebar {
    width: 100%;
    max-width: 368px;
}

.container.container_sidebar .with_sidebar {
    width: 100%;
    max-width: 1162px;
}


section.catalog {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px;
    overflow: visible;
}

.catalog_h1_wrap h1 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #24272e;
    margin: 0 0 0;
}

.sidebar_menu .sub-menu {
    display: none;
}

.sidebar_menu .sidebar-menu {
    list-style: none;
    margin: 0 0 0;
    overflow: hidden;
    padding-inline-start: 0;
}

.sidebar_menu .sub-menu {
    list-style: none;
    margin: 0;
    border: 0;
    width: 100%;
}

.sidebar_menu .menu-item-has-children {
    position: relative;
}

.sidebar_galka {
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 51px;
    background-image: url("/images/elements/for_menu.png");
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.sidebar_galka.open-menu.rotate {
    transform: rotate(180deg);
}

.sidebar_menu .menu-item {
    width: 100%;
    height: auto;
    min-height: 51px;
    border-bottom: 0.1px solid #cdcdcd;
    margin: 0;
    display: flex;
    align-items: flex-start;
    padding: 15px 0 15px 40px;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.sidebar_menu .menu-item a {font-size: 14px;font-weight: 700;line-height: 20px;letter-spacing: 0em;text-align: left;}

.sidebar_menu_title {
    color: #ffffff;
    background: rgba(72, 159, 64, 1);
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 51px;
    display: flex;
    align-items: center;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.sidebar_menu {
    margin-bottom: 51px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 13px;
    width: 100%;
}

.sidebar_banner a {
    background: url(5de16f36edb0c7aacd5dee63a9153ed1.jpg);
    border-radius: 5px;
    margin-bottom: 30px;
    display: block;
}

.sidebar_menu .sub-menu li {
    border: 0;
    width: 100%;
    padding-left: 15px;
}

.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}

.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 100%;
    margin: 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(231, 231, 231, 1);
    border-radius: 10px;
	padding: 30px;
}

.woocommerce ul.products li.product br {
    display: none;
}

.products_bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.products_bottom_item span.woocommerce-Price-amount.amount {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    color: rgba(60, 60, 60, 1);
}

.products_bottom a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: rgba(72, 159, 64, 1);
    border-radius: 10px;
    width: 150px;
    height: 60px;
    padding: 0 !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    min-width: auto !important;
    color: white;
}

.products_bottom_item {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

.atributes_razmer_item {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    color: rgba(59, 65, 75, 1);
}

ul.products li.product a img {
    width: 100% !important;
    height: 265px !important;
    object-fit: contain;
    margin-bottom: 15px !important;
}

ul.products li.product a h2.woocommerce-loop-product__title {
    padding: 0 !important;
    margin-bottom: 15px !important;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

ul.products li.product a p {
    font-family: Proxima Nova;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

@media screen and (max-width: 1230px) {
	.woocommerce ul.products, .woocommerce-page ul.products {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 1030px) {
	.woocommerce ul.products, .woocommerce-page ul.products {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 810px) {
    .container.container_sidebar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

	.container.container_sidebar .sidebar {
		max-width: 100%;
	}

	footer .footer-menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		padding-left: 0 !important;
	}
}

section.page_content {
	padding-bottom: 80px;
	padding-top: 0;
}

section.products.popular.slider .products {
    display: block !important;
    position: relative;
	width: 100%;
}

.woocommerce.columns-3 {
    position: relative;
	width: 100%;
}

section.products.popular.slider {
    padding: 80px 0;
}

section.products.popular.slider {
    padding: 80px 0;
}

section.products.popular.slider ul.products li.product > a {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 200px;
}

section.products.popular.slider .products li {
    clear: unset;
    margin: 0 10px;
}

.pro-slider-arrows {
    width: Calc(100% + 208px);
    height: 70px;
    position: absolute;
    left: -104px;
    top: Calc(50% - 20px);
    right: -104px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 10000;
}

.pro-slider-arrows span.slider-arrow.slick-arrow {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(/images/elements/slider_green_arrow_right.png);
    background-repeat: no-repeat;
    background-size: 20px 14px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    cursor: pointer;
}

span.slider-arrow.left.slick-arrow {
    transform: rotate(180deg);
}


section.products.popular.slider .container .section_title {
    margin-left: 10px;
}

.grey {
    background: rgba(243, 245, 247, 1);
}

section {
	padding: 80px 0;
}

section.breadcrumbs {
    padding: 40px 0 50px
}

section.title {
    padding: 0;
}

ul.slick-dots {
    display: none;
}

.categories_items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.categories_item {
    width: Calc(100% / 3 - 20px);
    height: 402px;
    margin-right: 20px;
    margin-bottom: 31px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(231, 231, 231, 1);
}

.categories_item.fifty {
    width: Calc(100% / 2 - 20px);
    height: 437px;
}

.categories_item_img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.categories_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.categories_item_banner.orange {
    position: absolute;
    left: 30px;
    top: 30px;
    padding: 30px;
    width: 400px;
    height: 340px;
    background: rgb(255 103 44 / 64%);
}

.categories_item_banner.orange div {
    font-family: Proxima Nova;
    font-size: 40px;
    font-weight: 400;
    line-height: 49px;
    color: white;
    text-align: left;
    text-transform: uppercase;
}

.categories_item_banner.orange p {
    font-family: Noto Sans;
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    text-align: left;
    text-transform: uppercase;
    color: rgba(253, 212, 0, 1);
    margin: 29px 0 17px;
}

.categories_item_banner.orange span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: white;
    text-align: left;
    text-transform: uppercase;
    max-width: 180px;
}

.categories_item_banner.no_orange {
    position: absolute;
    left: 30px;
    top: 30px;
    padding: 30px;
    width: 400px;
    height: 340px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 130px;
}

.no_orange_1 div {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    color: rgba(219, 9, 23, 1);
    text-align: left;
    text-transform: uppercase;
    margin: 0;
}

.no_orange_1 p {
    font-size: 30px;
    font-weight: 400;
    line-height: 37px;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    text-transform: uppercase;
    margin: 0;
}

.no_orange_2 div {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    margin: 0;
}

.no_orange_2 p {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    color: rgba(219, 9, 23, 1);
    text-align: left;
    text-transform: uppercase;
    margin: 0;
}


.categories_item_button {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.categories_item_button .button {
    width: 151px;
    min-width: auto;
    box-sizing: border-box;
    color: white !important;
}

.categories_item_icon {
    position: absolute;
    left: 30px;
    top: 30px;
    font-family: Proxima Nova;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: white;
    text-align: center;
    width: 125px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(103, 217, 185, 1);
}

.categories_item_icon_red {
    position: absolute;
    right: 30px;
    top: 30px;
}

.categories_item.fifty:nth-child(2) {
    margin-right: 0;
}

.categories_item:last-child {
    margin-right: 0;
}

@media screen and (max-width: 1100px) {
    .categories_items {
        display: grid; 
        grid-template-columns: 1fr 1fr; 
        gap: 20px; 
    }
    
	.categories_item {
        width: 100%;
        height: 400px;
        margin: 0;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid rgba(231, 231, 231, 1);
    }
    
    .categories_item.fifty {
        width: 100%;
        height: 400px;
        margin: 0;
    }
}

@media screen and (max-width: 900px) {
    .categories_items {
        display: grid; 
        grid-template-columns: 1fr; 
        gap: 20px; 
    }

    .categories_item_banner.orange {
        position: absolute;
        left: 30px;
        top: 30px;
        bottom: 30px;
        right: 30px;
        padding: 30px;
        width: Calc(100% - 60px);
        height: Calc(100% - 60px);
        box-sizing: border-box;
        border-radius: 10px;
    }
}

@media screen and (max-width: 568px) {
    .categories_item_banner.orange div {
        font-family: Proxima Nova;
        font-size: 30px;
        font-weight: 400;
        line-height: 36px;
        color: white;
        text-align: left;
        text-transform: uppercase;
    }
    
    .categories_item_banner.orange p {
        font-family: Noto Sans;
        font-size: 25px;
        font-weight: 700;
        line-height: 31px;
        text-align: left;
        text-transform: uppercase;
        color: rgba(253, 212, 0, 1);
        margin: 15px 0 15px;
    }
    
    .categories_item_banner.orange span {
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        color: white;
        text-align: left;
        text-transform: uppercase;
        max-width: 180px;
    }

    .categories_item_banner.no_orange {
        gap: 15px;
    }
}


.exform_wrapper.page_form.brdrad7.boxshdw {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
}

.footer_form_text {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    color: rgba(60, 60, 60, 1);
    text-align: center;
    text-transform: uppercase;
}

.footer_form_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.page_form {
    width: 100%;
}

.page_form .inpt_wrpr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page_form .inpt_wrpr input {
    width: 100%;
    height: 60px;
    max-width: 238px;
    border-radius: 10px;
    border: 1px solid rgba(231, 231, 231, 1);
    padding-left: 18px;
    padding-right: 18px;
    background: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
}

form {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}


.page_form .form_button_wrap .mf_submit input.send_btn {
    width: 100%;
    height: 60px;
    max-width: 238px;
    border-radius: 10px;
    border: 1px solid rgba(231, 231, 231, 1);
    padding-left: 18px;
    padding-right: 18px;
    background: rgba(72, 159, 64, 1);
    font-family: Proxima Nova;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    color: white;
    margin-bottom: 6px;
}

.page_form .exform_addmsg {
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
}

@media screen and (max-width: 910px) {
	.page_form .inpt_wrpr {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }
    
    .page_form .inpt_wrpr input {
        width: 100%;
        height: 60px;
        max-width: 100%;
        border-radius: 10px;
        border: 1px solid rgba(231, 231, 231, 1);
        padding-left: 18px;
        padding-right: 18px;
        background: white;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
    }
    
    form {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

    .form_button_wrap {
        width: 100%;
    }

    .page_form .form_button_wrap .mf_submit {
        display: flex;
    }

    .page_form .form_button_wrap .mf_submit input.send_btn {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 10px;
    }

    .page_form .exform_addmsg {
        text-align: center;
    }
}



.akcii_fifty_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

.akcii_fifty_item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 44px 58px 44px 0;
    gap: 80px;
    height: 330px;
}

.akcii_fifty_desc div {
    font-size: 30px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
    min-width: 268px;
}

.akcii_fifty_item.reverse {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: white;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    padding: 44px 0 44px 58px;
    gap: 30px;
    height: 330px;
}

.akcii_five_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px;
}

a.akcii_five_item {
    overflow: hidden;
    background: white;
    border-radius: 10px;
    padding: 25px 25px 38px;
}

.akcii_five_title {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
}

.akcii_five_img img {
    width: 100%;
    height: 100%;
    max-height: 240px;
    object-fit: cover;
}

.akcii_fifty_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1310px) {
	.akcii_fifty_items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 20px;
        margin-bottom: 30px;
    }

    .akcii_fifty_img {
        width: 40%;
    }

    .akcii_fifty_desc {
        width: 60%;
    }

    .akcii_fifty_item {
        padding: 20px;
        box-sizing: border-box;
        gap: 10px !important;
    }
}

@media screen and (max-width: 1100px) {
	.akcii_fifty_items {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 20px;
        margin-bottom: 30px;
    }

    .akcii_fifty_img {
        width: 40%;
    }

    .akcii_fifty_desc {
        width: 60%;
    }

    .akcii_fifty_item {
        padding: 20px;
        box-sizing: border-box;
        gap: 10px !important;
    }

    .akcii_five_items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .akcii_five_items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 578px) {
    .akcii_fifty_item, .akcii_fifty_item.reverse {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        height: auto;
    }

    .akcii_fifty_img {
        width: 100%;
        height: 180px;
    }

    .akcii_fifty_desc {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 478px) {
    .akcii_five_items {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

section.problem_solved {
    background-image: url(/images/elements/problem_background.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.problem_solved_items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 128px;
}

.problem_solved_right {
    background: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 63px;
    gap: 30px;
    height: 482px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.problem_solved_desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
}

.problem_solved_desc_item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.problem_solved_left {
    width: 100%;
    max-width: 650px;
    height: 482px;
    border-radius: 10px;
    overflow: hidden;
}

.problem_solved_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.problem_solved_desc_item div {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

@media screen and (max-width: 1340px) {
	.problem_solved_items {
        gap: 20px;
    }
}

@media screen and (max-width: 930px) {
	.problem_solved_items {
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    .problem_solved_left, .problem_solved_right {
        width: 100%;
        max-width: 100%;
    }

    .problem_solved_left {
        height: 250px;
    }

    .problem_solved_right {
        height: auto;
        padding: 25px;
    }

    .problem_solved_right .section_title {
        text-align: center;
    }
}

.problem_solved_right .section_title {
    margin-bottom: 0;
}

.reviews_slider_wrap .slick-slide {
    
}

.reviews_item {
    height: 348px;
    padding: 40px;
    background: rgba(225, 247, 241, 1);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 0 10px;
}



.reviews_slider_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.reviews_slider_head p {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.reviews_slider_head span {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;
}

p.reviews_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    height: 140px;
    overflow: hidden;
    margin: 20px 0 15px;
}

section.reviews .container .section_title {
    padding-left: 10px;
    margin-bottom: 50px;
}



.toggle-reviews-text {
    cursor: pointer;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(72, 159, 64, 1);
    text-decoration: underline;
}

.reviews_item.open .reviews_text {
    height: auto !important;
}

.reviews_item.open {
    height: auto !important;
}

.rev-slider-arrows {
    width: 170px;
    height: 70px;
    position: absolute;
    right: 25px;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 10000;
}

.rev-slider-arrows span.slider-arrow.slick-arrow {
    display: block !important;
    width: 70px !important;
    height: 70px !important;
    background-image: url(/images/elements/slider_green_arrow_right.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 14px !important;
    background-position: center !important;
    background: rgb(103 217 185 / 22%);
    border-radius: 100%;
    cursor: pointer;
}

span.slider-arrow.left.slick-arrow {
    transform: rotate(180deg);
}

.reviews_slider_wrap .slick-slide .reviews_item .reviews_slider_left {
    width: 180px;
    height: 180px;
}

.reviews_slider_wrap .slick-slide .reviews_item .reviews_slider_left img {
    width: 180px;
    height: 180px;
}



@media screen and (min-width: 1100px) {
	.reviews_slider_wrap .slick-slide:nth-child(2n) .reviews_item .reviews_text {
		height: 100px;
		margin: 19px 0 10px;
	}

	.reviews_slider_wrap .slick-slide:nth-child(2n) .reviews_item {
		height: 226px;
	}

	.reviews_slider_wrap .slick-slide:nth-child(2n) .reviews_item .reviews_slider_left {
		width: 100px;
		height: 100px;
	}

	.reviews_slider_wrap .slick-slide:nth-child(2n) .reviews_item .reviews_slider_left img {
		width: 100px;
		height: 100px;
	}

	.reviews_slider_wrap .slick-slide:nth-child(2n) .reviews_item {
		padding: 22px 40px;
	}
	
	.rev-slider-arrows.opened {
		bottom: -76px;
	}
}

@media screen and (max-width: 1199px) {
	.rev-slider-arrows {
		width: 100%;
		left: 0;
		right: 0;
		bottom: -92px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 40px;
	}
}

.reviews ul.slick-dots {
    display: none !important;
}

@media screen and (max-width: 678px) {
	.reviews_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }
}

.reviews_item {
    position: relative;
}

.reviews_item:after {
    content: '';
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(/images/elements/review_galki.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 30px;
    top: 30px;
}

.reviews_item:before {
    content: '';
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(/images/elements/review_galki.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    bottom: 15px;
    transform: rotate(180deg);
}

.about_items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 119px;
}

.about_item_left {
    width: 100%;
    max-width: 811px;
}

.section_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.section_desc p {
    margin-bottom: 10px;
}

.about_item_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.about_item_right {
    width: 100%;
    max-width: 500px;
}

@media screen and (max-width: 968px) {
	.about_items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 50px;
    }
    
    .about_item_left {
        width: 100%;
        max-width: 100%;
        height: 400px;
    }

    .about_item_right {
        width: 100%;
        max-width: 100%;
    }
}

section.dostavka .container {
    padding: 10px 82px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(231, 231, 231, 1);
}

section.dostavka .container div {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: left;
}

@media screen and (max-width: 1450px) {
    section.dostavka .container {
        margin: 0 15px !important;
        box-sizing: border-box;
        width: Calc(100% - 30px) !important;
    }
}

@media screen and (max-width: 1250px) {
	section.dostavka .container {
        padding: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid rgba(231, 231, 231, 1);
        gap: 29px;
    }

    section.dostavka .container div {
        text-align: center;
    }
}

@media screen and (max-width: 678px) {
    section.dostavka .container div {
        font-size: 40px;
    }
}

@media screen and (max-width: 568px) {
    section.dostavka .container div {
        font-size: 30px;
    }
}

@media screen and (max-width: 468px) {
    section.dostavka .container div {
        font-size: 25px;
    }
}

.about_items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 119px;
}

.about_item_left {
    width: 100%;
    max-width: 811px;
}

.section_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.section_desc p {
    margin-bottom: 10px;
}

.about_item_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.about_item_right {
    width: 100%;
    max-width: 500px;
}

@media screen and (max-width: 968px) {
	.about_items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 50px;
    }
    
    .about_item_left {
        width: 100%;
        max-width: 100%;
        height: 400px;
    }

    .about_item_right {
        width: 100%;
        max-width: 100%;
    }
}

section.dostavka .container {
    padding: 10px 82px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(231, 231, 231, 1);
}

section.dostavka .container div {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: left;
}

@media screen and (max-width: 1450px) {
    section.dostavka .container {
        margin: 0 15px !important;
        box-sizing: border-box;
        width: Calc(100% - 30px) !important;
    }
}

@media screen and (max-width: 1250px) {
	section.dostavka .container {
        padding: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid rgba(231, 231, 231, 1);
        gap: 29px;
    }

    section.dostavka .container div {
        text-align: center;
    }
}

@media screen and (max-width: 678px) {
    section.dostavka .container div {
        font-size: 40px;
    }
}

@media screen and (max-width: 568px) {
    section.dostavka .container div {
        font-size: 30px;
    }
}

@media screen and (max-width: 468px) {
    section.dostavka .container div {
        font-size: 25px;
    }
}

.sertificate_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 55px;
}

.sertificate_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1200px) {
	.sertificate_items {
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
	.sertificate_items {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 478px) {
	.mainpage_slider_title {
        font-size: 40px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        text-transform: uppercase;
    }
    
    .mainpage_slider_desc {
        font-size: 30px;
        font-weight: 900;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: left;
        color: rgba(72, 159, 64, 1);
        text-transform: uppercase;
    }
}

section.breadcrumbs.wooc_bread nav.woocommerce-breadcrumb {
    margin-bottom: 0;
}

section.page_content_p .container .entry-content p:first-child {
    margin-top: 0;
}

.single-product .flex-viewport {
    border: 0.5px solid rgba(217, 217, 217, 1);
    border-radius: 10px;
    margin-bottom: 30px;
}

.product_price_block {
    border: 0.5px solid rgba(217, 217, 217, 1);
    border-radius: 10px;
    padding: 35px;
}

nav.pagination-single.section-inner.only-one.only-next {
    display: none;
}

























.product_detail .product.type-product .product.type-product { 
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.product_detail .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 755px !important;
    margin-bottom: 0 !important;
}

.product_detail .summary.entry-summary {
    width: 100% !important;
    max-width: Calc(100% - 20px - 755px) !important;
    float: unset !important;
    margin: 0 !important;
}

.product_price_section {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;gap: 35px;width: 100%;}

.product_price_block {
    max-width: 371px;
    min-height: 345px;
}

.product_add_card button.single_add_to_cart_button.button.alt {
    background: rgba(72, 159, 64, 1);
    border: 2px Solid rgba(72, 159, 64, 1);
    border-radius: 10px;
    width: 150px;
    min-width: auto;
    height: 56px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: Proxima Nova;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-decoration: none !important;
    margin: 0 !important;
}

.product_add_card form.cart {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0 !important;
}

.product_add_card form.cart:before, .product_add_card form.cart:after {
    display: none !important;
}

.product_after_price {
    width: 100%;
    /* max-width: Calc(100% - 371px - 20px); */
}

.product_nalichie {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
}

.product_weight_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.product_price_block .my_quantity {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    margin: 9px 0 20px;
}

.product_price_block .my_quantity span.product_instock {
    font-weight: 700;
}

.product_add_card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.product_weight_price .atributes_razmer_item {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    background: rgba(135, 185, 86, 1);
    width: 65px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_weight_price span.woocommerce-Price-amount.amount bdi {
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(60, 60, 60, 1);
}



section.page_content.product_detail .product_add_card .quantity {
    margin: 0 !important;
    width: 131px !important;
}

.woocommerce div.product form.cart div.quantity input {
    height: 48px;
    width: 130px;
    border: 1px Solid #e1e1e1;
    border-radius: 10px;
}

.product_after_price_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.product_after_price_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.product_after_price_item span {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    display: block !important;
    width: 100%;
}

.product_after_price_item img {
    width: 30px;
    height: auto;
    object-fit: contain;
}

.product_after_price_item hr {
    display: none;
}

.product_after_price_item span span {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.product_after_price_item:nth-child(2) {
    border-top: 1px dashed rgba(217, 217, 217, 1);
}

.product_price_tabs_items {
    margin-top: 20px;
}

.product_price_tabs_items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.product_price_tabs_item {
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: Calc(100% / 3 - 20px);
    border: 1px Solid rgba(217, 217, 217, 1);
    border-radius: 10px;
}

.product_detail .summary.entry-summary h1 {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 400;
    line-height: 47px;
    text-transform: uppercase;
    text-align: left;
    margin: 4px 0 28px;
}

section.page_content.product_detail .woocommerce-product-gallery .flex-viewport {
    height: 506px !important;
}

ol.flex-control-nav.flex-control-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

ol.flex-control-nav.flex-control-thumbs li {
    height: 159px;
    width: 100% !important;
    border: 0.5px solid rgba(217, 217, 217, 1);
    border-radius: 10px;
}

ol.flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.product_price_tabs_sod_title {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 15px;
}

.product_price_tabs_sod_text {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.product_add_card a.request {
    margin-top: 10px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(72, 159, 64, 1);
}

.product_price_tabs_item.active {
    border: 1px solid rgba(72, 159, 64, 1);
}

.product_price_tabs_item.active a {
    color: rgba(72, 159, 64, 1);
}

section.page_content.product_detail .flex-viewport .woocommerce-product-gallery__wrapper div a img {
    height: 506px !important;
    object-fit: contain;
}


@media screen and (max-width: 1530px) {
	.container {
        padding: 0 15px;
    }

    .product_detail .woocommerce-product-gallery {
        width: Calc(50% - 10px) !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    .product_detail .summary.entry-summary {
        width: Calc(50% - 10px) !important;
        float: unset !important;
        margin: 0 !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1200px) {
	.product_price_section {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    justify-content: space-between;
	    gap: 35px;
	    width: 100%;
	}

	.product_price_block {
		width: 100%;
		max-width: 100%;
		min-height: auto;
	}

	.product_price_tabs_items {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.product_price_tabs_item {
		width: 100%;
	}
}

@media screen and (max-width: 878px) {
	.product_detail .product.type-product .product.type-product {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-between;
	    gap: 20px;
	    width: 100%;
	}

	.product_detail .woocommerce-product-gallery {
        width: 100% !important;
    }
    
    .product_detail .summary.entry-summary {
        width: 100% !important;
    }

	section.page_content.product_detail .woocommerce-product-gallery .flex-viewport {
	    height: 275px !important;
	}

	section.page_content.product_detail .flex-viewport .woocommerce-product-gallery__wrapper div a img {
	    height: 275px !important;
	    object-fit: contain;
	}
}

@media screen and (max-width: 678px) {
	section.page_content.product_detail .woocommerce-product-gallery .flex-viewport {
	    margin-bottom: 10px;
	}

	ol.flex-control-nav.flex-control-thumbs {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr 1fr;
	    grid-template-rows: 1fr;
	    gap: 10px;
	}

	ol.flex-control-nav.flex-control-thumbs li {
	    height: 75px;
	}
}

@media screen and (max-width: 420px) {
	.product_add_card form.cart {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    margin-bottom: 0 !important;
	    width: 100%;
	    gap: 10px;
	}

	.woocommerce div.product form.cart div.quantity input, 
	section.page_content.product_detail .product_add_card .quantity, 
	.product_add_card button.single_add_to_cart_button.button.alt {
		width: 100% !important;
	}
}

div#mobile_menu {
    padding: 20px 15px 30px;
}

div#mobile_menu ul  {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

div#mobile_menu ul li {
    list-style: none;
    text-align: center;
}

.mobile-menu .time_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.mobile-menu .header_top_right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-menu .time_wrap a {
    text-align: center;
}

.mobile-menu .time_wrap div {
    text-align: center;
}












































/* 123 */




.busket_wrap {
    position: relative;
	overflow-x: hidden;
}

.busket_wrap .container {
    display: flex;
    flex-direction: row;
    gap: 149px;
    align-items: stretch;
    justify-content: space-between;
}

.busket_items_wrap {
    width: 100%;
    max-width: 755px;
}

.busket_pay_form {
    display: flex;
    gap: 0;
    position: inherit;
    width: 100%;
    max-width: Calc(100% - 149px - 755px);
    background: rgba(247, 247, 247, 1);
    padding: 50px 0 128px 99px;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.busket_pay_form:after {
    content: '';
    display: block;
    height: 100%;
    width: 100vh;
    position: absolute;
    background: rgba(247, 247, 247, 1);
    top: 0;
    bottom: 0;
    right: -100vh;
}

.pay-form form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.busket_items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* margin-bottom: 80px; */
}

.busket_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 15px 50px 15px 20px;
    border: 0.5px solid rgba(60, 60, 60, 1);
    border-radius: 10px;
}

.busket_item img {
    height: 104px;
}



.pay-form {
    width: 100%;
    height: 100%;
    min-height: 100%;
}


.radio-item {
    position: relative;
    padding: 0;
    margin: 0 20px 0 0px;
}
.pay-radio {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.radio-item input[type='radio'] {
  display: none;
}

 
.radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    border-radius: 11px;
    border: 1px solid #24272E;
    background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
    border-radius: 50%;
    width: 9.7px;
    height: 9.7px;
    position: absolute;
    top: 8.6px;
    left: 3.6px;
    content: " ";
    display: block;
    background: rgba(72, 159, 64, 1);
}
.cart-page .form-title {
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.pay-title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
}
.pay-form input[type="text"] {
    border: 0;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    width: 100%;
    height: 60px;
    border-radius: 50px;
    padding: 0 20px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border: 0.5px solid rgba(60, 60, 60, 1);
}
.pay-form input[type="submit"] {
    background: rgba(72, 159, 64, 1);
    border: 0;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    width: 100%;
    height: 60px;
    border-radius: 5px;
	color:#fff;
	font-weight:700;
    text-align:center;
    font-size: 16px;
	text-transform:uppercase;
}

.busket_item.busket_item_head {
    border: none;
    padding: 0 50px 0 0;
}

.busket_item.busket_item_head div {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
}

.text_left {
    text-align: left !important;
}

.busket_item_1 {
    width: 100%;
    max-width: 165px;
}

.busket_item_2 {
	width: 100%;
    max-width: 243px;
}

.busket_item_3 {
	width: 100%;
    max-width: 131px;
}

.busket_item_4 {
	width: 100%;
    max-width: 58px;
}

.radio-item label {
	cursor: pointer;
}

.radio-item input[type=radio] + label:after {
    border-radius: 50%;
    width: 9.7px;
    height: 9.7px;
    position: absolute;
    top: 8.6px;
    left: 3.6px;
    content: " ";
    display: block;
    background: rgb(0 0 0);
}

.radio-item input[type=radio]:checked + label:after {
    border-radius: 50%;
    width: 9.7px;
    height: 9.7px;
    position: absolute;
    top: 8.6px;
    left: 3.6px;
    content: " ";
    display: block;
    background: rgba(72, 159, 64, 1);
}

.pay_form_bitton_check.pay-radio span {
    display: block;
}

.pay_form_bitton_check {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pay_form_bitton_check.pay-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
}

.pay_form_bitton_check span {
    display: block;
    padding-top: 3px;
	font-family: Montserrat;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
}

.pay_form_bitton_check.pay-radio .radio-item {
    margin-right: 3px;
}

input[type="submit"] {}.pay_form_bitton_check.pay-radio .radio-item {
    margin-right: 3px;
}

.pay_form_bitton_check.pay-radio label {
    font-family: Montserrat;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
}

.pay-form form input[type="submit"] {
    max-width: 209px;
	cursor: pointer;
}

.form-title {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    margin-bottom: 20px;
}

.pay-radio {
    margin-bottom: 5px;
}

.busket_wrap {
    margin-top: 30px;
}

.busket_wrap {}

section.breadcrumbs {
    padding-top: 30px;
    padding-bottom: 30px;
}

.busket_wrap h1 {
    margin: 0 0 30px;
}

.busket_items_all {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 42px;
    margin-top: 30px;
}.busket_wrap {
    margin-top: 30px;
}

.busket_wrap {}

section.breadcrumbs {
    padding-top: 30px;
    padding-bottom: 30px;
}

.busket_items_all div {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: uppercase;
}

.busket_items_all p {
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    margin: 0;
}

.busket_plus_minus {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    width: 100%;
    max-width: 131px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 42px;
}

.busket_items_all div {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: uppercase;
}

.busket_items_all p {
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    margin: 0;
}

.busket_plus_minus div:first-child, .busket_plus_minus div:last-child {
    background: rgba(255, 139, 33, 0.2);
    width: 43px;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.busket_item_4 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.busket_item_3 {
    margin: 0 42px 0 20px;
}

.busket_item_1.text_left {
    max-width: 185px;
}

.busket_plus_minus div {
    cursor: pointer;
}

.header_top_button_city {
    cursor: pointer;
}

.header_top_button_city span.select-fixff {
    cursor: pointer;
}

@media screen and (max-width: 1578px) {
	.busket_wrap .container {
        gap: 50px;
    }

    .busket_pay_form {
        max-width: Calc(100% - 50px - 755px);
    }

    .pay-radio {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1300px) {
	.busket_pay_form {
		padding: 25px;
	}
}

@media screen and (max-width: 1200px) {
	.busket_wrap .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.busket_pay_form {
	    max-width: 755px;
	}

	.busket_pay_form:after {
		display: none;
	}
}

@media screen and (max-width: 678px) {
	.busket_item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		padding: 25px;
	}

	.busket_item_1 {
	    width: 100%;
	    max-width: 100%;
	    display: flex;
	    justify-content: center;
	}
	
	.busket_item_2 {
		width: 100%;
		max-width: 100%;
		display: flex;
		justify-content: center;
		text-align: center;
	}
	
	.busket_item_3 {
		width: 100%;
		max-width: 100%;
		display: flex;
		justify-content: center;
		margin: 0;
	}
	
	.busket_item_4 {
		width: 100%;
	    max-width: 100%;
	    display: flex;
	    justify-content: center;
	}

	.busket_item.busket_item_head {
		display: none;
	}

	.busket_plus_minus {
		margin: 0;
	}
	
	.busket_items_all {
		padding: 10px 15px 0;
	}
}

@media screen and (max-width: 810px) {
	.busket_wrap .container {
		padding: 0;
	}

	.busket_items {
		padding: 0 15px;
	}
}

.products_bottom a.added_to_cart.wc-forward {
    display: none;
}

.busket_wrap h1 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #3C3C3C;
    text-transform: uppercase;
}

.footer_right a.button.callback {
    background: #489F40;
    color: white;
}

.footer_right a.button.callback:hover {
    background: #9a9a9a;
    color: black;
}