@charset "utf-8";
@import "../node_modules/slick-carousel/slick/slick.css";
@import "../node_modules/magnific-popup/dist/magnific-popup.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";
@import "bootstrap.css";
@import "normalize.css";

/* Класс для увеличения картинки */

.zoom-img {}


/* Класс для галлереи */

.gallery {}


/* Класс для формы */

.form-submit-toggle {}


/* Класс для кнопки заказать звонок */

.callback-toggle {}


/******** Magnific-Popup *********/

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/******* Image Cover ********/

.img-cover {
    background-size: cover;
    background-position: center;
}

.img-cover_inited>img {
    visibility: hidden;
}


/**********************************/

.insidepage .main {
    padding-top: 184px;
}

.component {
    width: 100%;
}

.left,
.right {
    width: 30%;
}


/* Пагинация */

.pagination>ul {
    margin-top: 15px;
    display: flex;
    list-style: none;
    margin-bottom: 5px;
}

.pagination>ul li {
    margin-right: 20px;
}

.pagination>ul li a {
    text-decoration: none;
    font-weight: 600;
}


/* Модалка */

.wrapLabel {
    position: relative;
    margin-bottom: 0;
}

.wrapLabel span {
    font-weight: 300;
    padding-left: 25px;
    font-size: 12px;
    display: block;
    position: relative;
}

.wrapLabel span a {
    color: #ef5e07;
}

.wrapLabel span:before {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    content: '';
    background: #fff;
    border: 1px solid #000;
    border-radius: 0px;
}

.wrapLabel span:after {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 4px;
    top: calc(50% - 4px);
    content: '';
    background: #5c957b;
    /*border-radius: 2px;*/
    opacity: 0;
}

.wrapLabel input:checked+span:after {
    opacity: 1;
}

.wrapLabel input {
    width: 10px !important;
    height: 10px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}

html.lock {
    overflow: hidden;
}


/*  */

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Black.ttf) format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Phenomena';
    src: url(../fonts/Phenomena.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Phenomena';
    src: url(../fonts/Phenomenaextrabold.ttf) format('truetype');
    font-weight: 800;
}

:root {
    --colorBody: #f4fffa;
    --colorHead: #5c957b;
    --colorSpan: #ffe899;
    --colorText: #165c3c;
}

*::before,
*::after {
    line-height: 0;
}

body {
    color: var(--colorText);
    font-size: 18px;
    font-family: 'Roboto';
    line-height: 1.2;
    background: var(--colorBody);
}

body p {
    margin-top: 0;
    margin-bottom: 10px;
}

.h1,
h1 {
    font-family: 'Phenomena';
    font-size: 64px;
    font-weight: 800;
    color: var(--colorHead);
    margin: 0 0 45px;
}

.h1 span,
h1 span {
    text-decoration: underline;
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrapLabel {
    position: relative;
    margin-bottom: 0;
}

.wrapLabel span {
    font-weight: 200;
    padding-left: 25px;
    font-size: 13px;
    display: block;
    position: relative;
}

.wrapLabel span a {
    color: #ef5e07;
}

.wrapLabel span:before {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    content: '';
    background: #fff;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
}

.wrapLabel span:after {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 4px;
    top: calc(50% - 4px);
    content: '';
    background: #5c957b;
    border-radius: 2px;
    opacity: 0;
}

.wrapLabel input:checked+span:after {
    opacity: 1;
}

.wrapLabel input {
    width: 10px !important;
    height: 10px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}

.flexSA {
    display: flex;
    justify-content: space-around;
}

.flexSB {
    display: flex;
    justify-content: space-between;
}

.flexCenter {
    display: flex;
    justify-content: center;
}

.flexAI {
    display: flex;
    align-items: center;
}

.flexW {
    display: flex;
    flex-wrap: wrap;
}

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

.flexStart {
    display: flex;
    justify-content: flex-start;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}


/* header */

.wrapHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.wrapTopHead {
    background: var(--colorHead);
    position: relative;
    z-index: 2;
}

.topHead {
    height: 60px;
    color: #fff;
}

.topHead .nav {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
}

.topHead .nav img {
    margin-right: 10px;
}

.topHead .clock {
    font-size: 16px;
    font-weight: 400;
}

.topHead .clock span {
    font-weight: 500;
    color: var(--colorSpan);
}

.topHead .phone {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

.topHead p {
    margin-bottom: 0;
}

.topHead .phone span {
    color: var(--colorSpan);
}

.topHead .txt {
    font-weight: 300;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 1;
    color: var(--colorSpan);
    border-bottom: 1px dotted #ffe899;
    cursor: pointer;
    white-space: nowrap;
}

.wrapBotHead {
    position: relative;
    background: var(--colorBody);
}

.wrapBotHead .lk {
    display: none;
}

.insidepage .wrapBotHead {
    border-bottom: 1px solid var(--colorText);
}

.mainCat {
    position: absolute;
    top: 0;
    left: 95px;
    z-index: 1;
    width: 147px;
    height: 786px;
    text-align: center;
}

.mainCat::before {
    position: absolute;
    content: '';
    height: 18px;
    width: 18px;
    background: var(--colorHead);
    left: 50%;
    top: -9px;
    transform: translateX(-50%) rotate(45deg);
    z-index: 2;
}

.mainCat::after {
    position: absolute;
    content: '';
    background: url(../images/backCatTop.png) no-repeat top center;
    top: 0;
    left: 0;
    width: 147px;
    height: 786px;
    filter: drop-shadow(0 0 10px #00000033);
    z-index: -1;
}

.mainCat .wrapNameCat {
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mainCat .wrapLine {
    width: 23px;
    height: 17px;
    margin-bottom: 4px;
}

.mainCat .line {
    width: 100%;
    height: 3px;
    background: var(--colorHead);
    transition: all 0.3s ease 0s;
}

.mainCat .name {
    border-bottom: 1px solid var(--colorBody);
    font-family: 'Phenomena';
    font-weight: 800;
    text-transform: uppercase;
    color: var(--colorHead);
    font-size: 32px;
}

.mainCat a {
    border-bottom: 1px solid var(--colorBody);
    padding: 20px 14px 25px;
    font-size: 17px;
    font-weight: 300;
    color: var(--colorText);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mainCat ul li:last-child a {
    border-bottom: none;
}

.mainCat a img {
    margin-bottom: 15px;
}

.botHead {
    height: 124px;
}

.botHead .logoH {
    margin-bottom: -10px;
    width: 120px;
    height: 100%;
}

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

.wrapAvito {
    width: 150px;
}

.wrapAvito .imgW {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--colorHead);
    padding: 3px;
}

.wrapMenuH {
    display: flex;
    align-items: center;
}

.wrapMenuCatName .name {
    padding-right: 10px;
    font-size: 19px;
    font-weight: 500;
    color: var(--colorHead);
}

.menuH ul {
    display: flex;
    align-items: center;
}

.menuH li {
    padding: 0 15px;
}

.menuH a {
    color: var(--colorText);
    font-weight: 300;
    font-size: 19px;
}

.basket {
    position: relative;
}

.basket:hover {
    text-decoration: none;
}

.basket .name {
    color: var(--colorHead);
    font-weight: 700;
    font-size: 20px;
    padding-right: 15px;
}

.basket img {
    padding-left: 15px;
    border-left: 1px solid var(--colorHead);
}

.mycart_count_prod {
    position: absolute;
    top: -2px;
    right: -15px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--colorSpan);
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border: 1px solid var(--colorHead);
    font-size: 11px;
    font-weight: 700;
}

.mycart_content {
    display: none;
}


/* end header */


/* topBanner */

.topBanner {
    position: relative;
    margin-top: 150px;
}

.slideTop .txtBlock {
    position: absolute;
    top: 145px;
    left: calc((100% - 1240px) / 2);
    max-width: 600px;
}

.slideTop .title {
    color: var(--colorHead);
    font-family: 'Phenomena';
    font-weight: 400;
    -webkit-text-stroke: 1px #fff;
    font-size: 90px;
    margin-bottom: 25px;
    line-height: 0.9;
}

.slideTop .title span {
    font-weight: 800;
}

.slideTop .txt {
    font-family: 'Phenomena';
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 40px;
}

.slideTop .btnStyle {
    width: 280px;
    height: 60px;
    border-radius: 30px;
    border: none;
    outline: none;
    background: var(--colorHead);
    font-weight: 300;
    color: #fff;
    font-size: 25px;
}

.sliderTop .slick-dots {
    position: absolute;
    right: 50px;
    bottom: 60px;
    display: flex;
    align-items: center;
}

.sliderTop .slick-dots li {
    padding: 0 7px 0 0;
    margin: 0;
}

.sliderTop .slick-dots li button {
    font-size: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.78) inset;
    border: none;
    border-radius: 50%;
    padding: 0;
    position: relative;
    outline: none;
}

.sliderTop .slick-dots li.slick-active button::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--colorHead);
    transform: translate(-50%, -50%);
}


