/*
Theme Name:zelenaya-moyka Theme
Theme URI:24-pr
Author:24-PR
Author URI:24-pr
Description:This theme is specially designed for zelenaya-moyka.com and is not free. To use the theme on your website, please contact the developer at 24-PR (http://24-pr.ru). Attention! The License requires the payment of a fee for each domain name.
Version:1825-1

*/

@font-face {
    font-family: 'ProstoOne';
    src: url('/wp-content/themes/zelenaya-moyka-24-pr/fonts/ProstoOne-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/zelenaya-moyka-24-pr/fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('/wp-content/themes/zelenaya-moyka-24-pr/fonts/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('/wp-content/themes/zelenaya-moyka-24-pr/fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('/wp-content/themes/zelenaya-moyka-24-pr.ru/fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/* @1-base-html LG */
:root {
    --c-primary: #62BB21;
    --c-primary-hover: #4F9A1A;
    --c-secondary: #652E97;
    --c-secondary-hover: #7A3BAD;
    --c-dark: #3C3842;
    --c-gray:#EFEFEF; /* F5F5F5 #f3f3f3;*/
    --c-yell:#EFD17D;
    --select-color:#EEE5E9;
    --c-darkgray:#7b7b7b; /* 989898 */
}
/*html, body{height:100%;}*/
body {
    font-family:'Montserrat',sans-serif,Helvetica,Arial;
    font-size:17px;
    line-height:1.4em;
    color:var(--black-color);
    position:relative;
    --scrollbar-compensation:17px;
}
a, a:focus, a:active {color:var(--c-primary);}
a:hover, a:focus, a:active {color:var(--c-primary-hover);text-decoration: none;}
:focus {outline:none !important;}
small a {text-decoration:underline;}
::placeholder {opacity:.6;}

ul {padding:0 0 0 20px;}
ul li {padding:0 0 10px 0;}
b, strong {font-family:'ProstoOne', sans-serif,Helvetica,Arial;font-weight:normal;}
img {max-width:100%;height: auto;}

ins {text-decoration: none;}
bdi {font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;opacity:.8;}

audio {
    padding:0;
    margin:0 auto;
    display: block;
    width: 100%;
    max-width: 100%;
}
iframe, video {display:block;max-width:100%;}
.container-fluid {padding-left:0;padding-right:0;}

/* WP Gallery */
.gallery {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Отступы между плитками */
}

.gallery-item {
    flex: 0 0 calc(25% - 11.25px); /* 4 колонки с учетом gap */
    padding: 0;
    margin: 0;
    border-radius:6px;
    overflow: hidden;
    /*aspect-ratio: ; /* Делает элемент квадратным */*
    position: relative;
}

.gallery-item .gallery-icon {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery-item .gallery-icon a {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery-item img {
    border: none !important;
    width: 100%;
    height: 285px;
    object-fit: cover; /* Обрезает изображение по центру */
    display: block;
}



h1, h2, h3, h4 {
    margin:0 0 30px 0;
    padding:0;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    font-size:40px;
    font-weight: 400;
    line-height:1.5em;
    font-weight:normal;
    white-space:pre-line;
}
h2 {font-size: 35px;}
h3 {margin:0 0 20px 0;font-size:30px;}
h4 {font-size:26px;}

table {margin:30px 0;font-size:16px;width: 100%;}
tr {padding:0 0 10px 0;}
tr:nth-child(even) {background-color:#f4f4f4;}
td, th {padding:10px 15px 10px 5px;text-align:left;}

.rel {position:relative;overflow:hidden;}

/* Flex */
.flex-row {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    align-content:stretch;
    justify-content:flex-start;
}
.flex-row.center {align-items:center;justify-content: space-between;}
.flex-row .center {align-self:center;}
.flex-row.start {align-items:flex-start;}
.flex-row.end {align-items:flex-end;}
.flex-row.between {justify-content:space-between;}
.flex-row.around {justify-content:space-around;}

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


/* Images */
.img-cover {width:100% !important;height:100% !important;object-fit:cover !important;}
.img-contain {width:100% !important;height:100% !important;object-fit:contain !important;}
.img-round {border-radius:8px !important;overflow: hidden;}

/* for items */
.shadow {
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);
    /*box-shadow: 0 1px 1px rgba(#29435c, 0.2), 0 6px 12px -6px rgba(#29435c, 0.4);*/
}
.brd {border: 1px solid rgba(0,0,0,.08) !important;}
.c-white .brd {border: 1px solid rgba(255,255,255,.3) !important;}

.stack {box-shadow:10px 15px 0 #F2F2F2;}
.stack-left {box-shadow:-10px 15px 0 #F2F2F2;}

/* anti-spam CF7 form checkbox */
input.agree {line-height:0.5em;cursor:pointer;}
input.agree:after {
    padding:15px;
    display:inline;
    content:'Are you a robot? Yes';
}

/* Raiting nums off */
button, .btn, .submit {
    padding:15px 30px;
    margin:20px 0 15px 0;
    display:inline-block;
    background-color:var(--c-primary);
    border-color:var(--c-primary);
    color:#fff;
    border-radius:8px;
    border:0;

    font-family:'Montserrat SemiBold',sans-serif,Helvetica,Arial;
    font-size:16px;
    line-height:1.4em;
    letter-spacing:0.02em;
    vertical-align:top;
}
button:hover, button:focus, .btn:hover, .btn:focus, .submit:hover, .submit:focus {
    text-decoration:none;
    color:#fff;
    background-color:var(--c-primary-hover);
    transition: all .2s ease-out;
}
.btn-secondary {background-color:var(--c-secondary);border-color:var(--c-secondary);}
.btn-secondary:hover, .btn-secondary:focus {background-color:var(--c-secondary-hover);border-color:var(--c-secondary-hover);}

.btn-empty {
    padding:12px 30px;
    background-color:transparent;
    border:#fff 2px solid;
    color:#fff;
}
.btn-empty:hover {
    text-decoration:none;
    color:var(--c-dark);
    background-color:#fff;
}
.btn-empty.black {color:var(--c-dark);border-color:var(--c-dark);}
.btn-empty.black:hover, .btn-empty.black:focus {color:#fff;background-color:var(--c-dark);}

.btn-empty.primary {color:var(--c-primary);border-color:var(--c-primary);}
.btn-empty.primary:hover, .btn-empty.primary:focus {color:#fff;background-color:var(--c-primary);}

.btn-empty.secondary {color:var(--c-secondary);border-color:var(--c-secondary);}
.btn-empty.secondary:hover, .btn-empty.secondary:focus {color:#fff;background-color:var(--c-secondary);}


.btn-lg {
    padding:18px 30px;
    text-transform: uppercase;
}
.btn:nth-child(even), .btn-lg:nth-child(even) {margin-left:30px;}
.btn-lg.btn-empty {padding:16px 30px;}

.btn-xs {
    padding:8px 15px;
    font-size: 14px;
    letter-spacing:-0.02em;
}

/* Inputs Form LG */
.form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.wpcf7-list-item {margin:0 !important;}

label {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding: 15px 0 4px 0;
    margin: 15px 0 0 0;
    display:block;

    opacity:.8;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
    font-size: 16px;
    line-height:140%;
    cursor:pointer;
}
input, textarea {
    padding:12px 20px;
    margin:0 auto;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;

    display:block;
    width:100%;
    max-width:100%;
    height:auto;

    color:var(--c-dark);
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
    font-size: 16px;
    line-height: 140%;
    border:#CDCDCD 1px solid;
    border-radius:16px;
}
textarea {margin:15px auto;height:180px;}
fieldset {padding:10px 15px;margin:15px 0;border:none;}

.radio-title {
    padding:0;
    margin:0 0 15px 0;
    font-family:'Montserrat Bold',sans-serif,Helvetica,Arial;
    font-weight: 700;
    font-size: 18px;
    line-height: 138%;
    color: #252525;
}


.radio-group {
    padding:0;
    margin:0 0 20px 0;
    display:block;
    vertical-align:middle;
}

.radio-group input[type="radio"], .radio-group input[type="checkbox"] {
    width:0;
    height:0;
    border:none;
}

.radio-group label {
    padding:2px 0 0 36px;
    margin:0 0 15px 0;
    display:block;
    cursor: pointer;
    position:relative;

    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}
.radio-group.c-white label {color:#fff;}

.radio-group input[type="radio"]:before,
.radio-group input[type="checkbox"]:before {
    position:absolute;

    content:'';
    left:0;
    top:-2px;
    width: 24px;
    height: 24px;
    border:var(--c-primary) 2px solid;
    border-radius: 50%;
}
.radio-group input[type="checkbox"]:before {border-radius:4px;}

.radio-group input[type="radio"]:checked:before,
.radio-group input[type="checkbox"]:checked:before{
    background-color:var(--c-primary);
    border-color:var(--c-primary);
}
.radio-group input[type="radio"]:hover:before,
.radio-group input[type="checkbox"]:hover:before {border-color:var(--c-primary);}

/* Checkmark icon */
.radio-group input[type="radio"]:checked:after,
.radio-group input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    top: 5px;
    left:7px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg);
}

.radio-group .wpcf7-acceptance label {font-size: 14px;}

/* Make the checked label darker */
.radio-option input[type="radio"]:checked ~ .radio-label {
    color: #5b6262;
    font-weight: 500;
}
/* Inputs Formm end */

select {
    padding:12px 20px;
    margin:0 0 15px 0;
    display:block;
    cursor: pointer;
    position:relative;
    max-width: 100%;

    border: #CDCDCD 1px solid;
    border-radius: 16px;
    outline:none;
    color:var(--c-dark);

    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}



/* ICO for BTNs LG */
/* ICO for BTNs */
.ico-left {
    padding-left:54px;
    line-height:24px;
    position:relative;
}
.ico-right {
    padding-right:54px;
    line-height:24px;
    position:relative;
}
.ico-left:before, .ico-right:before {
    content: "";
    position: absolute;
    width:32px;
    height:32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.ico-left:before {left:22px;}
.ico-right:before {right:22px;}

.btn-hero.ico-left,.btn-lg.ico-left {padding-left:90px;}
.btn-hero.ico-right,.btn-lg.ico-right {padding-right:90px;}

.btn-hero.ico-left:before {left:40px;}
.btn-hero.ico-right:before {right:40px;}

.btn-lg.ico-left:before, .btn-lg.ico-right:before {background-size:32px 32px;}
.btn-lg.ico-left:before {left:45px;}
.btn-lg.ico-right:before {right:45px;}


/* ICOs */
.ico-more:before {background: url(/wp-content/themes/zelenaya-moyka-24-pr/img/ico-more.svg) center center / 24px 24px no-repeat transparent;}


/* ICO SMM */
.ico-smm {margin:30px 0 0 0;}
.ico-smm a {display:inline-block;}
.ico-smm.white {filter: grayscale(1) brightness(1);}

.ico-smm img {
    padding:0;
    margin:0 20px 30px 0;
    display:inline-block;
    width:auto;
    height:30px;
    object-fit:contain;
    transition: filter 0.3s ease;
}
.ico-smm img::last-child {margin-right:0;}
.ico-smm img:hover, .ico-smm img:focus {opacity:.65;}


/* Reviews PLugin LG */
.pr24-star-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 5px;
}

.pr24-star-rating input[type="radio"] {
    display: none;
}

.pr24-star-rating label {
    padding:0;
    margin:0 0 6px 0;
    font-size: 30px;
    line-height:32px;
    transition: color 0.2s;
}

span[itemprop="ratingValue"] {color:#ffa500;}

.pr24-star-rating label:hover,
.pr24-star-rating label:hover ~ label {
    color: #ffa500;
}

.pr24-star-rating input[type="radio"]:checked ~ label {
    color: #ffa500;
}

.pr24-review-form-container {  
    max-width: 600px;
}

.pr24-notification {
    padding:15px;
    margin: 15px 0;
    border-radius:10px;
}

.pr24-notification.success {
    background-color: var(--c-primary);
    color: #fff;
}

.pr24-notification.error {
    background-color: var(--c-secondary);
    color: #fff;
}

.pr24-notification.info {
    border: 1px solid var(--c-gray);
}
/* reviews end */


div[itemprop="itemReviewed"] {font-size: 14px;}

/* Reviews end*/



/* @1-base-html end */

/* @Humberger LG */
/* Mobile toggle btn */
input.inp-menu[type='checkbox'] {
    display:none;
    background:transparent !important;
}
input.inp-menu[type='checkbox']:checked ~ .m-menu-btn-box > .btn-menu{
    background:transparent;
}
input.inp-menu[type='checkbox']:checked ~ .m-menu-btn-box > .btn-menu:before {
    bottom:0;
    transform:rotate(45deg);
}
input.inp-menu[type='checkbox']:checked ~ .m-menu-btn-box > .btn-menu:after {
    top:0;
    transform:rotate(-45deg);
}

.m-menu-btn-box {
    box-sizing:border-box;
    width:30px;
    height:30px;
    position:fixed;
    top:25px;
    right:15px;
    left:auto;
    cursor:pointer;
    z-index:5;
    /*border-radius:0 0 0 10px;*/
    background:transparent;
}

.btn-menu {
    margin:auto;
    height:2px;
    width:20px;

    background:#000000;
    transition:0.35s;
    position:absolute;
    transform:translateY(12px);
}

.btn-menu:before {
    height:2px;
    width:20px;
    background:#000000;
    transition:0.39s;
    position:absolute;
    content:'';
    left:0;
    bottom:7px;
}
.btn-menu:after {
    height:2px;
    width:20px;
    background:#000000;
    transition:0.35s;
    position:absolute;
    content:'';
    left:0;
    top:7px;
}
input.collapsed ~ .m-menu-btn-box {
    position:absolute;
    top:15px;
    right:15px;
    z-index:6;
}
/* Humberger end  */

/* @2-header LG */
.header {
    padding:0;
    height:80px;
    position: relative;
    z-index:20;
}

.logo {
    padding:5px 20px 0 35px;
    display: inline-block;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    font-size:30px;
    line-height: 1.3em;
    height:80px;
    width:240px;
    transition: all .2s ease-out;
    color:var(--c-dark);
    /*filter:brightness(100%);*/

    background:url(/wp-content/themes/zelenaya-moyka-24-pr/img/logo.svg) left center / contain no-repeat;

}
.logo span {
    font-size:22px;
    line-height: 1.3em;
    color:var(--c-darkgray);
}
.logo:hover, .logo:focus {text-decoration:none;color:var(--c-primary);}

/* @language-selector LG */
.lang-block {
    margin:8px 0 0 20px;
    display:inline-block;
    position: relative;
    width:135px;
    height: 52px;
    vertical-align:top;
    min-height:20px;
    font-size: 16px;
    letter-spacing: -0.03em;
}
.lang {position: relative;}
.lang:hover, .lang:focus {
    position: absolute;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    width:150px;
    border-radius: 6px;
    overflow:hidden;
    background:#fff;
    box-shadow:0px 4px 20px rgba(0, 0, 0, .2);
}

.lang a {
    color:#000;
    text-decoration: none;
    display: block;
    padding:10px 15px;
    margin:0;
    display:none; /* Изначально скрываем все языки, кроме выбранного */
}

.lang a.current_language {
  display:block;
  font-family:'ProstoOne',sans-serif,Helvetica,Arial;
}

.lang:hover a {display:block;}
.lang:hover a:hover {background-color:#eee;}


.lang a img {
  width: 20px;
  height: 15px;
  margin-right:4px;
}

/* @language-selector end */


ul.menu {
    padding:10px 0 0 0;
    margin:0;

    list-style: none;
    display: flex;
    font-family:'Montserrat SemiBold',sans-serif,Helvetica,Arial;
    font-size:16px;
    line-height:135%;
    letter-spacing:-0.03em;
    white-space: nowrap;
}

.menu li {
    margin-right:20px;
    position: relative;
}

.menu li:last-child {
    margin-right: 0;
}

.menu li a {
    color:var(--c-dark);
    text-decoration: none;
}

.menu li.menu-item-has-children {padding-right:12px;}
.menu li.menu-item-has-children:after {
    position: absolute;
    padding: 0;
    content: ' ';
    color:var(--c-dark);
    background:url(/wp-content/themes/zelenaya-moyka-24-pr/img/ico-carret.svg) center center / contain no-repeat;
    top:8px;
    right:0;
    width:7px;
    height: 5px;
    /* transform: scaleY(-1); */
}

.menu a:hover, .menu a:focus, .menu li.active a,
.menu li.current-category-ancestor > a, .menu li.current-menu-item > a, 
.menu li.current-menu-ancestor > a, .menu li.current-post-ancestor > a{
    text-decoration:none;
    color:var(--c-primary);
}


.menu .sub-menu {
    padding:0;
    margin:-10px 0 0 0;
    height:0;
    opacity: 0;
    min-width: 120px;

    position: absolute;
    z-index:20;

    top: 100%;
    left:-15px;
    background:#fff;
    border-radius:8px;
    overflow:hidden;


    font-family:'Montserrat',sans-serif,Helvetica,Arial;
    font-size:15px;

    color:#000;
    list-style: none;

    transition: all .3s ease-out;
    box-shadow:0px 4px 20px rgba(0, 0, 0, .2);
}

.menu li:hover .sub-menu {
    opacity: 1;
    height:auto;
}

.sub-menu li {
    padding:0;
    margin:0;
}

.sub-menu li a {
    padding:10px 15px;
    margin:0;
    display: block;
    width: 100%;
    border-bottom:#d1d1d1 1px solid;
}
.sub-menu li:last-child a {border:none;}
.sub-menu li a:hover {background:#eee;color:#000;}


.phone {
    padding:0;
    margin:0 40px 0 0;
    display:block;
    font-family:'Montserrat SemiBold',sans-serif,Helvetica,Arial;
    font-size: 20px;
    line-height: 1.3em;
    letter-spacing:-0.03em;
    color:var(--c-dark);
}


.right-icons .btn {margin:15px 0;}

.btn-cart {
    margin:0 20px 0 40px;
    padding:5px 0 0 0;
    display: inline-block;
    position: relative;
    width:32px;
    height:52px;
    transition: all .2s linear;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01IDhIMjYuODAxOUMyNi45NDg0IDggMjcuMDkzIDguMDMyMTcgMjcuMjI1NyA4LjA5NDI0QzI3LjM1ODQgOC4xNTYzMiAyNy40NzU4IDguMjQ2NzcgMjcuNTY5NiA4LjM1OTIxQzI3LjY2MzUgOC40NzE2NiAyNy43MzE1IDguNjAzMzQgMjcuNzY4OCA4Ljc0NDk2QzI3LjgwNjIgOC44ODY1OSAyNy44MTIgOS4wMzQ2OCAyNy43ODU4IDkuMTc4NzlMMjUuNjA1MiAyMS4xNzg4QzI1LjU2MzQgMjEuNDA5MiAyNS40NDE5IDIxLjYxNzYgMjUuMjYyMSAyMS43Njc3QzI1LjA4MjMgMjEuOTE3OCAyNC44NTU1IDIyIDI0LjYyMTMgMjJIOC4zODk4MkM4LjE1NTcyIDIyIDcuOTI5MDQgMjEuOTE3OSA3Ljc0OTI3IDIxLjc2NzlDNy41Njk1IDIxLjYxOCA3LjQ0ODA0IDIxLjQwOTcgNy40MDYwNCAyMS4xNzk0TDQuMjQwNTUgMy44MjA2QzQuMTk4NTUgMy41OTAzIDQuMDc3MDkgMy4zODIwMyAzLjg5NzMyIDMuMjMyMDhDMy43MTc1NSAzLjA4MjEzIDMuNDkwODcgMyAzLjI1Njc3IDNIMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik05IDI5QzEwLjEwNDYgMjkgMTEgMjguMTA0NiAxMSAyN0MxMSAyNS44OTU0IDEwLjEwNDYgMjUgOSAyNUM3Ljg5NTQzIDI1IDcgMjUuODk1NCA3IDI3QzcgMjguMTA0NiA3Ljg5NTQzIDI5IDkgMjlaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTI0IDI5QzI1LjEwNDYgMjkgMjYgMjguMTA0NiAyNiAyN0MyNiAyNS44OTU0IDI1LjEwNDYgMjUgMjQgMjVDMjIuODk1NCAyNSAyMiAyNS44OTU0IDIyIDI3QzIyIDI4LjEwNDYgMjIuODk1NCAyOSAyNCAyOVoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) center bottom / 32px 32px no-repeat;
}
.btn-cart:hover, .btn-cart:focus {transform:scale(1.08);}
.cart-count {
    padding:0;
    margin:0;
    position:absolute;
    z-index:1;
    right:-10px;
    top:15px;

    color:#fff;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    font-size:14px;
    line-height:20px;
    text-align:center;
    width:30px;
    height:20px;
    border-radius:60px;
    background:var(--c-secondary);
}
.count0 {display:none;}

.btn-profile {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiAyOEMyMi42Mjc0IDI4IDI4IDIyLjYyNzQgMjggMTZDMjggOS4zNzI1OCAyMi42Mjc0IDQgMTYgNEM5LjM3MjU4IDQgNCA5LjM3MjU4IDQgMTZDNCAyMi42Mjc0IDkuMzcyNTggMjggMTYgMjhaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KPHBhdGggZD0iTTE2IDIwQzE4Ljc2MTQgMjAgMjEgMTcuNzYxNCAyMSAxNUMyMSAxMi4yMzg2IDE4Ljc2MTQgMTAgMTYgMTBDMTMuMjM4NiAxMCAxMSAxMi4yMzg2IDExIDE1QzExIDE3Ljc2MTQgMTMuMjM4NiAyMCAxNiAyMFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQo8cGF0aCBkPSJNNy45NzUxIDI0LjkyMThDOC43MjgzNiAyMy40NDA4IDkuODc2NzUgMjIuMTk3MSAxMS4yOTMxIDIxLjMyODRDMTIuNzA5NSAyMC40NTk4IDE0LjMzODcgMjAgMTYuMDAwMiAyMEMxNy42NjE3IDIwIDE5LjI5MDkgMjAuNDU5OCAyMC43MDczIDIxLjMyODRDMjIuMTIzNyAyMi4xOTcxIDIzLjI3MiAyMy40NDA3IDI0LjAyNTMgMjQuOTIxNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K) center center / contain no-repeat;
    transition: all .2s linear;
}
/* @2-header end */

/* @3-hero LG */
.hero {
    padding:5rem 0;
    min-height:680px;

    position: relative;
    z-index:1;

    display: flex;
    align-items: center;

    background-size: cover;
    background-position: center center;
    background-color:#fff;
}
.hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #652E97, #3C3842 );

    z-index: -1;
    opacity: .4;
}
.hero.no-layer:before {display:none;}

.hero .info {
    border-radius: 20px;
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
.hero.cover {background-size:cover;}

.hero h1 {font-size:70px;}

.hero p {
    font-size: 18px;
    margin-bottom: 30px;
}
.hero.sm {
    padding:60px 15px;
    min-height:320px;
}
.hero.sm:before {opacity:.6;}
.hero.sm h1 {font-size:50px;}


.video-bg {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottoM:0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  z-index: -2;
  object-fit:cover;
}
.video-bg video {
  width:100%;
  height:100%;
  object-fit:cover;
}

/* @3-hero end */

/* @4-tags LG */
ul.tags {
    list-style-type: none;
    padding:0;
    margin:2rem 0 5rem;
    font-size: 16px;
}
.tags li {
    display:inline-block;
    padding:0;
    margin:0 10px 15px 0;
}
.tags li a {
    padding:10px;
    margin:0;
    display:block;
    color:#000;
    background-color:#e1e1e1;
    opacity:.65;
    white-space: wrap;
}
.tags li a:hover {opacity: 1;}
/* @4-tags end */

/* @5-icoline LG */
.ico-line {
    margin:0 auto 30px auto;
    padding:30px 30px 15px 30px;
    display:block;
    border-radius:16px;
    overflow:hidden;

    flex:1 1 31%;
    max-width:31%;
    min-height: 100px;

    letter-spacing:-0.02em;
    font-size:16px;
    line-height:1.4em;
    position:relative;
}
.ico-line.right .ico-line-title {padding:0 60px 20px 0;min-height:70px;}
.ico-line.left .ico-line-title {padding:0 0 20px 90px;min-height:70px;}


.ico-line img, .ico-line .ico {
    margin:0 auto;
    padding:0;
    top:15px;
    left:30px;
    display:block;
    flex-grow:1;
    width:64px;
    height:64px;
    object-fit:contain;

    font-size:50px;
    line-height:50px;
    letter-spacing:-0.04px;
    font-family:'Roboto Thin', sans-serif,Helvetica,Arial;
    text-align:center;

    z-index:10;
    position:absolute;
}
.ico-line.right img, .ico-line.right .ico {left:auto;right:15px;}
.ico-line.left img, .ico-line.left .ico {right:auto;left:15px;}

.ico-line.thumbnail {padding:250px 60px 30px 60px;}
.ico-line.thumbnail img {
    top:0;
    left:0;
    right:0;
    width:100%;
    height:220px;
    object-fit:cover;
}

.ico-line p {
    padding:5px 0;
    margin:0;
}
.ico-line-title {
    padding:0 0 10px 0;
    margin:0;
    height:auto;
    flex-grow:3;

    font-family:'Montserrat SemiBold', sans-serif,Helvetica,Arial;
    font-size:20px;
    line-height:24px;
    letter-spacing:-0.025px;
    font-weight:normal;
    white-space:pre-line;
}
/* ICO out */
.ico-line.out {padding:20px 30px 15px 30px;}
.ico-line.out img, .ico-line.out .ico {
    padding:0;
    margin:0 0 15px 0;
    top:0;
    left:0;
    right:auto;
    text-align:left;
    position:relative
}
/* @5-icoline end */

/* @6-category-item LG */
.category-desc h2, .category-desc h3 {padding-top:2rem;}
.category-item {
    padding:40px 120px 40px 260px;
    margin:0 0 30px 0;
    display:flex;
    justify-content:space-between;
    align-items: center;
    color:var(--c-secondary);
    height:auto;
    width: 100%;
    
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing:-0.025px;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;

    min-height: 200px;
    position: relative;
    transition: all .2s ease-out;
}
.category-item img {
    padding: 0;
    margin:0;
    position: absolute;
    top:0;
    left:0;
    width:220px;
    height:100%;
    object-fit: cover;
}
.category-item.round img {
    top:15%;
    left:25px;
    border-radius: 50%;
    width: 220px;   
    height: 148px;
    object-fit:cover;
}
.category-item:hover,.category-item:focus {
    /*transform: scale(1.02);*/
    -webkit-filter:hue-rotate(15deg);filter:hue-rotate(15deg);
    text-decoration: none;
    color:#fff;
    background-color:var(--c-primary);
    /*box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1);*/
}
.category-item:after {
    position: absolute;
    content:'';
    display: block;
    right:25px;
    top:40%;
    height: 44px;
    width: 44px;
    border-radius:8px;
    background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-arrow-cat.svg") left center / contain no-repeat #fff;

}
/* @6-category-item end */

/* @7-products LG */
ul.products {
    margin:0;
    padding:2rem 0;
    list-style: none;

    letter-spacing:-0.03px;

    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    align-content:space-around;
    justify-content:flex-start;

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

/* Breadcrumbs / WooCommerce */
.rank-math-breadcrumb, .woocommerce-breadcrumb {
    padding:10px 0;
    font-size: 15px;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
}
.hero .woocommerce-breadcrumb a, .hero .rank-math-breadcrumb a {color:#fff;opacity:.8;}
.hero .woocommerce-breadcrumb a:hover, .hero .rank-math-breadcrumb a:hover {color:var(--color-gray);opacity:.95;}

/* Notice */
.woocommerce-message, .woocommerce-error {
    padding:40px;
    margin:0 0 30px 0;
    list-style: none;
    background-color: #fff;
    border-left:var(--c-primary) 4px solid;
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,.1);
}
.woocommerce-error {border-left:var(--c-primary) 4px solid;}
.woocommerce-error li {margin-bottom: 15px;}
.woocommerce-invalid-required-field input, .woocommerce-invalid input {border:#C414C8 2px solid;}
.woocommerce-validated input {border:var(--c-primary) 1px solid;}
.woocommerce-message a {
    margin:0 30px 25px 0;
    padding:10px 15px;
    display: inline-block;
    color:var(--c-primary);
    border:var(--c-primary) 1px solid;
}
.woocommerce-message a:hover, .woocommerce-message a:focus {color:#fff;background-color:var(--c-primary);}


/* Products: Grid View Default */
.product {
    padding:0;
    margin:0 2% 60px 0;

    display:flex;
    flex:1 1 23%;
    flex-direction:column;
    justify-content:space-between;

    max-width:332px;
    background-color:var(--c-gray);
    border: 1px solid #E8E8E8;
    position: relative;
}
.white ul.products .product {background-color: #fff;}

ul.products :nth-child(4n) {margin-right:0;}
ul.products :nth-child(1+4n) {margin-left:0;}

.columns-2 .product {max-width: 48%;}

.product a {color:#000;}
.product:hover {color:#000;box-shadow: 0px 4px 30px 0px rgba(0,0,0,.1);}

.product img {
    padding: 0;
    margin:0;
    display: block;
    width: 100%;
    height: 200px;
    object-fit:cover;
}

.product .onsale, span.onsale {
    padding:6px 10px;
    background-color:var(--c-secondary);
    color:#fff;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
    font-size: 14px;
    bottom:0;
    right:0;
    border-radius:16px 0 0 0;
    position: absolute;
    z-index:1;
}

.woocommerce-loop-product__title {
    padding:20px 25px;
    margin:0;
    flex-grow: 3;
    height:auto;
    font-size: 18px;
    line-height: 1.5em;
    font-family:'Montserrat SemiBold',sans-serif,Helvetica,Arial;
    font-weight: normal;
}
.product .item-title span {
    display: block;
    font-family:'inter',sans-serif,Helvetica,Arial;
}

.product .price {
    padding: 0 25px 20px 25px;
    margin-top:auto;
    display: block;
    font-size: 22px;
    line-height: 1.4em;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial; 
}

form.cart {
    padding: 0;
    margin:0 0 20px 0;
    display:flex;

    flex-wrap:nowrap;
    align-items: center;
    align-content: stretch;
    /*justify-content: center;*/
}

.list form.cart {
    margin:auto 0;
    justify-content: flex-end;
}

.quanity {
    padding:0;
}
input.qty {
    padding:12px 0;
    margin:0 15px;

    display: inline-block;

    text-align: center;
    width: 100px;
    height: 45px;
    border: 1px solid #D6D6D6;
    border-radius: 1px;
    font-size: 18px;
    line-height: 1em;
}

.product .button {
    padding: 8px 20px;
    margin:auto 25px 0 0;
    display: inline-block;
    max-width:100%;
    width:100%;
    font-size: 18px;
    line-height: 1.4em;
    height: 45px;

    color:var(--c-primary);
    border:var(--c-primary) 1px solid;
    background: transparent;
    border-radius: 1px;
    position: relative;
    transition: background-color 0.3s;
}
.product .button:hover {background-color:var(--c-primary);color:#fff;}

/* Preloader ADD to Cart:loading added; */
/* Стили для прелоадера */
.product .button.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Анимация вращения прелоадера */
@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


/* List View Selected */
.list .product {
    padding:0 0 0 120px;
    margin:0 0 20px 0;

    flex:1 1 100%;
    max-width: 100%;

    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items: center;
    position: relative;

    min-height: 90px;
    width:100%;
    background: #fff;
    border: 1px solid #E8E8E8;
}
.list .product a {
    display: block;
    width: 100%;

}

.list .product img {
    position: absolute;
    top:0;
    left:0;
    width: 120px;
    height:100%;
    object-fit: cover;
}
.list .product .woocommerce-loop-product__title {
    display: inline-block;
    padding:0 10px 0 25px;
    margin:0;
    font-size: 18px;
    width:450px;
}
.list .product .price {
    padding:0 30px 0 0;
    margin:auto;
    display: inline-block;
    vertical-align:middle;
    font-size: 18px;
    width:160px;
}
/* @7-products end */

/* @8-pagination LG */
/* Pagination Cetegories & WooComme */
ul.page-numbers, .nav-links {
    padding:40px 0 15px 0;
    margin:0 auto;
    display:block;
    list-style:none;

    text-align:center;
    width:100%;
    height:auto;
    min-height:50px;

    text-align:center;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    font-size:18px;
    letter-spacing: -0.025px;
}

.page-numbers li {
    margin:0;
    list-style:none;
    display:inline-block;
}
a.page-numbers, .page-numbers.current {
    padding:0;
    margin:0 18px 20px 0;
    display:inline-block;
    min-width:42px;
    height:42px;
    line-height: 42px;
    border-radius: 50%;
    vertical-align: top;
    background:#fff;
    color:var(--c-primary);
}
.page-numbers.current {
    background:transparent;
    color:#000;
}
a.page-numbers:hover, a.page-numbers:focus, a.page-numbers:active {text-decoration:none;opacity:.65;}

.nav-links .prev, .nav-links .next {
    padding-left:42px;
    width: 42px;
    overflow:hidden;
    border:none;
}
.nav-links .next {background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-arrow-cat.svg") left center / contain no-repeat #fff;}
.nav-links .prev {background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-arrow-cat.svg") left center / contain no-repeat #fff;transform:rotate(180deg);}

/* pagination end */

/* @9-product-detail LG*/
.entry-title {
    margin:20px 0 15px 0;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    letter-spacing:-0.025px;
}

.single-product-image img {
    padding:0;
    margin:0 auto;
    width:100%;
    height:100%;
    max-width:100%;
    max-height: 450px;
    object-fit:cover;
}
/* Product Gallery */
.product-gallery {
    padding: 0;
    margin:10px 0 0 0;
    position:relative;
}
.product-gallery .attachment-thumbnail {
    padding:0;
    margin:0 8px 8px 0;
    display:inline-block;
    width:90px;
    height:60px;
    object-fit: cover;
    border:#fff 1px solid;
}


.wp-post-image {
    margin:auto;
    padding: 0;
    display: block;
    width:auto;
    height:auto;
    max-width: 100%;
    text-align:center;
    object-fit: cover;
}

.flex-control-nav {
    margin:3px 0;
    padding:0;
    list-style: none;
}
.flex-control-nav li {
    margin:3px 3px 0 0;
    padding: 0;
    display: inline-block;
    width: 16%;
    height: 80px;
    cursor: pointer;
}
.flex-control-nav linth-child(6n) {margin:3px 0 0 0;}

.flex-active {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}


/* attr table */
.block-attr {
    padding:15px 30px 30px 30px;
    margin:0 0 30px 0;
    display:block;
    width: 50%;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
}

.block-attr .instock {
    padding:0 0 30px 45px;
    margin:0 0 25px 0;
    display:block;
    width: 100%;
    font-size: 20px;
    color:var(--c-dark);
    position:relative;
}
.block-attr .instock:after {
    position: absolute;
    content:'';
    left:0;
    top:-6px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-check.svg") center center / 28px 28px no-repeat var(--c-dark);
}

.block-attr .instock.out {color:var(--c-secondary);}
.block-attr .instock.out:after {
    background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-close-w.svg") center center / 32px 32px no-repeat var(--c-secondary);
}

.block-attr table {
    display: block;
    text-align: left;
    font-size: 20px;
    line-height: 1.4em;
}
.block-attr tr {display:block;width:100%;border:none;}
.block-attr th {
    margin:0;
    padding: 0;
    display: block;
    max-width: 100%;
    width: 100%;
    color: #828282;
    font-weight: normal;
}
.block-attr td {
    padding:0;
    margin:0 0 20px 0;
    display: block;
    width:auto;
    color:#000;
    font-family:'inter 500',sans-serif,Helvetica,Arial;
}

.block-attr p {margin:0;}
.block-attr a {color:#000;font-family:'inter 500',sans-serif,Helvetica,Arial;}


/* buy form detail */
.block-form-buy {
    padding:50px 30px 30px 30px;
    margin:0 0 30px 0;
    display: block;
    width: 50%;
    height: 100%;

    /*background-color:var(--c-dark);*/ /*#4A4E5E;*/
    background-color:var(--c-gray);
    color:#000;
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,.25);
}

/* Ico find */
.woocommerce-product-gallery__trigger {
    position: absolute;
    top:15px;
    right:15px;
    z-index:1;
    display: none;
}
.woocommerce-product-gallery__trigger:before {
    content: "Click to zoom ";
    font-size: 13px;
    font-size: 0.815rem;
    letter-spacing: normal;
    color: red;
    font-weight: 500;
    display: block;
}


.woocommerce-product-gallery {
    padding:30px;
    margin:0 30px 30px 0;
    background:#fff;
    border:#E4E5E9 1px solid;
}

.woocommerce-product-gallery img {
    display: block;
    width:480px;
    height:360px;

    object-fit:cover;
}
/* detail price buy button */
.product-detail form.cart {flex-wrap: wrap;}

.product-detail .price {
    padding:0 0 40px 0;
    margin:0;
    display:inline-block;
    font-size:30px;
    line-height:1.4em;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
}

/* Tooltip hint data- */
.tooltip-icon {
    margin: 0 0 20px 10px;
    position: relative;
    display: inline-block;
    float: right;

    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: #a1a1a1 1px solid;
    color: #a1a1a1;
    font-family: 'Montserrat Medium', sans-serif, Helvetica, Arial;
    font-size: 18px;
    line-height:28px;
    text-align: center;
    background:#fff;
}

.tooltip-icon::before {
    padding: 6px 12px;
    display: none;
    z-index: 1;
    top:10px;
    right:25px; /* Изменение значения left на right */

    font-family: 'Montserrat Medium', sans-serif, Helvetica, Arial;
    font-size: 14px;
    line-height: 16px;

    content: attr(data-tooltip);
    position: absolute;
    z-index: 10;
    background: #fff;
    color: #333;
    text-align: left;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    transform: translateX(0); /* Изменение значения на 0 */
    opacity: 0;
    width:250px;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip-icon:hover::before {
    display: block;
    opacity: 1;
    transform: translateX(0) translateY(-10px);
}
/* end tooltips */


.product-detail .button {
    padding: 25px;
    margin:15px 0;
    display: block;
    width: 100%;
    max-width:100%;
    position: relative;
    color:#fff;
    /*border:var(--c-secondary) 2px solid;*/
    border:none;
    background:var(--c-secondary);
    font-size:20px;
    line-height: 32px;
}
.product-detail .button:hover, .product-detail .button:focus {background-color:var(--c-secondary-hover);color:#fff;}
.product-detail .button:before:hover, .product-detail .button:before:focus {
    filter: brightness(255) invert(1);
}

.product-detail .button:before {
    display:inline-block;
    content: '';
    background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-cart.svg") center center / contain no-repeat;
    margin-right:15px;
    position: relative;
    left: auto;
    top: auto;
    width: 32px;
    height: 32px;
    vertical-align:top;
    filter: brightness(255) grayscale(100%);
}


.product-detail .qty {
    margin:15px 0 30px 0;
    padding:0 15px ;
    display:inline-block;
    text-align:center;
    width: 80%; /* 112 */
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    background:#fff;

}
.product-detail .quantity:before {
    padding:0 10px 0 0;
    margin:0;
    display: inline-block;
    font-size: 20px;
    line-height: 74px;
    height: 74px;
    width: auto;
    content:"# м²";
}
/* @9-product-detail end*/

/* @9-Author LG */
.item-author {
    padding:0 0 0 90px;
    margin:0;
    position:relative;
    min-height:70px;

    font-size:20px;
    line-height:1.5em;
}
.item-author img {
    margin:0;
    padding:0;
    left:0;
    top:10px;
    bottom:0;
    width:70px;
    height:70px;
    object-fit:cover;
    position:absolute;
}
.item-author-who {padding:0 0 5px 0;font-size: 16px;line-height: 1.4em;opacity: .8;}
.item-author p {
    letter-spacing:-0.025px;
    font-size:16px;
    line-height:20px;
    opacity:.85;
}
/* @9-Author end */

/* */
/* @10-Blog-Category LG */
.blog {margin:0 -15px;}
.blog .item {
    margin: 0 1% 30px 1%;
    padding:0 0 40px 0;
    min-width: 195px;
    max-width: 23%;
    width: 24%;
    flex: 1 1 22%;
    object-fit: cover;
    overflow: hidden;

    border-radius:10px 10px 20px 20px;
    background-color:var(--c-gray);
    position:relative;
}
.blog.white .item {background-color: #fff;}

.blog .item a {display:block;height:100%;color:#000;}

.blog .item img {
    margin:0;
    padding:0;
    width: 100%;
    height:220px;
    object-fit:cover;
}

.blog .item-title, .crp_title {
    padding:15px 30px 5px 30px;
    display: block;
    font-family:'Montserrat Meidium',sans-serif,Helvetica,Arial;
    font-size:18px;
    line-height:135%;
    text-transform:none;
    letter-spacing: -0.02em;
    white-space:pre-line;
}

.blog .item:hover{
    transition:all .3s ease-out;
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);
}
.blog .item:hover .item-title {color:var(--c-primary);}

/* Large-Blog */
.blog.lg .item:nth-child(1),
.blog.lg .item:nth-child(2),
.blog.lg .item:nth-child(3),
.blog.lg .item:nth-child(10) {
    flex:1 1 31%;
    max-width:31%; /* 48% */
    overflow:hidden;
}

.blog.lg .item:nth-child(1) img,
.blog.lg .item:nth-child(10) img {height:100%;object-fit: cover;}

.blog.lg .item:nth-child(1) .item-title,
.blog.lg .item:nth-child(10) .item-title {
    position: absolute;
    bottom:30px;
    left:25px;
    right:25px;
    color:#fff;
    z-index: 1;
}
.blog.lg .item:nth-child(1):before,
.blog.lg .item:nth-child(10):before {
    position: absolute;
    display: block;
    content:'';
    height:100%;
    width:100%;
    background: linear-gradient(-135deg, #1D2549, #000000 );
    opacity: .6;
}

/* CRP Related Plugin */
.crp_related {max-width: 100%;width: 100%;padding-left:15px;padding-right:15px;}
.crp-more {
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
    font-size:20px;
    line-height:1.5em;
    letter-spacing:-0.025px;
    font-weight:normal;
}
/* @10-Blog-Category end */

/* @11-blog-Detail LG */

.entry h1,.entry h2,.entry h3,.entry h4 {margin:40px 0 15px 0;}

.entry img {margin:4rem auto; display: block;object-fit: contain;}

/* @11-blog-Detail end */


/* @12-Relaited-Posts LG */

/* @12-Relaited-Posts end */


/* @13-Landing-Page LG */

/* @13-Landing-Page end */

/* @14-WooCom-UI LG */
/* Login form WooCommerce */
.woocommerce h2 {margin:10px 15px 20px 0;}
.woocommerce-form-login.login {
    margin: 20px auto;
    padding:20px 30px;

    width: 100%;
    max-width:450px;
    background:#fff;
    border-radius: 6px;
    border:#f2f2f2 1px solid;
}
.woocommerce-form-row {margin-bottom:15px;}

.woocommerce-form-login__submit {
    padding: 12px 20px;
    margin:20px 0 30px 0;
    background: var(--c-primary);
    color: #fff;

    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
    min-width: 120px;

    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}
.woocommerce-form-login__submit:hover {background: var(--c-primary-hover);}
.woocommerce-LostPassword a {color: var(--c-secondary);}

/* Стили для чекбокса "Remember me" */
input.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    color: var(--c-darkgray);
}
input.woocommerce-form__input-checkbox {
    margin-right:5px;
    width:20px;
    height:15px;
}
/* end Login Form */

/* My-account dashboard start */
.woocommerce {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Products shortcode fix */
.woocommerce.columns-4 {display: block;}

/* Стили для левого меню */
.woocommerce-MyAccount-navigation {
    margin:30px 0;
    padding:0;
    border-radius: 4px;
    background:#fff;
    color: #000;
    border:#eee 1px solid;
    width:20%; /* Ширина левого меню, например 20% */
}

.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin:0;
    list-style: none;
    font-size:16px;
    line-height:1.5em;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
}

.woocommerce-MyAccount-navigation li {margin:0;padding:0;}
.woocommerce-MyAccount-navigation a {
    padding: 10px 15px;
    color: #000;
    display: block;
    border-bottom:#eee 1px solid;
    text-decoration: none;
    transition: color 0.2s;
}
.woocommerce-MyAccount-navigation li:last-child a {border:none;}

/* Стили для правого контента */
.woocommerce-MyAccount-content {
    margin:30px 0 30px 30px;
    padding:30px;
    flex-grow: 1; /* Занимает оставшееся место справа */
    background: #fff;
    border:#eee 1px solid;
    width:65%; /* Ширина правого контента, например 80% */
}
.woocommerce table {width: 100%;}
.woocommerce-MyAccount-content p {margin-bottom: 20px;}


/* Стили для активной ссылки */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {background:#f8f8f8;}

/* Стили для кнопки Logout */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    margin-top:30px;
    color: var(--c-primary);
}
/* My-account dashboard end */


/* @14-WooCom-UI end */

/* @info LG */
.info {
    padding:30px 50px;
}
.info.lg {
    padding:60px 15%;
    font-size: 20px;
    line-height:1.4em;
    /*border-radius: 6px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);*/
}
.info.lg.p-1 {padding: 60px 30% 60px 0;}
.info.lg.p-2 {padding: 60px 0 60px 30%;}

/* end info */

/* Footer LG */
footer {
    padding:80px 0 40px 0;
    margin:0;
    background-color:var(--c-primary);
    color:#f4f4f4; /* color:var(--c-dark);*/
    font-size:14px;
    line-height: 1.5em;
    letter-spacing:-0.01em;
}
footer ul {
    margin:0;
    padding:0 0 30px 0;
    list-style: none;
    font-size: 16px;
}
footer a {color:#fff;}
footer a:hover,footer a:focus {opacity:.8;color:#fff}
footer ul li {padding:0 0 10px 0;}

footer a.logo {
    margin:-25px 0 0 0;
    padding:0;
    filter:invert(1) brightness(1000%) grayscale(100%);
}

footer a.logo:hover {opacity:.8;}

.footer-h {
    padding: 0 0 20px 0;
    font-family:'Montserrat SemiBold',sans-serif,Helvetica,Arial;
    color:var(--c-gray);
    font-size: 16px;
    text-transform: uppercase;
    opacity:.6;
}
.footer-tel {display:block;padding:0 0 15px 0;font-size:24px;}
.footer-tel:hover, .footer-tel:focus {color:#fff;}
.footer-contact {padding:0 0 30px 30px;}

footer .copyright {opacity: .8;font-size: 15px;}

/* end footer */

/* Modal PopUp*/
.modal {
    background:rgba(127,127,127,0.8);
}
.modal-head {
    padding:0 0 10px 0;
    margin:0 auto;
    font-size:35px;
    line-height:1.5em;
    font-family:'ProstoOne',sans-serif,Helvetica,Arial;
}
.txtcall {
    padding-top:5px;
    font-size:18px;
    line-height:1.3em;
    font-family:'Montserrat Medium',sans-serif,Helvetica,Arial;
}
.modal-dialog {
    margin:30px auto 15px auto;
    max-width:700px;
    width:auto;
    border-radius:20px;
    overflow:hidden;
}
.modal-dialog img{
    display:block;
    object-fit:cover;
    max-width:100%;
}
.modal-content {
    padding:30px 50px;
    width:100%;
    border-radius:0;
    border:none;
}

.modal .block-form-title {font-size:20px;line-height:1.4em;}
.modal-dialog .btn {
    padding:22px 45px;
    margin:30px auto 15px auto;
    display: inline-block;
    width:auto;
    border:0;
}

.modal-callback-close {
    width:35px;
    height:35px;
    background:transparent !important;
    font-size:24px;
    position:absolute;
    top:10px;
    right:10px;

}
.close {
    background:url(/wp-content/themes/zelenaya-moyka-24-pr/img/ico-x.svg) center center / 18px 18px no-repeat;
    color:#fff !important;
    width:32px;
    height:32px;
    text-align:right;
    font-size:24px;
    line-height:24px;
    display:block;
    cursor:pointer;
}
.close:hover {text-decoration:none !important;}

/* CF7 */
.wpcf7-not-valid-tip {
    margin:-20px auto 0 auto !important;
    padding:5px 10px !important;
    display:inline !important;
    top:0;
    left:20px;
    width:auto;
    font-size:13px !important;
    line-height:1.4em;
    text-align:center;
    color:#fff !important;
    border:0;
    border-radius:8px;
    background:var(--c-secondary);
    position:relative;
    user-select: none;
}
span.wpcf7-not-valid-tip:before {
    position:absolute;
    top:-8px;
    left:45%;
    right:0;
    content:'';
    width:0;
    height:0;
    background:transparent;
    border-width:0 8px 8px 8px;
    border-color:transparent transparent var(--c-secondary) transparent;
    border-style:solid;
    z-index:5;
}

.wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    margin:0 auto 5px auto !important;
    padding:15px !important;
    text-align:center;
    color:#000;
    background:#eee;
    border:0;
    border-left:4px solid var(--c-secondary);
    font-size:16px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
}


/* Basics Addon */
/* PADDINGS */
.no-p {padding-left:0 !important;padding-right:0 !important;}
.no-m {margin-left:0 !important;margin-right:0 !important;}
.narrow {margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;}
.w100 {width:100% !important;}
.h100 {height:100% !important;}

.p-1 {padding-left:0;padding-right:30px;}
.p-2 {padding-left:30px;padding-right:0;}
.p-2 iframe, .p-2 video {float:right;}

.p-block {padding-top:5rem;padding-bottom:5rem;}
.p-block-t {padding-top:5rem;}
.p-block-b {padding-bottom:5rem;}

.p-t-0 {padding-top:0 !important;}
.p-b-0 {padding-bottom:0 !important;}

.p-5 {padding:5px !important;}
.p-b-5 {padding-bottom:5px !important;}
.p-t-5 {padding-top:5px !important;}
.p-b-5 {padding-bottom:5px !important;}

.p-10 {padding:10px !important;}
.p-t-10 {padding-top:10px !important;}
.p-b-10 {padding-bottom:10px !important;}

.p-15 {padding:15px !important;}
.p-t-15 {padding-top:15px !important;}
.p-b-15 {padding-bottom:15px !important;}

.p-t-20 {padding-top:20px !important;}
.p-b-20 {padding-bottom:20px !important;}

.p-t-25 {padding-top:25px !important;}
.p-b-25 {padding-bottom:25px !important;}

.p-30 {padding:30px !important;}
.p-t-30 {padding-top:30px !important;}
.p-b-30 {padding-bottom:30px !important;}

/* Item Width */
.col1 {max-width:100%;flex:1 1 100%;}
.col2 {max-width:48%;flex:1 1 47%;}
.col3 {max-width:32%;flex:1 1 31%;}
.col4 {max-width:23%;flex:1 1 23%;}

/* Text align */
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-left {text-align: left;}
.t-pre {white-space: pre-line;}
.nowrap {white-space: nowrap;}
.t-stroke {
    font-family:'ProstoOne',sans-serif,Helvetica,Arial !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color:#000;
    opacity: .4;
}
.t-stroke.white {-webkit-text-stroke-color:#fff;color:#fff;}
.t-bold {font-family:'Montserrat SemiBold',sans-serif,Helvetica,Arial;}
.t-caps {text-transform: uppercase;}
.t-underline {text-decoration: underline;}


/* Backgrounds */
.bg-dark {background-color:var(--c-dark);}
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-gray {background-color:var(--c-gray);}
.bg-yell {background-color:var(--c-yell);}
.bg-darkgray {background-color:var(--c-darkgray);}
.bg-primary {background-color:var(--c-primary);}
.bg-secondary {background-color:var(--c-secondary);}

.grad-gray {/*    background: linear-gradient(89.73deg, #EFEEF2 -0.03%, #E1E1E7 26.84%, #EEEFF3 56.63%, #E6E5EA 99.77%);*/
    /*background: linear-gradient(89.73deg, #EFEEF2 -0.03%, #E1E1E7 26.84%, #FFFFFF 56.63%, #E6E5EA 99.77%);*/
    background: linear-gradient(89.73deg, #F8F7FA -0.03%, #EAE9EF 26.84%, #F7F8FC 56.63%, #EFEEF3 99.77%);
}
.bg-blog {background-image:url("/wp-content/themes/zelenaya-moyka-24-pr/img/bg-blog-article.jpg");}


.bg-elem1 {
    background-image:url("/wp-content/themes/zelenaya-moyka-24-pr/img/zm-elem6.svg"), 
    url("/wp-content/themes/zelenaya-moyka-24-pr/img/zm-elem7.svg");
    background-position:left bottom, right top;
    background-repeat:no-repeat, no-repeat;
}

.bg-elem2 {
    background-image:url("/wp-content/themes/zelenaya-moyka-24-pr/img/zm-elem10.svg"), 
    url("/wp-content/themes/zelenaya-moyka-24-pr/img/zm-elem11.svg");
    background-position:left bottom, right top;
    background-repeat:no-repeat, no-repeat;
}



/* Link Colors fix */
a.bg-dark, a.bg-black, a.bg-primary, a.bg-secondary,
a.bg-dark:hover, a.bg-dark:focus,
a.bg-black:hover, a.bg-black:focus,
a.bg-primary:hover, a.bg-primary:focus,
a.bg-secondary:hover, a.bg-secondary:focus {color:#fff;}

/* Colors */
.c-white {color:#fff;}
.c-black {color:#000;}
.c-dark {color:var(--c-dark);}
.c-primary {color:var(--c-primary);}
.c-secondary {color:var(--c-secondary);}
.c-gray {color:var(--c-gray);}
.c-darkgray {color:var(--c-darkgray);}

/* Filter */
.f-white {filter:invert(0) brightness(250%) grayscale(100%);}
.f-white2 {filter:invert(1) brightness(250%) grayscale(100%);}

.f-black {filter:invert(1) brightness(100%) grayscale(100%);}
.f-black2 {filter:invert(0) brightness(100%) grayscale(100%);}

.f-gray  {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.f-purple {-webkit-filter: hue-rotate(-70deg);filter: hue-rotate(-70deg);}
.f-red {-webkit-filter: hue-rotate(320deg);filter: hue-rotate(320deg);}
.f-invert {-webkit-filter: invert(100%);filter: invert(100%);}

/* Elements */
.btn.more {padding-right:50px;position: relative;}
.more:after {
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:15px;
    width: 35px;
    height:100%;
    background: url(/wp-content/themes/zelenaya-moyka-24-pr/img/ico-arrow-cat.svg) right center / contain no-repeat transparent;
}
.more.black:after {filter:brightness(0%) grayscale(100%);}
.more:hover:after, .more:focus:after {filter:invert(1) brightness(250%) grayscale(100%);}

.btn.link.more {padding-right:35px;}
.btn.link.more:after {background: url(/wp-content/themes/zelenaya-moyka-24-pr/img/ico-more.svg) right center / 14px 18px no-repeat transparent;}

.opacity {opacity:.85;}
.underline {margin-bottom:30px;position: relative;}
.underline::after {
  content: '';
  margin-top:10px;
  display: block;
  width:40px;
  height:6px;
  border-radius:16px;
  background-color:var(--c-secondary);
}

@media screen and (max-width: 1720px) {
    /* @1-base-html MD */
    body {font-size:17px;}
    h1, h2 {font-size:30px;}
    h3 {font-size:26px;}
    h4 {font-size:24px;}


/* ICO for BTNs MD */
.ico-left {padding-left:48px;}
.btn-hero.ico-left {padding-left:60px;}
.ico-right {padding-right:48px;}
.btn-hero.ico-right {padding-right:60px;}
.ico-left:before {left:20px;}
.ico-right:before {right:20px;}
.btn-hero.ico-left:before {left:30px;}
.btn-hero.ico-right:before {right:30px;}

/* ICO SMM MD*/
.ico-smm img {margin: 0 15px 25px 0;}


/* @1-base-html end */

/* @2-header MD */
.logo {
    padding:5px 5px 0 35px;
    width:200px;
    font-size: 20px;
}

ul.menu, .lang-block {font-size:15px;}
.header .right-icons {padding:0 10px 0 0;}
.btn-cart {margin: 0 10px 0 0;}

.phone {margin: 0 30px 0 0;font-size:16px;}

.lang-block {margin:8px 0 0 10px;}
.lang a img {margin:0;}
/* @2-header end */

/* @3-hero MD */
.hero h1, .t-hero {font-size:30px;}
.hero p {font-size: 17px;}
.hero.sm {padding:30px 15px; min-height:250px;}
/* @3-hero end */

/* @4-tags MD */
/* @4-tags end */

/* @5-icoline MD */
.ico-line, .ico-line p {font-size: 15px;}
.ico-line-title {font-size:18px;line-height:24px;}
.ico-line img, .ico-line .ico {font-size:40px;top:10px;}
/* @5-icoline end */

/* @9-product-detail MD */
.product-detail .price {padding: 0 0 30px 0;}
.product-detail .quantity:before{font-size:14px;}
.product-detail .qty {
    padding:0 10px;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
}
.product-detail .button {padding:20px;}
/* @9-product-detail end */

/* @10-Blog-Category MD */
.blog .item {margin:20px 1% 30px 1%;}
/* @10-Blog-Category end */

/* @14-WooCom-UI MD */
.woocommerce-MyAccount-navigation ul, .woocommerce-MyAccount-content table {font-size: 14px;}
/* @14-WooCom-UI end */

/* @info MD */
.info {padding:30px 40px;}
.lg.info {padding:40px 12%;font-size:18px;}
.info.lg.p-1 {padding:40px 12% 40px 0;}
.info.lg.p-2 {padding:40px 0 40px 12%;}

/* @info end */

/* Footer MD */
footer .copyright {}
.footer-tel {font-size: 18px;}
.footer-menu {padding:0;}
.footer-contact {padding: 0 0 30px 30px;}
/* end footer */

}

@media screen and (max-width: 1249px) {
    /* @1-base-html SM */
    body {font-size:16px;}
    h1, h2 {font-size:24px;}
    h3 {font-size:25px;}
    h4 {font-size:22px;}
    table {display:block;margin:20px 0;font-size:14px;}
    td, th {padding:8px 5px;}

/* Galery SM */
.gallery-item {
    flex: 0 0 calc(50% - 7.5px); /* 2 колонки на планшетах */
}

.stack {margin-bottom:30px;box-shadow:10px 15px 0 #F2F2F2;}
.stack-left {margin-bottom:30px;box-shadow:-15px 15px 0 #F2F2F2;}

button, .btn, .submit {margin:20px 0 15px 0;}

/* Input Form SM */
.radio-group label {font-size: 14px;}
input, textarea {font-size: 14px;}

.radio-group .wpcf7-acceptance label {font-size:13px;}

/* ICO for BTNs SM */
.ico-left {padding-left:48px;}
.btn-hero.ico-left {padding-left:60px;}
.ico-right {padding-right:48px;}
.btn-hero.ico-right {padding-right:60px;}
.ico-left:before {left:20px;}
.ico-right:before {right:20px;}
.btn-hero.ico-left:before {left:30px;}
.btn-hero.ico-right:before {right:30px;}

/* ICO SMM SM */
.ico-smm img {margin: 0 10px 20px 0;height:24px;}

/* @1-base-html end */

/* @2-header SM */
.header .logo {
    padding:10px 0 0 0;
    font-size: 15px;
    height:50px;
    width:100px;

    background: url(/wp-content/themes/zelenaya-moyka-24-pr/img/logo-xs.svg) left center / contain no-repeat;
}
.logo img {top:10px;width:25px;height:25px;}
.header .logo img {top:20px;}

ul.menu {font-size:13px;}
.menu li {margin-right:6px;}
.menu li.menu-item-has-children {padding-right:10px;}

.phone {display:none;font-size: 14px;margin: 0 10px 0 0;}

/* @language-selector SM */
.lang-block {font-size: 14px;}
/* language end*/



.right-icons {padding:0;}
.btn-cart {
    margin: 0 20px 0 0;
    padding: 0;
    width:24px;
    height: 46px;
    background-size:24px 24px;
}
.cart-count {
    font-size:12px;
    top:12px;
    right:-15px;
}
/* @2-header end */

/* @3-hero SM */
.hero p {font-size:16px;}
.hero.sm {padding:30px 15px;min-height:220px;}

.t-hero, .hero h1, .hero h2, .hero.sm h1, .hero.sm h2 {font-size:26px;}

/* @3-hero end */

/* @4-tags SM */
ul.tags {
    font-size: 14px;
    margin:2rem 0 3rem;
}
.tags li {margin: 0 8px 12px 0;}
.tags li a {padding:5px 10px;}
/* @4-tags end */

/* @5-icoline SM */
.ico-line {padding:15px 20px;font-size:14px; margin-bottom:15px;}
.ico-line-title {font-size:16px;}
.ico-line img, .ico-line .ico {font-size:36px;}
.ico-line.right .ico-line-title {padding:0 70px 20px 0;min-height: 40px;}
.ico-line.right img, .ico-line.right .ico {font-size:32px;right:20px;}

.ico-line.left .ico-line-title {padding:0 0 20px 70px; min-height: 40px;}
.ico-line.left img, .ico-line.left .ico {font-size:32px;left:20px;}


.ico-line.thumbnail {padding:220px 30px 30px 30px;}
.ico-line.thumbnail img {height:200px;}


/* @5-icoline end */

/* @6-category-item SM */
.category-item {padding:15px 60px 15px 200px;min-height:120px;font-size: 16px;}
.category-item img {width:180px;}
.category-item:after {
    top:40px;
    right:15px;
    width:32px;
    height: 32px; 
}
/* @6-category-item end */

/* @7-products SM */
/* WooCommerce SM */
.woocommerce-message, .woocommerce-error {padding: 30px;}
.woocommerce-message a {margin:0 20px 0 0;}

.product, .list .product {
    padding: 0 0 0 92px;
}

/* grid = list view */
.product a {
    display: block;
    width: 100%;
}
.product {
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;

    flex:1 1 100%;
    max-width: 100%;
    width: 100%;
    min-height: 80px;
    background: #fff;
    border: 1px solid #E8E8E8;
}

.product img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.product img, .list .product img {
    width:92px;
}
.product .woocommerce-loop-product__title,
.list .product .woocommerce-loop-product__title {
    padding: 8px 16px;
    margin:0;
    display: inline-block;
    height:auto;
    width:100%;
    max-width: 270px;
    font-size: 16px;
}
.product .price,
.list .product .price {
    padding: 8px 10px 8px 16px;
    margin:0;
    display: inline-block;
    text-align: left;
    font-size: 16px;
}
.product .button {
    padding: 0;
    margin:auto 8px;
    border:none;
    font-size: 0;
    max-width: 45px;
    width: 45px;
    height: 45px;
    background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-cart.svg") center center / 24px 24px no-repeat;
}
.product .button:hover {
    background-color:#fff;
    color:#000;
}

input.qty {
    margin: 0 0 0 15px;
    font-size:15px;
    height: 35px;
}
/* @7-products end */


/* @9-product-detail SM */
.woocommerce-product-gallery {
    margin:0;
    padding:15px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.woocommerce-product-gallery img {
    margin:0 auto;
    width: 100%;
    max-width: 100%;
    height:100%;
    object-fit: contain;
}
.block-attr .instock {
    padding:0 0 15px 40px;
    margin:0;
    font-size: 16px;
}
.block-attr .instock:after {
    top:-5px;
    width: 32px;
    height: 32px;
    background-size: 26px 26px;
}
.block-attr, .block-form-buy {
    padding:30px 20px;
    margin:15px 0;
    width:50%;
    font-size: 16px;
}
.block-attr table {font-size: 16px;}

.product-detail .price {
    padding: 0 0 40px 0;
    font-size:20px;
}
.product-detail .quantity:before {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
}
.product-detail .qty {
    margin:0 0 25px 0;
    height:48px;
    line-height:48px;
    font-size:22px;
    width:82%;
}
.product-detail .button {padding:14px 20px;}
/* @9-product-detail end */

/* @9-Author SM */
.item-author {font-size:16px;}
.item-author img {top:2px;}
.item-author-who {font-size: 14px;}
.item-author p {font-size:14px;line-height:24px;}
/* @9-Author end */

/* @10-Blog-Category SM */
.blog .item {
    margin: 20px 1%;
    max-width: 48%;flex:1 1 48%;
}
/* @10-Blog-Category end */

/* @14-WooCom-UI SM */
.woocommerce-MyAccount-navigation ul {font-size:14px;}
.woocommerce-MyAccount-navigation {
    margin:15px 0;font-size: 13px;
}

.woocommerce-MyAccount-content {
    margin:15px 0;
    padding:15px 10px;

}
/* @14-WooCom-UI end */



/* Modal SM */
.modal-content {padding:25px 40px;}
.modal-head {font-size:30px;}


/* Basics Addon SM */
.p-block {padding-top:3rem;padding-bottom:3rem;}
.p-block-t {padding-top:3rem;}
.p-block-b {padding-bottom:3rem;}
.p-1 {padding-right:15px;}
.p-2 {padding-left:15px;}
.p-2 iframe, .p-2 video {float:none;}

/* @info SM */
.info {padding:25px 30px;}
.lg.info {padding:25px 40px;font-size:17px;}
.info.lg.p-1 {padding:25px 40px 25px 0;}
.info.lg.p-2 {padding:25px 0 25px 40px;}

/* @info end */

/* Item Width SM */
.col4 {max-width:49%;flex:1 1 49%;}

/* Footer SM */
footer {padding:40px 0;}

footer .copyright {order:2;}

.footer-tel {font-size: 16px;}

.footer-menu {order:1;}

.footer-contact {
    order:3;
    padding:15px 30px 0 15px;
    text-align:right;
}
/* end footer */

/* BG SM */
.bg-blog {background-image:url("/wp-content/themes/zelenaya-moyka-24-pr/img/bg-blog-article-sm.jpg")}

/* Padding SM */
.p-1, .p-2 {padding-left:0;padding-right:0;}

.bg-elem1, .bg-elem2 {background-size:auto 64px, auto 64px;}


}

/* XS */
@media screen and (max-width: 767px) {
/* @1-base-html XS */
body {font-size:14px;}
h1, h2 {margin:0 0 20px 0;font-size:24px;}
h3 {font-size:20px;}
table, label {font-size:13px;}
td, th {padding:8px 5px 5px 5px;}

input, select {padding:10px;font-size:14px; }

.radio-group .wpcf7-acceptance label {font-size: 12px;}

/* Galery XS */
.gallery-item {
    flex: 0 0 100%; /* 1 колонка на мобильных */
}
.gallery {gap: 10px;}

/* FANCY BOX Plugin XS */
#fancybox-left-ico {
    left: 0;
}
#fancybox-right-ico {
    left: auto;
    right: 0;
}
.fancybox.image {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.stack {box-shadow:10px 15px 0 #F2F2F2;}
.stack-left {box-shadow:-10px 15px 0 #F2F2F2;}

/* @Hamburger XS */
/* @Main Menu XS */
#mainmenu.collapse {
    display:block;
    position:relative;
    width: 100%;
    height: 50px;
}
#mainmenu.collapse.in {height: 100vh;}


#mainmenu ul.menu {display: none;height:0;font-size: 16px;}

#mainmenu.in ul.menu {
    padding:10px 0 0 0;
    margin:60px 0 0 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    display:flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    overflow: auto;
}

.menu li a {
    padding:5px 15px;
    margin:0 0 5px 0;
    display: block;
}
.menu li {
    display: block;
    margin: 0;
    padding: 0;
}

/* 2lvl menu XS */
.menu li.menu-item-has-children {text-align: center;}
.menu li.menu-item-has-children:after {top:15px;}
.menu .sub-menu {
    margin:0;
    padding:0;
    display:block;
    opacity: 1;
    height:auto;
    top:0;
    left:0;
    right:0;
    box-shadow:none;
    position:relative;
}
.sub-menu li a {border:none;text-align: center;}

/* Lang-block XS */
.lang-block {
    margin:0;
    position: absolute;
    top:8px;
    right:115px;
    font-size:0;
    width: 60px;
}
.lang:hover, .lang:focus {
    padding-top:15px;
    margin:15px 0 0 0;
    font-size:14px;
    z-index:10;
}

.right-icons {float:none;}

.btn-cart {
    margin:0;
    top:10px;
    right:90px;
    height:25px;
    background-size:24px 24px;
    position: absolute;
}
.cart-count {top:-5px;right:-15px;}

header .btn {display: none;}
header #mainmenu.in .btn {
    padding:10px 15px;
    margin:0 auto;
    position: absolute;
    z-index: 5;
    top:auto;
    bottom:140px;
    left:30px;
    right:30px;
    max-width:240px;
    text-align: center;
    display: block;
}

input.collapsed ~ .m-menu-btn-box {top:10px;}
.m-menu-btn-box {top:15px;}

/* end Mainmenu */

.btn {
    padding:10px 15px;
    margin:12px 0;
    font-size: 14px;
}
.btn-lg {padding:12px 15px;
    text-align: center;
    width: 100%;
}
.btn-lg.btn-empty {padding:10px 15px;}
.btn-lg:nth-child(even) {margin-left:0;}
.btn-lg, .btn-empty {font-size:15px;}
.btn-xs {padding:8px 5px;font-size:12px;}
.btn.more {padding-right:45px;}


/* ICO for BTNs SM */
.ico-left {padding-left:40px;}
.btn-hero.ico-left {padding-left:50px;}
.ico-right {padding-right:40px;}
.btn-hero.ico-right {padding-right:50px;}
.ico-left:before {left:10px;}
.ico-right:before {right:10px;}
.btn-hero.ico-left:before {left:15px;}
.btn-hero.ico-right:before {right:15px;}

/* Ico SMM XS */
.ico-smm {padding:15px 0 0 0;}
.ico-smm img {margin: 0 10px 15px 0;}


/* @1-base-html end */

/* @2-header XS */
.header {height: 60px;padding:5px 0;}
.header .logo {
    position: absolute;
    top:0;
    left:15px;
    height:50px;
    width:200px;
    background: url(/wp-content/themes/zelenaya-moyka-24-pr/img/logo.svg) left center / contain no-repeat;
}
.logo img {
    top:12px;
    width: 20px;
    height: 20px;
}
.header .logo img {top:12px;}

.header .phone {
    padding:0;
    margin:0;
    text-align:center;
    width: 100%;
    top:auto;
    bottom:200px;
    display:none;
    position:absolute;
    z-index: 10;
}
.header .in .phone {display:block;}

/* @2-header end */

/* @3-hero XS */
.hero {
    padding:230px 0 20px 0;
    min-height: auto;
    background-size:auto 260px;
    background-position: center top;
    background-repeat: no-repeat;
}
.hero:before {display: none;}

.hero.sm {padding:30px 15px; min-height:200px;background-size:cover;}
.hero.sm:before {display: block;}

.hero.cover {background-size:cover;}
.hero.cover:before {display:block;}

.hero h1, .hero h2, .hero.sm h1, .hero.sm h2 {font-size:22px;}

.hero p {font-size: 15px;margin:0 0 10px 0;}
/* @3-hero end */

/* @4-tags XS */
/* @4-tags end */

/* @5-icoline XS */
.ico-line {
    padding:16px;
    margin:0 auto 8px auto;

    max-width:100%;
    flex:1 1 100%;
    min-height:65px;
    font-size:14px;
    line-height:22px;
}
.ico-line-title {padding:10px 0;min-height: 30px;}
.ico-line img, .ico-line .ico {width:50px;height:50px;top:5px;}
.ico-line.right {padding:16px 50px 16px 16px;}
.ico-line.right img, .ico-line.right .ico {right:10px;}

.ico-line.left {padding:16px 16px 16px 60px;}
.ico-line.left img, .ico-line.left .ico {left:10px;}

.ico-line.out {padding:16px;}

.ico-line.thumbnail {padding:200px 20px 20px 20px;}
.ico-line.thumbnail img {height:180px;}

/* @5-icoline end */

/* @6-category-item XS */
.category-item {
    padding:10px 15px 10px 115px;
    margin: 0 auto 5px auto;
    min-height:90px;
    font-size: 16px;
}
.category-item img {width:100px;}
.category-item .item-title {font-size: 13px;}
.category-item:after {display: none;}
/* @6-category-item end */

/* @7-products XS */
.product, .list .product {
    padding: 0 0 0 60px;
}

/* grid = list view */
.product a {
    display: block;
    width: 100%;
}
.product {
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;

    flex:1 1 100%;
    max-width: 100%;
    width: 100%;
    min-height:60px;
    background: #fff;
    border: 1px solid #E8E8E8;
}

.product .onsale, span.onsale {
    padding:4px 8px;
    font-size: 13px;
}

.product img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.product img, .list .product img {
    width:64px;
}
.product .woocommerce-loop-product__title,
.list .product .woocommerce-loop-product__title {
    padding: 8px 0 8px 15px;
    margin:0;
    display: inline-block;
    height:auto;
    width:100%;
    max-width: 270px;
    font-size: 14px;
    line-height: 18px;
}
.product .price,
.list .product .price {
    padding: 8px 10px 8px 16px;
    margin:0;
    display: inline-block;
    text-align: left;
    font-size: 16px;
}
.product .button {
    padding: 0;
    margin:5px 0 0 10px;
    font-size: 0;
    max-width: 60px;
    border:none;
    width: 60px;
    height: 40px;
    background:url("/wp-content/themes/zelenaya-moyka-24-pr/img/ico-cart.svg") center center / 24px 24px no-repeat;

}
.product .button:hover {
    background-color:#fff;
    color:#000;
}

.products form.cart {
    padding:12px 0 10px 0;
    margin:0 auto;
    width: 110px;
    flex-wrap: wrap;
}

input.qty {
    padding:0;
    margin:0 0 0 10px;
    font-size:15px;
    height:30px;
    width:60px;
}
.products li.product bdi {display: block;}
/* @7-products end */


/* @9-product-detail XS */
/* WooComm Detail Page XS */
.woocommerce-product-gallery {
    padding:30px;
    margin:0 auto 30px auto;
    width: auto;
    height: auto;
}
.woocommerce-product-gallery img {
    padding:0;
    max-width: 360px;
    max-height: 360px;
    height: auto;
    width: auto;
}

.block-attr .instock {
    padding:18px 0 30px 40px;
    font-size: 20px;
}
.block-attr .instock:after {
    position: absolute;
    content:'';
    left:0;
    top:15px;
    height: 32px;
    width: 32px;
}

.block-attr, .block-form-buy {
    padding:0;
    width:100%;
    font-size: 16px;
    background:none;
}
.block-form-buy {
    margin:15px 0 0 0;
    box-shadow: none;
}
.block-attr table {margin:0;font-size:20px;}
.block-attr tr {
    display:inline-block;
    width: 49%;
}
.block-attr th {font-size:18px;}

.product-detail .price {
    margin:0;
    padding: 0 0 30px 0;
    font-size:20px;
    color:#000;
    position: relative;
}

/* Fixed form Buy button */
.product-detail form.cart {
    padding: 0;
    margin:0;
    position:relative;
    z-index: 1;

    left:0;
    right:0;
    top:0;
    bottom:auto;

    width: 100%;
    height: 66px;
    flex-wrap: nowrap;
    transition: all 0.2s ease-out;
}
.product-detail form.cart.fixed {position: fixed;bottom:0;top:auto;}

.product-detail .quantity:before {display: none;}

.product-detail .qty {
    margin:0;
    height:66px;
    width: 120px;
    font-size:22px;
    line-height:66px;
}

.product-detail .button {
    padding:0 15px 0 20px;
    margin:0;
    height:66px;
    line-height:66px;
    max-width: 100%;
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,.25);
}

.product-detail .button:before {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    left: auto;
    top: auto;
    height: 66px;
    line-height: 66px;
    width: 32px;
    vertical-align: top;
}
/* @9-product-detail end */

/* @9-Author XS */
/* @9-Author end */

/* @10-Blog-Category XS */
.blog {margin:0;justify-content:space-between;}
.blog .item {
    margin: 0 auto 15px auto;
    padding:0 0 30px 0;
    vertical-align: middle;
    border-radius: 6px;
    min-width: 240px;
    max-width: 360px;
    flex: 1 1 48%;
    position: relative;
}
.blog .item img {
    margin:0 0 10px 0;
    padding:0;
    border-radius:0 8px 8px 0;

    width:100%;
    height:160px;
    object-fit:cover;
}
.blog .item-title, .crp_title {
    padding:0 15px 10px 15px;
    vertical-align: middle;
    font-size: 16px;
    display:block;
    width:100%;
    clear: both;
}

/* @10-Blog-Category end */
/* @11-blog-Detail XS */

/* @11-blog-Detail  */

/* @14-WooCom-UI XS */
/* Login form WooCommerce */
.woocommerce h2 {margin:15px 0;}
.woocommerce-form-login.login {margin:15px auto;}

.woocommerce-MyAccount-navigation{
    padding:0;
    margin:15px 0 5px 0;
    width: 100%;
    font-size: 12px;
}

.woocommerce-MyAccount-content {
    margin:0 0 15px 0;
    padding:15px;
    width: 100%;
}
.woocommerce-MyAccount-navigation ul {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.woocommerce-MyAccount-navigation li {display: inline-block;width: auto;}

.woocommerce-MyAccount-navigation a {
    padding:8px 15px;
    margin:0;
    border:none;
}
.woocommerce-MyAccount-content table {font-size: 12px;}

/* @14-WooCom-UI end */

/* @info XS */
.info {padding:20px;font-size: 15px}
.lg.info, .info.lg.p-1, .info.lg.p-2 {padding:20px 30px;font-size:16px;}

/* @info end */

/* @Footer XS*/
footer {
    padding:40px 30px 60px 30px;
    margin:auto;
    display:flex;
    align-items: center;
}

footer .copyright {order:3; padding:0 0 20px 15px;}
footer .copyright p {margin:0;}

.footer-menu {order:2; padding:10px 0;}
.footer-h {padding:0 0 15px 0;}
footer ul {font-size: 15px;}

.footer-contact {order:1;padding:0 0 15px 15px;text-align:left;}
.footer-contact .pull-right {float:none !important;text-align:left;}
/* footer end */

/* Modal PopUP XS */
.modal-content {padding:20px 30px;}
.modal-head {font-size:20px;}

/* Basics Addon XS  */
.p-block {padding-top:30px;padding-bottom:30px;}
.p-block-t {padding-top:30px;}
.p-block-b {padding-bottom:30px;}

/* Item Width XS */
.col2, .col3, .col4 {
    margin-left:5px;
    margin-right:5px;
    max-width:100%;flex:1 1 100%;
}
.col2:last-child, .col3:last-child, .col4:last-child {margin-right:5px;}

/* BG XS */
.bg-blog {background-image:url("/wp-content/themes/zelenaya-moyka-24-pr/img/bg-blog-article-xs.jpg")}

.bg-elem1, .bg-elem2 {background-size:auto 50px, auto 50px;}

.underline::after {margin:4px 0 20px 0;height:4px;}


}