html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

input[type="submit"] {
    cursor: pointer;
}

input[type="text"] {
    cursor: text;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    height: 0;
    width: 0;
    visibility: hidden;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

html,
body {
    height: 100%;
    min-width: 320px;
}

html {
    font-size: 10px;
    line-height: 1.4;
}

body {
    font-size: 1.6rem;
    font-family: "Roboto";
    background: #f9f9f4;
}

p {
    font-size: 14px;
    line-height: 1.57;
    color: #010101;
}

strong {
    font-size: 18px;
    line-height: 1.55;
    font-weight: 700;
}

.block {
    background: #FFDB4C;
    padding: 10px 20px;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.headerTopWrap {
    position: relative;
    background: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 30px;
}

.headerBottomWrap {
    position: relative;
    background: #469C3E;
}

.ctlMenuWrap {
    display: none;
    position: relative;
    /* height: 60px; */
}

@media (min-width: 768px) {
    .ctlMenuWrap {
        display: block;
    }
}

.ctlMenuItemWrap.extra-width {
    flex-grow: 1.5;
}

.ctlMenuItem {
    display: table;
    width: 100%;
    height: 100%;
    /* border-right: 2px solid #42933A; */
}

.ctlMenuItem:hover,
.ctlMenuItem:active,
.ctlMenuItem:focus {
    background: #42933A;
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
}

.ctlMenuItem--active {
    background: #42933A;
}

.ctlMenuItem__image {
    display: table-cell;
    width: 30%;
    height: 60px;
    vertical-align: middle;
    text-align: center;
}

@media (min-width: 768px) {
    .ctlMenuItem__image {
        width: 35%;
    }
}

@media (min-width: 1200px) {
    .ctlMenuItem__image {
        width: 25%;
    }
}

@media (min-width: 1536px) {
    .ctlMenuItem__image {
        width: 30%;
    }
}

.ctlMenuItem__text {
    position: relative;
    display: table-cell;
    width: 70%;
    height: 60px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .ctlMenuItem__text {
        width: 65%;
    }
}

@media (min-width: 1200px) {
    .ctlMenuItem__text {
        width: 75%;
    }
}

@media (min-width: 1536px) {
    .ctlMenuItem__text {
        width: 70%;
    }
}

.ctlMenuItem__text span {
    display: inline-block;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 17px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .ctlMenuItem__text span {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .ctlMenuItem__text span {
        font-size: 13px;
    }
}

@media (min-width: 1536px) {
    .ctlMenuItem__text span {
        font-size: 16px;
    }
}

.ctlMenuItem--last {
    border: none;
    width: 220px;
}

@media (min-width: 768px) {
    .ctlMenuItem--last {
        width: 130px;
    }
}

@media (min-width: 1200px) {
    .ctlMenuItem--last {
        width: 220px;
    }
}

.ctlContentWrap {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    bottom: -600%;
    z-index: 20;
    background-color: rgba(99, 99, 99, 0.5);
}

.ctlSecondLevelWrap {
    position: relative;
    top: 1px;
    left: 108px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (min-width: 768px) {
    .ctlSecondLevelWrap {
        left: 51px;
    }
}

@media (min-width: 1200px) {
    .ctlSecondLevelWrap {
        left: 85px;
    }
}

@media (min-width: 1536px) {
    .ctlSecondLevelWrap {
        left: 108px;
    }
}

.ctlSecondLevel {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 44px;
    /*padding-left: 80px; */
    padding-left: 10px;
}

@media (min-width: 768px) {
    .ctlSecondLevel {
        padding-top: 30px;
        /*padding-left: 20px; */
        padding-left: 10px;
    }
}

@media (min-width: 1200px) {
    .ctlSecondLevel {
        padding-top: 35px;
        /*padding-left: 40px; */
        padding-left: 10px;
    }
}

@media (min-width: 1536px) {
    .ctlSecondLevel {
        /*padding-left: 80px; */
        padding-left: 25px;
    }
}

.ctlSecondLevel li {
    display: inline-block;
}

.ctlSecondLevelItem {
    width: 30%;
    margin-bottom: 40px;
}

@media (min-width: 576px) {
    .ctlSecondLevelItem {}
}

@media (min-width: 768px) {
    .ctlSecondLevelItem {
        width: 290px;
    }
}

@media (min-width: 1200px) {
    .ctlSecondLevelItem {
        width: 240px;
    }
}

@media (min-width: 1536px) {
    .ctlSecondLevelItem {
        width: 310px;
    }
}

.ctlSecondLevelItemHeader {
    /*margin-left: 46px;*/
    margin-left: 20px;
    margin-bottom: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    font-size: 20px;
    /*color: #3B3B3B; */
    color: #42933A;
}

.ctlSecondLevelItemHeader:hover,
.ctlSecondLevelItemHeader:active,
.ctlSecondLevelItemHeader:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.ctlSecondLevelItemElemWrap {
    position: relative;
    display: table;
}

.ctlSecondLevelItemElemWrap:hover,
.ctlSecondLevelItemElemWrap:active,
.ctlSecondLevelItemElemWrap:focus {
    cursor: pointer;
}

.ctlSecondLevelItemElemWrap:hover .ctlSecondLevelItemElemCount,
.ctlSecondLevelItemElemWrap:active .ctlSecondLevelItemElemCount,
.ctlSecondLevelItemElemWrap:focus .ctlSecondLevelItemElemCount {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.ctlSecondLevelItemElemWrap:hover .ctlSecondLevelItemElemText,
.ctlSecondLevelItemElemWrap:active .ctlSecondLevelItemElemText,
.ctlSecondLevelItemElemWrap:focus .ctlSecondLevelItemElemText {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.ctlSecondLevelItemElemCount {
    display: table-cell;
    /*width: 34px;*/
    width: 7px;
    text-align: right;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    font-size: 16px;
    color: #E0E0E0;
}

.ctlSecondLevelItemElemText {
    display: table-cell;
    text-align: left;
    padding-left: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    /*line-height: 32px;*/
    /*font-size: 16px;*/
    line-height: 26px;
    font-size: 15px;
    color: #3B3B3B;
}

.ctlSecondLevelItemElemMore {
    position: relative;
    padding-left: 45px;
}

.ctlSecondLevelItemElemMoreBnt:hover,
.ctlSecondLevelItemElemMoreBnt:active,
.ctlSecondLevelItemElemMoreBnt:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.ctlSecondLevelItemsMoreWrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 336px;
    padding-top: 22px;
    padding-bottom: 22px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 2;
}

@media (min-width: 768px) {
    .ctlSecondLevelItemsMoreWrap {
        width: 280px;
    }
}

@media (min-width: 1200px) {
    .ctlSecondLevelItemsMoreWrap {
        width: 290px;
    }
}

@media (min-width: 1536px) {
    .ctlSecondLevelItemsMoreWrap {
        width: 336px;
    }
}

.sliderMainWrap {
    position: relative;
    background: #FFFFFF;
}

.sliderMainItem {
    position: relative;
    display: table;
    width: 100%;
    height: 396px;
}

.sliderMainItem__left {
    position: relative;
    display: table-cell;
    width: 0%;
}

@media screen and (min-width: 768px) {
    .sliderMainItem__left {
        width: 47%
    }
}

.sliderMainItem__right {
    display: table-cell;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .sliderMainItem__right {
        width: 53%;
    }
}

.sliderMainItem__center {
    position: absolute;
    width: 300px;
    height: 396px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 576px) {
    .sliderMainItem__center {
        width: 530px;
    }
}

@media (min-width: 768px) {
    .sliderMainItem__center {
        width: 740px;
    }
}

@media (min-width: 1200px) {
    .sliderMainItem__center {
        width: 875px;
    }
}

.sliderMainItemTitle {
    display: inline;
    position: absolute;
    width: auto;
    /*width: 200px;*/
    top: 13%;
    padding: 3px 7px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    color: #EBA63A;
    background-color: #fff
}

@media (min-width: 768px) {
    .sliderMainItemTitle {
        display: block;
        width: 200px;
        /*line-height: 49px;*/
        line-height: 40px;
        background-color: transparent;
    }
}

.sliderMainItemText {
    display: inline;
    position: absolute;
    width: auto;
    top: 35%;
    padding: 3px 7px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    font-size: 24px;
    color: #EBA63A;
    background-color: #fff;
}


/*@media (min-width: 576px) {*/


/*.sliderMainItemText {*/


/*width: 338px; } }*/

@media (min-width: 768px) {
    .sliderMainItemText {
        display: block;
        width: 338px;
        /*top: 47%;*/
        top: 50%;
        background-color: transparent;
    }
}

.sliderMainItem__right {
    background-image: url("img/sliderMain/img1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mainTitleWrap {
    position: relative;
    /*background: rgba(235, 166, 58, 0.9);
  background-image: url("img/mainTitleImg.jpg");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainTitle {
    display: none;
    margin-top: 25px;
    color: #8b8b8b;
    /*margin-bottom: 66px;*/
    text-align: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 25px;
    font-size: 18px;
    letter-spacing: 1px;
    /*color: #FFFFFF; */
}

@media (min-width: 768px) {
    .mainTitle {
        display: block;
    }
}

@media (min-width: 1200px) {
    .mainTitle {
        margin-top: 25px;
    }
}

.mainTitle_mobile {
    display: block;
    margin-top: 25px;
    color: #8b8b8b;
    /*margin-bottom: 66px;*/
    text-align: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 25px;
    font-size: 18px;
    letter-spacing: 1px;
    /*color: #FFFFFF; */
}

@media (min-width: 768px) {
    .mainTitle_mobile {
        display: none;
    }
}

.popGoodsWrap {
    position: relative;
    padding-top: 66px;
}

.popGoodsHeader {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.popGoodsHeader span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    font-size: 30px;
    text-align: center;
    color: #3B3B3B;
}

.popGoodsFilterWrap {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
}

@media (min-width: 768px) {
    .popGoodsFilterWrap {
        width: 100%;
    }
}

.popGoodsFilterItem {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 20px;
    border: 2px solid #469C3E;
    border-radius: 5px;
    margin-bottom: 10px;
}

.popGoodsFilterItem span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .popGoodsFilterItem {
        margin-bottom: 10px;
    }
}

.popGoodsFilterItem:hover,
.popGoodsFilterItem:focus,
.popGoodsFilterItem:active {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    background: #469C3E;
}

.popGoodsFilterItem:hover span,
.popGoodsFilterItem:focus span,
.popGoodsFilterItem:active span {
    color: #FFFFFF;
}

.popGoodsFilterItem--active {
    background: #469C3E;
}

.popGoodsFilterItem--active span {
    color: #FFFFFF;
}

.watchedGoodsInner {
    width: 318px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .watchedGoodsInner {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

.watchedGoodsWrap {
    position: relative;
    margin-top: 66px;
}

.watchedGoodsHeader {
    margin-bottom: 50px;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
}

.watchedGoodsHeader span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    font-size: 30px;
    text-align: center;
    color: #3B3B3B;
}

.watchedGoodsWrap--cardDetail {
    margin-bottom: 90px;
}

.newsWrap {
    position: relative;
    margin-top: 64px;
    padding-top: 44px;
    padding-bottom: 43px;
    background: #FFFFFF;
}

.newsHeader {
    width: 145px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    font-size: 30px;
    text-align: center;
    color: #3B3B3B;
}

.newsBlock {
    margin-top: 60px;
    text-align: left;
    width: 300px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .newsBlock {
        width: 100%;
        padding-left: 0px;
        margin-left: 0;
        margin-right: 0;
    }
}

.newsBlock a {
    text-decoration: none;
}

.newsBlock:hover .newsBlockHeader,
.newsBlock:active .newsBlockHeader,
.newsBlock:focus .newsBlockHeader {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.newsBlockHeader {
    width: 85%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    font-size: 20px;
    color: #3B3B3B;
}

.newsBlockText {
    width: 85%;
    margin-top: 7px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #3B3B3B;
}

.newsBlockDate {
    width: 85%;
    margin-top: 15px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #E0E0E0;
}

.newsAllBtnWrap {
    width: 181px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}

.videoWrap {
    position: relative;
    padding-top: 66px;
    padding-bottom: 88px;
    overflow: hidden;
}

.videoHeader {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    font-size: 30px;
    text-align: center;
    color: #3B3B3B;
}

.videoBlockWrap {
    position: relative;
    margin-top: 60px;
    width: 300px;
    margin-left: auto;
    vertical-align: top;
    margin-right: auto;
}

@media (min-width: 768px) {
    .videoBlockWrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 576px) {
    .videoBlockWrap {
        width: 290px;
    }
}

@media (min-width: 768px) {
    .videoBlockWrap {
        display: inline-block;
        width: 290px;
        margin-left: 0px;
        margin-right: 5px;
    }
}

@media (min-width: 1200px) {
    .videoBlockWrap {
        width: 325px;
    }
}

@media (min-width: 1536px) {
    .videoBlockWrap {
        width: 310px;
    }
}

.videoBlockWrap a {
    text-decoration: none;
}

.videoBlockImage {
    position: relative;
    width: 100%;
    height: 154px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 1536px) {
    .videoBlockImage {
        width: 302px;
    }
}

.videoBlockImage--img1 {
    background-image: url("img/videoBlock/img1.jpg");
}

.videoBlockImage--img2 {
    background-image: url("img/videoBlock/img2.jpg");
}

.videoBlockImage--img3 {
    background-image: url("img/videoBlock/img3.jpg");
}

.videoBlockImage--img4 {
    background-image: url("img/videoBlock/img4.jpg");
}

.videoBlockText {
    margin-top: 22px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    font-size: 20px;
    color: #3B3B3B;
}

.videoBlockImagePlayBtn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("img/videoBlock/imgPlayBtn.svg");
}

.videoBlockImagePlayBtn-hover {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 102px;
    height: 102px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("img/videoBlock/imgPlayBtn-hover.svg");
}

.videoAllBtnWrap {
    width: 181px;
    margin-top: 42px;
    margin-left: auto;
    margin-right: auto;
}

.footerTopWrap {
    position: relative;
    padding-top: 42px;
    background: #FFFFFF;
    border-top: 2px solid #F2F2ED;
    border-bottom: 2px solid #F2F2ED;
}

.footerLogoWrap {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .footerLogoWrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.footerTelWrap {
    margin-top: 40px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .footerTelWrap {
        margin-top: 65px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.footerTelInner {
    width: 65%;
}

.footerTelInner a {
    text-decoration: none;
}

@media (min-width: 1200px) {
    .footerTelInner {
        width: 80%;
    }
}

@media (min-width: 1536px) {
    .footerTelInner {
        width: 65%;
    }
}

.footerTelInner span:hover,
.footerTelInner span:active,
.footerTelInner span:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.footerTel {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 14px;
    color: #3B3B3B;
}

.footerTel-text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;
    color: #D6D6D6;
}

.footerSocialWrap {
    margin-top: 40px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .footerSocialWrap {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.footerSocialInner {
    display: table;
    width: 150px;
    height: 40px;
}

.footerSocialList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footerSocialList li {
    display: inline-block;
    margin-right: 0px;
}

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

.footerSocialList li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    width: 40px;
    height: 40px;
}

.footerSocialList li:hover,
.footerSocialList li:active,
.footerSocialList li:focus {
    transition: .6s;
    cursor: pointer;
    opacity: .6;
}

.footerSocialItem {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footerCatalogWrap {
    position: relative;
    width: 300px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .footerCatalogWrap {
        margin-top: 25px;
        width: 100%;
        margin-left: 90px;
        margin-right: 0px;
    }
}

@media (min-width: 1200px) {
    .footerCatalogWrap {
        margin-left: 40px;
    }
}

@media (min-width: 1536px) {
    .footerCatalogWrap {
        margin-left: 90px;
    }
}

.footerCatalogWrap:before {
    display: none;
}

@media (min-width: 1200px) {
    .footerCatalogWrap:before {
        display: block;
        position: absolute;
        content: "";
        top: 46%;
        left: -96%;
        width: 405px;
        height: 2px;
        border: 1px solid #F2F2ED;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media (min-width: 1536px) {
    .footerCatalogWrap:before {
        top: 46%;
        left: -77%;
        width: 383px;
    }
}

.footerCatalogList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90%;
    margin-left: 14px;
}

.footerCatalogList li {
    display: block;
    margin-bottom: 16px;
}

.footerCatalogList li:last-child {
    margin-bottom: 0;
}

.footerCatalogList li a {
    text-decoration: none;
}

.footerCatalogList li:hover,
.footerCatalogList li:active,
.footerCatalogList li:focus {
    cursor: pointer;
}

.footerCatalogList li:hover .footerCatalogListItem,
.footerCatalogList li:active .footerCatalogListItem,
.footerCatalogList li:focus .footerCatalogListItem {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

@media (min-width: 576px) {
    .footerCatalogList {
        margin-left: 14px;
    }
}

@media (min-width: 768px) {
    .footerCatalogList {
        margin-left: 14px;
    }
}

@media (min-width: 1200px) {
    .footerCatalogList {
        margin-left: 0;
    }
}

.footerCatalogListItem {
    margin-bottom: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 20px;
    color: #3B3B3B;
}

.footerNavWrap {
    position: relative;
    width: 300px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .footerNavWrap {
        margin-top: 25px;
        width: 100%;
        margin-top: 50px;
        margin-left: 55px;
        margin-right: 0px;
    }
}

@media (min-width: 768px) {
    .footerNavWrap {
        margin-top: 50px;
        margin-left: 55px;
    }
}

@media (min-width: 1200px) {
    .footerNavWrap {
        margin-top: 25px;
        margin-left: 40px;
    }
}

@media (min-width: 1536px) {
    .footerNavWrap {
        margin-left: 90px;
    }
}

@media (min-width: 576px) {
    .footerNavWrap--nav2 {
        margin-top: 50px;
        margin-left: 40px;
    }
}

@media (min-width: 768px) {
    .footerNavWrap--nav2 {
        margin-top: 50px;
        margin-left: 40px;
    }
}

@media (min-width: 1200px) {
    .footerNavWrap--nav2 {
        margin-top: 25px;
    }
}

.footerNavList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    columns: 1;
    height: 100%;
    width: 100%;
}

.footerNavList li {
    display: block;
    margin-bottom: 16px;
}

.footerNavList li:last-child {
    margin-bottom: 0;
}

.footerNavList li a {
    text-decoration: none;
}

.footerNavList li:hover,
.footerNavList li:active,
.footerNavList li:focus {
    cursor: pointer;
}

.footerNavList li:hover .footerNavListItem,
.footerNavList li:active .footerNavListItem,
.footerNavList li:focus .footerNavListItem {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

@media (min-width: 576px) {
    .footerNavList {
        width: 96%;
        margin-bottom: 20px;
        columns: 2;
        height: 335px;
    }
}

@media (min-width: 768px) {
    .footerNavList {
        width: 91%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .footerNavList {
        width: 90%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1536px) {
    .footerNavList {
        margin-bottom: 0px;
    }
}

.footerNavListItem {
    margin-bottom: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 20px;
    color: #3B3B3B;
}

.footerBottomWrap {
    position: relative;
    padding-top: 43px;
    padding-bottom: 41px;
    background: #ffffff;
}

.footerBottomCopyright {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #808080;
    /* color: #EBEBEB; */
}

@media (min-width: 576px) {
    .footerBottomCopyright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1536px) {
    .footerBottomCopyright {
        width: 90%;
    }
}

.footerBottomCopyrightCookie {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 40px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #808080;
    /* color: #EBEBEB; */
}

@media (min-width: 576px) {
    .footerBottomCopyrightCookie {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 45px;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .footerBottomCopyrightCookie {
        padding-left: 0px;
    }
}

@media (min-width: 1200px) {
    .footerBottomCopyrightCookie {
        padding-left: 15px;
    }
}

@media (min-width: 1536px) {
    .footerBottomCopyrightCookie {
        padding-left: 45px;
    }
}

.breadcrumbsSec {
    background-color: #fff;
}

.breadcrumbsWrap {
    position: relative;
    padding-top: 22px;
    padding-bottom: 22px;
}

.breadcrumbsHeader {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    color: #3B3B3B;
}

.breadcrumbsHeaderCount {
    position: relative;
    top: -10px;
    left: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    font-size: 16px;
    color: #469C3E;
}

.breadcrumbsList {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 12px;
}

.breadcrumbsList li {
    display: inline-block;
    margin-right: 15px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: none;
    color: #CCCCCC;
}

.breadcrumbsList li a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #CCCCCC;
}

.breadcrumbsList li a:hover,
.breadcrumbsList li a:active,
.breadcrumbsList li a:focus {
    color: #469C3E;
    -webkit-transition: .6s;
    transition: .6s;
}

.breadcrumbsList li:after {
    position: relative;
    left: 9px;
    color: #CCCCCC;
    content: "/";
}

.breadcrumbsList li:last-child a {
    text-decoration: none;
}

.breadcrumbsList li:last-child:after {
    content: "";
}

.breadcrumbsList--article {
    margin-top: 0;
    display: inline-block;
}

.breadcrumbsList--article li:last-child {
    text-decoration: underline;
}

.breadcrumbsImg {
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 24px;
}

.breadcrumbsWrap--videPlay {
    position: absolute;
    z-index: 1;
    top: -185px;
    left: 0px;
    color: #fff;
}

@media (min-width: 768px) {
    .breadcrumbsWrap--videPlay {
        left: 44px;
        top: 0;
    }
}

@media (min-width: 1200px) {
    .breadcrumbsWrap--videPlay {
        left: 147px;
    }
}

@media (min-width: 1695px) {
    .breadcrumbsWrap--videPlay {
        left: 210px;
    }
}

.breadcrumbsHeader--videPlay {
    color: #4F4F4F;
}

@media (min-width: 768px) {
    .breadcrumbsHeader--videPlay {
        color: #fff;
    }
}

.breadcrumbsList--videPlay {
    color: #4F4F4F;
}

.breadcrumbsWrap--static,
.breadcrumbsWrap--bonus,
.breadcrumbsWrap--newsPage,
.breadcrumbsWrap--discounts,
.breadcrumbsWrap--feedback,
.breadcrumbsWrap--franchise {
    padding-left: 0px;
}

@media (min-width: 1200px) {
    .breadcrumbsWrap--static,
    .breadcrumbsWrap--bonus,
    .breadcrumbsWrap--newsPage,
    .breadcrumbsWrap--discounts,
    .breadcrumbsWrap--feedback,
    .breadcrumbsWrap--franchise {
        padding-left: 105px;
    }
}

.breadcrumbsWrap--articles {
    padding-left: 50px;
}

@media (min-width: 1200px) {
    .breadcrumbsWrap--articles {
        padding-left: 85px;
    }
}

@media (min-width: 1536px) {
    .breadcrumbsWrap--articles {
        padding-left: 105px;
    }
}

.breadcrumbsWrap--suppliers {
    padding-left: 0px;
}

@media (min-width: 1200px) {
    .breadcrumbsWrap--suppliers {
        padding-left: 85px;
    }
}

@media (min-width: 1536px) {
    .breadcrumbsWrap--suppliers {
        padding-left: 105px;
    }
}

.breadcrumbsWrap--stores {
    padding-left: 0px;
}

.mainContentLeft--catalog {
    background: #FFFFFF;
    padding-top: 43px;
    padding-left: 30px;
    padding-bottom: 20px;
    /*margin-right: -8px;*/
    margin-bottom: 40px;
}

@media (min-width: 576px) {
    .mainContentLeft--catalog {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .mainContentLeft--catalog {
        margin-bottom: 15px;
        margin-right: 10px;
    }
}

.mainContentLeft--catalog2 {
    margin-right: 10px;
}

.mainContent--lk {
    padding-top: 25px;
    padding-bottom: 80px;
}

.mainContent--static {
    padding-top: 20px;
}

.mainContent--static p {
    padding: 0;
    margin-top: 0;
    margin-bottom: 50px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.mainContent--bonusProg {
    padding-top: 22px;
    padding-bottom: 100px;
    overflow: hidden;
}

.mainContent--newsPage {
    padding-top: 22px;
    padding-bottom: 88px;
}

.mainContent--articles {
    padding-top: 22px;
    padding-bottom: 88px;
}

.mainContent--discounts {
    padding-top: 22px;
    padding-bottom: 88px;
}

.mainContent--feedback {
    padding-top: 22px;
    padding-bottom: 88px;
}

.mainContent--suppliers {
    padding-top: 22px;
    padding-bottom: 88px;
}

.mainContent--stores {
    padding-top: 0;
    padding-bottom: 90px;
}

.mainContent--franchise {
    padding-top: 22px;
    padding-bottom: 118px;
}

.mainContentRightInner {
    width: 310px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .mainContentRightInner {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.basketCardsWrap {
    position: relative;
    padding-top: 22px;
}

.orderingWrap {
    position: relative;
    padding-top: 22px;
    padding-bottom: 89px;
}

.bonusCardDetail {
    position: relative;
    width: 100%;
    margin-top: 45px;
}

.bonusCardDetailTitle {
    margin-bottom: 44px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.bonusCardDetailTable {
    display: none;
}

@media (min-width: 576px) {
    .bonusCardDetailTable {
        display: block;
    }
}

.bonusCardDetailTable table {
    position: relative;
    width: 100%;
}

.bonusCardDetailTable thead {
    background: #E0E0E0;
    border-radius: 5px 5px 0px 0px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #4F4F4F;
}

.bonusCardDetailTable tbody tr {
    border-bottom: 2px solid #F2F2F2;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.bonusCardDetailTable tfoot {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #4F4F4F;
}

.bonusCardDetailTable td {
    padding-top: 17px;
    padding-bottom: 16px;
    padding-left: 10px;
}

@media (min-width: 576px) {
    .bonusCardDetailTable td {
        padding-left: 16px;
    }
}

.bonusCardDetailTable__headLast {
    width: 33%;
}

.bonusCardDetailTable--lowRes {
    display: block;
}

@media (min-width: 576px) {
    .bonusCardDetailTable--lowRes {
        display: none;
    }
}

.orderHistory {
    margin-top: 40px;
    width: 100%;
}

.orderHistory :last-child {
    margin-bottom: 0;
}

.orderHistoryTitle {
    display: inline-block;
    width: 100%;
    margin-left: 5px;
    margin-bottom: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #222222;
}

@media (min-width: 1200px) {
    .orderHistoryTitle {
        width: 74%;
        margin-left: 0px;
        margin-bottom: 0px;
    }
}

.orderHistorySearch {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-left: 5px;
    margin-bottom: 40px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #222222;
}

.orderHistorySearch:hover,
.orderHistorySearch:active,
.orderHistorySearch:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #64BA5C;
}

@media (min-width: 1200px) {
    .orderHistorySearch {
        width: 25%;
        margin-left: 0px;
        top: -8px;
    }
}

@media (min-width: 1536px) {
    .orderHistorySearch {
        top: 0px;
    }
}

.orderDetailSection {
    margin-top: 40px;
    width: 100%;
}

.orderDetailSectionHeader {
    margin-bottom: 22px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 27px;
    color: #222222;
}

@media (min-width: 768px) {
    .orderDetailSectionHeader {
        font-size: 27px;
    }
}

@media (min-width: 1200px) {
    .orderDetailSectionHeader {
        font-size: 28px;
    }
}

.orderDetailSectionSearch {
    display: block;
    margin-bottom: 40px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #222222;
}

.orderDetailSectionSearch:hover,
.orderDetailSectionSearch:active,
.orderDetailSectionSearch:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #64BA5C;
}

.staticBlock {
    padding-left: 0px;
    margin-bottom: 100px;
}

@media (min-width: 768px) {
    .staticBlock {
        padding-left: 0px;
    }
}

@media (min-width: 1200px) {
    .staticBlock {
        padding-left: 105px;
    }
}

.staticBlockHeader {
    margin-bottom: 45px;
}

.staticBlockHeader--title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

.staticBlockHeader--headerH2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 48px;
    color: #333333;
}

.staticBlockHeader--headerH3 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #333333;
}

.staticBlockMainImg {
    position: relative;
    top: 0;
    left: -12%;
    width: 115%;
}

.staticBlockMainImg img {
    margin-bottom: 24px;
}

.staticBlockMainImg p {
    margin-bottom: 50px;
    font-family: "Roboto";
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #BDBDBD;
}

.staticBlockQuote {
    margin-bottom: 48px;
}

.staticBlockQuote p {
    position: relative;
    margin-bottom: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 38px;
    font-size: 26px;
    color: #333333;
}

.staticBlockQuote p:before {
    position: absolute;
    top: -2px;
    left: -75px;
    content: "";
    width: 43px;
    height: 42px;
    background-image: url("img/static/img2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.staticBlockQuoteLine {
    width: 100%;
    height: 22px;
    margin-bottom: 45px;
    background: #F2F2ED;
}

.staticBlockList1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.staticBlockList1 li {
    display: block;
    position: relative;
    padding-left: 52px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.staticBlockList1 li:before {
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
    width: 10px;
    height: 5px;
    background-image: url("img/static/img3.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.staticBlockList2 {
    margin: 0;
    padding: 0;
    margin-bottom: 66px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.staticBlockList2 li {
    position: relative;
    margin-left: 18px;
    padding-left: 33px;
}

.staticBlockTable {
    width: 100%;
    margin-top: 50px;
    border-spacing: 0px 0px;
}

.staticBlockTable th,
.staticBlockTable td {
    width: 25%;
    padding-left: 15px;
    padding-right: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #4F4F4F;
    border-bottom: 2px solid #F2F2ED;
}

.staticBlockTableHeader {
    background: #F2F2ED;
    border-radius: 0px;
    text-align: left;
}

.staticBlockTableHeader th {
    font-family: 'Panton Bold';
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #4F4F4F;
}

.staticBlockTable--lg {
    display: none;
}

@media (min-width: 500px) {
    .staticBlockTable--lg {
        display: block;
    }
}

.staticBlockTable--xs {
    display: block;
}

@media (min-width: 500px) {
    .staticBlockTable--xs {
        display: none;
    }
}

.staticBlockAside {
    padding-top: 216px;
}

.staticBlockAsideImg {
    margin-bottom: 280px;
}

.staticBlockAsideImg img {
    margin-bottom: 20px;
}

.staticBlockAsideImg p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

p.staticBlockAsideImgTxt {
    font-family: "Roboto";
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #BDBDBD;
}

.franchiseLeftInner {
    position: relative;
}

.franchiseLeftInner p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

p.franchiseHeader {
    margin-bottom: 45px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

.franchiseHeaderTxt {
    margin-bottom: 100px;
}

.franchiseBlockWrap {
    position: relative;
    margin-bottom: 100px;
}

p.franchiseBlockTitle {
    margin-bottom: 35px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #333333;
}

.franchiseBlockTxt {
    margin-bottom: 50px;
}

.franchiseBlockImg {
    position: relative;
    width: 112%;
    top: 0;
    left: -12%;
}

.franchiseBlockImg--bonus {
    display: none;
    position: relative;
}

.franchiseBlockImg--bonus img {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(115%, -80%);
    transform: translate(115%, -80%);
}

@media (min-width: 768px) {
    .franchiseBlockImg--bonus {
        display: block;
    }
}

.franchiseTel {
    margin-top: 0;
}

.franchiseTel p {
    padding: 0;
    margin: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 38px;
    font-size: 20px;
    color: #333333;
}

.franchiseTel a {
    text-decoration: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 38px;
    font-size: 20px;
    color: #333333;
}

.franchiseTel a:hover,
.franchiseTel a:active,
.franchiseTel a:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.suppliersLeftInner p,
.suppliersLeftInner ul,
.suppliersLeftInner ol {
    margin-bottom: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.suppliersLeftInner :last-child {
    margin-bottom: 0;
}

.suppliersLeftInner a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
    text-decoration: underline;
}

.suppliersLeftInner a:hover,
.suppliersLeftInner a:active,
.suppliersLeftInner a:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

p.suppliersHeader {
    margin-bottom: 70px;
}

p.suppliersTitle {
    margin-bottom: 37px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #333333;
}

.p404LogoWrap {
    text-align: center;
    /* margin-top: 24px; */
    /* margin-bottom: 185px; */
    /* margin-bottom: 115px; */
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 115px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .p404LogoWrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.p404Header {
    text-align: center;
    /* margin-bottom: 63px; */
    margin-bottom: 15px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 140px;
    text-align: center;
    color: #333333;
}
.p404LogoImg img{
    width: 400px;
}

.p404Title {
    text-align: center;
    margin-bottom: 45px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 48px;
    text-align: center;
    color: #333333;
}

.p404Txt {
    text-align: center;
    margin-bottom: 153px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    color: #333333;
}

.p404Txt a {
    text-decoration: underline;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    color: #333333;
}

.p404Txt a:hover,
.p404Txt a:focus,
.p404Txt a:active {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.p404CatalogWrap {
    position: relative;
    width: 300px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .p404CatalogWrap {
        margin-top: 25px;
    }
}

@media (min-width: 1200px) {
    .p404CatalogWrap {
        margin-left: 40px;
    }
}

@media (min-width: 1536px) {
    .p404CatalogWrap {
        margin-left: 90px;
    }
}

.p404CatalogList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90%;
}

@media (min-width: 768px) {
    .p404CatalogList {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .p404CatalogList {
        width: 90%;
    }
}

.p404CatalogList li {
    display: block;
    margin-bottom: 16px;
}

.p404CatalogList li:last-child {
    margin-bottom: 0;
}

.p404CatalogList li a {
    text-decoration: none;
}

.p404CatalogList li:hover,
.p404CatalogList li:active,
.p404CatalogList li:focus {
    cursor: pointer;
}

.p404CatalogList li:hover .p404CatalogListItem,
.p404CatalogList li:active .p404CatalogListItem,
.p404CatalogList li:focus .p404CatalogListItem {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.p404CatalogListItem {
    margin-bottom: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 20px;
    color: #3B3B3B;
}

.p404NavWrap {
    position: relative;
    width: 300px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .p404NavWrap {
        margin-top: 50px;
    }
}

@media (min-width: 768px) {
    .p404NavWrap {
        margin-top: 27px;
        margin-left: 55px;
    }
}

@media (min-width: 1200px) {
    .p404NavWrap {
        margin-top: 25px;
        margin-left: 40px;
    }
}

@media (min-width: 1536px) {
    .p404NavWrap {
        margin-left: 90px;
    }
}

@media (min-width: 576px) {
    .p404NavWrap--nav2 {
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .p404NavWrap--nav2 {
        margin-top: 50px;
        margin-left: 40px;
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .p404NavWrap--nav2 {
        margin-top: 25px;
    }
}

.p404NavList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.p404NavList li {
    display: block;
    margin-bottom: 16px;
}

.p404NavList li:last-child {
    margin-bottom: 0;
}

.p404NavList li a {
    text-decoration: none;
}

.p404NavList li:hover,
.p404NavList li:active,
.p404NavList li:focus {
    cursor: pointer;
}

.p404NavList li:hover .p404NavListItem,
.p404NavList li:active .p404NavListItem,
.p404NavList li:focus .p404NavListItem {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.p404NavListItem {
    margin-bottom: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 20px;
    color: #3B3B3B;
}

.storesTownsWrap {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .storesTownsWrap {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .storesTownsWrap {
        margin-top: 66px;
        margin-bottom: 0;
    }
}

.storesTownsList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.storesTownsList :last-child {
    margin-bottom: 0;
}

.storesTownsList li {
    margin-bottom: 15px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: #4F4F4F;
}

.storesTownsList li:hover,
.storesTownsList li:active,
.storesTownsList li:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.storesTownsListItem--active {
    color: #469C3E;
}

.storesTownsListItem--bold {
    font-weight: bold;
}

.storesInner {
    background: #F2F2ED;
    height: 100%;
    margin-right: -8px;
}

.storesInnerLeft {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .storesInnerLeft {
        display: inline-block;
        width: 43%;
        padding-left: 35px;
        padding-bottom: 68px;
    }
}

@media (min-width: 1200px) {
    .storesInnerLeft {
        padding-left: 70px;
        width: 50%;
    }
}

.storesBlockOverflow {
    margin-top: 40px;
    position: relative;
    height: 250px;
    overflow: scroll;
    width: 100%;
}

.storesBlockOverflow :last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .storesBlockOverflow {
        height: 502px;
        position: absolute;
        overflow-x: hidden;
        height: 88%;
        width: 44%;
    }
}

@media (min-width: 1200px) {
    .storesBlockOverflow {
        margin-top: 66px;
        height: 83%;
    }
}

.storesBlockWrap {
    position: relative;
    margin-bottom: 22px;
}

.storesBlock {
    display: none;
}

.storesBlock--active {
    display: block;
    width: 95%;
}

@media (min-width: 1200px) {
    .storesBlock--active {
        width: 100%;
    }
}

.storesBlockTitle {
    display: inline-block;
    margin-bottom: 22px;
    width: 80%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.storesBlockTitle p {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.storesBlockTitle a {
    text-decoration: none;
    color: #4F4F4F;
}

.storesBlockTitle a:hover,
.storesBlockTitle a:active,
.storesBlockTitle a:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.storesBlockLink {
    position: relative;
    display: block;
    width: 30%;
    margin-bottom: 20px;
    vertical-align: top;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4F4F4F;
}

@media (min-width: 576px) {
    .storesBlockLink {
        width: 20%;
    }
}

@media (min-width: 768px) {
    .storesBlockLink {
        width: 30%;
    }
}

@media (min-width: 1200px) {
    .storesBlockLink {
        display: block;
        width: 20%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1536px) {
    .storesBlockLink {
        display: inline-block;
        width: auto;
        margin-bottom: 0px;
    }
}

.storesBlockLink:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -16px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #3B3B3B;
    border-right: 1px solid #3B3B3B;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.storesBlockLink:hover,
.storesBlockLink:active,
.storesBlockLink:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.storesBlockLink:hover:after,
.storesBlockLink:active:after,
.storesBlockLink:focus:after {
    -webkit-transition: .6s;
    transition: .6s;
    border-top: 1px solid #469C3E;
    border-right: 1px solid #469C3E;
}

.storesBlockImg {
    width: 90%;
    margin-bottom: 22px;
}

@media (min-width: 1200px) {
    .storesBlockImg {
        width: 95%;
    }
}

@media (min-width: 1536px) {
    .storesBlockImg {
        width: 100%;
    }
}

.storesBlockImgList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.storesBlockImgList li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

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

.storesBlockLine {
    border: 2px solid #F9F9F4;
    width: 96%;
}

.storesInnerRight {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .storesInnerRight {
        display: inline-block;
        width: 56%;
    }
}

@media (min-width: 1200px) {
    .storesInnerRight {
        width: 49%;
    }
}

.storesMap {
    width: 100%;
    height: 100%;
}

.col--stores {
    height: 740px;
}

.storesMapDetail {
    display: none;
    position: absolute;
    top: 40px;
    left: 8px;
    width: 100%;
    height: 790px;
}

@media (min-width: 768px) {
    .storesMapDetail {
        top: 0px;
        left: 10px;
        height: 740px;
    }
}

@media (min-width: 1200px) {
    .storesMapDetail {
        height: 100%;
        top: 0px;
        left: 10px;
    }
}

.storesMapDetailLink {
    position: absolute;
    top: 60px;
    left: 60px;
    z-index: 2;
    background-color: #fff;
    padding-top: 6px;
    padding-left: 29px;
    padding-bottom: 6px;
    padding-right: 6px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4F4F4F;
}

.storesMapDetailLink:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #4F4F4F;
    border-right: 1px solid #4F4F4F;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.storesMapDetailLink:hover,
.storesMapDetailLink:active,
.storesMapDetailLink:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.storesMapDetailLink:hover:before,
.storesMapDetailLink:active:before,
.storesMapDetailLink:focus:before {
    -webkit-transition: .6s;
    transition: .6s;
    border-top: 1px solid #469C3E;
    border-right: 1px solid #469C3E;
}

.test {
    color: red;
}

.testFlexWrap {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    border: 1px solid red;
}

.testFlex {
    display: inline-block;
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block--test2 {
    margin-right: 0;
}

.col-test1 {
    width: 20%;
}

.col-test2 {
    width: 80%;
}

.headerLogoWrap {
    position: relative;
    top: -12px;
}

/*@media (min-width: 1200px) {*/
/*    .headerLogoWrap {*/
/*        top: 5px;*/
/*    }*/
/*}*/

/*@media (min-width: 1536px) {*/
/*    .headerLogoWrap {*/
/*        top: 10px;*/
/*    }*/
/*}*/

.townWrap {
    position: relative;
    top: 0;
    left: 10%;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .townWrap {
        top: 6px;
    }
}

@media (min-width: 1200px) {
    .townWrap {
        top: 0;
        margin-bottom: 18px;
    }
}

@media (min-width: 1536px) {
    .townWrap {
        margin-bottom: 30px;
    }
}


/*.town span,*/

.town .town-select__city {
    display: inline-block;
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    /*.town span,*/
    .town .town-select__city {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    /*.town span,*/
    .town .town-select__city {
        font-size: 16px;
    }
}


/*.town span:after,*/

.town .town-select__city:after {
    content: "";
    position: absolute;
    top: 8px;
    right: -15px;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid #3B3B3B;
    border-bottom: 1px solid #3B3B3B;
}


/*.town:hover span, .town:active span, .town:focus span,*/

.town:hover .town-select__city,
.town:active .town-select__city,
.town:focus .town-select__city {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}


/*.town:hover span:after, .town:active span:after, .town:focus span:after,*/

.town:hover .town-select__city:after,
.town:active .town-select__city:after,
.town:focus .town-select__city:after {
    -webkit-transition: .6s;
    transition: .6s;
    border-right: 1px solid #469C3E;
    border-bottom: 1px solid #469C3E;
}

.modalTownWrap {
    position: relative;
}

.modalTownInner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 30%);
    transform: translate(-50%, 30%);
    width: 300px;
    height: 260px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    z-index: 5;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.modalTownInner label {
    display: block;
    /*margin-top: 11px;*/
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .modalTownInner {
        -webkit-transform: translate(-50%, 38%);
        transform: translate(-50%, 38%);
        width: 388px;
        height: 205px;
    }
}

@media (min-width: 768px) {
    .modalTownInner {
        -webkit-transform: translate(-57%, 27%);
        transform: translate(-57%, 27%);
        width: 388px;
        height: 205px;
        z-index: 15;
    }
}

@media (min-width: 1200px) {
    .modalTownInner {
        -webkit-transform: translate(-89%, 27%);
        transform: translate(-89%, 27%);
    }
}

@media (min-width: 1536px) {
    .modalTownInner {
        -webkit-transform: translate(-113%, 30%);
        transform: translate(-113%, 30%);
    }
}

.modalTownHeader {
    position: static;
    top: 8px;
}

.modalTownHeader span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .modalTownHeader {
        top: 12px;
    }
}

@media (min-width: 768px) {
    .modalTownHeader {
        top: 0;
    }
}

.modalTownBtn {
    display: inline-block;
    position: relative;
    width: 70px !important;
    height: 44px !important;
    margin-left: 0px;
    top: 7px;
}

@media (min-width: 576px) {
    .modalTownBtn {
        top: 0;
        margin-left: 13px;
    }
}

@media (min-width: 768px) {
    .modalTownBtn {
        top: 0;
        margin-left: 13px;
    }
}

.modalTownLine {
    margin-top: 25px;
    border: 2px solid #F9F9F4;
}

.modalTownInput {
    display: block;
    width: 245px;
    height: 44px;
    margin-top: 15px;
    background: #FFFFFF;
    border: 2px solid #F2F2ED;
    border-radius: 12px;
    outline-style: none;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .modalTownInput {
        width: 328px;
    }
}

@media (min-width: 768px) {
    .modalTownInput {
        width: 328px;
    }
}

.modalTownInput::-webkit-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.modalTownInput:-ms-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.modalTownInput::placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.modalTownInput:hover,
.modalTownInput:active,
.modalTownInput:focus {
    cursor: text;
    -webkit-transition: .6s;
    transition: .6s;
    background: #FFFFFF;
    border: 2px solid #469C3E;
    border-radius: 12px;
}

.addressWrap {
    position: relative;
    top: 0;
    left: 10%;
}

.address {
    position: absolute;
    top: -25px;
    left: 0;
    width: 130px;
}

@media (min-width: 768px) {
    .address {
        top: -12px;
    }
}

@media (min-width: 1200px) {
    .address {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
}

.address a {
    text-decoration: none;
}

.address a:hover span,
.address a:active span,
.address a:focus span {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.address span {
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 17px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .address span {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .address span {
        font-size: 16px;
    }
}

@media (min-width: 1536px) {
    .address span {
        font-size: 20px;
    }
}

.callmeWrap {
    position: relative;
    top: 0;
    left: 10%;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .callmeWrap {
        left: 30%;
        top: 7px;
    }
}

@media (min-width: 1200px) {
    .callmeWrap {
        top: 0;
        left: 10%;
    }
}

.callme a {
    text-decoration: none;
}

.callme:hover .callme__tel,
.callme:hover .callme__text,
.callme:active .callme__tel,
.callme:active .callme__text,
.callme:focus .callme__tel,
.callme:focus .callme__text {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.callme__tel {
    margin-right: 16px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .callme__tel {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .callme__tel {
        font-size: 16px;
    }
}

@media (min-width: 1536px) {
    .callme__tel {
        font-size: 16px;
    }
}

.bonusWrap {
    position: relative;
    display: inline-block;
    width: 70%;
    top: 0;
    left: 10%;
}

@media (min-width: 1200px) {
    .bonusWrap {
        top: -9px;
    }
}

@media (min-width: 1536px) {
    .bonusWrap {
        top: 0;
    }
}

.bonusWrap--footer {
    width: 100%;
    left: 0;
}

.bonusWrap--p404 {
    width: 100%;
    left: 0;
}

.bonus {
    position: absolute;
    top: -41px;
    left: 26px;
    width: 150px;
}

@media (min-width: 768px) {
    .bonus {
        top: -28px;
    }
}

@media (min-width: 1200px) {
    .bonus {
        top: 0;
        width: 100%;
        position: relative;
        left: 0;
    }
}

.bonus a {
    text-decoration: none;
}

.bonus--footer {
    top: -20px;
    width: 200px;
    left: 0px;
}

@media (min-width: 576px) {
    .bonus--footer {
        top: -20px;
        width: 200px;
        left: 0px;
    }
}

@media (min-width: 768px) {
    .bonus--footer {
        top: -20px;
        width: 200px;
        left: 0px;
    }
}

@media (min-width: 1200px) {
    .bonus--footer {
        top: 10px;
        left: 0px;
        width: 200px;
    }
}

@media (min-width: 1536px) {
    .bonus--footer {
        top: 0px;
    }
}

.bonus--p404 {
    top: -20px;
    width: 200px;
    left: 0px;
}

@media (min-width: 576px) {
    .bonus--p404 {
        top: -20px;
        width: 200px;
        left: 0px;
    }
}

@media (min-width: 768px) {
    .bonus--p404 {
        top: -20px;
        width: 200px;
        left: 0px;
    }
}

@media (min-width: 1200px) {
    .bonus--p404 {
        top: 10px;
        left: 0px;
        width: 200px;
    }
}

@media (min-width: 1536px) {
    .bonus--p404 {
        top: 0px;
    }
}

.bonus__bonusProg {
    display: block;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.bonus__bonusProg:hover span,
.bonus__bonusProg:active span,
.bonus__bonusProg:focus span {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

@media (min-width: 768px) {
    .bonus__bonusProg {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .bonus__bonusProg {
        font-size: 16px;
    }
}

@media (min-width: 1536px) {
    .bonus__bonusProg {
        font-size: 20px;
    }
}

.bonus__bonusProg--footer {
    font-weight: 900;
}

@media (min-width: 768px) {
    .bonus__bonusProg--footer {
        font-size: 20px;
    }
}

.bonus__bonusProg--p404 {
    font-weight: 900;
}

@media (min-width: 768px) {
    .bonus__bonusProg--p404 {
        font-size: 20px;
    }
}

.bonus__actCard {
    display: block;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 12px;
    color: #EBA63A;
}

.bonus__actCard span {
    position: relative;
}

.bonus__actCard span:after {
    position: absolute;
    top: -4px;
    right: -20px;
    content: url("img/actCardArrow.svg");
}

.bonus__actCard:hover span,
.bonus__actCard:active span,
.bonus__actCard:focus span {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.bonus__actCard:hover span:after,
.bonus__actCard:active span:after,
.bonus__actCard:focus span:after {
    -webkit-transition: .6s;
    transition: .6s;
    content: url("img/actCardArrow--hover.svg");
}

.navigationWrap {
    position: relative;
    display: inline-block;
    top: -19px;
    right: -50px;
}

@media (min-width: 768px) {
    .navigationWrap {
        top: 25px;
        right: 195px;
    }
}

@media (min-width: 1200px) {
    .navigationWrap {
        top: -29px;
        right: -50px;
    }
}

@media (min-width: 1536px) {
    .navigationWrap {
        top: -19px;
    }
}

.navigation span {
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.navigation span:after {
    content: "";
    position: absolute;
    top: 8px;
    right: -15px;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid #3B3B3B;
    border-bottom: 1px solid #3B3B3B;
}

@media (min-width: 768px) {
    .navigation span {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .navigation span {
        font-size: 16px;
    }
}

@media (min-width: 1536px) {
    .navigation span {
        font-size: 20px;
    }
}

.navigation:hover span,
.navigation:active span,
.navigation:focus span {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.navigation:hover span:after,
.navigation:active span:after,
.navigation:focus span:after {
    -webkit-transition: .6s;
    transition: .6s;
    border-right: 1px solid #469C3E;
    border-bottom: 1px solid #469C3E;
}

.modalNavigationWrap {
    position: relative;
}

.modalNavigationInner {
    display: none;
    position: absolute;
    width: 308px;
    height: 330px;
    top: 18px;
    right: -239px;
    text-align: left;
    padding-left: 30px;
    padding-right: 9px;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    z-index: 10;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

@media (min-width: 768px) {
    .modalNavigationInner {
        right: -44px;
        top: 49px;
    }
}

@media (min-width: 1200px) {
    .modalNavigationInner {
        top: 18px;
        right: -260px;
    }
}

@media (min-width: 1536px) {
    .modalNavigationInner {
        right: -239px;
    }
}

.modalNavigation-listWrap {
    vertical-align: top;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.modalNavigation-listWrap li {
    display: block;
    margin-bottom: 10px;
}

.modalNavigation-listWrap li a {
    text-decoration: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 20px;
    color: #3B3B3B;
}

.modalNavigation-listWrap li a:hover,
.modalNavigation-listWrap li a:active,
.modalNavigation-listWrap li a:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.authorizationWrap {
    position: relative;
    top: 0;
    left: 20%;
    margin-bottom: 26px;
}

@media (min-width: 768px) {
    .authorizationWrap {
        left: 20%;
        top: 8px;
    }
}

@media (min-width: 1200px) {
    .authorizationWrap {
        left: 14%;
        top: 0;
    }
}

@media (min-width: 1536px) {
    .authorizationWrap {
        left: 20%;
    }
}

.authorization__input,
.authorization__reg,
.authorization__lk,
.authorization__exit {
    display: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    /*color: #D6D6D6;*/
    color: #959595;
}

@media (min-width: 768px) {
    .authorization__input,
    .authorization__reg,
    .authorization__lk,
    .authorization__exit {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .authorization__input,
    .authorization__reg,
    .authorization__lk,
    .authorization__exit {
        font-size: 16px;
    }
}

.authorization__input:hover,
.authorization__input:active,
.authorization__input:focus,
.authorization__reg:hover,
.authorization__reg:active,
.authorization__reg:focus,
.authorization__lk:hover,
.authorization__lk:active,
.authorization__lk:focus,
.authorization__exit:hover,
.authorization__exit:active,
.authorization__exit:focus {
    cursor: pointer;
    color: #469C3E;
    -webkit-transition: .6s;
    transition: .6s;
}

.authorization__input,
.authorization__lk {
    position: relative;
    margin-right: 20px;
}

.authorization__input:after,
.authorization__lk:after {
    position: absolute;
    top: 3px;
    right: -13px;
    content: "";
    width: 1px;
    height: 14px;
    border: 1px solid #D6D6D6;
}

.authorization__input--show,
.authorization__reg--show,
.authorization__lk--show,
.authorization__exit--show {
    display: inline-block;
}

.searchWrap {
    position: relative;
    display: inline-block;
    width: 60%;
    margin-left: 20%;
}

.searchWrap:after {
    position: absolute;
    /*content: url("img/searchIcon.svg");*/
    top: 6px;
    right: 15px;
}

@media (min-width: 768px) {
    .searchWrap .mobile-nav__searchSubmit {
        right: -46px;
        transform: translateY(-48%);
    }
    .searchWrap:after {
        top: 6px;
        right: -30px;
    }
}

@media (min-width: 1200px) {
    .searchWrap .mobile-nav__searchSubmit {
        right: -1px;
    }
    .searchWrap:after {
        top: 6px;
        right: 15px;
    }
}

@media (min-width: 768px) {
    .searchWrap {
        top: -10px;
    }
}

@media (min-width: 1200px) {
    .searchWrap {
        top: -9px;
        margin-left: 14%;
    }
}

@media (min-width: 1536px) {
    .searchWrap {
        top: 0;
        margin-left: 20%;
    }
}

.searchInput {
    position: relative;
    width: 314px;
    height: 33px;
    padding-left: 16px;
    padding-right: 40px;
    border: none;
    border-radius: 5px;
    outline: none;
    text-decoration: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
    background: #F5F5F5;
}

@media (min-width: 768px) {
    .searchInput {
        width: 190px;
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .searchInput {
        width: 245px;
        font-size: 16px;
    }
}

@media (min-width: 1536px) {
    .searchInput {
        width: 314px;
    }
}

.searchInput::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    /*color: #D6D6D6;*/
    color: #959595;
}

@media (min-width: 768px) {
    .searchInput::-webkit-input-placeholder {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .searchInput::-webkit-input-placeholder {
        font-size: 16px;
    }
}

.searchInput:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    /*color: #D6D6D6;*/
    color: #959595;
    ;
}

@media (min-width: 768px) {
    .searchInput:-ms-input-placeholder {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .searchInput:-ms-input-placeholder {
        font-size: 16px;
    }
}

.searchInput::placeholder {
    text-transform: uppercase;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    /*color: #D6D6D6;*/
    color: #959595;
}

@media (min-width: 768px) {
    .searchInput::placeholder {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .searchInput::placeholder {
        font-size: 16px;
    }
}

.searchInput:hover {
    cursor: text;
}

.basketWrap {
    position: relative;
    display: inline-block;
    margin-left: 7px;
}

@media (min-width: 768px) {
    .basketWrap {
        top: -4px;
        left: 83px;
    }
}

@media (min-width: 1200px) {
    .basketWrap {
        top: -9px;
        left: 0;
    }
}

@media (min-width: 1536px) {
    .basketWrap {
        top: 0;
        left: 0;
    }
}

.basket {
    position: relative;
}

.basket a {
    text-decoration: none;
}

.basket:hover,
.basket:active,
.basket:focus {
    cursor: pointer;
}

.basket:hover .basket__data,
.basket:active .basket__data,
.basket:focus .basket__data {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.basket:hover .basket__img,
.basket:active .basket__img,
.basket:focus .basket__img {
    -webkit-transition: .6s;
    transition: .6s;
    background-image: url("img/basket--hover.svg");
}

.basket__img {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 0;
    width: 20px;
    height: 19px;
    background-image: url("img/basket.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.basket__data {
    position: relative;
    top: 3px;
    left: 0;
    margin-left: 7px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .basket__data {
        font-size: 16px;
        top: 1px;
    }
}

@media (min-width: 1200px) {
    .basket__data {
        top: 3px;
        font-size: 20px;
    }
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */


/*
 * 	Default theme - Owl Carousel CSS File
 */

.sliderMain-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.sliderMain-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.sliderMain-theme .owl-nav [class*='owl-']:hover {
    /*background: #869791;*/
    color: #FFF;
    text-decoration: none;
}

.sliderMain-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.sliderMain-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.sliderMain-theme .owl-dots {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 768px) {
    .sliderMain-theme .owl-dots {
        top: 70%;
        left: 55%;
    }
}

@media (min-width: 1200px) {
    .sliderMain-theme .owl-dots {
        top: 70%;
        left: 53%;
    }
}

@media (min-width: 1536px) {
    .sliderMain-theme .owl-dots {
        top: 70%;
        left: 50%;
    }
}

.sliderMain-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    outline-style: none;
}

.sliderMain-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.sliderMain-theme .owl-dots .owl-dot.active span,
.sliderMain-theme .owl-dots .owl-dot:hover span {
    background: #EBA63A;
}

.stockWrap {
    position: relative;
    padding: 30px 0;
}

.stockItemsWrap {
    position: relative;
    z-index: 2;
    top: -90px;
}

.stockItemsWrap a {
    text-decoration: none;
}

.stockItemWrap {
    display: inline-block;
}

.stockItemWrap:hover,
.stockItemWrap:active,
.stockItemWrap:focus {
    -webkit-box-shadow: 0px 20px 35px rgba(107, 107, 46, 0.2);
    box-shadow: 0px 20px 35px rgba(107, 107, 46, 0.2);
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
}

.stockItem {
    display: table;
    width: 284px;
    height: 132px;
    background: #FFFFFF;
    border-radius: 5px;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .stockItem {
        margin-bottom: 0px;
    }
}

.stockItemWrap--catalog2 {
    width: 100%;
}

.stockItem--catalog2 {
    width: 312px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .stockItem--catalog2 {
        width: 293px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .stockItem--catalog2 {
        width: 324px;
    }
}

@media (min-width: 1536px) {
    .stockItem--catalog2 {
        width: 312px;
    }
}

.stockItem__left {
    vertical-align: middle;
    display: table-cell;
    width: 55%;
}

.stockItemHeader {
    margin-top: 15px;
    margin-left: 29px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.stockItemDate {
    margin-top: 7px;
    margin-left: 29px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #E0E0E0;
}

.stockItemPer {
    margin-top: 2px;
    margin-left: 29px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 28px;
    color: #EBA63A;
}

.stockItem__right {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 45%;
}

.stockItemImage {
    position: absolute;
    width: 125px;
    height: 125px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-47%, -50%);
    transform: translate(-47%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.stockItemImage img {
    position: absolute;
    width: 70%;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.stockItemWrap--catalog2 {
    margin-bottom: 2px;
}

.stockItemsWrap--discounts {
    top: 0px;
}

.popGoodsSliderWrap {
    position: relative;
    height: 396px;
    width: 318px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .popGoodsSliderWrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.popGoodsSliderItem {
    width: 318px;
    height: 395px;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */


/*
 * 	Default theme - Owl Carousel CSS File
 */

.popGoodsSlider-theme .owl-nav {
    position: relative;
    top: 190px;
    -webkit-tap-highlight-color: transparent;
}

.popGoodsSlider-theme .owl-nav [class*='owl-'] {
    cursor: pointer;
    position: absolute;
    width: 34px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.owl-carousel .owl-nav button.owl-prev {
    top: 0;
    left: 0;
    background-image: url("img/slider-left-arrow.svg");
}

@media (min-width: 1324px) {
    .owl-carousel .owl-nav button.owl-prev {
        left: -20px;
    }
}

.owl-carousel .owl-nav button.owl-next {
    top: 0;
    right: 0;
    background-image: url("img/slider-right-arrow.svg");
}

@media (min-width: 1324px) {
    .owl-carousel .owl-nav button.owl-next {
        right: -20px;
    }
}

.popGoodsSlider-theme .owl-nav [class*='owl-']:hover {
    opacity: .6;
    color: #FFF;
    text-decoration: none;
}

.popGoodsSlider-theme .owl-nav [class*='owl-']:focus {
    outline-style: none;
}

.popGoodsSlider-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.popGoodsSlider-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.popGoodsSlider-theme .owl-dots {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 768px) {
    .popGoodsSlider-theme .owl-dots {
        top: 70%;
        left: 55%;
    }
}

@media (min-width: 1200px) {
    .popGoodsSlider-theme .owl-dots {
        top: 70%;
        left: 53%;
    }
}

@media (min-width: 1536px) {
    .popGoodsSlider-theme .owl-dots {
        top: 70%;
        left: 50%;
    }
}

.popGoodsSlider-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    outline-style: none;
}

.popGoodsSlider-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.popGoodsSlider-theme .owl-dots .owl-dot.active span,
.popGoodsSlider-theme .owl-dots .owl-dot:hover span {
    background: #EBA63A;
}

.popGoodsSlider-theme .owl-stage-outer {
    position: absolute;
    top: 0;
    left: 0;
    height: 520px !important;
    width: 100%;
}

.btn {
    width: 181px;
    height: 44px;
    position: relative;
    background: #469C3E;
    border-radius: 5px;
    outline-style: none;
    border: none;
}

.btn span {
    position: absolute;
    width: 100%;
    top: 51%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.btn:hover {
    background: #64BA5C;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
}

.btn:hover span {
    color: #FFFFFF;
}

.btn:active {
    background: #287E20;
    border-radius: 5px;
}

.btn:focus {
    box-shadow: none;
}

.favoritesWrap {
    display: inline-block;
    position: relative;
    margin-left: 16px;
}

@media (min-width: 768px) {
    .favoritesWrap {
        margin-left: 0;
        top: 25px;
        left: -147px;
    }
}

@media (min-width: 1200px) {
    .favoritesWrap {
        margin-left: 16px;
        top: -9px;
        left: 0;
    }
}

@media (min-width: 1536px) {
    .favoritesWrap {
        top: 0;
    }
}

.favorites a {
    text-decoration: none;
}

.favorites:hover,
.favorites:active,
.favorites:focus {
    cursor: pointer;
}

.favorites:hover .favorites__img,
.favorites:active .favorites__img,
.favorites:focus .favorites__img {
    -webkit-transition: .6s;
    transition: .6s;
    background-image: url("img/favorites--hover.svg");
}

.favorites__img {
    position: relative;
    top: 4px;
    left: 0;
    width: 20px;
    height: 18px;
    background-image: url("img/favorites.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.goodsCardWrap {
    display: inline-block;
    position: relative;
    width: 310px;
    vertical-align: top;
    background: #FFFFFF;
    margin-bottom: 4px;
}

@media (min-width: 576px) {
    .goodsCardWrap {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .goodsCardWrap {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
    }
}

.goodsCard {
    width: 310px;
    height: 396px;
}

.goodsCardHover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 318px;
    background: #FFFFFF;
    z-index: 3;
    -webkit-box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.11);
}

.goodsCardInnerWrap {
    position: relative;
    padding-top: 22px;
    padding-left: 50px;
    padding-right: 31px;
}

.goodsCardInnerWrap a {
    text-decoration: none;
}

.goodsCardInnerWrap--hover {
    padding-top: 0;
    top: -2px;
    min-height: 452px;
}

.goodsCardPet {
    /*display: none;*/
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 48px;
    width: 150px;
    height: 22px;
    background: #EBA63A;
    border-radius: 3px;
}

.goodsCardPet span {
    position: absolute;
    top: -2px;
    left: 22px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

.goodsCardPet span:before {
    content: url("/img/goods/likeImg.svg");
    position: absolute;
    top: 1px;
    left: -17px;
}

.goodsCardNew {
    /*display: none;*/
    position: absolute;
    z-index: 2;
    top: 22px;
    right: 28px;
    width: 70px;
    height: 22px;
    background: #469C3E;
    border-radius: 3px;
}

.goodsCardNew span {
    position: absolute;
    top: -2px;
    left: 8px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

.goodsCardImg {
    position: relative;
    width: 210px;
    height: 175px;
    margin-left: 2px;
    overflow: hidden;
}

.goodsCardImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.goodsCardText {
    /*min-height: 75px;*/
    min-height: 104px;
    margin-top: 23px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #3B3B3B;
}

.goodsCardPrice-disc {
    display: inline-block;
    /* visibility: hidden;*/
    position: relative;
    margin-top: 2px;
}

.goodsCardPrice-disc:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #EBA63A;
    opacity: 0.8;
}

.goodsCardPriceCount-disc {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 12px;
    color: #3B3B3B;
}

.goodsCardPriceRub-disc {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 12px;
    color: #3B3B3B;
}

.goodsCardPrice {
    margin-bottom: 46px;
}

.goodsCardPriceCount {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 22px;
    color: #3B3B3B;
}

.goodsCardPriceRub {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 22px;
    color: #3B3B3B;
}

.goodsCardButton {
    margin-bottom: 33px;
    width: 212px;
    height: 44px;
}

.goodsCardPrice--hover {
    margin-bottom: 30px;
}

.goodsCard--discShow .goodsCardPrice-disc {
    visibility: visible;
}

.goodsCard--petShow .goodsCardPet {
    display: block;
}

.goodsCard--newShow .goodsCardNew {
    display: block;
}

.modalAuth,
.modalForgot,
.modalReg,
.modalRegCallPass {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    background-color: rgba(99, 99, 99, 0.5);
    text-align: center;
}
.modalAuth-inner,
.modalReg-inner,
.modalRegCallPass-inner{
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.modalAuth__closeBtn,
.modalReg__closeBtn,
.modalRegCallPass__closeBtn {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modalAuth__closeBtn span,
.modalReg__closeBtn span,
.modalRegCallPass__closeBtn span {
    color: #959595;
    font-family: 'Roboto';
    font-style: normal;
    line-height: normal;
    font-size: 35px;
    letter-spacing: 0.05em;
}
.modalAuth__closeBtn span:hover,
.modalAuth__closeBtn span:active,
.modalAuth__closeBtn span:focus,
.modalReg__closeBtn span:hover,
.modalReg__closeBtn span:active,
.modalReg__closeBtn span:focus,
.modalRegCallPass__closeBtn span:hover,
.modalRegCallPass__closeBtn span:active,
.modalRegCallPass__closeBtn span:focus {
    color: red;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}
.modalAuth__header,
.modalReg__header,
.modalRegCallPass__header {
    margin-top: 15px;
    margin-bottom: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    font-size: 30px;
    text-align: center;
    color: #3B3B3B;
}
.modalAuthSubmit,
.modalRegSubmit,
.modalRegCallPassSubmit {
    align-self: center;
    margin-top: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}
.modalAuthForget,
.modalRegistration {
    display: block;
    margin-top: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #222222;
}
.modalAuthForget {
    margin-top: 20px;
}
.modalAuthForget:hover,
.modalAuthForget:active,
.modalAuthForget:focus,
.modalRegistrationBtn:hover,
.modalRegistrationBtn:active,
.modalRegistrationBtn:focus{
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}
#modalInputs {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0 12px 15px;
    text-align: initial;
}
#modalInputs .modalInput {
    display: block;
    margin: 10px 0 0 0;
    width: auto;
    height: 40px;
    background: #FFFFFF;
    border: 2px solid #F2F2ED;
    border-radius: 12px;
    outline-style: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}
#modalInputs .modalInput:first-child {
    margin-top: 0;
}
#modalInputs .modalInput:hover,
#modalInputs .modalInput:active,
#modalInputs .modalInput:focus {
    -webkit-transition: .6s;
    transition: .6s;
    background: #F2F2ED;
    border: 2px solid #469C3E;
    border-radius: 12px;
}
#modalInputs .newsBlockText {
    width: auto;
    text-align: center;
}
#termsAgreement {
    margin-top: 10px;
}
#termsAgreement .control {
    margin-bottom: 0;
    font-size: 12px;
}
#termsAgreement .control .not-checked {
    display: none;
    height: 20px;
    width: 20px;
    border: 2px solid red;
}
.modalInput:first-child {
    margin-top: 0;
}
.modalInput:hover,
.modalInput:active,
.modalInput:focus {
    -webkit-transition: .6s;
    transition: .6s;
    background: #F2F2ED;
    border: 2px solid #469C3E;
    border-radius: 12px;
}
.modalRegCallPassTitle {
    margin-bottom: 0;
    text-align: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    text-align: center;
    color: #3B3B3B;
}
.modalRegCallPassText {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    font-size: 16px;
    text-align: center;
    color: #3B3B3B;
}
.modalRegCallPassText.ddsErorField {
    display: none;
}
.modalRegCallPassInput:hover,
.modalRegCallPassInput:active,
.modalRegCallPassInput:focus {
    -webkit-transition: .6s;
    transition: .6s;
    background: #F2F2ED;
    border: 2px solid #469C3E;
    border-radius: 12px;
}
.modalRegCallPassRepeatWrap {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.modalRegCallPassCount {
    position: relative;
    width: 74px;
    height: 34px;
    background: #F2F2F2;
    border-radius: 4px;
}
.modalRegCallPassCount span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 21px;
    text-align: center;
    color: #333333;
}
.modalRegCallPassRepeat {
    display: none;
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #333333;
}
.modalRegCallPassRepeat:hover,
.modalRegCallPassRepeat:active,
.modalRegCallPassRepeat:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}
@media (min-width: 425px) {
    .modalAuth-inner,
    .modalReg-inner,
    .modalRegCallPass-inner {
        width: 500px;
    }
    .modalAuth__header,
    .modalReg__header,
    .modalRegCallPass__header {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .modalAuth__closeBtn span,
    .modalReg__closeBtn span,
    .modalRegCallPass__closeBtn span {
        font-size: 45px;
    }
    .modalAuthForget,
    .modalRegistration {
        margin-top: 22px;
    }
    #modalInputs {
        padding-bottom: 30px;
    }
    #modalInputs .modalInput {
        height: 44px;
        margin-top: 22px;
    }
    #termsAgreement {
        margin-top: 22px;
    }
    #termsAgreement .control {
        margin-bottom: 0;
        font-size: 14px;
    }
    .modalRegCallPassText {
        margin-top: 22px;
    }
    .modalRegCallPassRepeatWrap {
        margin-top: 22px;
    }
    .modalAuthSubmit,
    .modalRegSubmit,
    .modalRegCallPassSubmit {
        margin-top: 22px;
    }
}
@media (min-width: 576px) {
    .modalAuth__closeBtn,
    .modalReg__closeBtn,
    .modalRegCallPass__closeBtn {
        top: 10px;
        right: 10px;
    }
    .modalAuth__header,
    .modalReg__header,
    .modalRegCallPass__header {
        font-size: 48px;
    }
    .modalRegPass {
        width: 440px;
    }
    .modalRegCallPassTitle {
        font-size: 28px;
    }
    .modalRegCallPassInput {
        width: 440px;
    }
}
@media (min-width: 768px) {
    .modalAuth__header,
    .modalReg__header,
    .modalRegCallPass__header {
        margin-bottom: 44px;
    }
    #modalInputs {
        padding: 0 30px 30px;
    }
    .modalRegPass {
        width: 440px;
    }
}

.mobile-nav {
    display: block;
    position: fixed;
    top: 0px;
    z-index: 5;
    left: 0;
    width: 100%;
    height: 125px;
    background-color: #fff;
    border-bottom: 2px solid #64ba5c;
}

@media (min-width: 768px) {
    .mobile-nav {
        display: none;
    }
}
@media (max-width: 767px) {
    header {
        min-height: 125px;
    }
}

.mobile-nav__menu-button {
    z-index: 1;
}

.mobile-nav__search-icon {
    position: absolute;
    top: 50%;
    right: 15%;
    transform: translate(0, -50%);
    width: 34px;
    height: 36px;
    background-image: url("img/searchIcon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-nav__search-icon:hover,
.mobile-nav__search-icon:focus,
.mobile-nav__search-icon:active {
    opacity: 0.4;
}

.mobile-nav__logo {
    position: absolute;
    top: 55px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0 auto 0 auto;
    width: 190px;
    height: 50px;
    background-color: #fff;
}

.mobile-nav__search {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(195, 199, 199, 0.527);
}

.mobile-nav__search-wrapper {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #66b963;
    z-index: 1;
}


/*.mobile-nav__searchInput {
  position: relative;
  height: 40px;
  width: 75%;
  top: 10px;
  left: 10px;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  background: #FFFFFF;
  border: 1px solid #80BAB6;
  border-radius: 4px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 17px;
  letter-spacing: 0.05em; }
  .mobile-nav__searchInput:focus {
    outline-style: none;
  }*/

.mobile-nav__searchInput_wrap {
    position: relative;
    width: 75%;
    top: 10px;
    left: 10px;
}

.mobile-nav__searchInput {
    height: 40px;
    width: 100%;
    color: #000;
    padding-left: 10px;
    padding-right: 52px;
    background: #FFFFFF;
    border: 1px solid #80BAB6;
    border-radius: 4px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 17px;
    letter-spacing: 0.05em;
}

.mobile-nav__searchSubmit {
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    border: none;
    outline: none!important;
    background: none;
    padding: 7px 10px;
    cursor: pointer;
}

.mobile-nav__searchSubmit:before {
    content: url(img/searchIcon.svg);
    display: block;
    width: 22px;
    height: 22px;
}

.mobile-nav__searchCancel {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translateY(-50%);
    color: #fff;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    padding: 9px 0;
    cursor: pointer;
}

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

.mobile-nav__backet {
    position: absolute;
    top: 12px;
    right: 4%;
    width: 38px;
    height: 36px;
    background-image: url("img/basket.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cmn-toggle-switch {
    font-size: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    display: block;
    overflow: hidden;
    width: 50px;
    height: 45px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-indent: -9999px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (min-width: 768px) {
    .cmn-toggle-switch {
        display: none;
    }
}

.cmn-toggle-switch:focus {
    outline: none;
}

.cmn-toggle-switch span {
    display: block;
    position: absolute;
    top: 20px;
    left: 5px;
    right: 5px;
    height: 5px;
    background: #4F4F4F;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #4F4F4F;
    content: "";
}

.cmn-toggle-switch span::before {
    top: -12px;
}

.cmn-toggle-switch span::after {
    bottom: -12px;
}


/**
 * Style 2
 */

.cmn-toggle-switch__htx {
    background: transparent;
}

.cmn-toggle-switch__htx span {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
    transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
}

.cmn-toggle-switch__htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}


/* active state*/

.cmn-toggle-switch__htx.active {
    position: relative;
}

.cmn-toggle-switch__htx.active span {
    background: none;
}

.cmn-toggle-switch__htx.active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
    -webkit-transition-delay: 0, 0.3s;
    transition-delay: 0, 0.3s;
}

.mobileBasicMenuWrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: -800%;
    z-index: 3;
    background-color: rgba(195, 199, 199, 0.527);
}

.mobileBasicMenuHeader {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-top: 2px solid #88b883;
    border-bottom: 2px solid #88b883;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
    background-color: #a6e0a1;
}

.mobileBasicMenuHeader:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.mobileBasicMenu {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
}

.mobileBasicMenu li {
    list-style-type: none;
}

.mobileBasicMenuItemText span {
    display: inline-block;
    position: absolute;
    top: 50%;
    /*   left: 20%; */
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    font-family: "Roboto";
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileBasicMenuItem {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 2px solid #eefafd;
}

.mobileBasicMenuItem img {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.mobileMainMenuWrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: -800%;
    z-index: 120;
    background-color: rgba(195, 199, 199, 0.527);
}

.mobileMainMenuHeader {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-top: 2px solid #549c4e;
    border-bottom: 2px solid #549c4e;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
    background-color: #64ba5c;
}

.mobileMainMenuHeader img {
    width: 30px;
    height: 30px;
}

.mobileMainMenuHeader:after {
    position: absolute;
    content: "";
    top: 30px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobileMainMenu {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
}

.mobileMainMenu li {
    list-style-type: none;
}

.mobileMainMenu li a {
    text-decoration: none;
}

.mobileMainMenu-clientsHeader,
.mobileMenu--catalogHeaderOpen {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 2px solid #eefafd;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMainMenu-clientsHeader:after,
.mobileMenu--catalogHeaderOpen:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobileMainMenu-clientsWrap {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileMainMenu-clientsWrap li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMainMenu-clientsList {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileMainMenu-clientsList li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #eefafd;
    text-transform: uppercase;
}

.mobileMainMenu-clientsList li a {
    color: #4F4F4F;
    text-decoration: none;
}

.mobileMainMenu-companyWrap {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileMainMenu-companyWrap li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMainMenu-companyHeader,
.mobileMenu--catalogHeaderOpen {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 2px solid #eefafd;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMainMenu-companyHeader:after,
.mobileMenu--catalogHeaderOpen:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobileMainMenu-companyList {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileMainMenu-companyList li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #eefafd;
    text-transform: uppercase;
}

.mobileMainMenu-companyList li a {
    color: #4F4F4F;
    text-decoration: none;
}

.mobileMainMenuItem {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 2px solid #eefafd;
}

.mobileMainMenuItem a {
    text-decoration: none;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMainMenuItem img {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.mobileMainMenuItemImg {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.mobileMainMenuItemText span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    font-family: "Roboto";
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMainMenuItem--first {
    background-color: #a6e0a1;
}

.mobileMenu--catalogHeaderOpen:after {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mobileSecondLevelMenuWrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: -800%;
    z-index: 3;
    background-color: rgba(195, 199, 199, 0.527);
}

.mobileSecondLevelMenuHeader {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-top: 2px solid #88b883;
    border-bottom: 2px solid #88b883;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
    background-color: #a6e0a1;
}

.mobileSecondLevelMenuHeader:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.mobileSecondLevelMenu {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
}

.mobileSecondLevelMenu li {
    list-style-type: none;
}

.mobileSecondLevelMenuItem {
    display: none;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 2px solid #bad1ba;
}

.mobileSecondLevelMenuItem span {
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileSecondLevelMenu-elementsWrap {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileSecondLevelMenu-elementsWrap li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileSecondLevelMenu-elementsHeader,
.mobileMenu--catalogHeaderOpen {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 40px;
    background-color: #e6fde6;
    font-family: "Roboto";
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileSecondLevelMenu-elementsHeader:after,
.mobileMenu--catalogHeaderOpen:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobileSecondLevelMenu-elementsList {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileSecondLevelMenu-elementsList li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #eefafd;
    text-transform: uppercase;
}

.mobileSecondLevelMenu-elementsList li a {
    color: #4F4F4F;
    text-decoration: none;
}

.mobileThirdLevelMenuWrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: -800%;
    z-index: 3;
    background-color: rgba(195, 199, 199, 0.527);
}

.mobileThirdLevelMenuHeader {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-top: 2px solid #c4c4c4;
    border-bottom: 2px solid #c4c4c4;
    font-family: "Roboto";
    line-height: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
    background-color: #eefafd;
}

.mobileThirdLevelMenuHeader:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.mobileThirdLevelMenu {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
}

.mobileThirdLevelMenu li {
    list-style-type: none;
}

.mobileThirdLevelMenu li a {
    text-decoration: none;
}

.mobileThirdLevelMenu-elementsHeader,
.mobileMenu--catalogHeaderOpen {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 40px;
    border-bottom: 2px solid #eefafd;
    font-family: "Roboto";
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileThirdLevelMenu-elementsHeader:after,
.mobileMenu--catalogHeaderOpen:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #4F4F4F;
    border-right: 2px solid #4F4F4F;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobileThirdLevelMenu-elementsWrap {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileThirdLevelMenu-elementsWrap li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileThirdLevelMenu-elementsList {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileThirdLevelMenu-elementsList li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-family: 'Panton';
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #eefafd;
    text-transform: uppercase;
}

.mobileThirdLevelMenu-elementsList li a {
    color: #4F4F4F;
    text-decoration: none;
}

.mobileThirdLevelMenuItem {
    display: none;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 2px solid #eefafd;
}

.mobileThirdLevelMenuItem a {
    font-family: "Roboto";
    line-height: 18px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4F4F4F;
}

.mobileMenu--catalogHeaderOpen:after {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.filterManWrap {
    position: relative;
    margin-top: 15px;
}

.filterManHeader {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.filterManList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    margin-left: -8px;
}

.filterManList li {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 10px;
}

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

.filterManAllBtn {
    position: relative;
    top: 14px;
    left: -8px;
    width: 148px;
    height: 38px;
    background: #EBA63A;
    outline-style: none;
    border: none;
    margin-bottom: 40px;
    border-radius: 5px;
}

.filterManAllBtn span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 16px;
    color: #FFFFFF;
}

@media (min-width: 576px) {
    .filterManAllBtn {
        margin-bottom: 40px;
        left: -9px;
    }
}

@media (min-width: 768px) {
    .filterManAllBtn {
        margin-bottom: 0;
        left: -30px;
    }
}

@media (min-width: 1200px) {
    .filterManAllBtn {
        left: 28px;
    }
}

.filterManAllBtn:hover,
.filterManAllBtn:active {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    background: #e79209;
}

.filterManAllBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filterManResault {
    display: none;
    width: 100%;
}

.filterManLine {
    width: 84%;
    margin-top: 10px;
    margin-bottom: 7px;
    border: 2px solid #F2F2ED;
}

.filterManResetBtn {
    position: relative;
    top: 23px;
    left: -8px;
    margin-bottom: 40px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3B3B3B;
}

.filterManResetBtn:hover,
.filterManResetBtn:active,
.filterManResetBtn:focus {
    -webkit-transition: .6s;
    transition: .6s;
    cursor: pointer;
    color: #469C3E;
}

@media (min-width: 576px) {
    .filterManResetBtn {
        top: 11px;
        left: 18px;
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .filterManResetBtn {
        top: 11px;
        left: 16px;
    }
}

@media (min-width: 1200px) {
    .filterManResetBtn {
        top: 23px;
        left: 40px;
    }
}

.filterManItem {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 11px;
    padding-right: 11px;
    border: 2px solid #469C3E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.filterManItem:hover,
.filterManItem:focus,
.filterManItem:active {
    -webkit-transition: .6s;
    transition: .6s;
    cursor: pointer;
    border: 2px solid #EBA63A;
}

.filterManItem--active {
    border: 2px solid #EBA63A !important;
}

.filterManItem--active .filterManItemText {
    color: #EBA63A;
}

.filterManItem--active .filterManItemCount {
    color: #EBA63A;
}

.filterManItemText {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.filterManItemCount {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 13px;
    color: #CCCCCC;
}

.filterManItemBtn {
    display: none;
    position: absolute;
    top: -3px;
    right: 9px;
    color: #fff;
    font-size: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.filterManItemBtn--choice {
    display: block;
}

.filterManItem--choice {
    display: none;
    padding-right: 30px;
    background: #469C3E !important;
}

.filterManItem--choice:hover,
.filterManItem--choice:active,
.filterManItem--choice:focus {
    -webkit-transition: .6s;
    transition: .6s;
    cursor: pointer;
    border: 2px solid #EBA63A;
}

.filterManItem--choice:hover .filterManItemBtn,
.filterManItem--choice:active .filterManItemBtn,
.filterManItem--choice:focus .filterManItemBtn {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

.filterManItemText--choice {
    color: #fff;
}

.filterManItemCount--choice {
    color: #fff;
}

.filterManItem--choiceActive {
    display: block;
}

.modalFilterMan {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    background-color: rgba(99, 99, 99, 0.5);
    text-align: center;
}

.modalFilterMan-inner {
    width: 315px;
    height: 500px;
    padding-left: 20px;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

@media (min-width: 576px) {
    .modalFilterMan-inner {
        width: 570px;
        height: 660px;
        padding-left: 20px;
    }
}

@media (min-width: 768px) {
    .modalFilterMan-inner {
        width: 740px;
        height: 660px;
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {
    .modalFilterMan-inner {
        width: 1044px;
        height: 660px;
    }
}

.modalFilterMan__closeBtn {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 38px;
    right: 30px;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modalFilterMan__closeBtn span {
    position: relative;
    top: -9px;
    left: 1px;
    /*color: #F2F2ED;*/
    color: #959595;
    font-family: 'Roboto';
    font-style: normal;
    line-height: normal;
    font-size: 45px;
    letter-spacing: 0.05em;
}

.modalFilterMan__closeBtn span:hover,
.modalFilterMan__closeBtn span:active,
.modalFilterMan__closeBtn span:focus {
    color: red;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.modalFilterMan__header {
    margin-top: 44px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #3B3B3B;
}

.modalFilterManSubmit {
    margin-top: 25px;
    left: 0px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.modalFilterManSubmit:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 576px) {
    .modalFilterManSubmit {
        margin-top: 30px;
        left: 160px;
    }
}

@media (min-width: 768px) {
    .modalFilterManSubmit {
        margin-top: 30px;
        left: 225px;
    }
}

@media (min-width: 1200px) {
    .modalFilterManSubmit {
        margin-top: 10px;
        left: 366px;
    }
}

.modalFilterManAll {
    margin-top: 30px;
    width: 60px;
    height: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #FFFFFF;
}

.modalFilterManAll:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modalFilterManListRu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 17px;
}

.modalFilterManListRu li {
    display: inline-block;
    margin-right: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

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

.modalFilterManListRu li:hover,
.modalFilterManListRu li:active,
.modalFilterManListRu li:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.modalFilterManListEn {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 29px;
}

.modalFilterManListEn li {
    display: inline-block;
    margin-right: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

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

.modalFilterManListEn li:hover,
.modalFilterManListEn li:active,
.modalFilterManListEn li:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.modalFilterManList {
    overflow-y: scroll;
    width: 98%;
    height: 54%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.modalFilterManList li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 18px;
}

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

@media (min-width: 576px) {
    .modalFilterManList {
        height: 64%;
    }
}

@media (min-width: 1200px) {
    .modalFilterManList {
        height: 70%;
    }
}

.filterComWrap {
    position: relative;
    margin-top: 22px;
    margin-bottom: 22px;
}

.filterComWrap2 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 22px;
}

.filterComTitle {
    display: inline-block;
    margin-right: 45px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.filterComList {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.filterComList li {
    display: inline-block;
    margin-right: 15px;
}

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

.filterComList li span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3B3B3B;
}

.filterComList li:hover,
.filterComList li:active,
.filterComList li:focus {
    cursor: pointer;
}

.filterComList li:hover span,
.filterComList li:active span,
.filterComList li:focus span {
    color: #469C3E;
    -webkit-transition: .6s;
    transition: .6s;
}

.filterComListItem--active span {
    color: #469C3E !important;
}

.paginationWrap {
    /*display: flex;*/
    display: block;
    width: max-content;
    margin-top: 44px;
    margin-bottom: 89px;
    margin-left: auto;
    margin-right: auto;
}

.pagination {
    display: block;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    text-align: left;
    color: #333333;
}

@media (min-width: 768px) {
    .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 300px;
        height: 66px;
        margin-left: 0;
        margin-right: 0;
    }
}

.paginationList {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

.paginationList:last-child {
    margin-bottom: 0;
}

.paginationList li {
    display: inline-block;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

@media (min-width: 768px) {
    .paginationList {
        display: inline-block;
        text-align: left;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .paginationList {
        margin-bottom: 0px;
    }
}

.paginationBtn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.paginationBtn:hover,
.paginationBtn:active,
.paginationBtn:focus {
    cursor: pointer;
    color: #469C3E;
    -webkit-transition: .5s;
    transition: .5s;
}

.paginationBtn:hover a,
.paginationBtn:active a,
.paginationBtn:focus a {
    color: #469C3E;
    -webkit-transition: .5s;
    transition: .5s;
}

@media (min-width: 768px) {
    .paginationBtn {
        text-align: left;
        display: inline-block;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 24px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1200px) {
    .paginationBtn {
        margin-bottom: 0px;
    }
}

.paginationBtn a {
    color: #333333;
}

.pagination__item {
    position: relative;
    top: 0px;
    left: 0;
    width: 23px;
    height: 23px;
    margin-right: 0px;
    margin-bottom: 20px;
}

.pagination__item:hover,
.pagination__item:active,
.pagination__item:focus {
    cursor: pointer;
}

.pagination__item:hover span,
.pagination__item:active span,
.pagination__item:focus span {
    -webkit-transition: .5s;
    transition: .5s;
    color: #469C3E;
    text-decoration: none;
}

.pagination__item span {
    position: absolute;
    text-decoration: underline;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pagination__item a {
    color: #333333;
}

.pagination__item--enb {
    position: relative;
    top: 0;
    left: 1px;
    width: 66px;
    height: 66px;
    margin-bottom: 0px;
    background: #469C3E;
    color: #fff;
}

.pagination__item--enb span {
    font-weight: 900;
    text-decoration: none;
}

.pagination__item--enb:hover span,
.pagination__item--enb:active span,
.pagination__item--enb:focus span {
    color: #fff;
}

@media (min-width: 576px) {
    .pagination__item--enb {
        left: 0px;
    }
}

.pagination__item--special span {
    text-decoration: none;
}

.pagination__item--special:hover,
.pagination__item--special:active,
.pagination__item--special:focus {
    cursor: pointer;
    background: transparent;
    color: #469C3E;
}

.paginationWrap--newsPage {
    margin-top: 0px;
    margin-bottom: 0;
}

.paginationWrap--articles {
    /* margin-top: 44px; */
    margin-top: 0px;
    margin-bottom: 0;
}


/*#mixItems .mix {
  display: none; }*/

.ctlMainBlockWrap {
    position: relative;
    margin-bottom: 30px;
}

.ctlMainBlockTitle {
    width: 90%;
    padding-left: 30px;
    margin-bottom: 25px;
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.ctlMainBlockTitle:before, .catalogLeftFiltetTitle:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 6px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #3B3B3B;
    border-bottom: 2px solid #3B3B3B;
    transition: .6s;
}
.catalogLeftFiltetTitle{
    cursor: pointer;
}

.ctlMainBlockTitle:hover,
.ctlMainBlockTitle:active,
.ctlMainBlockTitle:focus {
    -webkit-transition: .6s;
    transition: .6s;
    cursor: pointer;
    color: #EBA63A;
}

.ctlMainBlockTitle:hover:before,
.ctlMainBlockTitle:active:before,
.ctlMainBlockTitle:focus:before {
    -webkit-transition: .6s;
    transition: .6s;
    border-right: 2px solid #EBA63A;
    border-bottom: 2px solid #EBA63A;
}

.ctlMainBlockTitle--open:before {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ctlMainBlockList {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ctlMainBlockList li {
    width: 100%;
    position: relative;
}

.ctlMainBlockList li a {
    text-decoration: none;
}

.ctlMainBlockList li:hover,
.ctlMainBlockList li:active,
.ctlMainBlockList li:focus {
    cursor: pointer;
}

.ctlMainBlockList li:hover .ctlMainBlockCount,
.ctlMainBlockList li:active .ctlMainBlockCount,
.ctlMainBlockList li:focus .ctlMainBlockCount {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

.ctlMainBlockList li:hover .ctlMainBlockText,
.ctlMainBlockList li:active .ctlMainBlockText,
.ctlMainBlockList li:focus .ctlMainBlockText {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

.ctlMainBlockInner {
    position: relative;
    left: -9px;
}

.ctlMainBlockCount {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 10%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    font-size: 16px;
    /*color: #E0E0E0; */
    color: #959595;
}

.ctlMainBlockText {
    display: inline-block;
    padding-left: 12px;
    vertical-align: top;
    width: 80%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.ctlHeaderBlockWrap {
    position: relative;
    background: #FFFFFF;
    margin-bottom: 5px;
    padding-top: 43px;
    padding-left: 55px;
    padding-bottom: 35px;
}

.ctlHeaderBlock a {
    text-decoration: none;
}

.ctlHeaderBlockTitle {
    position: relative;
    width: 85%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.ctlHeaderBlockTitle:before {
    position: absolute;
    top: 7px;
    left: -38px;
    content: "";
    width: 27px;
    height: 20px;
    background-image: url("img/ctlHeaderImg.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ctlHeaderBlockTitle:hover,
.ctlHeaderBlockTitle:active,
.ctlHeaderBlockTitle:focus {
    -webkit-transition: .6s;
    transition: .6s;
    cursor: pointer;
    color: #EBA63A;
}

.ctlItemsBlockWrap {
    position: relative;
    background: #FFFFFF;
    padding-top: 34px;
    padding-bottom: 35px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.ctlItemsBlockTitle {
    width: 90%;
    padding-left: 35px;
    padding-bottom: 25px;
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.ctlItemsBlockList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ctlItemsBlockList li {
    width: 100%;
    position: relative;
}

.ctlItemsBlockList li a {
    text-decoration: none;
}

.ctlItemsBlockList li:hover,
.ctlItemsBlockList li:active,
.ctlItemsBlockList li:focus {
    cursor: pointer;
}

.ctlItemsBlockList li:hover .ctlItemsBlockCount,
.ctlItemsBlockList li:active .ctlItemsBlockCount,
.ctlItemsBlockList li:focus .ctlItemsBlockCount {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

.ctlItemsBlockList li:hover .ctlItemsBlockText,
.ctlItemsBlockList li:active .ctlItemsBlockText,
.ctlItemsBlockList li:focus .ctlItemsBlockText {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

.ctlItemsBlockInner {
    position: relative;
    left: -9px;
}

.ctlItemsBlockCount {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 10%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    font-size: 16px;
    color: #E0E0E0;
}

.ctlItemsBlockText {
    display: inline-block;
    padding-left: 12px;
    vertical-align: top;
    width: 80%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.ctlItemsBlockType {
    margin-top: 25px;
    padding-left: 37px;
}

.ctlItemsBlockType span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.ctlItemsBlockType p {
    margin: 0;
    padding: 0;
    margin-top: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    font-size: 20px;
    color: #3B3B3B;
}

.cardDetailWrap {
    position: relative;
    background: #FFFFFF;
    padding-bottom: 34px;
}

.cardDetailImgWrap {
    margin-left: 0px;
    width: 100%;
}

.cardDetailImgWrap a {
    text-decoration: none;
}

.cardDetailImgMain {
    display: inline-block;
    width: 300px;
    height: 225px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 768px) {
    .cardDetailImgMain {
        width: 100%;
        height: 225px;
    }
}

@media (min-width: 1200px) {
    .cardDetailImgMain {
        height: 449px;
    }
}

.cardDetailImgMain--img {
    background-image: url("img/goods/img20.svg");
}

.cardDetailImgSmallWrap {
    position: relative;
    margin-top: 26px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .cardDetailImgSmallWrap {
        margin-bottom: 0;
    }
}

.cardDetailImgSmall {
    display: inline-block;
    margin-right: 20px;
    /* width: 61px;
    height: 61px; */
    width: 100px;
    height: 100px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px solid transparent;
}

.cardDetailImgSmall:hover,
.cardDetailImgSmall:active,
.cardDetailImgSmall:focus {
    border-color: #F2F2ED;
    -webkit-transition: .6s;
    transition: .6s;
}

@media (min-width: 768px) {
    .cardDetailImgSmall {
        display: inline-block;
        margin-right: 0px;
    }
}

.cardDetailImgSmall--img1 {
    background-image: url("img/goods/img21.svg");
}

.cardDetailImgSmall--img2 {
    background-image: url("img/goods/img22.svg");
}

.cardDetailDataWrap {
    position: relative;
    width: 95%;
    left: 40px;
}

.cardDetailDataPriceWrap {
    position: relative;
    padding-bottom: 23px;
    border-bottom: 2px solid #F2F2ED;
}

.cardDetailDataPriceCount {
    display: inline-block;
    position: relative;
    top: 10px;
    vertical-align: top;
    margin-right: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 24px;
    color: #3B3B3B;
}

.cardDetailDataPriceDisc {
    display: inline-block;
    visibility: hidden;
    position: relative;
    top: 10px;
    vertical-align: top;
    margin-right: 40px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 24px;
    color: #3B3B3B;
}

.cardDetailDataPriceDisc:after {
    position: absolute;
    top: 10px;
    left: -8px;
    content: "";
    width: 120%;
    border: 1px solid #EBA63A;
    opacity: 0.8;
}

.cardDetailDataPriceBtn {
    display: block;
    vertical-align: top;
    margin-right: 35px;
    margin-top: 25px;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .cardDetailDataPriceBtn {
        display: inline-block;
        margin-top: 25px;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .cardDetailDataPriceBtn {
        margin-top: 25px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .cardDetailDataPriceBtn {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.cardDetailDataPriceDisc--show .cardDetailDataPriceDisc {
    display: inline-block;
    visibility: visible;
}

.cardDetailDataPriceBonus {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 0;
    width: 160px;
    margin-right: 50px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 20px;
    color: #469C3E;
}

.cardDetailDataPriceBonus span {
    font-weight: bold;
}

.cardDetailDataPriceBonus a {
    color: #469C3E;
    text-decoration: underline;
}

.cardDetailDataPriceBonus a:hover,
.cardDetailDataPriceBonus a:active,
.cardDetailDataPriceBonus a:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

@media (min-width: 1200px) {
    .cardDetailDataPriceBonus {
        top: 10px;
    }
}

@media (min-width: 1536px) {
    .cardDetailDataPriceBonus {
        top: 0;
    }
}

.cardDetailDataPriceLike {
    position: relative;
    vertical-align: top;
    display: inline-block;
    top: 10px;
    width: 24px;
    height: 21px;
}

.cardDetailDataPriceLike:hover,
.cardDetailDataPriceLike:active,
.cardDetailDataPriceLike:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    /*opacity: .6; */
}

@media (min-width: 1200px) {
    .cardDetailDataPriceLike {
        /*top: 20px;*/
        left: -14px;
    }
}

@media (min-width: 1536px) {
    .cardDetailDataPriceLike {
        top: 10px;
        left: 0;
    }
}

.cardDetailDataPriceLike--hover {
    position: relative;
    top: 10px;
    left: 281px;
}

.cardDetailDataPriceLike--hover:hover,
.cardDetailDataPriceLike--hover:active,
.cardDetailDataPriceLike--hover:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    opacity: .6;
}

@media (min-width: 1200px) {
    .cardDetailDataPriceLike--hover {
        top: 20px;
        left: 281px;
    }
}

@media (min-width: 1536px) {
    .cardDetailDataPriceLike--hover {
        top: 10px;
        left: 281px;
    }
}

.cardDetailDataMagWrap {
    position: relative;
    padding-top: 17px;
    padding-bottom: 25px;
    border-bottom: 2px solid #F2F2ED;
}

.cardDetailDataMagTitle {
    margin-bottom: 23px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #1C1C1C;
}

.cardDetailDataMagList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cardDetailDataMagList li {
    width: 100%;
    margin-bottom: 2px;
}

.cardDetailDataMagList li:last-child {
    margin-bottom: 0;
}

.cardDetailDataMagList li a {
    text-decoration: none;
}

.cardDetailDataMagList li:hover a,
.cardDetailDataMagList li:active a,
.cardDetailDataMagList li:focus a,
.cardDetailDataMagList li:hover span,
.cardDetailDataMagList li:active span,
.cardDetailDataMagList li:focus span {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.cardDetailDataMagCount {
    display: inline-block;
    width: 4%;
    min-width: 33px;
    text-align: left;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #E0E0E0;
}

.cardDetailDataMagText a,
.cardDetailDataMagText a:visited,
.cardDetailDataMagText a:active,
.cardDetailDataMagText a:hover,
.cardDetailDataMagText {
    display: inline-block;
    width: 90%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #1C1C1C;
}

.cardDetailDataAboutWrap {
    position: relative;
    padding-top: 17px;
    padding-bottom: 25px;
    border-bottom: 2px solid #F2F2ED;
}

.cardDetailDataAboutTitle {
    margin-bottom: 23px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #1C1C1C;
}

.cardDetailDataAbout p {
    padding: 0;
    margin: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #1C1C1C;
}

.cardDetailDataTableWrap {
    position: relative;
    margin-top: 17px;
    margin-bottom: 25px;
}

.cardDetailDataTable th {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    font-size: 16px;
    color: #AEAEAE;
}

.cardDetailDataTable td {
    padding-left: 28px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    font-size: 16px;
    color: #1C1C1C;
}

.cardDetailDataTablePr {
    text-decoration: underline;
}

.cardDetailDataSocialWrap {
    position: relative;
    padding-top: 17px;
}

.cardDetailDataSocial span {
    margin-right: 15px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #1C1C1C;
}

.cardDetailDataSocialList {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cardDetailDataSocialList li {
    display: inline-block;
    margin-right: 5px;
}

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

.cardDetailDataSocialList li a {
    text-decoration: none;
}

.cardDetailDataSocialItem {
    position: relative;
    top: 4px;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.cardDetailDataSocialItem:hover,
.cardDetailDataSocialItem:active,
.cardDetailDataSocialItem:focus {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    opacity: .6;
}

.cardDetailDataSocialItem--vk {
    background-image: url("img/social/vk.svg");
}

.cardDetailDataSocialItem--twitter {
    background-image: url("img/social/twitter.svg");
}

.cardDetailDataSocialItem--facebook {
    background-image: url("img/social/facebook.svg");
}

.cardDetailDataSocialItem--g {
    background-image: url("img/social/g.svg");
}

.cardDetailDataSocialItem--odi {
    background-image: url("img/social/odi.svg");
}

.cardDetailDataSocialItem--moymir {
    background-image: url("img/social/moymir.svg");
}

.goodsCounterWrap {
    position: relative;
    margin-left: 10px;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .goodsCounterWrap {
        position: relative;
        margin-top: 0;
        top: 0px;
        left: 0px;
        margin-left: 18px;
    }
}

@media (min-width: 768px) {
    .goodsCounterWrap {
        position: absolute;
        top: 97px;
        left: 189px;
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .goodsCounterWrap {
        position: relative;
        top: 0;
        left: 0;
        margin-left: 25px;
    }
}

@media (min-width: 1536px) {
    .goodsCounterWrap {
        margin-left: 110px;
    }
}

.goodsCounter {
    display: block;
    vertical-align: middle;
    width: 122px;
    height: 43px;
    background: #FFFFFF;
    border: 1px solid #F2F2ED;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

@media (min-width: 576px) {
    .goodsCounter {
        margin-top: 5px;
    }
}

@media (min-width: 768px) {
    .goodsCounter {
        margin-top: 0;
    }
}

.goodsCounter input {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    text-align: center;
    border: none;
    outline-style: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .goodsCounter {
        display: inline-block;
        vertical-align: 0;
        position: absolute;
        top: 66%;
        left: 29%;
    }
}

@media (min-width: 1200px) {
    .goodsCounter {
        vertical-align: middle;
        position: relative;
        top: 0;
        left: 0;
    }
}

.goodsCounterLeft {
    position: absolute;
    top: 0;
    left: 0;
    outline-style: none;
    height: 100%;
    width: 30%;
    border: none;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: #fff;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 33px;
    text-align: center;
    color: #828282;
}

.goodsCounterLeft span {
    position: absolute;
    top: -1px;
    left: 14px;
}

.goodsCounterLeft:hover {
    background-color: #E0E0E0;
    cursor: pointer;
}

.goodsCounterLeft:focus {
    outline-style: none;
}

.goodsCounterLeft:active {
    background-color: rgba(224, 224, 224, 0.514);
}

.goodsCounterRight {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30%;
    border: none;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #fff;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 20px;
    text-align: center;
    color: #828282;
}

.goodsCounterRight:hover {
    background-color: #E0E0E0;
    cursor: pointer;
}

.goodsCounterRight:focus {
    outline-style: none;
}

.goodsCounterRight:active {
    background-color: rgba(224, 224, 224, 0.514);
}

.btnClose {
    position: relative;
    transform: rotate(-45deg);
    width: 23px;
    height: 23px;
    background: transparent;
    border: none;
    outline-style: none;
}

.btnClose:before {
    position: absolute;
    width: 23px;
    content: "";
    border-top: 2px solid #3B3B3B;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btnClose:after {
    position: absolute;
    height: 23px;
    content: "";
    border-left: 2px solid #3B3B3B;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btnClose:hover {
    cursor: pointer;
}

.btnClose:hover:before {
    border-top-color: red;
    opacity: .6;
}

.btnClose:hover:after {
    border-left-color: red;
    opacity: .6;
}

.btnClose:focus {
    outline-style: none;
}

.btnClose:active:before {
    border-top: 2px solid red;
}

.btnClose:active:after {
    border-left: 2px solid red;
}

.goodsOrderItemsWrap {
    width: 95%;
    position: relative;
}

@media (min-width: 768px) {
    .goodsOrderItemsWrap {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .goodsOrderItemsWrap {
        margin-bottom: 0px;
    }
}

.goodsOrderList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.goodsOrderList li {
    display: block;
    margin-bottom: 2px;
}

.goodsOrderList li:last-child {
    margin-bottom: 0;
}

.goodsOrderWrap {
    position: relative;
    /*width: 320px;*/
    width: 312px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 26px;
    padding-top: 22px;
    padding-bottom: 22px;
    background: #FFFFFF;
}

@media (min-width: 576px) {
    .goodsOrderWrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.goodsOrderImg {
    display: inline-block;
    vertical-align: middle;
    width: 158px;
    height: 132px;
}

@media (min-width: 768px) {
    .goodsOrderImg {
        width: 24%;
    }
}

@media (min-width: 1200px) {
    .goodsOrderImg {
        width: 158px;
    }
}

.goodsOrderText {
    display: inline-block;
    width: 90%;
    vertical-align: top;
    margin-left: 12px;
    margin-top: 5px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 18px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .goodsOrderText {
        width: 50%;
        margin-left: 28px;
        vertical-align: middle;
    }
}

@media (min-width: 768px) {
    .goodsOrderText {
        width: 55%;
        vertical-align: 0;
        margin-bottom: 60px;
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .goodsOrderText {
        vertical-align: middle;
        width: 23%;
        margin-bottom: 0px;
        margin-top: 0px;
    }
}

.goodsOrderPrice {
    display: inline-block;
    position: relative;
    width: 35%;
    top: 17px;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .goodsOrderPrice {
        position: absolute;
        width: 25%;
        top: 143px;
        left: 162px;
        margin-left: 55px;
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .goodsOrderPrice {
        position: absolute;
        width: 27%;
        top: 130px;
        left: 278px;
        margin-left: 55px;
    }
}

@media (min-width: 1200px) {
    .goodsOrderPrice {
        position: relative;
        width: 15%;
        top: 0;
        left: 0;
        margin-left: 55px;
    }
}

@media (min-width: 1536px) {
    .goodsOrderPrice {
        margin-left: 94px;
    }
}

.goodsOrderPriceCount,
.goodsOrderPriceRub {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 22px;
    color: #3B3B3B;
}

.goodsOrderPriceSum {
    display: block;
    margin-top: 6px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.goodsOrderPriceSumCount {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.goodsOrderBtn {
    display: inline-block;
    position: absolute;
    top: 60px;
    right: 36px;
    margin-left: 36px;
}

@media (min-width: 576px) {
    .goodsOrderBtn {
        position: absolute;
        top: 23px;
        right: 36px;
        margin-left: 36px;
    }
}

@media (min-width: 768px) {
    .goodsOrderBtn {
        position: absolute;
        top: 23px;
        right: 36px;
        margin-left: 36px;
    }
}

@media (min-width: 1200px) {
    .goodsOrderBtn {
        position: relative;
        vertical-align: middle;
        top: 0;
        right: 0;
        margin-left: 15px;
    }
}

@media (min-width: 1536px) {
    .goodsOrderBtn {
        margin-left: 26px;
    }
}

.orderTotalSubmitWrap {
    position: relative;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    margin-top: 40px;
}

@media (min-width: 768px) {
    .orderTotalSubmitWrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0px;
        left: -17%;
    }
}

@media (min-width: 1200px) {
    .orderTotalSubmitWrap {
        left: 15%;
    }
}

.orderTotalSubmitTitle {
    margin-bottom: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 48px;
    color: #3B3B3B;
}

.orderTotalSubmitResault {
    margin-bottom: 40px;
}

.orderTotalSubmitResault p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 22px;
    color: #3B3B3B;
}

.orderTotalSubmitResault--goodsOrdering {
    margin-bottom: 0;
}

.orderTotalSubmitBtn:focus {
    outline-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.orderTotalSubmitLine {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 2px solid #F2F2ED;
}

.orderTotalSubmitBonusText,
.orderTotalSubmitRegText {
    margin-bottom: 34px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.orderTotalSubmitBonusText a,
.orderTotalSubmitRegText a {
    color: #3B3B3B;
    text-decoration: underline;
}

.orderTotalSubmitBonusText a:hover,
.orderTotalSubmitBonusText a:active,
.orderTotalSubmitBonusText a:focus,
.orderTotalSubmitRegText a:hover,
.orderTotalSubmitRegText a:active,
.orderTotalSubmitRegText a:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

.orderTotalSubmitRegText {
    margin-bottom: 27px;
}

.orderTotalSubmitBonusCurrentCount,
.orderTotalSubmitBonusAddCount {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 19px;
    color: #3B3B3B;
}

.orderTotalSubmitBonusCurrentCount {
    margin-bottom: 25px;
}

.orderTotalSubmitBonusAddCount {
    margin-bottom: 30px;
}


/*.orderTotalSubmitBtn {
  display: none; }*/

@media (min-width: 768px) {
    .orderTotalSubmitBtn {
        display: inline-block;
    }
}

.goodsOrderingWrap {
    position: relative;
}

.goodsOrderingHeader {
    margin-bottom: 55px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    color: #3B3B3B;
}

.goodsOrderingBonus {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    margin-top: 44px;
}

@media (min-width: 1200px) {
    .goodsOrderingBonus {
        display: inline-block;
        width: 55%;
        margin-left: 0;
        margin-right: 0;
    }
}

.goodsOrderingBonusTitle {
    margin-bottom: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.goodsOrderingBonusCount {
    display: inline-block;
    margin-bottom: 36px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    color: #EBA63A;
}

.goodsOrderingBonusLine {
    width: 130px;
    height: 5px;
    margin-bottom: 23px;
    background: #FFFFFF;
}

.goodsOrderingBonusText {
    margin-bottom: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.goodsOrderingBonusBtn {
    width: 90%;
    background: #FFFFFF;
    border: 1px solid #F2F2ED;
    border-radius: 12px;
    outline-style: none;
}

.goodsOrderingBonusBtn span {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

@media (min-width: 768px) {
    .goodsOrderingBonusBtn span {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 1200px) {
    .goodsOrderingBonusBtn span {
        -webkit-transform: translate(-75%, -50%);
        transform: translate(-75%, -50%);
    }
}

@media (min-width: 1536px) {
    .goodsOrderingBonusBtn span {
        -webkit-transform: translate(-79%, -50%);
        transform: translate(-79%, -50%);
    }
}

.goodsOrderingBonusBtn:hover {
    outline-style: none;
    border-radius: 12px;
    border: 1px solid #dddcdc;
    background: #dddcdc;
}

.goodsOrderingBonusBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.goodsOrderingBonusBtn:active {
    border: 1px solid #c9c8c8;
    background: #c9c8c8;
}

.goodsOrderingSubmit {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 300px;
    right: 0%;
    vertical-align: top;
}

@media (min-width: 1200px) {
    .goodsOrderingSubmit {
        display: inline-block;
        margin-top: 44px;
        margin-left: 10px;
        width: 25%;
        right: -13%;
    }
}

.goodsOrderingSubmitBtn {
    width: 90%;
    margin-bottom: 41px;
    outline-style: none;
}

@media (min-width: 1200px) {
    .goodsOrderingSubmitBtn {
        width: 100%;
    }
}

.goodsOrderingSubmitBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.goodsOrderingSubmitCheck .checkbox {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
}

.goodsOrderingSubmitCheck span {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 13px;
    font-size: 10px;
    color: #828282;
}

.checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #EEEEEE;
    background: #fff;
    border-radius: 2px;
}

.checkbox:hover,
.checkbox:active,
.checkbox:focus {
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    border: 2px solid #469C3E;
}

.checkbox__inner {
    display: none;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 12px;
    height: 8px;
    border-left: 2px;
    border-bottom: 2px;
    border-top: 0px;
    border-right: 0px;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
}

.checkbox--enb {
    background: #469C3E;
    border: 2px solid #469C3E;
}

.checkbox--enb .checkbox__inner {
    display: block;
}

.pickupWrap {
    position: relative;
    width: 100%;
    background: #FFFFFF;
}

@media (min-width: 768px) {
    .pickupWrap {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .pickupWrap {
        width: 95%;
    }
}

.pickupHeader {
    padding-top: 43px;
    padding-left: 25px;
    padding-bottom: 40px;
    border-bottom: 2px solid #F2F2ED;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 39px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .pickupHeader {
        font-size: 48px;
    }
}

@media (min-width: 768px) {
    .pickupHeader {
        padding-left: 25px;
    }
}

@media (min-width: 1200px) {
    .pickupHeader {
        padding-left: 90px;
    }
}

.pickupInner {
    display: none;
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 44px;
    padding-bottom: 44px;
}

@media (min-width: 768px) {
    .pickupInner {
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .pickupInner {
        margin-left: 90px;
    }
}

.pickupInnerLeft {
    display: block;
    position: relative;
    vertical-align: top;
    width: 45%;
}

@media (min-width: 576px) {
    .pickupInnerLeft {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .pickupInnerLeft {
        width: 35%;
    }
}

@media (min-width: 1536px) {
    .pickupInnerLeft {
        width: 49%;
    }
}

.pickupInnerLeft p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.pickupInnerLeftImg {
    position: relative;
    width: 125px;
    height: 85px;
    margin-bottom: 16px;
    background: #F2F2F2;
    /* border: 2px solid #469C3E;*/
    border-radius: 5px;
}

.pickupInnerLeftImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pickupInnerLeftImg label {
    width: 100%;
    height: 100%;
}

.pickupInnerLeftImg label:hover,
.pickupInnerLeftImg label:active,
.pickupInnerLeftImg label:focus {
    cursor: pointer;
}

.pickupInnerLeftInput {
    visibility: hidden;
}

.pickupCount1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.pickupBackBtn {
    position: relative;
    display: block;
    margin-top: 0px;
    top: 350%;
    outline-style: none;
}

.pickupBackBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 340px) {
    .pickupBackBtn {
        top: 338%;
    }
}

@media (min-width: 430px) {
    .pickupBackBtn {
        top: 322%;
    }
}

@media (min-width: 576px) {
    .pickupBackBtn {
        top: 342%;
    }
}

@media (min-width: 768px) {
    .pickupBackBtn {
        display: inline-block;
        position: absolute;
        top: 342%;
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .pickupBackBtn {
        position: relative;
        top: 0;
        /*margin-top: 120px; */
        margin-top: 0px;
    }
}

.pickupInnerRight {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .pickupInnerRight {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .pickupInnerRight {
        margin-top: 0px;
    }
}

.pickupInnerRightItem {
    width: 90%;
    padding-top: 24px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-bottom: 56px;
    background: #F2F2F2;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .pickupInnerRightItem {
        width: 369px;
    }
}

.pickupInnerRightItem p {
    width: 90%;
    margin-bottom: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.pickupInnerRightItem img {
    margin-bottom: 23px;
}

.pickupTitle {
    margin-bottom: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

.pickupCount2Title,
.pickupCount2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.pickupOnwardBtn {
    position: relative;
    left: 0%;
    /*margin-top: 40px;*/
    outline-style: none;
}

.pickupOnwardBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 576px) {
    .pickupOnwardBtn {
        left: 20%;
        margin-top: 0px;
        top: -20px;
    }
}

@media (min-width: 768px) {
    .pickupOnwardBtn {
        left: 4%;
        top: -20px;
    }
}

@media (min-width: 1200px) {
    .pickupOnwardBtn {
        /*left: 51%; */
        left: 110%;
        top: 0;
    }
}

.pickupHeader--minimized {
    padding-top: 24px;
    padding-bottom: 35px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #469C3E;
}

.pickupInner--minimized,
.pickupInner--maximized {
    display: block;
}

.pickupInnerLeft--minimized span {
    display: block;
    position: relative;
    top: 10px;
    margin-left: 9px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

@media (min-width: 576px) {
    .pickupInnerLeft--minimized span {
        display: inline-block;
        top: 0px;
    }
}

@media (min-width: 768px) {
    .pickupInnerLeft--minimized span {
        margin-left: 9px;
        top: 0;
    }
}

@media (min-width: 1200px) {
    .pickupInnerLeft--minimized span {
        margin-left: 22px;
    }
}

.pickupInnerRight--minimized {
    width: 50%;
}

.pickupInnerRight--minimized span {
    position: relative;
    top: 7px;
    right: -38%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #469C3E;
}

@media (min-width: 576px) {
    .pickupInnerRight--minimized span {
        top: 0px;
        right: -65%;
    }
}

@media (min-width: 768px) {
    .pickupInnerRight--minimized span {
        right: -60%;
        top: -2px;
    }
}

@media (min-width: 1200px) {
    .pickupInnerRight--minimized span {
        right: -92%;
        top: 20px;
    }
}

@media (min-width: 1536px) {
    .pickupInnerRight--minimized span {
        right: -75%;
    }
}

.pickupInnerRight--minimized span:hover,
.pickupInnerRight--minimized span:focus,
.pickupInnerRight--minimized span:active {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #64BA5C;
}

.paymentWrap {
    position: relative;
    width: 100%;
    background: #FFFFFF;
}

@media (min-width: 768px) {
    .paymentWrap {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .paymentWrap {
        width: 95%;
    }
}

.paymentHeader {
    padding-top: 43px;
    padding-left: 25px;
    padding-bottom: 40px;
    border-bottom: 2px solid #F2F2ED;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 48px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .paymentHeader {
        padding-left: 25px;
    }
}

@media (min-width: 1200px) {
    .paymentHeader {
        padding-left: 90px;
    }
}

.paymentInner {
    display: none;
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 44px;
    padding-bottom: 44px;
}

@media (min-width: 768px) {
    .paymentInner {
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .paymentInner {
        margin-left: 90px;
    }
}

.paymentInnerLeft {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 45%;
}

@media (min-width: 576px) {
    .paymentInnerLeft {
        width: 61%;
    }
}

@media (min-width: 768px) {
    .paymentInnerLeft {
        width: 61%;
    }
}

@media (min-width: 1200px) {
    .paymentInnerLeft {
        width: 35%;
    }
}

@media (min-width: 1536px) {
    .paymentInnerLeft {
        width: 49%;
    }
}

.paymentInnerLeft p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.paymentInnerLeftImg {
    position: relative;
    width: 125px;
    height: 85px;
    margin-bottom: 16px;
    background: #F2F2F2;
    /*border: 2px solid #469C3E;*/
    border-radius: 5px;
}

.paymentInnerLeftImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.paymentInnerLeftImg label {
    width: 100%;
    height: 100%;
}

.paymentInnerLeftImg label:hover,
.paymentInnerLeftImg label:active,
.paymentInnerLeftImg label:focus {
    cursor: pointer;
}

.paymentInnerLeftInput {
    visibility: hidden;
}

.paymentBackBtn {
    position: absolute;
    margin-top: 0px;
    top: 294%;
    outline-style: none;
}

.paymentBackBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 358px) {
    .paymentBackBtn {
        top: 325%;
    }
}

@media (min-width: 377px) {
    .paymentBackBtn {
        top: 309%;
    }
}

@media (min-width: 430px) {
    .paymentBackBtn {
        top: 308%;
    }
}

@media (min-width: 576px) {
    .paymentBackBtn {
        top: 316%;
    }
}

@media (min-width: 768px) {
    .paymentBackBtn {
        top: 316%;
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .paymentBackBtn {
        position: relative;
        top: 0;
        margin-top: 200px;
    }
}

.paymentInnerRight {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .paymentInnerRight {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .paymentInnerRight {
        margin-top: 0px;
    }
}

.paymentInnerRightItem {
    width: 90%;
    padding-top: 24px;
    padding-left: 30px;
    padding-bottom: 3px;
    margin-top: 20px;
    margin-bottom: 55px;
    background: #F2F2F2;
    border-radius: 5px;
}

@media (min-width: 576px) {
    .paymentInnerRightItem {
        margin-top: 0px;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .paymentInnerRightItem {
        width: 369px;
        margin-bottom: 55px;
    }
}

@media (min-width: 1200px) {
    .paymentInnerRightItem {
        /*margin-bottom: 120px; */
        margin-bottom: 55px;
    }
}

.paymentInnerRightItem p {
    width: 90%;
    margin-bottom: 30px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.paymentInnerRightItem img {
    margin-bottom: 23px;
}

.paymentTitle {
    margin-bottom: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

.paymentOnwardBtn {
    position: relative;
    left: 0%;
    margin-top: 40px;
    outline-style: none;
}

.paymentOnwardBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 576px) {
    .paymentOnwardBtn {
        left: 64%;
        margin-top: 0px;
    }
}

@media (min-width: 768px) {
    .paymentOnwardBtn {
        left: 59%;
    }
}

@media (min-width: 1200px) {
    .paymentOnwardBtn {
        left: 51%;
    }
}

.paymentHeader--minimized {
    padding-top: 24px;
    padding-bottom: 35px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #469C3E;
}

.paymentInner--minimized,
.paymentInner--maximized {
    display: block;
}

.paymentInnerLeft--minimized span {
    display: block;
    position: relative;
    top: 12px;
    left: 0px;
    margin-left: 0px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

@media (min-width: 576px) {
    .paymentInnerLeft--minimized span {
        display: inline-block;
        top: 10px;
        left: 0px;
        margin-left: 30px;
    }
}

@media (min-width: 768px) {
    .paymentInnerLeft--minimized span {
        margin-left: 30px;
        top: 0;
    }
}

@media (min-width: 1200px) {
    .paymentInnerLeft--minimized span {
        margin-left: 45px;
        top: -25px;
        left: 47px;
    }
}

@media (min-width: 1536px) {
    .paymentInnerLeft--minimized span {
        top: 0;
        left: 0;
    }
}

.paymentInnerRight--minimized {
    width: 35%;
}

@media (min-width: 768px) {
    .paymentInnerRight--minimized {
        width: 35%;
    }
}

@media (min-width: 1200px) {
    .paymentInnerRight--minimized {
        width: 50%;
    }
}

.paymentInnerRight--minimized span {
    position: relative;
    top: -4px;
    right: -54%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #469C3E;
}

@media (min-width: 576px) {
    .paymentInnerRight--minimized span {
        top: 0px;
        right: -47%;
    }
}

@media (min-width: 768px) {
    .paymentInnerRight--minimized span {
        top: -10px;
        right: -40%;
    }
}

@media (min-width: 1200px) {
    .paymentInnerRight--minimized span {
        top: 21px;
        right: -92%;
    }
}

@media (min-width: 1536px) {
    .paymentInnerRight--minimized span {
        right: -75%;
    }
}

.paymentInnerRight--minimized span:hover,
.paymentInnerRight--minimized span:focus,
.paymentInnerRight--minimized span:active {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #64BA5C;
}

.buyerWrap {
    position: relative;
    width: 100%;
    background: #FFFFFF;
}

@media (min-width: 768px) {
    .buyerWrap {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .buyerWrap {
        width: 95%;
    }
}

.buyerHeader {
    padding-top: 43px;
    padding-left: 25px;
    padding-bottom: 40px;
    border-bottom: 2px solid #F2F2ED;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 48px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .buyerHeader {
        padding-left: 25px;
    }
}

@media (min-width: 1200px) {
    .buyerHeader {
        padding-left: 90px;
    }
}

.buyerInner {
    display: none;
    margin-left: 15px;
    margin-bottom: 44px;
    padding-bottom: 44px;
}

@media (min-width: 576px) {
    .buyerInner {
        margin-left: 25px;
    }
}

@media (min-width: 768px) {
    .buyerInner {
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .buyerInner {
        margin-left: 90px;
    }
}

.buyerInnerLeft {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 94%;
}

@media (min-width: 768px) {
    .buyerInnerLeft {
        width: 94%;
    }
}

@media (min-width: 1200px) {
    .buyerInnerLeft {
        width: 70%;
    }
}

.buyerBackBtn {
    margin-top: 46px;
    outline-style: none;
}

.buyerBackBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.buyerOnwardBtn {
    position: relative;
    margin-top: 30px;
    left: 0%;
    outline-style: none;
}

@media (min-width: 417px) {
    .buyerOnwardBtn {
        float: right;
        margin-top: 46px;
    }
}

@media (min-width: 768px) {
    .buyerOnwardBtn {
        left: 7%;
        float: none;
    }
}

@media (min-width: 1200px) {
    .buyerOnwardBtn {
        left: 52%;
    }
}

@media (min-width: 1536px) {
    .buyerOnwardBtn {
        left: 71%;
    }
}

.buyerOnwardBtn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.buyerInputFio,
.buyerInputEmail,
.buyerInputTel {
    width: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #FFFFFF;
    border: 2px solid #F2F2ED;
    border-radius: 12px;
    outline-style: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

.buyerInputFio::-webkit-input-placeholder,
.buyerInputEmail::-webkit-input-placeholder,
.buyerInputTel::-webkit-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.buyerInputFio:-ms-input-placeholder,
.buyerInputEmail:-ms-input-placeholder,
.buyerInputTel:-ms-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.buyerInputFio::placeholder,
.buyerInputEmail::placeholder,
.buyerInputTel::placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.buyerInputFio:hover,
.buyerInputFio:active,
.buyerInputFio:focus,
.buyerInputEmail:hover,
.buyerInputEmail:active,
.buyerInputEmail:focus,
.buyerInputTel:hover,
.buyerInputTel:active,
.buyerInputTel:focus {
    cursor: text;
    -webkit-transition: .6s;
    transition: .6s;
    border: 2px solid #469C3E;
}

.buyerInputEmail,
.buyerInputTel {
    margin-top: 0;
}

.buyerInputTxt {
    width: 100%;
    min-height: 132px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #FFFFFF;
    border: 2px solid #F2F2ED;
    border-radius: 12px;
    outline-style: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

.buyerInputTxt::-webkit-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.buyerInputTxt:-ms-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.buyerInputTxt::placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.buyerInputTxt:hover,
.buyerInputTxt:active,
.buyerInputTxt:focus {
    cursor: text;
    -webkit-transition: .6s;
    transition: .6s;
    border: 2px solid #469C3E;
}

#buyerInputTel-error {
    position: relative;
    color: #EB5757;
    top: -12px;
}

#buyerInputFio-error {
    position: relative;
    color: #EB5757;
    top: -12px;
}

.buyerHeader--minimized {
    display: inline-block;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 20px;
    border-bottom: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #469C3E;
}

.buyerHeaderBtn {
    display: none;
    margin-top: 25px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #469C3E;
}

@media (min-width: 768px) {
    .buyerHeaderBtn {
        margin-top: 25px;
    }
}

@media (min-width: 1200px) {
    .buyerHeaderBtn {
        position: relative;
        right: -35%;
        margin-top: 0;
    }
}

@media (min-width: 1536px) {
    .buyerHeaderBtn {
        right: -52%;
    }
}

.buyerHeaderBtn:hover,
.buyerHeaderBtn:focus,
.buyerHeaderBtn:active {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    color: #64BA5C;
}

.buyerHeaderBtn--minimized {
    display: block;
}

@media (min-width: 768px) {
    .buyerHeaderBtn--minimized {
        display: block;
    }
}

@media (min-width: 1200px) {
    .buyerHeaderBtn--minimized {
        display: inline-block;
    }
}

.buyerInner--maximized {
    display: block;
}

.buyerWrap--minimized {
    margin-bottom: 81px;
}

.lkNavWrap {
    position: relative;
    margin-bottom: 40px;
}

@media (min-width: 1200px) {
    .lkNavWrap {
        margin-bottom: 0px;
    }
}

.lkNavList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 500px) {
    .lkNavList {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
}

.lkNavList li {
    height: 20px;
    margin-bottom: 20px;
}

.lkNavList li:last-child {
    margin-bottom: 0;
}

.lkNavList li a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

.lkNavList li a:after {
    position: absolute;
    top: 2px;
    right: 0;
    left: 50%;
    content: "";
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #E0E0E0;
    border-right: 2px solid #E0E0E0;
}

@media (min-width: 576px) {
    .lkNavList li a:after {
        right: 60%;
        left: auto;
    }
}

@media (min-width: 768px) {
    .lkNavList li a:after {
        right: 70%;
    }
}

@media (min-width: 1200px) {
    .lkNavList li a:after {
        right: 0%;
    }
}

@media (min-width: 1536px) {
    .lkNavList li a:after {
        right: 24%;
    }
}

.lkNavList li a:hover,
.lkNavList li a:active,
.lkNavList li a:focus {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #469C3E;
}

.lkNavList li a:hover:after,
.lkNavList li a:active:after,
.lkNavList li a:focus:after {
    border-top: 2px solid #469C3E;
    border-right: 2px solid #469C3E;
}

@media (max-width: 500px) {
    .lkNavList li a:after {
        content: none;
    }
}

@media (min-width: 1200px) {
    .lkNavList li a:hover,
    .lkNavList li a:active,
    .lkNavList li a:focus {
        font-size: 17px;
    }
}

@media (min-width: 1536px) {
    .lkNavList li a:hover,
    .lkNavList li a:active,
    .lkNavList li a:focus {
        font-size: 20px;
    }
}

.bonusCardWrap {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 20px;
    padding-bottom: 0px;
    background: #FFFFFF;
}

@media (min-width: 576px) {
    .bonusCardWrap {
        padding-bottom: 20px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.bonusCard--simple {
    border: 1px solid #E6E6C8;
}

.bonusCard--silver {
    border: 1px solid #E5E5E5;
}

.bonusCard--gold {
    border: 1px solid #FBDA2B;
}

.bonusCard--platinum {
    border: 1px solid #FFE4C4;
}

.bonusCardInner {
    display: table;
    width: 100%;
    height: 300px;
}

@media (min-width: 576px) {
    .bonusCardInner {
        height: 100%;
    }
}

.bonusCardInnerLeft,
.bonusCardInnerCenter,
.bonusCardInnerRight {
    display: table-cell;
}

.bonusCardInnerLeft {
    width: 20%;
    vertical-align: top;
    position: relative;
}

.bonusCardInnerLeft img {
    width: 107px;
    z-index: 2;
    position: absolute;
    top: -40px;
}

@media (min-width: 576px) {
    .bonusCardInnerLeft img {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .bonusCardInnerLeft {
        width: 20%;
    }
}

.bonusCardNum {
    position: relative;
    top: 34px;
    left: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 19px;
    color: #E0E0E0;
}

@media (min-width: 576px) {
    .bonusCardNum {
        top: 134px;
        left: 15px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .bonusCardNum {
        top: 135px;
        left: 29px;
    }
}

@media (min-width: 1200px) {
    .bonusCardNum {
        top: 108px;
        font-size: 19px;
    }
}

.bonusCardInnerCenter {
    position: relative;
    width: 20%;
    left: 0%;
    vertical-align: top;
}

@media (min-width: 576px) {
    .bonusCardInnerCenter {
        width: 1%;
        left: 0%;
    }
}

@media (min-width: 768px) {
    .bonusCardInnerCenter {
        /* left: 0; */
        width: 1%;
    }
}

@media (min-width: 1200px) {
    .bonusCardInnerCenter {
        width: 30%;
        /* left: 1%; */
    }
}

/* @media (min-width: 1536px) {
    .bonusCardInnerCenter {
        left: 3%;
    }
} */

.bonusCardInnerCenter a {
    position: absolute;
    top: 73%;
    left: -114%;
    width: 165%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .bonusCardInnerCenter a {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
}

@media (min-width: 1200px) {
    .bonusCardInnerCenter a {
        top: 27px;
    }
}

.bonusCardInnerCenter a:hover,
.bonusCardInnerCenter a:active,
.bonusCardInnerCenter a:focus {
    color: #64BA5C;
    -webkit-transition: .6s;
    transition: .6s;
}

.bonusCardTitle {
    position: absolute;
    width: 160%;
    top: -4%;
    left: 15%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 17px;
    font-size: 14px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .bonusCardTitle {
        font-size: 14px;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }
    .bonusCardStatus{
        width: auto;
        position: inherit;
    }
}

@media (min-width: 768px) {
    .bonusCardTitle {
        font-size: 16px;
    }
}

.bonusCardStatus {
    position: absolute;
    width: 176%;
    top: 3%;
    left: 13%;
    margin-bottom: 35px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    font-size: 25px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .bonusCardStatus {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        line-height: 28px;
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .bonusCardStatus {
        line-height: 28px;
        font-size: 30px;
    }
}


/* @media (min-width: 1200px) {
    .bonusCardStatus {
      line-height: 17px; } } */

.bonusCardSum {
    position: absolute;
    width: 280%;
    top: 87%;
    left: -214%;
    /*-webkit-transform: translate(-43%, -50%);*/
    /*transform: translate(-43%, -50%);*/
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 17px;
    font-size: 14px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .bonusCardSum {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        top: 0;
        left: 0;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .bonusCardSum {
        font-size: 16px;
    }
}

.bonusCardSum+a {
    position: absolute;
    width: 175%;
    top: 76%;
    left: 0;
    -webkit-transform: translate(-54%, -50%);
    transform: translate(-54%, -50%);
}

@media (min-width: 576px) {
    .bonusCardSum+a {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 140%;
        top: 83%;
        left: 111%;
    }
}

@media (min-width: 768px) {
    .bonusCardSum+a {
        left: 117%;
    }
}

@media (min-width: 1200px) {
    .bonusCardSum+a {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }
}

.bonusCardInnerRight {
    position: relative;
    width: 20%;
    vertical-align: top;
    left: 0%;
}

@media (min-width: 576px) {
    .bonusCardInnerRight {
        left: 2%;
        width: 60%;
    }
}

@media (min-width: 768px) {
    .bonusCardInnerRight {
        left: 3%;
    }
}

@media (min-width: 1200px) {
    .bonusCardInnerRight {
        /*left: 2%; */
        left: 0;
    }
}

@media (min-width: 1536px) {
    .bonusCardInnerRight {
        /*left: 6%; */
        left: 0;
    }
}

.bonusCardLevels {
    position: absolute;
    width: 290%;
    top: 25%;
    left: 0%;
    -webkit-transform: translate(-73%, 0);
    transform: translate(-73%, 0);
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bonusCardLevels li {
    display: inline-block;
    /*margin-right: 180px;*/
    margin-right: 60px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 17px;
    font-size: 12px;
    color: #3B3B3B;
}

.bonusCardLevels li:first-child {
    /*margin-right: 20px; */
    margin-right: 66px;
}

@media (min-width: 576px) {
    .bonusCardLevels li:first-child {
        /*margin-right: 18px; */
        margin-right: 80px;
    }
}

@media (min-width: 768px) {
    .bonusCardLevels li:first-child {
        /*margin-right: 79px; */
        margin-right: 130px;
    }
}

@media (min-width: 1200px) {
    .bonusCardLevels li:first-child {
        margin-right: 125px;
    }
}

@media (min-width: 1536px) {
    .bonusCardLevels li:first-child {
        margin-right: 155px;
    }
}

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

@media (min-width: 576px) {
    .bonusCardLevelsTxt li:last-child {
        margin-left: 90px;
    }
    .bonusCardLevels li {
        /*font-size: 12px; margin-right: 160px;*/
        font-size: 12px;
        margin-right: 70px;
    }
}

@media (min-width: 768px) {
    .bonusCardLevelsTxt li:last-child {
        margin-left: 115px;
    }
}

@media (min-width: 1200px) {
    .bonusCardLevelsTxt li:last-child {
        margin-left: 90px;
    }
}

@media (min-width: 768px) {
    .bonusCardLevels li {
        font-size: 16px;
        margin-right: 93px;
    }
}

@media (min-width: 1200px) {
    .bonusCardLevelsTxt li:last-child {
        margin-left: 90px;
    }
    .bonusCardLevels li {
        /*margin-right: 180px; */
        margin-right: 93px;
    }
}

@media (min-width: 1536px) {
    .bonusCardLevelsTxt li:last-child {
        margin-left: 128px;
    }
    .bonusCardLevels li {
        margin-right: 128px;
        /*margin-right: 140px;*/
    }
}

@media (min-width: 576px) {
    .bonusCardLevels {
        position: relative;
        width: 100%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: 0;
        left: 0;
    }
}

.bonusCardLevelImg {
    position: absolute;
    width: 285%;
    -webkit-transform: translate(-68%, -50%);
    transform: translate(-68%, -50%);
    top: 35%;
    left: 0;
    height: 22px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .bonusCardLevelImg {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 95%;
        top: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .bonusCardLevelImg {
        width: 100%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.bonusCardLevelImg--simple {
    background-image: url("img/bonusCardSimple.svg");
}

.bonusCardLevelImg--silver {
    background-image: url("img/bonusCardSilver.svg");
}

.bonusCardLevelImg--gold {
    background-image: url("img/bonusCardGold.svg");
}

.bonusCardLevelImg--platinum {
    background-image: url("img/bonusCardPlatinum.svg");
}

.bonusCardLevelsTxt {
    position: absolute;
    width: 290%;
    top: 45%;
    left: 0;
    -webkit-transform: translate(-73%, -60%);
    transform: translate(-73%, -60%);
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bonusCardLevelsTxt li {
    display: inline-block;
    margin-right: 35px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 12px;
    color: #3B3B3B;
}

.bonusCardLevelsTxt li:last-child {
    /* margin-left: 90px;
	      margin-left: 128px;*/
    margin-right: 0;
    margin-left: 12px;
}

@media (min-width: 576px) {
    .bonusCardLevelsTxt li {
        margin-right: 47px;
    }
}

@media (min-width: 768px) {
    .bonusCardLevelsTxt li {
        margin-right: 106px;
        /*margin-right: 55px;*/
    }
}

@media (min-width: 1200px) {
    .bonusCardLevelsTxt li {
        margin-right: 100px;
    }
}

@media (min-width: 1536px) {
    .bonusCardLevelsTxt li {
        margin-right: 133px;
    }
}

@media (min-width: 576px) {
    .bonusCardLevelsTxt {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        top: 0;
        left: 0;
    }
}

.bonusCardText {
    position: absolute;
    top: 58%;
    left: 0;
    margin-top: 7px;
    width: 300%;
    -webkit-transform: translate(-71%, -50%);
    transform: translate(-71%, -50%);
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .bonusCardText {
        position: relative;
        -webkit-transform: translate(0, 25px);
        transform: translate(0, 25px);
        width: 100%;
        top: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .bonusCardText {
        -webkit-transform: translate(0, 60%);
        transform: translate(0, 60%);
    }
}

@media (min-width: 1200px) {
    .bonusCardText {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 1536px) {
    .bonusCardText {
        width: 90%;
    }
}

.orderWrap {
    position: relative;
    margin-bottom: 44px;
}

.orderHeader {
    background: #F2F2ED;
    padding-top: 25px;
    padding-bottom: 27px;
    padding-left: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #222222;
}

@media (min-width: 576px) {
    .orderHeader {
        padding-left: 40px;
    }
}

.orderInner {
    padding-left: 20px;
    padding-bottom: 29px;
    background: #FFFFFF;
    border-bottom: 2px solid #F2F2ED;
}

.orderInner p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

@media (min-width: 576px) {
    .orderInner {
        padding-left: 40px;
    }
}

.orderInnerPayment {
    position: relative;
    padding-top: 39px;
}

.orderInnerPaymentTitle,
.orderInnerPickupTitle {
    position: relative;
    z-index: 2;
    background-color: #fff;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

.orderInnerPaymentLine,
.orderInnerPickupLine {
    width: 95%;
    position: relative;
    top: -12px;
    left: 0;
    border-top: 2px solid #F2F2ED;
    margin-bottom: 30px;
}

.orderInnerPickup {
    margin-top: 40px;
}

.orderInnerPickupStatus {
    margin-top: 25px;
    margin-bottom: 25px;
}

.orderFooter {
    position: relative;
    padding-top: 30px;
    padding-bottom: 35px;
    padding-left: 40px;
    background-color: #fff;
}

.orderFooterDetail,
.orderFooterRepeat,
.orderFooterCancel {
    display: block;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #469C3E;
}

.orderFooterDetail:hover,
.orderFooterDetail:active,
.orderFooterDetail:focus,
.orderFooterRepeat:hover,
.orderFooterRepeat:active,
.orderFooterRepeat:focus,
.orderFooterCancel:hover,
.orderFooterCancel:active,
.orderFooterCancel:focus {
    -webkit-transition: .6s;
    transition: .6s;
    color: #EBA63A;
}

@media (min-width: 576px) {
    .orderFooterDetail,
    .orderFooterRepeat,
    .orderFooterCancel {
        display: inline-block;
    }
}

.orderFooterDetail {
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .orderFooterDetail {
        margin-bottom: 0px;
    }
}

.orderFooterRepeat {
    position: relative;
    right: 0;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .orderFooterRepeat {
        right: -6%;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .orderFooterRepeat {
        right: -29%;
    }
}

@media (min-width: 1200px) {
    .orderFooterRepeat {
        right: -39%;
    }
}

@media (min-width: 1536px) {
    .orderFooterRepeat {
        right: -47%;
    }
}

.orderFooterCancel {
    position: relative;
    right: 0;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .orderFooterCancel {
        right: -11%;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .orderFooterCancel {
        right: -34%;
    }
}

@media (min-width: 1200px) {
    .orderFooterCancel {
        right: -44%;
    }
}

@media (min-width: 1536px) {
    .orderFooterCancel {
        right: -51%;
    }
}

.orderInnerPickupStatusLabel {
    display: inline-block;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: #F2F2ED;
    border-radius: 14px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    color: #3B3B3B;
}

.orderDetailWrap {
    position: relative;
    background: #FFFFFF;
}

.orderDetailInner {
    padding-top: 45px;
    padding-left: 19px;
    padding-bottom: 35px;
}

.orderDetailInner p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

@media (min-width: 576px) {
    .orderDetailInner {
        padding-left: 40px;
    }
}

.orderDetailInnerInfo,
.orderDetailInnerParam,
.orderDetailInnerPickup,
.orderDetailInnerGoods {
    position: relative;
}

.orderDetailInnerInfoTitle,
.orderDetailInnerParamTitle,
.orderDetailInnerPickupTitle,
.orderDetailInnerGoodsTitle {
    position: relative;
    z-index: 2;
    background-color: #fff;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

.orderDetailInnerInfoLine,
.orderDetailInnerParamLine,
.orderDetailInnerPickupLine,
.orderDetailInnerGoodsLine {
    width: 95%;
    position: relative;
    top: -12px;
    left: 0;
    border-top: 2px solid #F2F2ED;
    margin-bottom: 30px;
}

.orderDetailInnerTabel {
    display: table;
    margin-bottom: 150px;
    position: relative;
}

@media (min-width: 576px) {
    .orderDetailInnerTabel {
        margin-bottom: 47px;
    }
}

.orderDetailInnerInfoLeft,
.orderDetailInnerInfoRight {
    display: table-cell;
}

.orderDetailInnerInfoLeft {
    width: 55%;
}

.orderDetailInnerInfoRight {
    width: 100%;
}

p.orderDetailInnerInfoStatus {
    color: #64BA5C;
}

.orderDetailRepeatBtn {
    position: absolute;
    top: 85px;
    left: 0;
    margin-top: 18px;
}

@media (min-width: 576px) {
    .orderDetailRepeatBtn {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 45px;
    }
}

.orderDetailCancelBtn {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 36px;
    -webkit-transform: translate(-6%, 271%);
    transform: translate(-6%, 271%);
    background: transparent;
}

@media (min-width: 576px) {
    .orderDetailCancelBtn {
        position: relative;
        margin-top: 36px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: -11px;
        left: -24px;
    }
}

@media (min-width: 768px) {
    .orderDetailCancelBtn {
        margin-top: 58px;
    }
}

.orderDetailCancelBtn span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #222222;
}

.orderDetailCancelBtn:hover,
.orderDetailCancelBtn:active {
    background: transparent;
    cursor: pointer;
}

.orderDetailCancelBtn:hover span,
.orderDetailCancelBtn:active span {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.orderDetailInnerParamTable {
    margin-bottom: 60px;
}

.orderDetailInnerParamLeft {
    width: 20%;
    text-align: left;
    vertical-align: top;
}

@media (min-width: 576px) {
    .orderDetailInnerParamLeft {
        width: 17%;
    }
}

.orderDetailInnerParamRight {
    width: 100%;
    padding-bottom: 25px;
    text-align: left;
    vertical-align: top;
}

.orderDetailInnerParamRight p {
    margin-bottom: 5px;
}

.orderDetailInnerPickupTable {
    margin-bottom: 10px;
}

.orderDetailInnerPickupLeft {
    width: 20%;
    text-align: left;
    vertical-align: top;
}

@media (min-width: 576px) {
    .orderDetailInnerPickupLeft {
        width: 12%;
    }
}

.orderDetailInnerPickupRight {
    width: 100%;
    padding-bottom: 25px;
    text-align: left;
    vertical-align: top;
}

.orderDetailInnerPickupRight p {
    margin-bottom: 5px;
}

.orderDetailInnerGoodsTable {
    width: 88%;
    margin-top: 45px;
}

.orderDetailInnerGoodsTable td {
    padding-bottom: 50px;
}

.orderDetailInnerGoodsTableImg {
    width: 40%;
    vertical-align: middle;
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableImg {
        width: 10%;
    }
}

.orderDetailInnerGoodsTableTxt {
    vertical-align: middle;
    width: 60%;
}

.orderDetailInnerGoodsTableTxt span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 14px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableTxt span {
        font-size: 18px;
    }
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableTxt {
        width: 15%;
    }
}

@media (min-width: 768px) {
    .orderDetailInnerGoodsTableTxt {
        width: 20%;
    }
}

.orderDetailInnerGoodsTableCol {
    vertical-align: middle;
    text-align: right;
    width: 10%;
}

.orderDetailInnerGoodsTableCol p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 14px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableCol p {
        font-size: 22px;
    }
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableCol {
        width: 10%;
    }
}

@media (min-width: 768px) {
    .orderDetailInnerGoodsTableCol {
        width: 9%;
    }
}

@media (min-width: 1200px) {
    .orderDetailInnerGoodsTableCol {
        width: 20%;
    }
}

.orderDetailInnerGoodsTableSum {
    vertical-align: middle;
    text-align: right;
    width: 10%;
}

.orderDetailInnerGoodsTableSum p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 14px;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableSum p {
        font-size: 22px;
    }
}

@media (min-width: 576px) {
    .orderDetailInnerGoodsTableSum {
        width: 10%;
    }
}

@media (min-width: 768px) {
    .orderDetailInnerGoodsTableSum {
        width: 13%;
    }
}

@media (min-width: 1200px) {
    .orderDetailInnerGoodsTableSum {
        width: 20%;
    }
}

.orderDetailFooter {
    position: relative;
    background: #F2F2ED;
    padding-top: 40px;
    padding-bottom: 40px;
}

.orderDetailFooter p {
    position: relative;
    top: 0;
    right: 10%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    font-size: 18px;
    text-align: right;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .orderDetailFooter p {
        font-size: 22px;
    }
}

.personalWrap {
    position: relative;
    margin-top: 40px;
}

.personalHeader {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #222222;
}

.personalForm {
    margin-top: 45px;
}

.personalForm input {
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 22px;
    outline-style: none;
    background: #FFFFFF;
    border: 2px solid #469C3E;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

@media (min-width: 768px) {
    .personalForm input {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .personalForm input {
        width: 48%;
    }
}

.personalForm input:hover {
    cursor: text;
    border-color: #64BA5C;
    -webkit-transition: .6s;
    transition: .6s;
}

.personalTypeCard,
.personalIssued,
.personalIssuedDate {
    margin-bottom: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

.personalFormPassTitle {
    margin-top: 47px;
    margin-bottom: 41px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #222222;
}

input.personalFormNewPass,
input.personalFormRepeatPass {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #F2F2ED;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

input.personalFormNewPass::-webkit-input-placeholder,
input.personalFormRepeatPass::-webkit-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

input.personalFormNewPass:-ms-input-placeholder,
input.personalFormRepeatPass:-ms-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

input.personalFormNewPass::placeholder,
input.personalFormRepeatPass::placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.personalFormPassPolicy {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    margin-left: 19px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

@media (min-width: 768px) {
    .personalFormPassPolicy {
        margin-left: 19px;
    }
}

@media (min-width: 1200px) {
    .personalFormPassPolicy {
        width: 46%;
        margin-left: 41px;
        margin-bottom: 0px;
        top: 12px;
    }
}

@media (min-width: 1536px) {
    .personalFormPassPolicy {
        width: 41%;
        top: 0;
    }
}

.personalFormBtnWrap {
    position: relative;
    margin-top: 44px;
    width: 100%;
}

@media (min-width: 576px) {
    .personalFormBtnWrap {
        width: 48%;
    }
}

input.personalFormSubmit {
    display: block;
    width: 181px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #469C3E;
    border-radius: 5px;
    outline-style: none;
    border: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

@media (min-width: 576px) {
    input.personalFormSubmit {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
    }
}

input.personalFormSubmit:hover {
    background: #64BA5C;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    color: #FFFFFF;
}

input.personalFormSubmit:active {
    background: #287E20;
    border-radius: 5px;
}

input.personalFormSubmit:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.personalFormReset {
    display: block;
    width: 110px;
    border: none;
    background-color: transparent;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #222222;
}

@media (min-width: 576px) {
    input.personalFormReset {
        margin-right: 0;
        margin-left: 0;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    input.personalFormReset {
        margin-left: 40px;
    }
}

input.personalFormReset:hover,
input.personalFormReset:active,
input.personalFormReset:focus {
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    color: #64BA5C;
}

.bonusProgLeftInner p {
    margin: 0;
    padding: 0;
    /* margin-bottom: 72px; */
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.bonusProgBlock {
    position: relative;
}

.bonusProgBlockList1 {
    list-style-type: none;
    counter-reset: item1;
    margin: 0;
    padding: 0;
}

.bonusProgBlockList1 li {
    display: table;
}

.bonusProgBlockList1 li:before {
    counter-increment: item1;
    content: counter(item1) ". ";
    display: table-cell;
    padding-right: 0.6em;
}

.bonusProgBlockList1>li {
    margin-bottom: 70px;
}

.bonusProgBlockList1>li:nth-last-child(1) {
    margin-bottom: 0;
}

li.bonusProgBlockList1Title span {
    display: block;
    margin-bottom: 44px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

li.bonusProgBlockList1Title:before {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #4F4F4F;
}

.bonusProgBlockList2 {
    list-style-type: none;
    counter-reset: item2;
    margin: 0;
    padding: 0;
}

.bonusProgBlockList2 li {
    position: relative;
    left: -29px;
    display: table;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.bonusProgBlockList2 li:before {
    counter-increment: item2;
    content: counter(item1) "." counter(item2) ". ";
    display: table-cell;
    padding-right: 1.6em;
}

.bonusProgBlockTable {
    position: relative;
    left: -56px;
    width: 110%;
    margin-top: 50px;
    margin-bottom: 45px;
}

.bonusProgBlockTable thead {
    width: 40%;
    background: #F2F2ED;
    border-radius: 0px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    color: #4F4F4F;
}

.bonusProgBlockTable th {
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.bonusProgBlockTable tr {
    border-bottom: 2px solid #F2F2ED;
}

.bonusProgBlockTable td {
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #4F4F4F;
}

.bonusProgBlockAside {
    margin-bottom: 40px;
}

@media (min-width: 576px) {
    .bonusProgBlockAside {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .bonusProgBlockAside {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .bonusProgBlockAside {
        margin-bottom: 0px;
    }
}

.bonusProgNavList {
    position: relative;
    left: 20%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 1200px) {
    .bonusProgNavList {
        left: 20%;
    }
}

.bonusProgNavList li {
    height: 20px;
    margin-bottom: 20px;
}

.bonusProgNavList li:last-child {
    margin-bottom: 0;
}

.bonusProgNavList li a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

.bonusProgNavList li a:after {
    position: absolute;
    top: 2px;
    left: -15%;
    content: "";
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-top: 2px solid #E0E0E0;
    border-right: 2px solid #E0E0E0;
}

.bonusProgNavList li a:hover,
.bonusProgNavList li a:active,
.bonusProgNavList li a:focus {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 16px;
    color: #469C3E;
}

.bonusProgNavList li a:hover:after,
.bonusProgNavList li a:active:after,
.bonusProgNavList li a:focus:after {
    border-top: 2px solid #469C3E;
    border-right: 2px solid #469C3E;
}

@media (min-width: 768px) {
    .bonusProgNavList li a:hover,
    .bonusProgNavList li a:active,
    .bonusProgNavList li a:focus {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .bonusProgNavList li a:hover,
    .bonusProgNavList li a:active,
    .bonusProgNavList li a:focus {
        font-size: 20px;
    }
}

.bonusActivateLeftInner {
    position: relative;
    margin-top: 50px;
}

@media (min-width: 576px) {
    .bonusActivateLeftInner {
        margin-top: 40px;
    }
}

@media (min-width: 768px) {
    .bonusActivateLeftInner {
        margin-top: 0px;
    }
}

.bonusActivateForm {
    padding-top: 44px;
    padding-left: 35px;
    padding-bottom: 74px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

@media (min-width: 576px) {
    .bonusActivateForm {
        padding-left: 54px;
    }
}

.bonusActivateForm input {
    display: block;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 22px;
    outline-style: none;
    background: #FFFFFF;
    border: 2px solid #469C3E;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

.bonusActivateForm input:hover {
    cursor: text;
    border-color: #64BA5C;
    -webkit-transition: .6s;
    transition: .6s;
}

@media (min-width: 768px) {
    .bonusActivateForm input {
        width: 85%;
    }
}

@media (min-width: 1200px) {
    .bonusActivateForm input {
        width: 65%;
    }
}

.bonusActivateImg {
    display: none;
    position: absolute;
    bottom: 0;
    right: -16%;
}

@media (min-width: 768px) {
    .bonusActivateImg {
        display: block;
        right: -50%;
    }
}

@media (min-width: 1200px) {
    .bonusActivateImg {
        right: -16%;
    }
}

.bonusActivateFormTitle {
    margin-bottom: 35px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 28px;
    color: #3B3B3B;
}

.bonusActivateFormBtnWrap {
    position: relative;
    margin-top: 44px;
    width: 48%;
}

input.bonusActivateFormTel,
input.bonusActivateFormNum {
    background: #FFFFFF;
    border: 1px solid #F2F2ED;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

input.bonusActivateFormTel::-webkit-input-placeholder,
input.bonusActivateFormNum::-webkit-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

input.bonusActivateFormTel:-ms-input-placeholder,
input.bonusActivateFormNum:-ms-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

input.bonusActivateFormTel::placeholder,
input.bonusActivateFormNum::placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.activate_card_my {
    padding: 10px 20px !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
    width: auto !important;
    line-height: 22px !important;
}

input.bonusActivateFormSubmit,
.activate_card_my {
    margin-bottom: 0;
    width: 181px;
    height: 44px;
    position: relative;
    background: #469C3E;
    border-radius: 5px;
    outline-style: none;
    border: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

input.bonusActivateFormSubmit:hover,
.activate_card_my:hover {
    background: #64BA5C;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    color: #FFFFFF;
}

input.bonusActivateFormSubmit:active,
.activate_card_my:active {
    background: #287E20;
    border-radius: 5px;
}

input.bonusActivateFormSubmit:focus,
.activate_card_my:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.newsPageBlockInner {
    position: relative;
}

.newsPageBlockInner:nth-last-child(1) {
    margin-bottom: 0;
}

.newsPageBlock {
    display: inline-block;
    vertical-align: top;
}

.newsPageBlock a {
    text-decoration: none;
}

.newsPageBlock a:hover .newsPageBlockTitle,
.newsPageBlock a:active .newsPageBlockTitle,
.newsPageBlock a:focus .newsPageBlockTitle {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

.newsPageBlockWrap {
    display: block;
    position: relative;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 35px;
}

@media (min-width: 576px) {
    .newsPageBlockWrap {
        display: inline-block;
        width: 42%;
        margin-right: 32px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .newsPageBlockWrap {
        margin-right: 45px;
    }
}

@media (min-width: 1200px) {
    .newsPageBlockWrap {
        margin-right: 70px;
    }
}

@media (min-width: 1536px) {
    .newsPageBlockWrap {
        margin-right: 90px;
    }
}

.newsPageBlockWrap--detail {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
}

.newsPageBlockTitle {
    margin: 0;
    padding: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.newsPageBlockTxt {
    margin-bottom: 17px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.newsPageBlockTxt--detail {
    margin-right: 0px;
    margin-bottom: 0px;
}

.newsPageBlockTxt--detail iframe {
    width: 100%;
}

@media (min-width: 768px) {
    .newsPageBlockTxt--detail iframe {
        width: 640px;
        height: 360px;
    }
}

.newsPageBlockDate {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #E0E0E0;
}

.articlesBlockInner {
    position: relative;
}

.articlesBlockWrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

@media (min-width: 576px) {
    .articlesBlockWrap {
        margin-right: 35px;
        margin-left: 0;
    }
}

.articlesBlock {
    vertical-align: top;
    display: block;
    min-width: 196px;
    width: 100%;
}

.articlesBlock a {
    text-decoration: none;
}

.articlesBlock a:hover .articlesBlockImg,
.articlesBlock a:active .articlesBlockImg,
.articlesBlock a:focus .articlesBlockImg {
    -webkit-transition: .6s;
    transition: .6s;
    opacity: .6;
}

.articlesBlock a:hover .articlesBlockTitle,
.articlesBlock a:active .articlesBlockTitle,
.articlesBlock a:focus .articlesBlockTitle {
    -webkit-transition: .6s;
    transition: .6s;
    color: #469C3E;
}

@media (min-width: 576px) {
    .articlesBlock {
        display: inline-block;
    }
}

.articlesBlockWrap--detail {
    width: 100%;
}

.articlesBlockImg {
    width: 100%;
    min-height: 154px;
    margin-bottom: 22px;
}

.articlesBlockTitle {
    margin-bottom: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 20px;
    color: #3B3B3B;
}

.articlesBlockTxt {
    margin-bottom: 27px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #3B3B3B;
}

.articlesBlockDate {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #E0E0E0;
}

.discountsInner {
    position: relative;
    margin-top: 70px;
    margin-bottom: 0px;
}

.discountsWrap {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
}

@media (min-width: 1200px) {
    .discountsWrap {
        margin-right: 47px;
    }
}

.discounts {
    display: block;
    vertical-align: top;
    width: 270px;
    height: 370px;
    margin-left: auto;
    margin-right: auto;
}

.discounts a {
    text-decoration: none;
}

.discounts a:hover .discountsImg,
.discounts a:active .discountsImg,
.discounts a:focus .discountsImg {
    -webkit-transition: .6s;
    transition: .6s;
    opacity: .6;
}

.discounts a:hover .discountsDate,
.discounts a:active .discountsDate,
.discounts a:focus .discountsDate {
    -webkit-transition: .6s;
    transition: .6s;
    color: #64BA5C;
}

@media (min-width: 768px) {
    .discounts {
        display: inline-block;
        margin-right: 26px;
        margin-left: 0;
    }
}

.discountsImg {
    margin-bottom: 20px;
}

.discountsDate {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #E0E0E0;
}

.discountsSlider {
    position: relative;
    display: block;
    margin-bottom: 45px;
    width: 100%;
}

.discountsSliderItem {
    min-width: 100%;
    max-width: 1280px;
    margin: auto;
    /*width: 100%;*/
    /*height: 352px; */
    height: auto;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */


/*
 * 	Default theme - Owl Carousel CSS File
 */

.discountsSlider-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.discountsSlider-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.discountsSlider-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.discountsSlider-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.discountsSlider-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.discountsSlider-theme .owl-dots {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 500%);
    transform: translate(-50%, 500%);
    -webkit-tap-highlight-color: transparent;
}

.discountsSlider-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    outline-style: none;
}

.discountsSlider-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.discountsSlider-theme .owl-dots .owl-dot.active span,
.discountsSlider-theme .owl-dots .owl-dot:hover span {
    background: #EBA63A;
}

.feedbackInner {
    position: relative;
}

.feedbackForm input {
    /* display: block;
    width: 100%; */
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    outline-style: none;
    background: #FFFFFF;
    border: 2px solid #469C3E;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

.feedbackForm input:hover {
    cursor: text;
    border-color: #64BA5C;
    -webkit-transition: .6s;
    transition: .6s;
}

.feedbackForm span {
    position: relative;
    top: -3px;
    margin-left: 11px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #333333;
}

.feedbackFormSubject,
.feedbackFormName,
.feedbackFormEmail,
.feedbackFormTel {
    margin-bottom: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #222222;
}

input.feedbackFormSubject,
input.feedbackFormName,
input.feedbackFormEmail,
input.feedbackFormTel {
    display: block;
    background: #FFFFFF;
    border: 1px solid #F2F2ED;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

input.feedbackFormSubject::-webkit-input-placeholder,
input.feedbackFormName::-webkit-input-placeholder,
input.feedbackFormEmail::-webkit-input-placeholder,
input.feedbackFormTel::-webkit-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

input.feedbackFormSubject:-ms-input-placeholder,
input.feedbackFormName:-ms-input-placeholder,
input.feedbackFormEmail:-ms-input-placeholder,
input.feedbackFormTel:-ms-input-placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

input.feedbackFormSubject::placeholder,
input.feedbackFormName::placeholder,
input.feedbackFormEmail::placeholder,
input.feedbackFormTel::placeholder {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #828282;
}

.feedbackFormComment {
    display: block;
    width: 100%;
    min-height: 132px;
    outline-style: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    margin-bottom: 22px;
    background: #FFFFFF;
    border: 1px solid #F2F2ED;
    border-radius: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #3B3B3B;
}

.feedbackFormComment:hover {
    cursor: text;
    border-color: #64BA5C;
    -webkit-transition: .6s;
    transition: .6s;
}

.feedbackFormBtnWrap {
    position: relative;
    margin-top: 44px;
    width: 100%;
}

input.feedbackFormSubmit {
    display: block;
    width: 181px;
    height: 44px;
    position: relative;
    background: #469C3E;
    border-radius: 5px;
    outline-style: none;
    border: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

input.feedbackFormSubmit:hover {
    background: #64BA5C;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    color: #FFFFFF;
}

input.feedbackFormSubmit:active {
    background: #287E20;
    border-radius: 5px;
}

input.feedbackFormSubmit:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

label#subject-error,
label#name-error,
label#email-error {
    position: relative;
    top: 0;
    top: -12px;
    left: 20px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    color: #DB4437;
}

.mf-captcha--myfix {
    margin-top: 20px;
}

.mf-text-captcha--myfix {
    margin-bottom: 5px;
    margin-top: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #333333;
}

.newsBlockWrap {
    display: block;
    width: 300px;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .newsBlockWrap {
        width: 290px;
    }
}

@media (min-width: 768px) {
    .newsBlockWrap {
        display: inline-block;
        width: 290px;
        margin-left: 0px;
        margin-right: 5px;
    }
}

@media (min-width: 1200px) {
    .newsBlockWrap {
        width: 325px;
    }
}

@media (min-width: 1536px) {
    .newsBlockWrap {
        width: 418px;
    }
}

.bonusCardProgress {
    position: absolute;
    width: 290%;
    -webkit-transform: translate(-75%, -50%);
    transform: translate(-75%, -50%);
    top: 35%;
    left: 0;
    /*height: 22px;*/
    margin: 10px 0 5px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .bonusCardProgress {
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 92%;
        top: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .bonusCardProgress {
        width: 90%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 1200px) {
    .bonusCardProgress {
        width: 94%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 1536px) {
    .bonusCardProgress {
        /*width: 83%;*/
        width: 95%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.bonusCardProgress .proggressCount {
    position: absolute;
    top: 0px;
    right: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 9px;
    color: #3B3B3B;
}

.bonusCardProgress--simple .progressbar {
    box-shadow: none !important;
    /*background-color: #f9f9f4 !important; */
    background-color: #efefef !important;
}

.bonusCardProgress--simple .progressbar .proggress {
    position: relative !important;
    /*background: linear-gradient(90deg, #fefefe 0%, #e2e2c2 100%) !important;*/
    /*background: linear-gradient(90deg, #fefefe 0%, #469c3e 100%) !important;*/
    background: #469c3e!important;
    background: linear-gradient(0deg, #92db3b 0%, #ace06e3b 100%) !important;
}

.bonusCardProgress--silver .progressbar {
    box-shadow: none !important;
    background-color: #f9f9f4 !important;
}

.bonusCardProgress--silver .progressbar .proggress {
    position: relative !important;
    background: linear-gradient(90deg, #fefefe 0%, #e5e5e5 100%) !important;
}

.bonusCardProgress--gold .progressbar {
    box-shadow: none !important;
    background-color: #f9f9f4 !important;
}

.bonusCardProgress--gold .progressbar .proggress {
    position: relative !important;
    background: linear-gradient(90deg, #fefefe 0%, #fcd82c 100%) !important;
}

.bonusCardProgress--platinum .progressbar {
    box-shadow: none !important;
    background-color: #f9f9f4 !important;
}

.bonusCardProgress--platinum .progressbar .proggress {
    position: relative !important;
    background: linear-gradient(90deg, #fefefe 0%, #ffe3c4 100%) !important;
}


/*# sourceMappingURL=main.css.map */

.orderDetailInnerPickupLeft,
.orderDetailInnerParamLeft {
    padding-right: 20px;
}

.modalAddBasket {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    background-color: rgba(99, 99, 99, 0.5);
    text-align: center;
}

.modalAddBasket-inner {
    width: 300px;
    height: 395px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.modalAddBasket-inner a {
    display: inline-block;
    text-decoration: none;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .modalAddBasket-inner a {
        margin-right: 20px;
        margin-bottom: 0px;
    }
}

@media (min-width: 576px) {
    .modalAddBasket-inner {
        width: 560px;
    }
}

@media (min-width: 768px) {
    .modalAddBasket-inner {
        width: 620px;
    }
}

.modalAddBasket__closeBtn {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 20px;
    right: 20px;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modalAddBasket__closeBtn span {
    position: relative;
    top: -9px;
    left: 1px;
    /*color: #F2F2ED;*/
    color: #959595;
    font-family: 'Roboto';
    font-style: normal;
    line-height: normal;
    font-size: 45px;
    letter-spacing: 0.05em;
}

.modalAddBasket__closeBtn span:hover,
.modalAddBasket__closeBtn span:active,
.modalAddBasket__closeBtn span:focus {
    color: red;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.modalAddBasket__header {
    width: 288px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 50px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    font-size: 35px;
    text-align: center;
    color: #3B3B3B;
}

@media (min-width: 576px) {
    .modalAddBasket__header {
        font-size: 48px;
        width: 365px;
        margin-bottom: 87px;
    }
}

.modalAddBasket-btn {
    width: 210px;
}

.modalAddBasketCatalog-btn {
    width: 210px;
}

.showAuthModal {
    display: none;
    margin-top: 44px;
}

@media all and (max-width: 576px) {
    .bonusCardSum{
        margin-top: 7px;
    }
    .video_block_item{
        width: 100%;
    }
    .video_block_item iframe{
        width: 100%;
    }
}

.orderHistoryTitle {
    margin-bottom: 20px;
}

.bonusCardProgress .proggressCount {
    display: none;
}

/* фикс оформления заказа */

.paymentWrap {}

@media (min-width: 1200px) {
    .paymentWrap {
        width: 90%;
        left: 9%;
    }
}

.paymentHeader {
    /*padding-top: 30px;*/
    padding-top: 15px;
    padding-left: 25px;
    /*padding-bottom: 30px;*/
    padding-bottom: 15px;
    border-bottom: 2px solid #F2F2ED;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 35px;
    color: #3B3B3B;
}

@media (min-width: 1200px) {
    .paymentHeader {
        padding-left: 7%;
        font-size: 40px;
    }
}

.paymentInner {
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 44px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .paymentInner {
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .paymentInner {
        margin-left: 0;
    }
}

.paymentInnerLeftImg .dds_pay .active {
    position: relative;
    top: 0;
    left: 21%;
}

.paymentInnerLeftImg {
    left: 0;
}

@media (min-width: 576px) {
    .paymentInnerLeftImg {
        left: 21%;
    }
}

.paymentInnerLeft p {
    position: relative;
    top: 0;
    left: 0;
    width: 70%;
}

@media (min-width: 576px) {
    .paymentInnerLeft p {
        left: 21%;
    }
}

.paymentInnerLeft {
    width: 53%;
}

@media (min-width: 576px) {
    .paymentInnerLeft {
        width: 35%;
    }
}

@media (min-width: 1536px) {
    .paymentInnerLeft {
        width: 35%;
    }
}

div.paymentInner--minimized {
    position: relative;
}

div.paymentInnerLeft--minimized {
    display: table;
    width: 270px;
    left: 0%;
}

@media (min-width: 576px) {
    div.paymentInnerLeft--minimized {
        /*width: 95%;*/
    }
}

@media (min-width: 768px) {
    div.paymentInnerLeft--minimized {
        width: 60%;
        left: 0%;
    }
}

@media (min-width: 1200px) {
    div.paymentInnerLeft--minimized {
        width: 35%;
        left: 7%;
    }
}

div.paymentInnerLeft--minimized img {
    display: table-cell;
    vertical-align: middle;
}

div.paymentInnerLeft--minimized span {
    display: table-cell;
    vertical-align: middle;
    margin-left: 0;
    top: 0;
    left: 0;
}

div.paymentInnerRight--minimized {
    display: block;
    position: relative;
    margin-top: 20px;
    right: 0;
}

@media (min-width: 576px) {
    div.paymentInnerRight--minimized {
        position: absolute;
        width: 0;
        top: 36%;
        transform: translate(0%, -50%);
        margin-top: 0;
        right: 22%;
    }
}

@media (min-width: 768px) {
    div.paymentInnerRight--minimized {
        right: 26%;
    }
}

@media (min-width: 1200px) {
    div.paymentInnerRight--minimized {
        right: 18%;
    }
}

div.paymentInnerRight--minimized span {
    top: 0;
    right: 0;
}

.paymentInnerRight {
    width: 95%;
}

@media (min-width: 576px) {
    .paymentInnerRight {
        width: 95%;
    }
}

@media (min-width: 768px) {
    .paymentInnerRight {
        width: 95%;
    }
}

@media (min-width: 1200px) {
    .paymentInnerRight {
        width: 63%;
    }
}

.paymentInnerRightItem {
    width: 95%;
    padding-top: 15px;
}

@media (min-width: 576px) {
    .paymentInnerRightItem {
        width: 470px;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .paymentInnerRightItem {
        width: 400px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .paymentInnerRightItem {
        width: 430px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1536px) {
    .paymentInnerRightItem {
        margin-bottom: 30px;
        width: 545px;
    }
}

.paymentInnerRightItem p {
    margin-bottom: 15px;
}

.paymentTitle {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .paymentOnwardBtn {
        left: 61%;
    }
}

@media (min-width: 768px) {
    .paymentOnwardBtn {
        left: 54%;
    }
}

@media (min-width: 1200px) {
    .paymentOnwardBtn {
        left: 53%;
    }
}

@media (min-width: 1536px) {
    .paymentOnwardBtn {
        left: 60%;
    }
}


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

.pickupWrap {}

@media (min-width: 1200px) {
    .pickupWrap {
        width: 90%;
        left: 9%;
    }
}

.pickupHeader {
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #F2F2ED;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 35px;
    color: #3B3B3B;
}

@media (min-width: 1200px) {
    .pickupHeader {
        padding-left: 7%;
        font-size: 40px;
    }
}

.pickupInner {
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 44px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .pickupInner {
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .pickupInner {
        margin-left: 0;
    }
}

.pickupInnerLeftImg .dds_pay .active {
    position: relative;
    top: 0;
    left: 21%;
}

.pickupInnerLeftImg {
    left: 0;
}

@media (min-width: 576px) {
    .pickupInnerLeftImg {
        left: 21%;
    }
}

.pickupInnerLeft p {
    position: relative;
    top: 0;
    left: 0;
    width: 70%;
}

@media (min-width: 576px) {
    .pickupInnerLeft p {
        left: 21%;
    }
}

.pickupCount1 {
    position: relative;
    top: 0;
    left: 0;
    width: 70%;
}

@media (min-width: 576px) {
    .pickupCount1 {
        left: 21%;
    }
}

.pickupInnerLeft {
    width: 53%;
}

@media (min-width: 576px) {
    .pickupInnerLeft {
        width: 35%;
    }
}

@media (min-width: 1536px) {
    .pickupInnerLeft {
        width: 35%;
    }
}

div.pickupInner--minimized {
    position: relative;
}

div.pickupInnerLeft--minimized {
    display: table;
    width: 270px;
    left: 0%;
}

@media (min-width: 576px) {
    div.pickupInnerLeft--minimized {
        /*width: 95%;*/
    }
}

@media (min-width: 768px) {
    div.pickupInnerLeft--minimized {
        width: 60%;
        left: 0%;
    }
}

@media (min-width: 1200px) {
    div.pickupInnerLeft--minimized {
        width: 35%;
        left: 7%;
    }
}

div.pickupInnerLeft--minimized img {
    display: table-cell;
    vertical-align: middle;
}

div.pickupInnerLeft--minimized span {
    display: table-cell;
    vertical-align: middle;
    margin-left: 0;
    top: 0;
    left: 0;
}

div.pickupInnerRight--minimized {
    display: block;
    position: relative;
    margin-top: 20px;
    right: 0;
}

@media (min-width: 576px) {
    div.pickupInnerRight--minimized {
        position: absolute;
        width: 0;
        top: 36%;
        transform: translate(0%, -50%);
        margin-top: 0;
        right: 22%;
    }
}

@media (min-width: 768px) {
    div.pickupInnerRight--minimized {
        right: 26%;
    }
}

@media (min-width: 1200px) {
    div.pickupInnerRight--minimized {
        right: 18%;
    }
}

div.pickupInnerRight--minimized span {
    top: 0;
    right: 0;
}

.pickupInnerRight {
    width: 95%;
}

@media (min-width: 576px) {
    .pickupInnerRight {
        width: 95%;
    }
}

@media (min-width: 768px) {
    .pickupInnerRight {
        width: 95%;
    }
}

@media (min-width: 1200px) {
    .pickupInnerRight {
        width: 63%;
    }
}

.pickupInnerRightItem {
    width: 95%;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 576px) {
    .pickupInnerRightItem {
        width: 470px;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .pickupInnerRightItem {
        width: 400px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .pickupInnerRightItem {
        width: 430px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1536px) {
    .pickupInnerRightItem {
        margin-bottom: 30px;
        width: 545px;
    }
}

.pickupTitle {
    margin-bottom: 15px;
}

.pickupInnerRightItem p {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .pickupOnwardBtn {
        left: 61%;
    }
}

@media (min-width: 768px) {
    .pickupOnwardBtn {
        left: 54%;
    }
}

@media (min-width: 1200px) {
    .pickupOnwardBtn {
        left: 53%;
    }
}

@media (min-width: 1536px) {
    .pickupOnwardBtn {
        left: 60%;
    }
}

.pickupBackBtn {
    position: relative;
    top: -10px;
    left: 0;
}

@media (min-width: 576px) {
    .pickupBackBtn {
        top: 43px;
        left: 0;
    }
}

@media (min-width: 1200px) {
    .pickupBackBtn {
        position: absolute;
        top: 0;
        left: 20%;
    }
}

.normalSelfDelivery {
    position: relative;
    width: 100%;
    left: -3%;
    margin-right: 0;
}

@media (min-width: 768px) {
    .normalSelfDelivery {
        width: 100%;
        left: -3%;
    }
}

@media (min-width: 1200px) {
    .normalSelfDelivery {
        width: 85%;
        left: 7%;
    }
}

.infoBox.narrowBox {
    position: relative;
    width: 85%;
    left: 7%;
    margin-right: 0;
}

.buyerWrap {}

@media (min-width: 1200px) {
    .buyerWrap {
        width: 90%;
        left: 9%;
    }
}

.buyerHeader {
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #F2F2ED;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    font-size: 35px;
    color: #3B3B3B;
}

@media (min-width: 1200px) {
    .buyerHeader {
        padding-left: 7%;
        font-size: 40px;
    }
}

.buyerInner {
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 44px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .buyerInner {
        margin-left: 25px;
    }
}

@media (min-width: 1200px) {
    .buyerInner {
        margin-left: 0;
    }
}

.buyerInnerLeft {
    left: -1%;
    width: 90%;
}

@media (min-width: 576px) {
    .buyerInnerLeft {
        width: 95%;
    }
}

@media (min-width: 768px) {
    .buyerInnerLeft {
        left: 0%;
        width: 95%;
    }
}

@media (min-width: 1200px) {
    .buyerInnerLeft {
        left: 7%;
        width: 85%;
    }
}

.buyerOnwardBtn {
    display: block;
    position: relative;
    left: 0;
    margin-top: 30px;
}

@media (min-width: 417px) {
    .buyerOnwardBtn {
        float: none;
        margin-top: 30px;
    }
}

@media (min-width: 576px) {
    .buyerOnwardBtn {
        left: 62%;
    }
}

@media (min-width: 768px) {
    .buyerOnwardBtn {
        left: 54%;
    }
}

@media (min-width: 1200px) {
    .buyerOnwardBtn {
        left: 71%;
    }
}

@media (min-width: 1536px) {
    .buyerOnwardBtn {
        left: 78%;
    }
}

.buyerBackBtn {
    display: block;
    position: relative;
}

@media (min-width: 576px) {
    .buyerBackBtn {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .buyerBackBtn {}
}

@media (min-width: 1200px) {
    .buyerBackBtn {
        bottom: 1%;
    }
}


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

.goodsOrderingHeader {
    position: relative;
    left: 0;
}

@media (min-width: 576px) {
    .goodsOrderingHeader {
        left: 0;
    }
}

@media (min-width: 768px) {
    .goodsOrderingHeader {
        left: 0;
    }
}

@media (min-width: 1200px) {
    .goodsOrderingHeader {
        left: 9%;
    }
}

.goodsOrderItemsWrap--order {
    left: 0;
}

@media (min-width: 576px) {
    .goodsOrderItemsWrap--order {
        left: 0;
    }
}

@media (min-width: 768px) {
    .goodsOrderItemsWrap--order {
        left: 0;
    }
}

@media (min-width: 1200px) {
    .goodsOrderItemsWrap--order {
        left: 9%;
    }
}


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

.orderTotalSubmitTitle {
    font-size: 35px;
}

@media (min-width: 1200px) {
    .orderTotalSubmitTitle {
        font-size: 40px;
    }
}


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

.goodsOrderPrice {
    width: 40%;
}

@media (min-width: 576px) {
    .goodsOrderPrice {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .goodsOrderPrice {
        width: 27%;
    }
}

@media (min-width: 1200px) {
    .goodsOrderPrice {
        width: 15%;
    }
}

@media (min-width: 1536px) {
    .goodsOrderPrice {}
}

.orderTotalSubmitWrap {
    width: 300px;
}

@media (min-width: 768px) {
    .orderTotalSubmitWrap {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .orderTotalSubmitWrap {
        left: 15%;
    }
}

.goodsOrderWrap {
    width: 300px;
}

@media (min-width: 576px) {
    .goodsOrderWrap {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .footerCatalogWrap {
        margin-left: 60px;
    }
}

@media (min-width: 1200px) {
    .footerCatalogWrap {
        margin-left: 40px;
    }
}

@media (min-width: 1536px) {
    .footerCatalogWrap {
        margin-left: 90px;
    }
}

@media (min-width: 576px) {
    .footerNavWrap {
        margin-left: 35px;
    }
}

@media (min-width: 768px) {
    .footerNavWrap {
        margin-left: 55px;
    }
}

@media (min-width: 1200px) {
    .footerNavWrap {
        margin-left: 40px;
    }
}

@media (min-width: 1536px) {
    .footerNavWrap {
        margin-left: 90px;
    }
}


/*.singlePoint select {*/


/*}*/

.delivery_store {
    width: 100%;
    outline-style: none;
}

@media (min-width: 576px) {
    .delivery_store {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .delivery_store {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .delivery_store {
        width: 85%;
    }
}

@media (min-width: 1536px) {
    .delivery_store {
        width: 70%;
    }
}

.delivery_store-wrap {
    position: relative;
}

.delivery_store-wrap--warn:after {
    display: block;
    position: absolute;
    top: 120%;
    left: -10%;
    content: "Выберите магазин для самовывоза";
    padding: 3px 15px;
    border: 1px solid #EB5757;
    border-radius: 6px;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background-color: #fff;
    color: #EB5757;
}

@media (min-width: 576px) {
    .delivery_store-wrap--warn:after {
        top: 120%;
        left: -5%;
    }
}

@media (min-width: 768px) {
    .delivery_store-wrap--warn:after {
        top: 120%;
        left: -35%;
    }
}

@media (min-width: 1200px) {
    .delivery_store-wrap--warn:after {
        top: 120%;
        left: 1%;
    }
}

@media (min-width: 1536px) {
    .delivery_store-wrap--warn:after {
        top: 120%;
        left: 1%;
    }
}

.delivery_store-wrap--warn:before {
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 110%;
    left: 5%;
    content: "";
    border-top: 1px solid #EB5757;
    border-left: 1px solid #EB5757;
    background: #fff;
    transform: rotate(45deg);
    z-index: 1;
}

.delivery_store--warn {
    width: 100%;
    border: 1px solid #EB5757;
}

@media (min-width: 576px) {
    .delivery_store--warn {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .delivery_store--warn {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .delivery_store--warn {
        width: 85%;
    }
}

@media (min-width: 1536px) {
    .delivery_store--warn {
        width: 70%;
    }
}


/* END фикс оформления заказа */

#tradePointChoice TABLE TR TD {
    padding: 4px 10px 4px 8px !important;
}

.bonusActivateForm2_step2 {
    display: none;
}

.bonusActivateForm2_step3 {
    display: none;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
}

.bonusActivateForm2_step3 p {
    font-size: 16px;
}


/* фикс поля результата в активации бонусной карты */

.bonusActivateForm2_res--style {
    width: 90%;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .bonusActivateForm2_res--style {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .bonusActivateForm2_res--style {
        width: 85%;
    }
}

@media (min-width: 1200px) {
    .bonusActivateForm2_res--style {
        width: 65%;
    }
}

@media (min-width: 1536px) {
    .bonusActivateForm2_res--style {
        width: 70%;
    }
}


/* END фикс поля результата в активации бонусной карты */


/* фикс слайдера на главной */

.sliderMain-theme .owl-dots {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 768px) {
    .sliderMain-theme .owl-dots {
        top: 95%;
        left: 55%;
    }
}

@media (min-width: 1200px) {
    .sliderMain-theme .owl-dots {
        top: 95%;
        left: 53%;
    }
}

@media (min-width: 1536px) {
    .sliderMain-theme .owl-dots {
        top: 95%;
        left: 50%;
    }
}


/* END фикс слайдера на главной */

.scroll-pag {
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 0px;
    color: #333;
    width: 50%;
    background: #fff;
    margin: 40px auto 0px auto;
}

.scroll-pag:hover {
    color: #64BA5C;
    -webkit-transition: .6s;
    transition: .6s;
    text-decoration: none;
}

.pagination__item--enb a {
    color: #fff;
}


/* фикс положения анимации загрузки */

.lds-default {
    width: 64px !important;
    height: 64px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* END фикс положения анимации загрузки */


/* фикс слайдера акций */

.discountsSliderItem {
    /*min-width: 100%;*/
    /*max-width: 1280px;*/
    margin: auto;
    width: 100%;
    /*height: 352px; */
    height: auto;
}

@media (min-width: 768px) {
    .discountsSliderItem {
        max-width: 1280px;
    }
}

.discountsSliderItem_big {
    display: none !important;
}

@media (min-width: 768px) {
    .discountsSliderItem_big {
        display: block !important;
    }
}

.discountsSliderItem_small {
    display: inline-block !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .discountsSliderItem_small {
        display: none !important;
    }
}

.discountsInner {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .discountsInner {
        margin-top: 70px;
    }
}


/* END фикс слайдера акций */

.ctlSecondLevelItemElemCount {
    color: #b5b5b5!important;
    font-size: 0.65em;
    padding-left: 5px;
}

.ctlSecondLevelItemElemText {
    width: 100%;
}

.mobileSecondLevelMenu-elementsList li {
    position: relative;
    padding-right: 55px;
}

.mobileSecondLevelMenuItem span.ctlSecondLevelItemElemCountMobile {
    /*float: right;*/
    margin: 0 15px;
    position: absolute;
    top: 21px;
    right: 0;
    color: #79a575;
    font-size: 0.85em;
}


/* 2 карточки товара в ряд на мобильных экранах */

.goodsCardButton_mobile {
    display: none;
}

@media (max-width: 767px) {
    .catalog-wrapper .mainContentLeft.mainContentLeft--catalog2 {
        margin-right: 0;
    }
    .catalog-wrapper .goodsCardHover {
        display: none!important;
    }
    .catalog-wrapper .mainContentRightInner {
        width: 100%;
    }
    .catalog-wrapper .mainContentRightInner .mainContentRight--goods>div[id^="comp_"] {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -0.5%;
        justify-content: space-around;
    }
    .catalog-wrapper .goodsCardWrap {
        display: block;
        /* margin: 0 0.5% 4px; */
        width: 49%;
    }
    .dm-tooltip.dm-tooltip_bottom{
        display: none;
    }
    .scroll-pag {
        width: fit-content;
        padding: 5px 15px;
    }
    .catalog-wrapper .goodsCard {
        width: 100%;
        height: unset;
    }
    .catalog-wrapper .goodsCardInnerWrap {
        padding: 15px 15px 85px;
        position: unset;
    }
    .catalog-wrapper .goodsCardButton_mobile {
        display: block;
        position: absolute;
        bottom: 25px;
        width: calc(100% - 30px);
    }
    .catalog-wrapper .goodsCardButton_mobile .goodsCardButton {
        margin: 0;
        width: 100%;
        height: 42px;
    }
    .catalog-wrapper .goodsCardButton_mobile .goodsCardButton span {
        margin: 0;
        width: 100%;
        font-size: 16px;
    }
    .catalog-wrapper .cardDetailDataPriceLike {
        z-index: 100;
        top: 15px;
        right: 15px;
    }
    .catalog-wrapper .goodsCardImg {
        width: 100%;
        margin: 0;
    }
    .catalog-wrapper .goodsCardText {
        margin-top: 16px;
        font-size: 14px;
        line-height: 22px;
        min-height: unset;
    }
    .catalog-wrapper .goodsCardPrice {
        margin: 10px 0 0;
    }
    /********************/
    /********************/
    /********************/
    /*
  #slidergalar .mainContentLeft.mainContentLeft--catalog2 {
    margin-right: 0;
  }
  #slidergalar .goodsCardHover {
    display: none!important;
  }
  #slidergalar .mainContentRightInner {
    width: 100%;
  }
  #slidergalar .mainContentRightInner .mainContentRight--goods > div[id^="comp_"] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5%;
  }
  #slidergalar .goodsCardWrap {
    display: block;
    margin: 0 0.5% 4px;
    width: 49%;
  }
  #slidergalar .goodsCard {
    width: 100%;
    height: unset;
  }
  #slidergalar .goodsCardInnerWrap {
    padding: 15px 15px 85px;
    position: unset;
  }
  #slidergalar .goodsCardButton_mobile {
    display: block;
    position: absolute;
    bottom: 25px;
    width: calc(100% - 30px);
  }
  #slidergalar .goodsCardButton_mobile .goodsCardButton {
    margin: 0;
    width: 100%;
    height: 42px;
  }
  #slidergalar .goodsCardButton_mobile .goodsCardButton span{
    margin: 0;
    width: 100%;
    font-size: 16px;
  }

  #slidergalar .cardDetailDataPriceLike {
    z-index: 100;
    top: 15px;
    right: 15px;
  }
  #slidergalar .goodsCardImg {
    width: 100%;
    margin: 0;
  }
  #slidergalar .goodsCardText {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    min-height: unset;
  }
  #slidergalar .goodsCardPrice {
    margin: 10px 0 0;
  }
  */
}

@media (max-width: 400px) {
    .catalog-wrapper .goodsCardImg {
        height: 120px;
    }
}

@media (max-width: 374px) {
    .catalog-wrapper .goodsCardWrap {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .mobile-nav__searchCancel {
        left: 76.5%;
    }
    .mobile-nav__searchInput_wrap {
        width: 70%;
    }
}

.basket-errors {
    position: relative;
    margin-top: 22px;
}

.basket-errors svg {
    display: block;
    width: 30px;
    height: 30px;
    z-index: 100;
    fill: #721c24;
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
}

.basket-errors__items {
    list-style-type: none;
    padding: 20px;
    padding-left: 70px;
    margin: 0;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    position: relative;
}

.basket-errors__item {
    line-height: 1.3em;
    padding: 5px 0;
}

@media (max-width: 480px) {
    .basket-errors svg {
        display: none;
    }
    .basket-errors__items {
        padding-left: 20px;
    }
    .basket-errors__item {
        font-size: 1.5rem;
    }
}

.basket-errors__item {}

.goodsOrderingSubmit {
    display: none;
}

.modalTownBtn {
    margin: 0;
}

.btn.modalTownBtn_transparent {
    background: white;
    border: 1px solid #469C3E;
    margin-left: 10px;
}

.btn.modalTownBtn_transparent span {
    color: #469C3E;
}

.town-select__wrap {
    position: relative;
}

.town-select__wrap .modalTownWrap.container {
    position: absolute;
    top: 40px;
    left: 0;
}

.town-select__wrap .modalTownQuestion,
.town-select__wrap .modalTownCitySelect {
    top: 0;
    left: 0;
}

.composite__loading {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/bitrix/images/main/composite/loading.gif);
    background-repeat: no-repeat;
    background-size: contain;
}

.container-fluid_main_news {
    background: #fff;
}

.container-fluid_main_news .newsAllBtnWrap {
    margin-bottom: 35px;
    margin-top: 0;
}

.mainContent__franshiza {
    padding-top: 0;
}

.bonusActivateForm2_complete-loading {
    line-height: 1em;
    width: 1em;
    vertical-align: middle;
}

.favorites-header__link {
    display: inline-block;
}

.container.search .scroll-pag {
    display: none!important;
}


/* Скрываем Корзину (если нужно будет вернуть - удалить весь блок) */

.orderFooterRepeat,

/* повторить заказ */

#bx_basketFKauiI,
.basketWrap,
.mobile-nav a[href^='/basket'],
.btn[data-action=add2basket],
.goodsCardHover {
    display: none!important;
}

.orderFooterCancel {
    right: unset;
    float: right;
    margin-right: 40px;
}

.mobile-nav__search-icon {
    right: 4%;
}


/* Скрываем Корзину END */

.bonus__wrap table,
.bonus__wrap table td {
    border: 1px solid black;
}

.bonus__wrap table {
    margin: 0 auto;
}

.bonus__wrap table td {
    padding: 5px;
}

.bonus__wrap .bonus__anketa {}

.bonus__wrap .bonus__anketa img {
    max-width: 100%;
    border: 1px solid #0000002e;
}

.ctlMenuWrap .ctlMenuItemWrap{
    padding: 5px 0px;
    width: auto;
    /* padding: 5px 8px; */
}

@media (max-width: 767px) {
    .bonus__wrap,
    .bonus__wrap a,
    .bonus__wrap p {
        font-size: 14px;
    }
    .table__wrap {
        overflow: auto;
        font-size: 12px;
    }
}

.modal-cookie{
    position: fixed;
    bottom: 0px;
    z-index: 99;
    background-color: white;
      bottom: 20px;
    left: 20px;
    width: 30%;
      padding: 10px;
      border: 2px solid #469C3E;
  }
  .modal-cookie__btn{
    background-color: #469C3E; 
    border-color: #469C3E;
    color: white;
	cursor: pointer;
    font-size: 16px;
  }
  @media (max-width: 500px) {
    .modal-cookie{
        width: 90%;
    }
  }