/* end topBanner */


/* popularProducts */

.popularProducts {
    margin-top: -75px;
    padding-bottom: 90px;
}

.sliderPopular {
    margin: 0 -15px;
}

.wrapItem {
    padding: 15px;
}

.item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dddde2;
    overflow: hidden;
    transition: all 0.4s;
    color: var(--colorText);
    padding-bottom: 20px;
    min-height: 487px;
}

.item:hover {
    text-decoration: none;
    color: var(--colorText);
    box-shadow: 0 0 15px 0 rgb(92, 149, 123, 0.5);
}

.item span {
    display: block;
}

.item .imgW {
    height: 243px;
    margin-bottom: 20px;
    display: block;
}

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

.item .name {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 20px;
    padding: 0 15px;
    display: block;
}

.item .description {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 45px;
    padding: 0 15px;
}

.item .botItem {
    display: flex;
    padding: 0 15px;
}

.item .price {
    font-weight: 300;
    font-size: 25px;
    color: var(--colorHead);
}

.item .price span {
    display: inline-block;
    font-size: 35px;
    font-weight: 700;
}

.item .btnStyle {
    width: 145px;
    height: 45px;
    border: none;
    outline: none;
    border-radius: 28px;
    text-transform: uppercase;
    padding-left: 40px;
    background: url(../images/iconBtnBasket.png) no-repeat center left 15px, var(--colorSpan);
    font-size: 22px;
    font-family: 'Phenomena';
    font-weight: 400;
    color: #443301;
    transition: all 0.4s;
}

.item .btnStyle:hover {
    background: url(../images/iconBtnBasket.png) no-repeat center left 15px, #ffdc65;
}

.sliderPopular .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: transparent;
    width: 45px;
    height: 45px;
    border: none;
    outline: none;
    padding: 0;
}

.sliderPopular .slick-arrow::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid var(--colorHead);
}

.sliderPopular .slick-prev {
    right: 100%;
}

.sliderPopular .slick-prev::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 17px;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid var(--colorHead);
    border-left: 3px solid var(--colorHead);
    transform: translateY(-50%) rotate(45deg);
}

.sliderPopular .slick-next {
    left: 100%;
}

.sliderPopular .slick-next::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 12px;
    width: 15px;
    height: 15px;
    border-top: 3px solid var(--colorHead);
    border-right: 3px solid var(--colorHead);
    transform: translateY(-50%) rotate(45deg);
}


/* end popularProducts */


/* advantages */

.advantages {
    background: var(--colorHead);
}

.wrapAdv {
    height: 150px;
}

.nucAdv {
    flex: 1;
    padding-right: 30px;
}

.wrapAdv .nucAdv:last-child {
    padding-right: 0;
}

.nucAdv img {
    margin-right: 15px;
}

.nucAdv .txt {
    font-weight: 300;
    font-size: 20px;
    color: #fff;
}


/* end advantages */


/* categories */

.categories {
    padding: 70px 0 110px;
}

.categories .h1 {
    position: relative;
    display: inline-block;
}

.categories .h1::before {
    position: absolute;
    content: url(../images/cath1before.png);
    top: -25px;
    right: -45px;
}

.wrapCat {
    display: flex;
    margin: 0 -15px;
}

.nucCat {
    position: relative;
    padding: 0 15px;
    display: block;
    color: #fff;
    transition: all 0.4s;
}

.nucCat span {
    display: block;
}

.nucCat .imgW {
    transition: all 0.4s;
}

.nucCat .imgW2 {
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 0;
    transition: all 0.4s;
}

.nucCat:hover {
    text-decoration: none;
    color: #fff;
    filter: drop-shadow(0 8px 5px rgb(1, 54, 30, 0.65));
}

.nucCat:hover .imgW {
    opacity: 0;
}

.nucCat:hover .imgW2 {
    opacity: 1;
}

.nucCat .name {
    display: flex;
    position: absolute;
    bottom: 45px;
    left: 15px;
    padding: 0 15px;
    width: 290px;
    font-weight: 400;
    font-size: 22px;
}

.nucCat .name img {
    margin-right: 15px;
}


/* end categories */


/* workBlock */

.workBlock {
    padding-bottom: 90px;
}

.wrapWork {
    flex-direction: row-reverse;
    background: url(../images/backWork.png) no-repeat top 40px center;
}

.nucWork {
    flex: 1;
    padding: 0 35px;
}

.nucWork .wrapImgW {
    position: relative;
    display: flex;
    justify-content: center;
}

.nucWork .wrapImgW::before {
    position: absolute;
    content: '';
    background: #2d967b;
    left: calc(-50% - 45px);
    height: 10px;
    top: 40px;
    transition: all 0.4s;
    width: 0;
}

.nucWork:hover .wrapImgW::before {
    width: 100%;
}

.nucWork:hover~.nucWork .wrapImgW::before {
    width: 100%;
}

.wrapWork .nucWork:last-child .wrapImgW::before {
    display: none;
}

.nucWork .imgW {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    background: var(--colorSpan);
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.nucWork .txt {
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 5px;
}

.nucWork .txt span {
    font-weight: 700;
    color: var(--colorHead);
}

.nucWork .btnStyle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 42px;
    border-radius: 21px;
    background: var(--colorHead);
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    margin: 0 auto;
}

.nucWork .btnStyle:hover {
    text-decoration: none;
}


/* end workBlock */


/* reviews */

.akciiBlock {
    position: relative;
}

.akciiBlock::before {
    position: absolute;
    content: url(../images/akciiBefore.png);
    bottom: -60px;
    right: calc((100% - 1300px) / 2);
}

.akciiBlock .txtBlock {
    position: absolute;
    left: calc((100% - 1170px) / 2);
    top: 70px;
}

.akciiBlock .title {
    font-family: 'Phenomena';
    font-weight: 800;
    color: var(--colorSpan);
    font-size: 90px;
    text-shadow: 1px 1px 1px #33371f;
    margin-bottom: 25px;
}

.akciiBlock .txt {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 1px #33371f;
    margin-bottom: 35px;
}

.akciiBlock .txt2 {
    font-weight: 900;
}

.akciiBlock .txt3 {
    font-weight: 900;
    font-size: 53px;
}

.akciiBlock .txt3 span {
    color: var(--colorSpan);
}

.akciiBlock .btnStyle {
    background: transparent;
    outline: none;
    border: 1px solid #fff;
    width: 280px;
    height: 60px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 25px;
    color: #fff;
}

.akciiBlock .btnStyle:hover {
    color: var(--colorSpan);
}


/* end reviews */


/* reviews */

.reviews {
    margin-top: -60px;
    padding: 70px 0 100px;
}

.reviews .h1 {
    margin-bottom: 70px;
}

.sliderRev {
    margin: 0 -15px;
}

.slideRev {
    padding-top: 30px;
}

.wrapRev {
    margin: 0 15px;
    background: #fff;
    position: relative;
    border: 1px solid #dddde2;
    border-radius: 10px;
    padding: 140px 15px 25px;
    min-height: 325px;
}

.wrapRev .imgW {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    overflow: hidden;
    width: 145px;
    height: 145px;
    z-index: 5;
}

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

.wrapRev .name {
    font-weight: 400;
    font-size: 20px;
    color: var(--colorHead);
    margin-bottom: 10px;
}

.wrapRev .txt {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 15px;
}

.wrapRev .more {
    font-weight: 700;
    text-decoration: underline;
    color: var(--colorHead);
    font-size: 15px;
}

.sliderRev .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: transparent;
    width: 45px;
    height: 45px;
    border: none;
    outline: none;
    padding: 0;
}

.sliderRev .slick-arrow::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid var(--colorHead);
}

.sliderRev .slick-prev {
    right: 100%;
}

.sliderRev .slick-prev::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 17px;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid var(--colorHead);
    border-left: 3px solid var(--colorHead);
    transform: translateY(-50%) rotate(45deg);
}

.sliderRev .slick-next {
    left: 100%;
}

.sliderRev .slick-next::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 12px;
    width: 15px;
    height: 15px;
    border-top: 3px solid var(--colorHead);
    border-right: 3px solid var(--colorHead);
    transform: translateY(-50%) rotate(45deg);
}


/* end reviews */


/* footer */

.wrapFoot {
    /*margin-top: -171px;*/
    padding: 40px 0 25px;
    position: relative;
    z-index: 2;
    background: url(../images/backFooter.png) no-repeat top center;
}

.wrapMenuF ul:first-child {
    margin-right: 50px;
}

.wrapMenuF li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.wrapMenuF li::before {
    position: absolute;
    content: '-';
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.wrapMenuF a {
    color: #fff;
    font-weight: 300;
    font-size: 17px;
}

.wrapInfoFooter {
    align-items: flex-end;
}

.copyright {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

.copyright a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-decoration: underline;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #fff;
}

.wrapInfoFooter .btnStyle {
    width: 280px;
    height: 60px;
    border: 2px solid var(--colorSpan);
    border-radius: 30px;
    background: transparent;
    outline: none;
    font-weight: 300;
    font-size: 20px;
    color: var(--colorSpan);
}

.wrapInfoFooter .btnStyle:hover {
    color: #fff;
}

.wrapInfoFooter p {
    margin-bottom: 5px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
}

.wrapInfoFooter .txt a {
    display: block;
    color: #fff;
    font-size: 31px;
    font-weight: 700;
}

.wrapInfoFooter .txt a span {
    color: var(--colorSpan);
}


/* end footer */


/* insidepage */

.contentBlock {
    padding: 50px 0 95px;
}

.contentBlock ul {
    list-style-type: disc;
    list-style-position: inside;
}

.contentBlock ol {
    list-style-type: decimal;
    list-style-position: inside;
}


/* breadcrumbs */

.breadcrumbs {
    position: relative;
    margin: 0 0 60px;
}

.breadcrumb {
    padding: 0;
    background: none;
    margin: 0;
}

.breadcrumb>li+li:before {
    display: none;
}

.breadcrumb li {
    font-weight: 300;
    font-size: 16px;
}

.breadcrumb li a {
    color: #6f9483;
    text-decoration: underline;
}

.breadcrumb>.active {
    color: var(--colorText);
}

.breadcrumb .divider {
    color: #6f9483;
}


/* End breadcrumbs */


/* end insidepage */


/* страница заказа */

.gridCart {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
}

.gridCart .contactCart {
    /* grid-column-start: span 3; */
}

.gridCart .contactCart .uk-panel-box {
    padding: 20px 15px;
}

.uk-grid:not(.uk-grid-preserve),
.uk-grid {
    margin: 0;
}

.uk-grid:not(.uk-grid-preserve)>* {
    padding: 0;
    /* position: relative; */
}

.gridCart .contactCart {}

.gridCart .finalCart {
    /* grid-column-start: span 3; */
}

.wrapminicart {
    overflow: auto;
}

#oneStepCheckoutForm .uk-panel-box {
    /* height: 100%; */
    border-radius: 0;
    background: var(--colorBody);
    color: var(--colorText);
    border: 1px solid var(--colorHead);
}

#oneStepCheckoutForm .uk-panel-box p {
    font-size: 14px;
    margin: 10px 0 0;
}

#oneStepCheckoutForm .uk-panel-box .minicart {
    margin-top: 0;
}

.uk-grid:not(.uk-grid-preserve)+.uk-grid {
    margin: 0;
}

#oneStepCheckoutForm .jshop_nvg_register input {
    width: 100%;
    background: var(--colorBody);
    color: var(--colorText);
    border: 1px solid var(--colorHead);
    font-size: 16px;
    font-weight: 300;
}

#oneStepCheckoutForm .jshop_nvg_register input::placeholder {
    color: var(--colorText);
}

#oneStepCheckoutForm .requiredtext {
    display: none;
    /* position: absolute;
    top: 100%;
    left: 0;
    z-index: 1; */
}

.jshop_nvg_register {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
    border-radius: 0;
}

#oneStepCheckoutForm .button_order_finish i {
    display: none;
}

#oneStepCheckoutForm .wrapButtonAndComment {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#oneStepCheckoutForm .comment {
    width: 500px;
    font-weight: 300;
    font-size: 14px;
    background: var(--colorBody);
    border: 1px solid var(--colorHead);
    margin-right: 20px;
}

#oneStepCheckoutForm .comment::placeholder {
    color: var(--colorText);
}

#oneStepCheckoutForm .button_order_finish {
    background: var(--colorHead);
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    padding: 0;
    text-align: center;
    text-transform: none;
    cursor: pointer;
    border-radius: 20px;
    text-shadow: none;
    width: 200px;
    height: 40px;
    border: none;
}

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

.wrapPolitSum .wrapLabel {
    width: 380px;
    font-size: 11px;
    color: #838485;
    font-weight: 300;
}

.wrapPolitSum .wrapLabel a {
    font-size: 11px;
    color: #838485;
    font-weight: 300;
}

.wrapPolitSum .jshop_subtotal .total {
    display: flex;
    justify-content: space-between;
    font-weight: 300;
    font-size: 18px;
    margin-top: 15px;
}

.wrapPolitSum .jshop_subtotal .total .value {
    color: var(--colorText);
    margin-left: 5px;
    font-weight: 700;
}

.jshop_prod_cart a {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
}

.leftBLock .leftMine ul ul {
    list-style: auto;
}

.leftBLock .leftMine ul ul ul {
    list-style: lower-latin;
}

.wrapSubtotal {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    font-weight: 300;
}

.wrapSubtotal .value {
    font-weight: 500;
}

#oneStepCheckoutForm .jshop_nvg_register input.fielderror {
    background: #fff1f0;
    border-color: #d85030;
}


/* конец страница заказа */

.insidepage .contentBlock ul {
    list-style: disc;
    list-style-position: inside;
}

.mobileMenu {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    transform: translateY(100%);
    transition: .4s;
    align-items: center;
    padding-top: 25px;
    display: flex;
    background: #f4f6f8;
    justify-content: flex-start;
    flex-direction: column;
    padding: 25px;
    overflow: auto;
    padding-bottom: 60px;
    background: var(--colorHead);
    color: #fff;
}

.mobileMenu {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
    align-items: flex-start;
    display: none;
}

.mobileMenu.active {
    transform: translateY(0);
}

.mobileMenu ul {
    list-style: none;
    width: 100%;
    padding: 0;
}

.mobileMenu li {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
}

.mobileMenu a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: block;
}

.wrapMobileMine {
    display: none;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.MobileMine {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    width: 100%;
    background: #fff;
}

.wrapMobileMine .itemMobileMine {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center;
}

.wrapMobileMine .itemMobileMine:last-child::before {
    display: none;
}

.mainCat.fotcat {
    display: none;
}

.wrapMobileMine .itemMobileMine a {
    color: #629980;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    position: relative;
    padding: 0 15px !important;
    text-decoration: none;
    display: block;
    width: 100%;
}

.wrapMobileMine .itemMobileMine a:hover {
    text-decoration: none;
}

.wrapMobileMine .itemMobileMine a .far {
    padding-top: 7px;
    color: #629980;
}

.wrapMobileMine .itemMobileMine a .title {
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: normal;
}

.itemMobileMine .click_mycart_name {
    font-size: 0;
}

.itemMobileMine span.cartColl.mycart_count_prod {
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileMenu .name {
    padding-top: 10px;
    width: 100%;
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Phenomena';
    font-weight: 800;
    text-transform: uppercase;
}

.itemMobileMine .click_mycart_name {
    font-size: 0;
}

.itemMobileMine span.cartColl.mycart_count_prod {
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itemMobileMine .cart {
    position: relative;
}

.itemMobileMine .mycart_wrapp {
    position: absolute;
    top: 0;
    right: -15px;
}

.itemMobileMine .mycart_content.mycart_abs_pos {
    display: none !important;
}

.itemMobileMine .basket .name {
    display: none;
}

.itemMobileMine .basket .imgW {
    display: none;
}

.wrapActii {
    display: flex;
}

.login_block .control-group {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.small_header {
    margin: 30px 0;
    max-width: 300px;
}

.login_block .control-group .controls input {
    border: 1px solid #ccc;
    background: transparent;
    padding: 5px 10px;
    border-radius: 5px;
}

.login_block .control-group input.btn.btn-primary.button {
    border: 1.5px solid #2D967B;
    border-radius: 4px;
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: #5C957B;
    width: 320px;
    display: flex;
    justify-content: center;
    transition: 0.5s;
    margin: 10px 0;
}

.pagelogin .wrapLabel span {
    font-size: 18px;
    line-height: 22px;
}

.login_block .control-group input.btn.btn-primary.button:hover {
    background: #5C957B;
    color: #fff;
}

.login_block .control-group input.btn.btn-primary.button:focus {
    outline: none;
    box-shadow: none;
}

.login_block .control-group .control-label {
    padding: 0;
    margin: 0;
    margin-right: 20px;
    width: 70px;
    align-items: center;
    display: flex;
}

.radio label,
.checkbox label {
    padding-left: 0;
}

.login_block a {
    color: #2D967B;
}

.wrapContr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin: 20px 0;
}

.wrapContr div {
    border: 1.5px solid #5C957B;
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: #165C3C;
}

.wrapContr div a {
    color: #165C3C;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    padding: 10px 10px 8px 20px;
}

.wrapContr div a:hover {
    text-decoration: underline;
}

.myaccount_urls {
    max-width: 500px;
}

.urllogout a {
    display: flex;
    align-items: center;
    text-align: center;
    color: #165C3C;
    border: 1.5px solid #2D967B;
    border-radius: 4px;
    justify-content: center;
    max-width: 100%;
    padding: 5px 0;
}

.myorders_block_info svg {
    margin-right: 25px;
}

.myorders_block_info {
    display: flex;
    align-items: center;
    border: 1.5px solid #5C957B;
    border-radius: 5px;
    padding: 10px;
}

.wrapblockOrd .btn {
    align-items: center;
    text-align: center;
    color: #165C3C;
    border: 1.5px solid #2D967B;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    width: 140px;
    margin-left: auto;
    margin-top: 10px;
}

.wrapblockOrd .rightBlock {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
}

.wrapblockOrd {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 25px;
}

.nucInfo b {
    font-weight: 500;
    font-size: 18px;
}

.wrapProdCart.wrapNif.pleft {
    flex-direction: column;
    align-items: inherit;
    justify-content: space-between;
}

.wrapblockOrd .rightBlock span {
    margin-left: 5px;
}

.wrapInfoOrder {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-top: 20px;
    grid-gap: 10px;
}

.wrapNif {
    margin: 7px 0;
    font-family: 'Roboto';
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #165C3C;
}

.dellivery {
    margin-bottom: 10px;
}

.shipping_head {
    margin-bottom: 10px;
}

.wrapName {
    margin-bottom: 10px;
}

.wrapName b {
    font-weight: 700;
    font-size: 18px;
}

.dellivery b {
    font-weight: 700;
    font-size: 16px;
}

.shipping_head b {
    font-weight: 700;
    font-size: 16px;
}

.pleft {
    margin-left: 20px;
    padding-right: 5px;
}

.nucInfo {
    border: 1.5px solid #2D967B;
    border-radius: 5px;
    padding: 10px;
    line-height: 1;
}

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

.myorderinfo .jshop_prod_cart {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
    border-bottom: 1px solid;
    padding: 10px 0;
}

.jshop_prod_cart div:first-child {
    border-left: 0;
    padding-left: 0;
}

.jshop_prod_cart div {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #2D967B;
    padding-left: 30px;
}

.txtP {
    margin-top: 10px;
    font-weight: 300;
    font-size: 16px;
}

.jshop_subtotal div {
    margin-top: 10px;
}

.order_date span,
.order_status span {
    font-weight: 300;
}

.wrapNif div:last-child {
    font-weight: 300;
}

.jshop_subtotal span.value {
    font-weight: 300;
    font-size: 16px;
}

.urllogout a:hover {
    background: #5C957B;
    color: #fff;
    text-decoration: none;
}

.wrapblockOrd .btn:hover {
    background: #5C957B;
    color: #fff;
    text-decoration: none;
}

.btnStyleLk {
    border: 1.5px solid #2D967B;
    border-radius: 4px;
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: #5C957B;
    width: 320px;
    display: flex;
    justify-content: center;
    transition: 0.5s;
    margin: 10px 0;
    padding: 10px;
    margin-left: auto;
}

.lk {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #F4FFFA;
}

.lk:hover,
.lk:focus {
    color: #fff;
}

.lk svg {
    margin-left: 10px;
}

.btnStyleLk:hover {
    background: #5C957B;
    color: #fff;
    text-decoration: none;
}

.jshop_register .control-group {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.jshop_register .control-group .controls input {
    border: 1px solid #ccc;
    background: transparent;
    padding: 5px 10px;
    border-radius: 5px;
}

.jshop_register .control-group .control-label {
    padding: 0;
    margin: 0;
    margin-right: 20px;
    width: 200px;
    align-items: center;
    display: flex;
    font-weight: 700;
}

#text-popup-load-window {
    max-width: 426px;
    margin: auto;
    position: relative;
    padding: 50px 60px;
    background: #f4fffa;
}

#text-popup-load-window .title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 27px;
}

#text-popup-load-window .txtBlock {
    font-size: 17px;
    font-weight: 300;
}

#text-popup-load-window .txtBlock a {
    color: #2D967B;
}

#text-popup-load-window .txtBlock a:hover {
    text-decoration: underline;
}

.editaccount_block .btn-primary {
    border: 1.5px solid #2D967B;
    border-radius: 4px;
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: #5C957B;
    width: 430px;
    display: flex;
    justify-content: center;
    transition: 0.5s;
    margin: 20px 0;
    padding: 5px;
    background-color: transparent;
}

.editaccount_block .btn-primary:focus {
    outline: none;
}

.block_button_register input:focus,
.block_button_register input:active {
    box-shadow: none;
    outline: none;
}

.block_button_register input:hover {
    text-decoration: underline;
    color: #2d967b;
    box-shadow: none;
    outline: none;
}

.btn.btn-primary.button {
    border: 1.5px solid #2D967B;
    border-radius: 4px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: #5C957B;
    display: inline-block;
    transition: 0.5s;
    margin: 10px 0;
    background: transparent;
}

.btn.btn-primary.button:hover {
    background: #5C957B;
    color: #fff;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    border: none;
    outline: none;
}

.block_button_register input {
    display: inline-block;
    border: none;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    color: #2d967b;
    transition: 0.5s;
    margin: 10px 0;
    background: transparent;
    padding: 0;
}

.editaccount_block .btn-primary:hover {
    background: #5C957B;
    color: #fff;
    text-decoration: none;
}

.product_label {
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    max-width: 50px;
}

.menuH li.item-186 a {
    color: red;
    display: block;
}


/* --- Media styles --- */

@media screen and (min-width:1200px) {
    .container {
        width: 970px;
    }
}

@media screen and (min-width:1300px) {
    .container {
        width: 970px;
    }
    .mainCat a:hover {
        background: #bdefd8;
        text-decoration: none;
    }
    .mainCat li.current.active a {
        background: #bdefd8;
    }
}

@media screen and (min-width:1700px) {
    .container {
        width: 1270px;
    }
}

@media screen and (max-width:1699px) {
    .mainCat {
        left: 20px;
        width: 112px;
        height: 600px;
    }
    .mainCat::after {
        background-size: auto 600px;
        height: 600px;
        width: 112px;
    }
    .mainCat .name {
        font-size: 22px;
        text-align: left;
    }
    .mainCat a {
        padding: 10px;
        font-size: 16px;
    }
    .mainCat a img {
        max-height: 35px;
    }
    .botHead .logoH img {
        max-width: 180px;
    }
    .wrapMenuCatName {
        margin-right: 5px;
    }
    /* .menuH li {
        padding: 0 5px;
    } */
    .menuH a {
        font-size: 16px;
    }
    .basket .name {
        font-size: 19px;
    }
    .slideTop img {
        width: 100%;
        min-height: 600px;
        object-fit: cover;
    }
    .slideTop .txtBlock {
        left: calc((100% - 940px) / 2);
        top: 50px;
        max-width: 445px;
    }
    .slideTop .title {
        font-size: 80px;
    }
    .slideTop .txt {
        font-size: 21px;
    }
    .sliderTop .slick-dots {
        bottom: 130px;
    }
    .nucAdv img {
        max-width: 45px;
    }
    .nucAdv .txt {
        font-size: 18px;
    }
    .nucCat img {
        width: 213px;
    }
    .nucCat .name {
        width: 213px;
        bottom: 30px;
        font-size: 18px;
    }
    .nucCat .name img {
        max-height: 40px;
        width: auto;
    }
    .wrapWork {
        background-size: contain;
    }
    .akciiBlock .txtBlock {
        left: calc((100% - 940px) / 2);
    }
    .wrapFoot {
        padding-top: 50px;
    }
    .wrapMenuF {
        margin-bottom: 15px;
    }
    .copyright a {
        border: none;
        margin: 0;
        padding: 0;
        display: block;
    }
    .wrapInfoFooter .btnStyle {
        width: 235px;
        height: 50px;
        font-size: 17px;
    }
    .wrapInfoFooter .txt a {
        font-size: 25px;
    }
    .wrapItemBlock {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .wrapTopProd .sliderImgProd {
        width: 400px;
    }
    .wrapTopProd .rightBlock {
        width: calc(100% - 425px);
    }
    .gridCart {
        grid-template-columns: minmax(0, 1fr);
    }
    .jshop_nvg_register {
        grid-template-columns: repeat(4, 1fr);
    }
    .lk {
        font-size: 0;
    }
}

@media screen and (max-width:1399px) {
    .sliderPopular .slick-arrow {
        transform: none;
        top: 39%;
    }
    .sliderPopular .slick-arrow::before,
    .sliderPopular .slick-arrow::after {
        border-color: #fff;
    }
    .sliderPopular .slick-prev {
        right: auto;
        left: 20px;
        z-index: 1;
    }
    .sliderPopular .slick-next {
        left: auto;
        right: 20px;
    }
    .sliderRev .slick-arrow {
        top: 125px;
        z-index: 1;
    }
    .sliderRev .slick-prev {
        right: auto;
        left: 20px;
    }
    .sliderRev .slick-next {
        left: auto;
        right: 20px;
    }
    .wrapTopProd h1 {
        font-size: 40px;
    }
    .wrapTopProd .price {
        font-size: 25px;
    }
    .wrapTopProd .price span {
        font-size: 35px;
    }
    .available {
        margin-right: 30px;
        font-size: 16px;
    }
    .wrapTopProd .quantity {
        width: 100px;
    }
}

@media screen and (max-width:1250px) {
    .mobileMenu .topHead {
        height: auto;
        color: #fff;
    }
    .mainCat {
        display: none;
    }
    .mainCat::after {
        background: #fff;
    }
    header .mainCat .menu.mod-list {
        display: none;
    }
    .mainCat::after {
        height: 124px;
    }
    .mainCat.active::after {
        height: 100%;
    }
    .mainCat.active .line:nth-child(2) {
        display: none;
    }
    .mainCat.active .line:first-child {
        transform: rotate(45deg);
        top: 2px;
        position: relative;
    }
    .mainCat.active .line:last-child {
        transform: rotate(-45deg);
        bottom: 12px;
        position: relative;
    }
    .botHead {
        height: 124px;
        position: relative;
    }
    .mainCat {
        left: 0;
        height: auto;
    }
    .menuH ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        line-height: 1;
        grid-gap: 5px 10px;
    }
    .mainCat.fotcat {
        display: block;
    }
    .mobileMenu {
        display: flex;
    }
}

@media screen and (max-width:1250px) {
    .wrapBotHead .lk {
        display: flex;
        color: #007042;
    }
    .lk svg path {
        fill: #007042;
    }
    header .mycart_wrapp {
        display: none;
    }
    .insidepage .main {
        padding-top: 110px;
    }
    .breadcrumbs {
        margin: 0 0 30px;
    }
    footer {
        padding-bottom: 50px;
    }
    .wrapMobileMine {
        display: block;
    }
    .wrapTopHead.wrapT {
        display: none;
    }
    .topBanner {
        margin-top: 100px;
    }
    .mobileMenu .topHead .nav {
        margin-bottom: 20px;
    }
    .mobileMenu .topHead .clock {
        margin-bottom: 20px;
    }
    .mobileMenu .topHead .phone {
        margin-bottom: 20px;
    }
    .topM {
        width: 100%;
        margin-bottom: 30px;
    }
    .mobileMenu .topHead .txt {
        display: inline-block;
    }
    .botHead {
        height: 100px;
    }
    .mainCat .wrapNameCat {
        height: 100px;
    }
    .mainCat::before {
        display: none;
    }
    .mainCat {
        position: fixed;
        width: 100%;
        background: #fff;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 10;
        padding-top: 50px;
        z-index: 100;
        padding: 40px;
        left: -100%;
        transition: 0.5s;
    }
    .mainCat::after {
        height: 100px;
    }
    .botHead .logoH img {
        max-width: 140px;
    }
    .mainCat.fotcat.active {
        left: 0;
    }
    .mainCat .menu.mod-list li a img {
        margin-right: 20px;
    }
    .mainCat .menu.mod-list.active li {
        width: 100%;
    }
    .mainCat .menu.mod-list li a {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        padding: 15px 0;
    }
    .mainCat a img {
        margin-bottom: 0;
    }
    header .mainCat {
        display: none;
    }
    .mainCat::after {
        display: none;
    }
    .itemMobileMine .mycart_count_prod {
        top: -2px;
        right: 15px;
    }
}

@media screen and (max-width:991px) {
    .wrapInfoOrder {
        grid-template-columns: 1fr;
    }
    .wrapblockOrd {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 10px;
    }
    .wrapTopProd h1 {
        font-size: 30px;
    }
    .wrapTopProd .description {
        font-size: 16px;
    }
    .wrapTopProd .infoLine {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 20px;
    }
    .nucCatLine .name {
        font-size: 15px;
    }
    .item .name {
        font-size: 17px;
    }
    .item .description {
        margin-bottom: 10px;
    }
    .nucCatLine {
        display: grid;
        grid-template-columns: 60px minmax(0, 1fr);
        grid-gap: 10px;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
    .nucCatLine .imgW {
        margin-right: 0;
    }
    .wrapCatLine {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: 10px;
        margin-bottom: 20px;
    }
    .nucCatLine {
        margin-right: 0;
    }
    .product {
        height: 100%;
    }
    .wrapItemBlock .wrapItem {
        padding: 0;
        height: 100%;
    }
    .wrapItemBlock {
        grid-gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin: 0;
    }
    .mainCat li.current.active a {
        text-decoration: underline;
    }
    .nucWork {
        padding: 0;
    }
    .nucWork .wrapImgW::before {
        display: none;
    }
    .wrapFoot {
        background: #2d967b;
    }
    footer .txt p {
        display: none;
    }
    .wrapMenuF {
        display: none;
    }
    .wrapFoot {
        padding-top: 20px;
    }
    .wrapInfoFooter .btnStyle {
        display: none;
    }
    .wrapInfoFooter .txt {
        display: none;
    }
    .wrapInfoFooter {
        align-items: center;
    }
    a.whatsapp {
        display: none;
    }
    .menuH {
        display: none;
    }
    .slideTop .txtBlock {
        left: calc((100% - 767px + 40px) / 2);
    }
    .sliderTop .slick-dots {
        right: calc((100% - 767px + 40px) / 2);
    }
    .akciiBlock .txtBlock {
        left: calc((100% - 767px + 40px) / 2);
    }
    .wrapAdv {
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 20px;
        padding: 20px 0;
    }
    .wrapCat {
        overflow: auto;
        padding-bottom: 40px;
    }
    .wrapWork {
        background: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid;
        grid-gap: 20px;
    }
    .nucWork .txt {
        margin-bottom: 15px;
    }
    .wrapRev {
        margin: 0 10px;
    }
    .wrapRev .imgW {
        width: 100px;
        height: 100px;
    }
    .wrapRev {
        padding: 90px 15px 10px;
        min-height: 290px;
    }
    .sliderRev .slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .sliderRev .slick-dots li {
        padding: 0 7px 0 0;
        margin: 0;
    }
    .sliderRev .slick-dots li button {
        font-size: 0;
        width: 22px;
        height: 22px;
        background: #fff;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.78) inset;
        border: none;
        border-radius: 50%;
        padding: 0;
        position: relative;
        outline: none;
    }
    .sliderRev .slick-dots li.slick-active button::before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--colorHead);
        transform: translate(-50%, -50%);
    }
    .sliderPopular .slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .sliderPopular .slick-dots li {
        padding: 0 7px 0 0;
        margin: 0;
    }
    .sliderPopular .slick-dots li button {
        font-size: 0;
        width: 22px;
        height: 22px;
        background: #fff;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.78) inset;
        border: none;
        border-radius: 50%;
        padding: 0;
        position: relative;
        outline: none;
    }
    .sliderPopular .slick-dots li.slick-active button::before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--colorHead);
        transform: translate(-50%, -50%);
    }
    .mycart_wrapp {
        margin-right: 15px;
    }
    .grecaptcha-badge {
        display: none !important;
    }
    .jshop .product_label {
        position: absolute;
        margin-left: 5px;
        margin-top: 5px;
        max-width: 30px;
    }
    .mobileMenu a.whatsapp {
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .mobileMenu a.whatsapp img {
        max-width: 50px;
    }
}

@media screen and (max-width:767px) {
    .wrapTopProd.flexSB {
        flex-direction: column;
    }
    .wrapTopProd .sliderImgProd {
        width: 100%;
    }
    .wrapTopProd .rightBlock {
        width: 100%;
        margin-top: 40px;
        padding-left: 0;
    }
    .wrapTopProd .imgW {
        margin: 0;
    }
    .wrapProduct {
        max-width: 400px;
        margin: 0 auto;
    }
    .wrapTopProd .sliderImgProd .slick-next {
        left: calc(100% + 30px);
    }
    .wrapTopProd .sliderImgProd .slick-prev {
        right: calc(100% + 30px);
    }
    .available {
        font-size: 13px;
        margin: 0;
        text-align: left;
    }
    .item .imgW {
        height: 220px;
    }
    .slideTop .txtBlock {
        left: 20px;
    }
    .sliderTop .slick-dots {
        right: 20px;
    }
    .slideTop .title {
        font-size: 70px;
    }
    .h1,
    h1 {
        font-size: 50px;
    }
    .item {
        height: 100%;
    }
    .item .botItem {
        margin-top: 0;
    }
    .nucAdv .txt {
        font-size: 14px;
    }
    .nucAdv img {
        max-width: 40px;
    }
    .nucCat span {
        font-size: 15px;
    }
    .categories {
        padding: 70px 0 70px;
    }
    .nucWork .txt {
        font-size: 17px;
    }
    .akciiBlock .txtBlock {
        left: 20px;
    }
    .akciiBlock .title {
        font-size: 50px;
    }
    .akciiBlock .txt {
        font-size: 20px;
    }
    .akciiBlock .txt3 {
        font-size: 30px;
    }
    .akciiBlock::before {
        bottom: 0;
        right: calc((100% - 991px) / 2);
    }
    .akciiBlock img {
        max-width: 100%;
        height: 530px;
        object-fit: cover;
    }
    .reviews {
        padding: 70px 0 60px;
    }
    .item .imgW {
        height: 220px;
    }
    body p {
        font-size: 15px;
    }
    .jshop_nvg_register {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

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

@media screen and (max-width:600px) {
    .btnStyleLk {
        width: 100%;
    }
    .wrapNif {
        font-size: 16px;
    }
    .nucInfo b {
        font-size: 14px;
        line-height: 1;
    }
    .myorderinfo .jshop_prod_cart {
        grid-gap: 5px;
    }
    .txtP {
        font-size: 14px;
    }
    .jshop_prod_cart div {
        padding-left: 10px;
    }
    .wRP {
        overflow: auto;
    }
    .pleft {
        margin-left: 0;
        padding-right: 0;
    }
    .editaccount_block .btn-primary {
        width: 395px;
    }
    .callback-modal {
        padding: 20px;
        height: auto;
    }
    .wrapActii {
        flex-direction: column;
    }
    .sliderImgProd .slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        list-style: none !important;
    }
    .sliderImgProd .slick-dots li {
        padding: 0 7px 0 0;
        margin: 0;
    }
    .sliderImgProd .slick-dots li button {
        font-size: 0;
        width: 22px;
        height: 22px;
        background: #fff;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.78) inset;
        border: none;
        border-radius: 50%;
        padding: 0;
        position: relative;
        outline: none;
    }
    .sliderImgProd .slick-dots li.slick-active button::before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--colorHead);
        transform: translate(-50%, -50%);
    }
    #oneStepCheckoutForm .button_order_finish {
        width: 100%;
        margin-top: 20px;
    }
    #oneStepCheckoutForm .comment {
        margin-right: 0;
        width: 100%;
    }
    #oneStepCheckoutForm .wrapButtonAndComment {
        flex-direction: column;
    }
    .wrapPolitSum {
        flex-direction: column;
    }
    .wrapPolitSum .wrapLabel {
        width: 100%;
    }
    .jshop.jshop_subtotal {
        width: 100%;
    }
    body {
        font-size: 15px;
    }
    .wrapTopProd .imgW {
        height: 320px;
    }
    .wrapCatLine {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .item .name {
        font-size: 15px;
    }
    .item .imgW {
        height: 190px;
    }
    .wrapItem {
        padding: 10px;
    }
    .item .name {
        font-size: 15px;
    }
    .item .description {
        font-size: 14px;
        margin: 0;
    }
    .item .price span {
        font-size: 25px;
    }
    .item .btnStyle {
        width: 50px;
        font-size: 0;
        border-radius: 50%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center;
    }
    .item {
        min-height: 420px;
    }
    .item .imgW {
        height: 190px;
    }
    .sliderTop .slick-dots li button {
        width: 16px;
        height: 16px;
    }
    .sliderTop .slick-dots li.slick-active button::before {
        width: 10px;
        height: 10px;
    }
    .sliderPopular .slick-dots li button {
        width: 16px;
        height: 16px;
    }
    .sliderPopular .slick-dots li.slick-active button::before {
        width: 10px;
        height: 10px;
    }
    .sliderRev .slick-dots li button {
        width: 16px;
        height: 16px;
    }
    .sliderRev .slick-dots li.slick-active button::before {
        width: 10px;
        height: 10px;
    }
    .item .description {
        font-size: 13px;
    }
    .popularProducts {
        padding-bottom: 50px;
    }
    .nucAdv .txt {
        font-size: 13px;
        line-height: 1;
    }
    .nucAdv img {
        max-width: 35px;
    }
    .h1,
    h1 {
        font-size: 45px;
    }
    .wrapCat {
        margin-top: 40px;
    }
    .reviews {
        padding: 70px 0 40px;
    }
    .basket .name {
        display: none;
    }
    .nucCat span {
        font-size: 14px;
        line-height: 1;
    }
    .basket img {
        padding-left: 0;
        border-left: none;
    }
    .botHead .logoH img {
        max-width: 120px;
    }
    .topBanner {
        margin-top: 80px;
    }
    .botHead {
        height: 80px;
    }
    .nucWork .btnStyle {
        font-size: 15px;
        width: 100%;
        height: 40px;
    }
    .slideTop .btnStyle {
        width: 260px;
        height: 50px;
        font-size: 20px;
    }
    .reviews .h1 {
        margin-bottom: 40px;
    }
    .slideTop img {
        opacity: 0.6;
    }
    .mobileMenu .botM.topHead {
        padding-bottom: 100px;
    }
    .insidepage .main {
        padding-top: 80px;
    }
    .insidepage .contentBlock ul {
        font-size: 15px;
    }
    .wrapTopProd .imgW {
        height: 260px;
    }
    .wrapBotHead .lk {
        font-size: 0;
    }
}

@media screen and (max-width:485px) {
    .item .imgW {
        height: 160px;
    }
    .item {
        min-height: 300px;
    }
    .item .description {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: none;
    }
    .item {
        height: auto;
    }
    .item .name {
        margin-bottom: 10px;
    }
    .slideTop .txt {
        font-size: 18px;
    }
    .slideTop .title {
        font-size: 60px;
    }
    .slideTop img {
        min-height: 510px;
    }
    .popularProducts {
        margin-top: -20px;
    }
    .wrapRev .txt {
        font-size: 13px;
    }
    .wrapRev {
        max-width: 240px;
        margin: 0 auto;
    }
    .akciiBlock .btnStyle {
        width: 220px;
        height: 50px;
        font-size: 20px;
    }
    .akciiBlock .txt3 {
        font-size: 25px;
    }
    .akciiBlock .title {
        font-size: 45px;
    }
    .nucAdv {
        padding-right: 0;
    }
}

@media screen and (max-width:425px) {
    .slideTop .txt,
    .slideTop .title {
        margin-bottom: 20px;
    }
    .h1,
    h1 {
        margin-bottom: 30px;
    }
    .wrapAdv {
        grid-template-columns: 1fr;
    }
    .slideTop .btnStyle {
        width: 220px;
        height: 35px;
        font-size: 16px;
    }
    .slideTop img {
        min-height: 450px;
    }
    .slideTop .txt {
        font-size: 16px;
    }
    .slideTop .title {
        font-size: 50px;
    }
    .sliderTop .slick-dots {
        bottom: 100px;
    }
    .wrapAvito img {
        max-width: 100%;
    }
    .wrapAvito {
        width: 110px;
    }
    .wrapAvito .imgW {
        margin-right: 10px;
    }
    .h1,
    h1 {
        font-size: 38px;
    }
    .wrapContr div a {
        font-size: 13px;
    }
    .wrapContr div a svg {
        max-width: 30px;
    }
    .wrapContr div a {
        padding: 10px;
        align-items: center;
    }
}

@media screen and (max-width:400px) {
    .myorderinfo .jshop_prod_cart {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .editaccount_block .btn-primary {
        width: 100%;
    }
    .item {
        max-width: 240px;
        margin: 0 auto;
    }
    .botHead .logoH img {
        max-width: 100px;
    }
    .nucWork .imgW {
        width: 80px;
        height: 80px;
    }
    .nucWork .txt {
        font-size: 14px;
    }
    .nucWork .btnStyle {
        font-size: 13px;
    }
    .wrapItemBlock {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .wrapCatLine {
        display: flex;
        flex-wrap: unset;
        overflow: auto;
        padding-bottom: 20px;
    }
    .nucCatLine {
        min-width: 180px;
    }
    .jshop_nvg_register {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width:370px) {
    .wrapblockOrd {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}