/*@charset "utf-8";*/

/*------------------------------------*\
     reset css
\*------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.bx-ie11 #all_wrap main {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
textarea, button {
    outline: none;
}
a:hover, a:active, a:focus, a {
    color: inherit;
}

a[href]:not([class]) {
    transition: all .2s ease-in-out;
    text-decoration: underline;
}

a[href]:not([class]):hover {
    color: #d94b8c;
}

.signin-side a[href]:not([class]):hover {
    color: #ffd7ea;
}

a[href^="mailto"]:not([class]){
    color: #d94b8c;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

a[href^="mailto"]:not([class]):hover{
    opacity: .78;
}


a img {
    border: none;
}
ul {
    list-style: none;
}
li {
   list-style-type: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*{
    box-sizing: border-box;

    outline:none;
}

button {
    cursor: pointer;
    border: 0;
    outline: 0;
    padding: 0;
    background: none;
}

input, textarea {
    font-size: 16px;
}

    /* clearfix */
.clearfix:after, .wizard-reviews__el:after
{
    visibility: hidden;
    display: block;
    content: ".";
    font-size: 0px;
    clear: both;
    height: 0;
}

* + html .clearfix { zoom: 1; } /* IE7 */
* html .clearfix { zoom: 1; } /* IE6 */

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* DEFAULT TEXT STYLES*/

@font-face {
  font-family: 'geometria';
  src: url('../fonts/geometria/geometria.woff');
  src: url('../fonts/geometria/geometria.woff') format('woff'),
       url('../fonts/geometria/geometria.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'geometria';
  src: url('../fonts/geometria/geometria-bold.woff');
  src: url('../fonts/geometria/geometria-bold.woff') format('woff'),
       url('../fonts/geometria/geometria-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face{
    font-family: 'geometria';
    src:url('../fonts/geometria/Geometria-Medium.woff');
    src:url('../fonts/geometria/Geometria-Medium.woff') format('woff'),
        url('../fonts/geometria/Geometria-Medium.otf') format('opentype');
    font-weight:500;
    font-style: normal;
}

@font-face{
    font-family: 'Playfair  Display';
    src:url('../fonts/payfair_display/PlayfairDisplay-BoldItalic.woff');
    src:url('../fonts/payfair_display/PlayfairDisplay-BoldItalic.woff') format('woff'),
        url('../fonts/payfair_display/PlayfairDisplay-BoldItalic.otf') format('opentype');
    font-weight:700;
    font-style: italic;
}

@font-face{
    font-family: 'Playfair  Display';
    src:url('../fonts/payfair_display/PlayfairDisplay-Bold.woff');
    src:url('../fonts/payfair_display/PlayfairDisplay-Bold.woff') format('woff'),
        url('../fonts/payfair_display/PlayfairDisplay-Bold.otf') format('opentype');
    font-weight:700;
    font-style: normal;
}

@font-face{
    font-family: 'Playfair  Display';
    src:url('../fonts/payfair_display/PlayfairDisplay-Regular.woff');
    src:url('../fonts/payfair_display/PlayfairDisplay-Regular.woff') format('woff'),
        url('../fonts/payfair_display/PlayfairDisplay-Regular.otf') format('opentype');
    font-weight:400;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto';
    src:url('../fonts/roboto/Roboto-Bold.woff');
    src:url('../fonts/roboto/Roboto-Bold.woff') format('woff'),
        url('../fonts/roboto/Roboto-Bold.otf') format('opentype');
    font-weight:700;
    font-style: normal;
}


@font-face{
    font-family: 'Roboto';
    src:url('../fonts/roboto/Roboto-Medium.woff');
    src:url('../fonts/roboto/Roboto-Medium.woff') format('woff'),
        url('../fonts/roboto/Roboto-Medium.otf') format('opentype');
    font-weight:500;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto';
    src:url('../fonts/roboto/Roboto-Regular.woff');
    src:url('../fonts/roboto/Roboto-Regular.woff') format('woff'),
        url('../fonts/roboto/Roboto-Regular.otf') format('opentype');
    font-weight:400;
    font-style: normal;
}

@font-face{
    font-family: 'alsrubl';
    src:url('../fonts/alsrubl/regular.woff');
    src:url('../fonts/alsrubl/regular.woff') format('woff'),
    url('../fonts/alsrubl/regular.otf') format('opentype');
    font-weight:400;
    font-style: normal;
}


strong, b {
    font-weight: 700;
}

i, cite, em, var, address, dfn {
    font-style: italic;
}

h1 {
    color: #333;
    font-family: "Playfair  Display", 'Times New Roman', Times, serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 24px
}

@media (max-width: 340px) {
    h1{
        line-height: 26px;
        font-size: 28px;
    }
    }

h2 {
    color: #333;
    font-family: "Playfair  Display", 'Times New Roman', Times, serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

h3 {
    color: #333;
    font-family: "Playfair  Display", 'Times New Roman', Times, serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 31px;
}

h4 {
    color: #d94b8c;
    font-family: "Playfair  Display", 'Times New Roman', Times, serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.89px;
    line-height: 26px;
}

p {
    color: #78504b;
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
}

html {
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
}
body {
    min-height:100%;
    position:relative;
    background-color: #f2ebe2;
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
}

#all_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
}

#all_wrap main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	width: 100%;
}



.no-overflow {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

.button--pink {
    height: 54px;
    padding: 0 55px;
    font-size: 14px;
    line-height: 52px;
    text-transform: uppercase;
}

/*------------------------------------*\
     validate css
\*------------------------------------*/

.parsley-errors-list {
    position: relative;
    transition: all .2s ease;
    height: 16px;
    display: block;
    clear: both;
}

.basket-info__form .parsley-errors-list, .basket-auth__sign-in .parsley-errors-list, .basket-auth__sign-up .parsley-errors-list, .individual-order__form .parsley-errors-list {
    padding-left: 180px;
}

.individual-order__field--big .parsley-errors-list {
    padding-left: 0;
}

.item-form .parsley-errors-list {
    padding-left: 40%;
    float: right;
}

.restore-password__form .parsley-errors-list li, .basket-info__form .parsley-errors-list li, .basket-auth__sign-in .parsley-errors-list li, .basket-auth__sign-up .parsley-errors-list li, .account-setting__form .parsley-errors-list li, .item-form .parsley-errors-list li, .pay-del .parsley-errors-list li, .subscribe .parsley-errors-list li, .individual-order__form .parsley-errors-list li, .wizard-reviews__el--form .parsley-errors-list li, .contact-wrap .parsley-errors-list li  {
    color: #333;
    margin-top: 10px;
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.basket-info__form .parsley-errors-list li, .basket-auth__sign-in .parsley-errors-list li, .basket-auth__sign-up .parsley-errors-list li, .item-form .parsley-errors-list li, .pay-del .parsley-errors-list li, .wizard-reviews__el--form .parsley-errors-list li {
    margin-top: 4px;
}

.wizard-reviews__el--form .parsley-errors-list:after {
    content: "";
    display: table;
    clear: both;
}

.restore-password__form .parsley-success, .basket-info__form .restore-password__form .parsley-success {
    box-shadow: 0px 0px 0px 2px rgb(136, 199, 136) !important;
}

.jq-selectbox .parsley-errors-list {
    display: none;
}

.jq-selectbox .parsley-error ~ .jq-selectbox__select {
    border-color: #eca29b;
}

/* Datapicker Jquery UI*/
.popup-inner__head {
    display: block;
    margin-bottom: 30px;
}
.ui-datepicker-header {
    position: relative;
    text-align: center;
    padding: 10px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
}

.ui-datepicker {
    width: 235px;
}

.ui-datepicker-calendar .ui-state-disabled {
    background: #F3F3F5;
}

.ui-datepicker-calendar {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 222px;
    overflow: hidden;
}
.ui-datepicker-calendar th {
    background: #fff;
}
.ui-datepicker-prev {
    display: block;
    float: left;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transform: scale(1.12);
        -ms-transform: scale(1.12);
            transform: scale(1.12);
}
.ui-state-default:not(.ui-state-active):hover {
    background-color: #78504b;
    color: #fff;
}
.ui-datepicker-next {
    display: block;
    float: right;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transform: scale(1.12);
        -ms-transform: scale(1.12);
            transform: scale(1.12);
}
.ui-state-active {
    color: #FFF;
    background: #EA6565;
}
.ui-state-active:hover {
    color: #fff;
}
.ui-state-default {
    padding-top: 13px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .2s ease;
}
.ui-datepicker-calendar td {
    width: 14.28%!important;
    height: 14.28%!important;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    font-weight: 700;
    color: inherit;
    background: #fff;
    box-shadow: 0 0 0 1px #EBEBEB;
    transition: .25s;
    padding: 0;
    font-size: 13px;
    text-decoration: none;
}

/*------------------------------------*\
     header css
\*------------------------------------*/

header {
    display: block;
    width: 100%;
    /*position: relative;*/
    /*z-index: 5;*/
}

.header-main-w {
    display: block;
    max-width: 1173px;
    margin: 0 auto;
    padding-top: 56px;
    /*margin-bottom: 50px;*/
    /*margin-bottom: 42px;*/
    min-height: 234px;
}

    .main-menu {
        display: inline-block;
        position: relative;
        z-index: 110;
        vertical-align: top;
        width: 100%;
        font-size: 0px;
        text-align: left;
    }

    .main-menu__item-wrap {
        display: inline-block;
        position: relative;

    }

    .main-menu__item-wrap:nth-child(3) {
        margin-left: -15px;
    }

    .main-menu__item .main-menu__text {
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.92px;
        line-height: 12px;
    }

    .main-menu__item {
        display: block;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.92px;
        line-height: 12px;
        padding: 16px 17px 18px 17px;
        text-align: center;
        position: relative;
        transition: all .2s ease;
        z-index: 3;
        min-width: 155px;
    }

    .main-menu__item-wrap:nth-of-type(5) .main-menu__item {
        padding: 16px 0px 18px 6px;
        min-width: 110px;
    }

    .main-menu__item-wrap:last-of-type .main-menu__item {
        padding: 16px 6px 18px 6px;
        min-width: 120px;
    }

    .main-menu__item-wrap:nth-last-of-type(2) .main-menu__item {
        padding: 16px 6px 18px 6px;
        min-width: 165px;
    }

    .main-menu__item-wrap:nth-last-of-type(2) .main-menu__item {
        min-width: 188px;
    }

    .main-menu__item-wrap:nth-of-type(4) {
        margin-right: 400px;
    }

    .main-menu__item-wrap:last-of-type {
        margin-right: -30px;
    }

    .main-menu__item:hover, .main-submenu:hover + .main-menu__item {
        background-color: #7e5955;
        color: white;
    }

    .main-menu__item--active:hover:after, .main-submenu:hover + .main-menu__item--active:after {
        opacity: 0;
    }

    .main-submenu {
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 0;
        z-index: 2;
        transition: opacity .100s ease;
        padding-top: 12px;
        padding-bottom: 12px;

    }

    .main-submenu__item-wrap {
        text-align: center;
        transition: all .2s ease;
    }

    .main-menu__item-wrap--sign {
        width: 50%;
        margin-bottom: 20px;
    }

    .main-menu__item-wrap--basket {
        width: 50%;
        margin-bottom: 20px;
        text-align: right;
    }

    .main-submenu__item {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 14px;
        line-height: 24px;
        padding: 3px 0;
    }

    .main-menu__item-wrap:hover .main-submenu {
        display: block;
        background-color: #78504b;
        opacity: 1;
        top: 40px;
        color: white;
        visibility: visible;
    }

    .main-submenu--open {
        display: block;
        background-color: #78504b;
        opacity: 1;
        top: 40px;
        color: white;
        visibility: visible;
    }

    .main-menu__item-wrap--basket .main-menu__item, .main-menu__item-wrap--sign .main-menu__item {
        display: inline-block;
        padding: 0;
        min-width: initial;
        margin-bottom: 5px;
        position: relative;
        text-transform: initial;
        margin-top: -2px;
    }

    .main-menu__item-wrap--basket .main-menu__item {
        text-align: right;
    }

    .main-menu__item-wrap--sign .main-menu__text, .main-menu__item-wrap--basket .main-menu__text {
        font-size: 13px;
        color: #333;
        letter-spacing: 2px;
        line-height: 13px;
        font-weight: 400;
    }

    .main-menu__item-wrap--basket:hover .main-menu__item, .main-menu__item-wrap--sign:hover .main-menu__item {
        background: transparent;
    }

    .main-submenu__item:hover {
        opacity: .9;
    }

    .main-submenu__item:hover {
        background-color: #7e5955;
    }

    .menu__link-wrap {
        display: inline-block;
        width: 50%;
    }


/*    .menu__link-wrap--sign,
    .menu__link-wrap--basket {
        display: inline-block;
        width: 50%;
    }*/

    .menu__link-wrap--basket {
        text-align: right;
    }


    .menu__sign-in {
        text-align: left;
    }

    .menu__blocks--left .menu__link-wrap {
        text-align: left;
        margin-bottom: 5px;
    }

    .menu__blocks--right .menu__link-wrap {
        text-align: right;
        margin-bottom: 6px;
    }

    .main-menu__item-wrap--sign .main-menu__item:before, .signin-side__header:before {
        content: "";
        display: inline-block;
        margin-right: 13px;
        vertical-align: middle;
        margin-left: 1px;
        width: 20px;
        height: 24px;
        background-image: url(../i/sign-in.svg);
        background-repeat: no-repeat;
        margin-top: -3px;
    }

    .menu__sign-basket {
        text-align: right;
    }

    .main-menu__item-wrap--basket .main-menu__item:after {
        content: "";
        display: inline-block;
        margin-left: 9px;
        margin-right: 3px;
        vertical-align: middle;
        width: 26px;
        height: 22px;
        background-image: url(../i/basket-icon.svg);
        background-repeat: no-repeat;
    }

    .menu__logo-wrap {
        display: block;
        width: 240px;
        height: 192px;
        position: absolute;
        text-align: center;
        right: 0px;
        left: 0px;
        top: 35px;
        margin: 0 auto;
    }

    .menu__logo-img {
        margin-bottom: 26px;
    }

    .menu__logo {
        display: inline-block;
        text-align: center;
        position: relative;
        z-index: 200;
    }

    .menu__logo-text {
        display: inline-block;
        text-align: center;
    }

    .menu__logo-img {
        display: inline-block;
        /*margin-bottom: 26px;*/
    }

    .menu__logo-text {
        margin-bottom: 8px;
        letter-spacing: 1.3px;
    }

    .menu__logo-sub {
        color: #7e5955;
        font-size: 10px;
        line-height: 24px;
        letter-spacing: 3px;
    }

    .menu__blocks--left {
        float: left;
    }


    .menu__blocks--right {
        float: right;
    }

/*------------------------------------*\
     elements css
\*------------------------------------*/

    /*buttons*/

    .button {
        border: 2px solid #78504b;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.87px;
        line-height: 22px;
        color: #78504b;
    }

    .button--brown {
        background-color: #78504b;
        border: 2px solid #78504b;
        color: #fff8eb;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.87px;
        line-height: 22px;
        transition: all .2s ease;
    }

    .button--brown:hover {
        background-color: transparent;
        color: #78504b;
    }

    .button-transparent-brown {
        display: block;
        border: 2px solid #7e5955;
        color: #7e5955;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.73px;
    }

    .button--choise {
        display: inline-block;
        padding: 17px 50px;
        margin-top: 58px;
    }

    .button--close {
        display: block;
        position: relative;
        width: 25px;
        height: 25px;
        transition: all .2s ease;
    }

    .button--close:hover {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }

    .button--pink {
        display: block;
        color: white;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.73px;
        line-height: 22px;
        background-color: #d94b8c;
        border: 2px solid #d94b8c;
        transition: all .2s ease;
    }

    .button--pink:hover {
        background-color: transparent;
        color: #d94b8c;
    }
/*
    .button--pink:hover {
        background-color: transparent;
    }
*/
    .button--close:after, .button--close:before {
        content:"";
        display:block;
        width: 34px;
        height: 1px;
        top: 12px;
        left: -5px;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        background-color: white;
    }

    .button--close:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    /*fields*/

    .field-brown {
        border: 1px solid #ccc8c3;
        background-color: #f8f4ef;
        padding: 0 21px;
        color: black;
        font-size: 16px;
        line-height: 24px;
    }

    .field-brown__label {
        color: #78504b;
        font-size: 16px;
        line-height: 19px;
    }


    .row {
        position: relative;
    }

    .row__head {
        display: block;
        text-align: center;
        margin-bottom: 68px;
        font-size: 29px;
        font-weight: 700;
        line-height: 24px;
        position: relative;
        z-index: 2;
    }

    /* input type number (counter) */

.counter {
    display: block;
    font-size: 0;
}

    .counter--controls-hidden .counter__control-wrap {
        overflow: hidden;
        position: absolute;
        opacity: 0;
        top: 0;
        left: -50px;
        transition: all .170s ease;
        z-index: 5;
    }

    .counter--controls-hidden {
        width: 45px;
        transition: all .2s ease;
        position: relative;
    }

    /*.counter--controls-hidden:hover .counter__control-wrap,*/
    .counter__control-wrap:hover, .counter--controls-active .counter__control-wrap {
        left: -19px;
        opacity: 1;
    }

    .counter__text {
        display: inline-block;
        color: #7e5955;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 18px;
        vertical-align: middle;
    }

    .counter__control-wrap {
        display: inline-block;
        width: 17px;
        height: 36px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .counter__field {
        display: inline-block;
        width: 38px;
        height: 36px;
        margin-right: 7px;
        background-color: #f8f4ee;
        border: 1px solid #ccc8c2;
        vertical-align: middle;
        text-align: center;
    }

    .counter__control {
        display: block;
        width: 17px;
        height: 17px;
        background-color: #cebbb3;
        border: 1px solid #cebbb3;
        margin-bottom: 2px;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        transition: all .2s ease;
    }

    .counter__control:hover {
        background-color: white;
        color: #cebbb3;
    }

    .counter__control--minus span {
        margin-top: -1px;
        display: block;
    }

    .counter__control--plus span {
        display: block;
    }

    .counter__control:last-child {
        margin-bottom: 0;

    }

    .counter__field::-webkit-inner-spin-button, .counter__field::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .counter__field {
        -moz-appearance:textfield;
    }

/*------------------------------------*\
     main css
\*------------------------------------*/


main {
    display: block;
    max-width: 1173px;
    margin: 0 auto;
}

/* main-choose */

.main-choose {
    width: 100%;
    font-size: 0px;
}

    .main-choose__l {
        display: inline-block;
        min-width: 60%;
        margin-right: 5% !important;
        margin-bottom: 60px;
        transition: all .2s ease
    }

    @media (max-width: 1025px) {
    .main-choose__l{
        width: 100% !important;
        max-width: 600px;
        display: block;
        margin: 0 auto !important;
    }
        }

    .main-choose__r {
        display: inline-block;
        width: 35%;
        text-align: right;
        vertical-align: top;
        padding-top: 41px;
        padding-right: 4px
    }

    @media (max-width: 1025px) {
    .main-choose__r{
        padding-top: 20px;
    }
        }

    .main-choose__img {
        display: block;
        width: 100%;
        background: #f2ebe2;
        height: auto;
        -ms-flex-item-align: start;
            align-self: flex-start;
        max-width: 100%;
    }

    .main-choose__l:not(.swiper-container-fade) .main-choose__filling-wrap {
        opacity: 0;
    }

    .main-choose__next, .main-choose__prev {
        display: inline-block;
        font-size: 14px;
        color: #333;
    }
    .main-choose__controls {
        display: block;
        height: 35px;
        width: 100%;
        font-size: 0;
        margin-top: 36px;

    }

    .main-choose__slider-title {
        display: inline-block;
        margin: 0 30px;
        min-width: 270px;
        text-align: center;
        color: #333;
        font-size: 20px;
        line-height: 31px;
        letter-spacing: 1px;
        vertical-align: top;
        position: relative;
        left: 0;
        right: 0;
        height: 64px
    }

    @media (max-width: 767px) {
    .main-choose__slider-title{
        min-width: 1px;
    }
        }

    .main-choose__link {
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    .main-choose__link:hover:after {
        opacity: 1;
    }

    .main-choose__link:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        transition: all .2s ease;
        bottom: 0px;
        box-sizing: initial;
        left: 0px;
        opacity: .8;
        position: absolute;
        background-color: #78504b
    }

    @media (max-width: 767px) {
    .main-choose__link:after{
        display: none;
    }
        }

    .main-choose__control {
        display: inline-block;
        width: 40px;
        background-image: url("../i/slider-arrow.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        height: 35px;
        cursor: pointer;
        transition: all .2s ease;
    }

    .main-choose__control:hover {
        opacity: .7;
    }

    .main-choose__prev {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
        margin-left: -6px;
    }

    /*main-choose__text-big*/
    .main-choose__r > h3  {
        color: #333;
        font-size: 20px;
        line-height: 31px;
        letter-spacing: 1px;
        position: relative;
        margin-bottom: 26px;
        font-family: Geometria, Helvetica, Arial, sans-serif
    }
    @media (max-width: 767px) {
    .main-choose__r > h3{
        letter-spacing: 0.4px;
        line-height: 25px;
    }
        }

/* our-production */

.out-production {
    font-size: 0;
    margin-bottom: 69px;
}

    .out-production__block {
        display: inline-block;
        vertical-align: top;
        width: 370px;
        position: relative;
        margin-right: 29px;
        height: 500px;
        background-repeat: no-repeat;
        text-align: center;
        transition: all .2s ease;
    }

    .out-production__btn-wrap {
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 182px;
        height: 72px;
        line-height: 72px;
        opacity: 0.81;
        background-color: white;
        transition: all .2s ease;
    }

    .out-production__btn {
        width: 125px;
        display: inline-block;
        position: relative;
        font-size: 13px;
        vertical-align: middle;
        font-weight: 700;
        letter-spacing: 0.87px;
        line-height: 22px;
        z-index: 2;
        transition: all .2s ease;
    }

    .out-production__btn-wrap:after {
        content: "";
        z-index: 2;
        display: block;
        width: 199px;
        height: 88px;
        top: -8px;
        left: -8px;
        position: absolute;
        box-shadow: 0 0 0 2px #fff;
        transition: all .2s ease;
    }

    .out-production__block:nth-child(3n) {
        margin-right: 0px;
    }

    .out-production__block-small {
        height: 234px;
    }

    .out-production__block-small:nth-child(1) {
        margin-bottom: 32px;
    }

    .out-production__block:not(.out-production__block--parent):after {
        content:"";
        display:block;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: absolute;
        opacity: 0;
        background-color: #333;
        transition: all .2s ease;
        z-index: -1;
    }

    .out-production__block:hover > .out-production__btn-wrap {
        background-color: transparent;
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1)
    }

    .out-production__block:hover > .out-production__btn-wrap .out-production__btn {
        color: white;
    }

    .out-production__block:hover:after {
        opacity: 0.68;
        z-index: 1;
    }
    /*special*/

.special {
    width: 100%;
    margin-bottom: 151px;
}

    .special__l {
        display: block;
        min-width: 770px;
        float: left;
        height: 501px;
        text-align: center;
    }

    /*.special__content__head*/
    .special__text-wrap > h3 {
        display: inline-block;
        position: relative;
        color: white;
        line-height: 31px;
        margin-bottom: 55px;
        position: relative;
        letter-spacing: 3px;
        z-index: 2;
    }

    .special__text-wrap > h3:after {
        content:"";
        display:block;
        width: 96%;
        height: 1px;
        bottom: -31px;
        left: 0px;
        right: 0;
        margin: 0 auto;
        background-color: white;
        position: absolute;
    }

    /*special__content-text*/
    .special__text-wrap > p {
        color: white;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        position: relative;
        z-index: 2;
    }

    .special__text-wrap {
        display: inline-block;
        line-height: initial;
        max-width: 500px;
        vertical-align: middle;
    }

    .special__content {
        position: relative;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

    .special__content:before {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: "";
    }

    .special__content:after {
        content:"";
        display:block;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.78;
        background-color: #333;
    }

    .button--special {
        display: block;
        margin: 0 auto;
        margin-top: 41px;
        width: 159px;
        height: 60px;
        border: 2px solid white;
        color: white;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.87px;
        line-height: 15px;
        position: relative;
        z-index: 2;
        padding: 20px 30px;
        transition: all .2s ease;
    }

    .button--special:hover {
        color: #333;
        background-color: white;
    }

    .special__r {
        display: block;
        max-width: 300px;
        text-align: right;
        float: right;
    }

    .special__r > h3 {
        margin-bottom: 36px;
    }

/* advantages */
.advantages {
    display: block;
    width: 100%;
    height: auto;
    font-size: 0;
    vertical-align: middle;
    text-align: center;
}

    .advantages__el {
        display: inline-block;
        width: 371px;
        height: 234px;
        background-color: #fff8eb;
        position: relative;
        text-align: center;
        margin-right: 29px;
        margin-bottom: 27px;
        vertical-align: top;
    }

    .advantages__text {
        cursor: default;
    }

    .advantages__el:nth-child(3) .advantages__content {
        padding-top: 7px;
    }

    .advantages__el:nth-child(3) .advantages__img {
        margin-bottom: 31px;
    }

    .advantages__el:nth-child(5) .advantages__content {
        max-width: 220px;
    }

    .advantages__el:nth-child(5) .advantages__img {
        margin-bottom: 16px;
    }

    .advantages__el:before {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: "";
    }

    .advantages__el:after {
        content:"";
        display:block;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: absolute;
        opacity: 1;
        transition: all .2s ease;
        background-color: #fff8eb;
    }

    .advantages__img {
        margin-bottom: 22px;
        max-width: 95px;
    }

    .advantages__el:hover:after, .advantages__el--active {
        opacity: 0.04;
    }

    .advantages__content {
        display: inline-block;
        line-height: initial;
        vertical-align: middle;
        max-width: 293px;
        position: relative;
        z-index: 2;
    }

    .advantages__el:nth-child(3n) {
        margin-right: 0px;
    }

/* banner */

.banner-make {
    margin-bottom: 136px;
}

.content-carousel {
    width: 100%;
    overflow: hidden;
    height: auto;
    position: relative;
    margin: 0 auto;
    margin-bottom: 69px;
    margin-top: 60px;
    /*height: 175px;*/
    border: 6px solid #cebbb3;
    max-width: calc(100vw - 40px)
}

@media (max-width: 1023px) {
    .content-carousel{
        margin-top: 0;
    }
    }

.content-carousel .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1025px) {
    .content-carousel .swiper-slide{
        display: block;
    }
    }

.banner--how {
    margin-top: 26px;
}

.banner-make--catalog {
    margin-bottom: 32px;
    margin-top: 50px;
}

.banner-how--catalog {
    margin-bottom: 74px;
}

.banner__text-block {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    padding-top: 4%;
    vertical-align: middle;
    margin: auto;
    width: 406px;
    text-align: center;
}

.banner__content-image, .banner__text-block img {
    margin-bottom: 0px;
    margin-top: -17px;
}

.banner__pre-head, .banner__text-block h3 {
    color: black;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2.33px;
    line-height: 28px;
}

.banner__head, .banner__text-block h4 {
    margin-top: 7px;
    color: #78504b;
    font-family: "Playfair  Display", 'Times New Roman', Times, serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
}

.banner__text, .banner__text-block p {
    color: #78504b;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 19px;
}


/*------------------------------------*\
     basket - side css
\*------------------------------------*/

.js-side--right .mCSB_scrollTools_vertical {
    right: 0px;
}

.basket-side-wrap {
    display: block;
    position: fixed;
    right: -500px;
    top: 0px;
    width: 500px;
    height: 100%;
    background-color: #78504b;
    z-index: 5000;
    padding: 54px 39px;
    transition: all .3s ease;
}
    .basket-side-wrap--active {
        right: 0%;
    }

    .basket-side {
        max-width: 330px;
    }

    .basket-side__head {
        margin-bottom: 107px;
    }

    .basket-side__text {
        font-size: 13px;
        color: #fff8eb;
        text-align: right;
    }

    .basket-side__link {
        color: #fff;
        font-weight: 600;
        transition: all .2s ease;
        text-decoration: underline;
    }

    .basket-side__link:hover {
        opacity: .88;
        color: #fff;
    }

    .basket-side__cost, .basket-side__count {
        color: #fff8eb;
        font-size: 13px;
        font-weight: 400;
        line-height: 13px;
        letter-spacing: 2px;
    }

    .basket-side__cost-block {
        display: block;
        float: right;
        position: relative;
        color: #fff8eb;
        font-size: 13px;
        margin-right: 40px;
        margin-top: 2px;
    }

    .basket-side__cost-block:after {
        content:"";
        display:block;
        width: 26px;
        height: 22px;
        top: -3px;
        right: -36px;
        position: absolute;
        background-image: url("../i/basket-side-i-1.svg");
    }

    .basket-side__count {
        margin-left: 8px;
    }

    .basket-side__close {
        float: left;
    }

    .basket-side__items {
        display: block;
        width: 100%;
    }

    .basket-side__el:after {
        content:"";
        display:block;
        width: 80%;
        height: 1px;
        bottom: -20px;
        right: 0px;
        opacity: 0.2;
        background-color: #fff8eb;
        position: absolute;
    }

    .basket-side__el:last-child {
        margin-bottom: 0px;
    }

    .basket-side__el:last-child:after {
        display: none;
    }

    .basket-side__el {
        display: block;
        width: 100%;
        font-size: 0px;
        margin-bottom: 44px;
        position: relative;
    }

    .basket-side__delete-wrap {
        display: inline-block;
        width: 17%;
        text-align: left;
        vertical-align: top;
        line-height: 19px;
    }

    .basket-side__delete {
        transition: all .2s ease;
    }

    .basket-side__delete:hover {
        opacity: .77;
    }

    .basket-side__name, .basket-side__el-cost {
        display: inline-block;
        font-size: 14px;
        line-height: 19px;
        color: #fff8eb;
    }

    .basket-side__name {
        width: 50%;
    }

    .basket-side__el-cost {
        width: 31%;
        vertical-align: top;
        text-align: right;
    }

    .basket-side__button {
        float: right;
        margin-right: 3px;
        margin-top: 58px;
        padding: 17px 51px;
        border: 2px solid #fff8eb;
        color: #fff8eb;
    }

/*------------------------------------*\
     signin/signup css
\*------------------------------------*/

.signin-side__close {
    float: right;
}

.js-side--left .mCSB_scrollTools_vertical {
    left: 0px;
}

.signin-side-wrap {
    display: block;
    position: fixed;
    left: -500px;
    top: 0px;
    width: 500px;
    height: 100%;
    background-color: #d94b8c;
    z-index: 5000;
    padding: 36px 89px 54px 0px;
    transition: all .3s ease;
}
    .signin-side {
        display: block;
        float: right;
        width: 321px;
    }

    .signin-side-wrap--active {
        left: 0px;
    }

    .signin-side__header:before {
        background-image: url(../i/signin-header-i.svg);
    }

    .signin-side__header {
        display: inline-block;
        position: relative;
        color: white;
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 24px;
        margin-bottom: 34px;
        margin-left: -6px;
    }

    .signin-side__field {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #e171a4;
        width: 100%;
        height: 100%;
        padding-left: 34px;
        color: #fff;
    }

    .signin-side__restore {
        display: inline-block;
        position: relative;
        color: #fff;
        transition: all .2s ease;
        text-decoration: underline;
    }

/*    .signin-side__restore:before {
        content:"";
        display:block;
        width: 1px;
        height: 100%;
        top: -20px;
        left: -7px;
        position: absolute;
        opacity: 0;
        transition: all .2s ease;
    }

    .signin-side__restore:hover:before {
        opacity: 1;
        top: 0;
        background-color: #fff;
    }*/

    .signin-side__restore:hover {
        color: white;
        opacity: .78;
    }

    .signin-side__field-wrap {
        display: block;
        width: 100%;
        height: 45px;
        margin-bottom: 31px;
        position: relative;
    }

    .signin-side__field-wrap:last-child {
        margin-bottom: 0px;
    }

    .signin-side__button {
        margin-top: 20px;
    }

    .js-side-field-wrap:after {
        content: attr(data-placeholder);
        display: block;
        position: absolute;
        left: 31px;
        top: 8px;
        width: 100%;
        height: 10%;
        pointer-events:none;
        transition: all .2s ease;
        opacity: 0.57;
        color: white;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 27px;
        color: rgba(100%, 100%, 100%, .6);
    }

    .js-side-field-wrap--active:after {
        top: -23px;
        font-size: 13px;
        left: 2px;
    }

    .signin-side__login:before {
        content:"";
        display:block;
        width: 15px;
        height: 20px;
        top: 12px;
        left: 0px;
        position: absolute;
        background-image: url("../i/signin-login-i.png");
        background-repeat: no-repeat;
    }

    .signin-side__password:before {
        content:"";
        display:block;
        width: 18px;
        height: 18px;
        top: 12px;
        left: 0px;
        position: absolute;
        background-image: url("../i/icon-pwd.png");
        background-repeat: no-repeat;
    }

    .signin-side__email:before {
        content:"";
        display:block;
        position: absolute;
        width: 22px;
        height: 17px;
        top: 12px;
        left: 0px;
        background-image: url("../i/signin-email-i.png");
        background-repeat: no-repeat;
    }

    .signin-side__head {
        color: white;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 33px;
        margin-bottom: 56px;
        margin-top: 92px;
    }

    .signin-side__button {
        color: white;
        border: 2px solid white;
        padding: 18px 69px;
    }

    .signin-side__button--register {
        padding: 18px 42px;
        margin-top: 18px;
    }

/*------------------------------------*\
     catalog css
\*------------------------------------*/

.catalog {
    display: block;
    float: right;
    max-width: 869px;
    font-size: 0;
    /*margin-bottom: 133px;*/
}
    .catalog-el {
        display: inline-block;
        width: 270px;
        min-height: 458px;
        margin-right: 29px;
        margin-bottom: 62px;
        padding-bottom: 46px;
        text-align: center;
        transition: all .2s ease;
        vertical-align: top;
        position: relative;
    }

    .catalog-el--action:before, .catalog-el--new:before, .catalog-el--hit:before, .catalog-el--month:before {
        content:"Акция";
        display:block;
        width: 80px;
        height: 25px;
        top: 21px;
        right: 16px;
        padding-left: 7px;
        color: white;
        text-align: center;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        background-image:url("../i/item-action.svg");
        background-repeat: no-repeat;
        position: absolute;
    }


    .catalog-el--new:before {
        content: "Новинка";
        background-image:url("../i/item-new.svg");
    }

    .catalog-el--action:before {
        content: "Акция";
        background-image:url("../i/item-action.svg");
    }

    .catalog-el--hit:before {
        content: "Хит";
        background-image:url("../i/item-hit.svg");
    }

    .catalog-el--month:before {
        content: "Товар месяца";
        width: 155px;
        background-image:url("../i/item-product-month2.svg");
    }

    .catalog-el__img {
        display: block;
        width: 100%;
    }

    .catalog-el__link {
        display: block;
        width: 270px;
    }

    .catalog-el:hover {
        background-color: #faf8f4;
    }

    .catalog-el:hover .catalog-el__add {
        background-color: #78504b;
        color: white;
        transition: all .2s ease;
    }

    .catalog-el:hover .catalog-el__add:hover {
        opacity: .87;
    }

    .catalog-el:nth-of-type(3n) {
        margin-right: 0px;
    }

    .catalog-el__text {
        display: inline-block;
        text-align: center;
        width: 100%;
        line-height: 22px;
        margin-top: 18px;
        color: #78504b;
        margin-bottom: 28px;
    }

    .catalog-el__name {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .catalog-el__weight {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 11px;
    }

    .catalog-el__cost {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 14px;
    }

    .catalog-el__cost--action-old {
        color: #b5b5b5;
        font-size: 13px;
        margin-bottom: 9px;
    }

    .catalog-el__cost--action-old span {
        text-decoration: line-through;
    }

    .catalog-el__cost--action {
        color: rgb(246, 0, 106);
    }

    .catalog-el__cost span {
        margin-right: 3px;
    }

    .catalog-el__add {
        display: inline-block;
        width: 185px;
        height: 40px;
        position: absolute;
        bottom: 20px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        text-transform: uppercase;
        line-height: 36px;
    }

/*sidebar range slider*/

.irs-line {
    height: 2px;
    background: #ded2ca;
}
    .irs-from, .irs-to {
        width: 0;
        height: 0;
        text-indent: -9999px;
        border-style: solid;
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #78504b transparent;
        top: 4px;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease;
    }

    .irs-from:hover, .irs-to:hover {
        -webkit-transform: scale(1.4);
            -ms-transform: scale(1.4);
                transform: scale(1.4);
    }

    .irs-bar {
        height: 3px;
        top: -1px;
        background-color: #78504b;
    }

    .irs-single {
        height: 2px;
        background: #78504b;

    }

/*catalog sidebar*/

/* search */

.bread-crumbs {
    color: #333;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 23px;

}
    .bread-crumbs span:not(:last-of-type) {
        padding-bottom: 2px;
    }

    .bread-crumbs span:not(:last-of-type) a {
        text-decoration: underline;
    }

    .bread-crumbs span:not(:last-of-type):after {
        content:"";
        display:inline-block;
        top: 0px;
        left: 0px;
        width: 4px;
        height: 6px;
        margin: 0 13px;
        background-image: url("../i/bread-crumb.png");
        background-repeat: no-repeat;
    }

    .bread-crumbs a {
        transition: all .2s ease;
    }

    .bread-crumbs span:last-of-type {
        cursor: default;
    }

    .bread-crumbs span:not(:last-of-type) a:hover, .bread-crumbs span:not(:last-of-type):hover {
        color: #d94b8c;
        opacity: .78;
    }

.search {
    display: block;
    width: 100%;
    height: 50px;
    max-width: 270px;
    margin-bottom: 32px;
}
    .search__field {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #f8f4ee;
        border: 1px solid #ccc8c2;
        padding: 0 11px;
        padding-right: 33px;
        background-image: url("../i/catalog-search-lupe.png");
        background-repeat: no-repeat;
        background-position: 96% center;
    }

.catalog-wrap {
    display: block;
    margin-top: 43px;
}

/* sidebar */

.sidebar {
    display: block;
    float: left;
    width: 270px;
}

.main-content {
    margin-bottom: 60px;
}

/* main news start */
.main-news {
    display: block;
    font-size: 0;
    margin-bottom: 60px
}
@media (max-width: 1025px) {
    .main-news{
        padding: 0 20px;
    }
    }
.main-news__img-link{
    display: block;
    width: 100%;
}
.main-news__item{
    display: inline-block;
    width: calc(25% - 23px);
    vertical-align: top;
    overflow: hidden;
}
.main-news__item a, .main-news__item img{
    transition: all .2s ease-in-out;
}
.main-news__item a:hover, .main-news__item img:hover{
    opacity: .75;
}
.main-news__item img{
    display: block;
    width: 100%;
    margin-bottom: 14px;
}
.main-news__item span{
    display: block;
    position: relative;
    color: #333;
    font-family: Geometria;
    font-size: 12px;
    line-height: 27px;
    margin-bottom: 7px;
}
.main-news__item h3{
    display: block;
    position: relative;
    color: #d94b8c;
    font-family: "Playfair  Display", 'Times New Roman', Times, serif;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 0.89px;
    margin-bottom: 9px;
}
.main-news__item p{
    display: block;
    position: relative;
    color: #7e5955;
    font-family: Geometria;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}
.main-news__item:not(:last-child){
    margin-right: 30px;
}
@media (max-width: 750px){
    .main-news__item{
        width: 49%;
        margin-bottom: 40px;
    }
    .main-news__item:not(:last-child){
        margin-right: 0px;
    }
    .main-news__item:not(:nth-child(2n)){
        margin-right: 2%;
    }
}
@media (max-width: 460px){
    .main-news__item{
        width: 100%;
        margin-bottom: 40px;
    }
    .main-news__item:not(:last-child){
        margin-right: 0px;
    }
    .main-news__item:not(:nth-child(2n)){
        margin-right: 0%;
    }
}
/* main news end */

/* новые преимущества start */
.new-advantages {
    display: block;
    font-size: 0
}
.new-advantages__content{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
.new-advantages__content img{
    display: inline-block;
    margin-bottom: 20px;
}
.new-advantages__content span{
    display: block;
    color: #333;
    font-family: Geometria;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.new-advantages__item{
    display: inline-block;
    width: 20%;
    height: 220px;
    background-color: #fff8eb;
    vertical-align: top;
    text-align: center;
    padding-top: 50px;
}
.new-advantages__item:nth-child(1) .new-advantages__content{
    max-width: 191px;
}
.new-advantages__item:nth-child(2) .new-advantages__content{
    max-width: 171px;
}
.new-advantages__item:nth-child(3) .new-advantages__content{
    max-width: 196px;
}
.new-advantages__item:nth-child(4) .new-advantages__content{
    max-width: 220px;
}
.new-advantages__item:nth-child(5) .new-advantages__content{
    max-width: 152px;
}
/* новые преимущества end */

 /*catalog */

.catalog-head, .individual-order__head {
    margin-bottom: 58px;
    margin-top: 29px;
    margin-left: -4px;
    line-height: 1.23;
    font-size: 39px;
    letter-spacing: -1.1px;
    font-style: normal;
}

/* filter */
.filter {
    display: block;
    margin-bottom: 67px;
}

    .filter__label {
        color: #78504b;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 1.57px;
        line-height: 24px;
        margin-top: 45px;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    .filter >.filter__cost .filter__label {
        margin-top: 0px;
    }

    .filter__cost-inner {
        width: 100%;
        margin-bottom: 21px;
        font-size: 0px;
    }

    .filter__cost-field-wrap {
        display: inline-block;
        max-width: 96px;
        height: 36px;
        position: relative;
    }

    .filter__to-text.filter__cost-text {
        margin-left: 27px;
        margin-right: 8px;
    }

    .filter__cost-field-wrap:after {
        content:attr(data-placeholder);
        display:block;
        width: 2px;
        height: 6px;
        top: 6px;
        right: 15px;
        position: absolute;
        color: #bdbab7;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .filter__cost-field {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 25px;
        border: 1px solid #979797;
    }

    .filter__cost-field:hover {
        border: 1px solid #78504b;
    }

    .filter__cost-text {
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-right: 12px;
    }

    .js-filter-select, .js-select-white-brown  {
        width: 100%;
        height: 40px;
        margin-bottom: 17px;
        text-align: left;
    }

    .js-filter-select--active, .js-select-white-brown--active  {
        color: #d94b8c;
    }

    .js-filter-select.focused .jq-selectbox__select, .js-select-white-brown.focused .jq-selectbox__select {
        border-color: #e2ded8;
    }

    .jq-selectbox li {
        transition: all .2s ease;
    }

    .jq-selectbox li:hover {
        background-color: #7e5955;
    }

    .js-filter-select:last-child, .js-select-white-brown:last-child  {
        margin-bottom: 0px;
    }

    .js-filter-select .jq-selectbox__select, .js-select-white-brown .jq-selectbox__select  {
        background: #f8f4ee;
        border: 1px solid #e2ded8;
        box-shadow: none;
        height: 40px;
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .jq-selectbox__dropdown {
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .js-select-white-brown .jq-selectbox__select {
        height: 50px;
    }

    .js-filter-select .jq-selectbox__trigger, .js-select-white-brown .jq-selectbox__trigger {
        border-left: 0px;
    }

    .js-filter-select .jq-selectbox__select-text, .js-select-white-brown .jq-selectbox__select-text {
        color: #333;
        font-size: 14px;
        line-height: 40px;
    }

    .js-select-white-brown .jq-selectbox__select-text {
        line-height: 47px;
    }

    .js-filter-select .jq-selectbox__trigger-arrow, .js-select-white-brown .jq-selectbox__trigger-arrow {
        background-image: url(../i/js-filter-select-i.svg);
        background-repeat: no-repeat;
        border: none;
        top: 15px;
        width: 11px;
        height: 20px;
    }

    .js-select-white-brown .jq-selectbox__trigger-arrow {
        top: 21px;
    }

    .filter__submit {
        display: block;
        width: 100%;
        height: 50px;
        margin-top: 37px;
    }

.sidebar-banner {
    display: block;
    width: 270px;
    height: 270px;
    border: 6px solid #78504b;
    text-align: center;
    margin-bottom: 31px;
}

    .sidebar-banner__content {
        text-align: center;
    }

    .sidebar-banner__img {
        display: inline-block;
        margin-top: 29px;

    }

    .sidebar-banner__text {
        display: inline-block;
        margin-top: 17px;
        color: #333;
        font-family: "Playfair Display";
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        width: 80%;
    }

.pay-delivery {
    display: block;
    width: 270px;
    /*height: 270px;*/
    background-color: white;
    padding: 20px 28px 10px 28px;
}

    .pay-delivery__label {
        display: inline-block;
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 8px;
        margin-left: 10px;
    }

    .pay-delivery__el {
        display: block;
        width: 100%;
        border-bottom: 1px solid #979797;
        padding-bottom: 16px;
        padding-top: 16px;
    }

    .pay-delivery__el:last-child {
        margin-bottom: 0px;
        border-bottom: 0px;
    }

    .pay-delivery__img {
        display: inline-block;
        vertical-align: top;
        max-width: 43px;
        margin-left: 6px;
        margin-top: 5px;
    }

    .pay-delivery__text {
        display: inline-block;
        max-width: 148px;
        margin-left: 10px;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

/*------------------------------------*\
     item (detail) css
\*------------------------------------*/

.item-wrap {
    display: block;
    width: 100%;
    margin-bottom: 100px;
}

.item-gallery {
    display: block;
    width: 539px;
    float: left;
}

.item-preview {
    display: block;
    width: 100%;
    margin-bottom: 16px;
}
    .item-preview__image {
        display: block;
        max-width: 100%;
    }
    .item-preview__thumbs {
        font-size: 0px;
        text-align: left;
    }

    .item-preview__thumbs li {
        display: inline-block;
    }

    .link-to-large {
        display: block;
        width: auto;
        border: 5px solid #faf8f4;
        margin-right: 13px;
        margin-bottom: 13px;
        vertical-align: top;
        transition-duration: 0.3s;
    }

    .link-to-large:hover {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

.item-column {
    display: block;
    width: 307px;
    margin-left: 28px;
    margin-right: 23px;
    float: right;
    z-index: 2;
    position: relative;
}

.item-desc {
    display: block;
    padding: 18px 20px 18px 17px;
    /*background-color: #faf8f5;*/
    background-color: rgba(255, 255, 255, 0.65);
    margin-bottom: 11px;
}
    .item-desc--pre-wizard {
        padding-bottom: 20px;
    }

    .item-desc--pre-wizard .item-desc__wrap {
        width: 307px;
        margin-left: -17px;
        margin-bottom: 10px;
    }

    .item-desc--pre-wizard .params {
        margin-bottom: 46px;
    }

    .item-desc--pre-wizard .params:after {
        content:"";
        display:block;
        width: 114%;
        height: 1px;
        bottom: -20px;
        left: -17px;
        background-color: #f2ebe2;
        position: absolute;
    }

    .item-desc__text {
        max-width: 238px;
        /*font-size: 16px;*/
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .item-desc__select-wrap {
        display: block;
    }

    .item-desc__label {
        color: #78504b;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px;
        line-height: 24px;
        cursor: pointer;
    }

    .item-desc__label:hover {
        text-decoration: underline;
    }

    .item-desc__desc-wrap {
        resize: none;
        margin-top: 0px;
        width: 100%;
        height: 0;
        overflow: hidden;
        transition: all .2s ease;
    }

    .item-desc__desc-wrap--active {
        margin-top: 15px;
        height: 170px;
    }

    .item-desc__desc-i {
        resize: none;
        width: 100%;
        height: 170px;
        width: 100%;
        padding: 10px;
        border: 1px solid #e2ded8;

    }

    .item-desc__make-wrap {
        display: block;
        position: relative;
        width: 100%;
        height: 0px;
        opacity: 0;
        background: url(../i/make-text.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all .2s ease;
    }

    .item-desc__make-wrap--active {
        height: 40px;
        opacity: 1;
        margin-top: 30px;
    }

/*    .item-desc__make-wrap:after {
        content:"";
        display:block;
        width: calc(100% + 37px);
        top: -20px;
        left: -17px;
        height: 1px;
        background-color: #f2ebe2;
        position: absolute;
    }*/

    .item-desc__make-i {
        display: block;
        width: 100%;
        height: 40px;
        background: transparent;
        padding: 0 37px;
        border: none;
        background-repeat: no-repeat;
        position: relative;
        z-index: 10;
    }

    .item-desc__make {
        position: relative;
        padding-left: 29px;
        /*padding-top: 20px;*/
        margin-top: 8px;
        /*border-top: 1px solid #f2ebe2;*/
    }

    .item-desc__check {
        display: block;
        opacity: 0;
        visibility: hidden;
        height: 0px;
        width: 0px;
        overflow: hidden;
        position: absolute;
    }

    .conf-check {
        display: block;
        position: relative;
        padding-left: 30px;
        color: #ffffff
    }

    .conf-check.parsley-error .checkbox-grey-l:after{
    border-color: red;
}

    .user-contacts-textarea .conf-check {
        margin-bottom: 20px;
    }

    .signin-side__signup .checkbox-grey-l {
        color: #ffffff;
    }

    .conf-check .checkbox-grey-l:hover {
        text-decoration: none;
    }

    .conf-check .checkbox-grey-l a:hover {
        text-decoration: underline;
    }

    .signin-side__signup .checkbox-grey-l:after {
        border: 1px solid #fff;
    }

    .signin-side__signup .checkbox-grey-i:checked + .checkbox-grey-l:after {
        background-image: url("../i/check-white.svg");
    }

    .item-desc__make--wizard:after {
        width: 14px;
        height: 14px;
        top: 7px;
        left: 3px;
    }

    .checkbox-grey-l:after {
        content:"";
        display:block;
        width: 15px;
        height: 15px;
        border: 1px solid #78504b;
        top: 5px;
        left: 0px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
    }

    .checkbox-grey-i:checked + .checkbox-grey-l:after {
        background-image: url("../i/check.svg");
    }

    .conf-check.item-form__el--checkbox {
        margin-top: 20px;
        padding-left: 40px;
    }

    .item-form--3 .item-form .parsley-errors-list {
        float: none;
    }

    .conf-check .checkbox-grey-l.item-form__checkbox-l {
        padding-left: 0;
        color: #333333;
    }

    .conf-check .checkbox-grey-l.item-form__checkbox-l a {
    color: #d94b8c;
}

    .item-desc__example {
        display: inline-block;
        width: 100%;
        color: #d94b8c;
        font-weight: 400;
        line-height: 25px;
        text-decoration: underline;
        transition: all .2s ease;
        font-size: 14px;
    }

    .item-desc__example:hover {
        color: #d94b8c;
        opacity: .80;
    }

/*@-webkit-keyframes spin {*/
    /*0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }*/
    /*100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }*/
/*}*/

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.locked:after {
    content:'';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    background-color: #d94b8c;
    border-radius: 50%;
    -webkit-animation: locked 1.0s infinite ease-in-out;
    animation: locked 1.0s infinite ease-in-out;
    z-index: 1000;
}

@-webkit-keyframes locked {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes locked {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.locked:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    opacity: .77;
}

/*.locked:after {*/
    /*content: "";*/
    /*display: block;*/
    /*position: absolute;*/
    /*margin: auto;*/
    /*z-index: 1000;*/
    /*border: 8px solid #f3f3f3;*/
    /*border-top: 8px solid #78504b;*/
    /*border-radius: 50%;*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*!*-webkit-animation: spin 2s linear infinite;*!*/
    /*animation: spin 2s linear infinite;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin: -20px 0 0 -20px;*/
/*}*/


.item-buy {
    display: block;
    width: 100%;
    background-color: #faf8f5;
    padding: 24px 18px 22px 17px;
}

    .item-buy__text {
        line-height: 18px;
        margin-bottom: 14px;
        margin-top: 5px;
    }
    .item-buy__cost {
        display: inline-block;
        z-index: 2;
        height: 42px;
        background-repeat: no-repeat;
        position: relative;
        color: #78504b;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 14px;
        margin-bottom: 10px;
        padding: 0 32px 0 9px;
        border-right: 0px;
    }

    .item-buy__cost:before {
        content: "";
        display: block;
        width: 100%;
        height: 42px;
        top: 0px;
        left: 0px;
        position: absolute;
        background-image: url(../i/item-cost-back.png);
        background-size: 100% 42px;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .item-buy__text span {
        font-weight: 700;
    }

    .item-buy__cost span {
        position: relative;
        color: #78504b;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        z-index: 2;
        font-size: 24px;
        font-weight: 700;
        line-height: 42px;
        margin-right: 4px;
        vertical-align: baseline;
    }

    .item-buy__sale {
        display: block;
        color: #b5b5b5;
        font-size: 16px;
        margin-bottom: 9px;
        text-decoration: line-through;
        padding-left: 9px;
    }

    .item-buy__sale + .item-buy__cost span {
        color: rgb(246, 0, 106);
    }

    .item-buy__soc-block {
        display: block;
        float: right;
        margin-top: 13px;
        font-size: 0;
        margin-right: 12px;
    }

    .item-buy__soc-btn {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 9px;
        background-color: #78504b;
        background-image: url("../i/soc-icons.png");
        background-repeat: no-repeat;
        transition: all .2s ease;
    }

    .item-buy__soc-btn:hover {
        opacity: .88;
    }

    .item-buy__cost:after {
        content:"";
        display:block;
        width: 5px;
        height: 5px;
        background-color: #cbc7c2;
        top: 19px;
        right: 13px;
        border-radius: 100%;
        position: absolute;
        z-index: 2;
    }

    .item-buy__to-basket {
        display: block;
        width: 100%;
        height: 50px;
        margin-top: 11px;
        margin-bottom: 17px;
        transition-duration: 0.2s;
        text-align: center;
        line-height: 50px;
    }

    .item-buy__to-basket:hover {
        background-color: #78504b;
        border-color: #78504b;
        color: white;
    }

    .item-buy__delivery {
        padding-left: 45px;
        background-image: url(../i/item-delivery-i.svg);
        background-repeat: no-repeat;
        background-position: 1px 10px;
        margin-bottom: 26px;
    }

    .item-buy__accept {
        display: block;
        width: 100%;
        font-size: 0;
    }

    .item-buy__accept-text {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        margin-bottom: 3px;
    }

    .item-buy__accept-i {
        display: inline-block;
        margin-right: 20px;
        /*background-image: url(../i/item-pay-accept.png);*/
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .item-buy__accept-i:last-child {
        margin-right: 0;
    }

    .item-buy__accept-i--visa {
        background-image: url(../i/icon-visa.svg);
        width: 43px;
        height: 14px;
    }

    .item-buy__accept-i--mc {
        background-image: url(../i/icon-mastercard.svg);
        width: 38px;
        height: 22px;
    }

    .item-buy__accept-i--sber {
        background-image: url(../i/icon-sber.svg);
        width: 21px;
        height: 21px;
    }

    .item-buy__accept-i--wm {
        background-image: url(../i/icon-wm.svg);
        width: 20px;
        height: 20px;
    }

    .item-buy__accept-i--qiwi {
        background-image: url(../i/icon-qiwi.svg);
        width: 20px;
        height: 21px;
    }

    .item-buy__accept-i--ym {
        background-image: url(../i/icon-ym.svg);
        width: 20px;
        height: 17px;
    }

.params {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding-top: 4px;
    position: relative;
    margin-bottom: 15px;
}

.params:before {
    content: "";
    display: block;
    width: 114%;
    height: 1px;
    top: 0px;
    left: -17px;
    background-color: #f2ebe2;
    position: absolute;
}

.params:after {
    content: "";
    display: block;
    width: 114%;
    bottom: -14px;
    left: -17px;
    height: 1px;
    background-color: #f2ebe2;
    position: absolute;
}

    .params__el {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 30px;
        background-position: 0px 5px;
        background-repeat: no-repeat;
    }

    .params__el--weight {
        background-image: url(../i/item-weight.svg);
    }

    .params__el--time {
        background-image: url(../i/item-time.svg);
    }

    .params__el--lifetime {
        background-image: url(../i/item-life-time.svg);
    }

    .params__el--caloric {
        background-image: url(../i/item-cal.png);
    }

    .params:not(.params--wizard) .params__el--weight {
        background-image: url(../i/item-weight--light.svg);
    }

    .params:not(.params--wizard) .params__el--time {
        background-image: url(../i/item-time--light.svg);
    }

    .params:not(.params--wizard) .params__el--lifetime {
        background-image: url(../i/item-life-time--light.svg);
    }

    .params:not(.params--wizard) .params__el--caloric {
        background-image: url(../i/item-cal--light.svg);
    }

    .params__label {
        display: inline-block;
        width: 100%;
        color: #78504b;
        font-size: 14px;
        line-height: 24px;
    }

    .params__value {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

.item-banners {
    display: block;
    float: right;
    width: 270px;
    position: relative;
    z-index: 2;
}

    .item-banner {
        display: block;
        width: 100%;
        border: 6px solid #d94b8c;
        text-align: center;
        padding: 40px 0;
        margin-top: 31px;
    }

    .item-banner:hover .item-banner__img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    .item-banner__img {
        display: block;
        width: 100%;
        text-align: center;
        transition: all .2s ease;
    }

    .item-banner__img {
        display: inline-block;
        max-width: 183px;
    }

    .item-banner__cardid {
        color: #333;
        font-size: 20px;
        line-height: 21px;
        margin-top: 12px;
        margin-bottom: 14px;
    }

    .item-banner__head {
        margin-top: 36px;
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .item-banner__text {
        display: inline-block;
        max-width: 229px;
        font-size: 16px;
        line-height: 21px;
    }

/*------------------------------------*\
     basket css
\*------------------------------------*/

@-webkit-keyframes popupAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

@keyframes popupAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}


/* info-popup start */
.info-popup-wrap {
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out;
    z-index: 10000000
}
.info-popup-wrap.isActive .info-popup{
    -webkit-animation: popupAnimation .4s forwards ease;
    animation: popupAnimation .4s forwards ease;
}
.info-popup-wrap.isInActive .info-popup{
    -webkit-animation: popupAnimation .4s forwards ease;
    animation: popupAnimation .4s forwards ease;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

body.isBlured > header, body.isBlured > footer, body.isBlured > main {
    transition: all .2s ease-in-out;
    -webkit-filter: blur(6px);
    filter: blur(6px);
}

body.isBlured:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: rgba(120, 80, 75, 0.2);
    z-index: 10;
}

body.isUnBlured > header, body.isUnBlured > footer, body.isUnBlured > main {
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

body.isUnBlured:after{
    background-color: rgba(120, 80, 75, 0);
}

.rouble:after{
    content: 'q';
    display: inline;
    font-family: 'AlsRubl';
}

.info-popup {
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    width: 530px;
    border-radius: 10px;
    background-color: #f2ebe2;
    padding: 43px 51px;
    text-align: center
}

.info-popup__close{
    display: block;
    top: -26px;
    right: -26px;
    position: absolute;
    width: 21px;
    height: 21px;
    border: 1px solid #78504b;
    border-radius: 100%;
    transition: all .2s ease-in-out;
}

.info-popup__close:hover{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.info-popup__close:after, .info-popup__close:before{
    content: '';
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    width: 12px;
    height: 1px;
    background-color: #78504b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.info-popup__close:before{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.info-popup__title{
    font-family: "Playfair Display";
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 23px;
}

.info-popup__text{
    display: block;
    margin-bottom: 37px;
}

.info-popup__link{
    display: inline-block;
    text-align: center;
    height: 54px;
    line-height: 52px;
    border: 1px solid #78504b;
    padding: 0 65px;
    font-size: 14px;
    font-weight: 500;
    color: #78504b;
    transition: all .2s ease-in-out;
}

.info-popup__link:hover{
    background-color: #78504b;
    color: #ffffff;
}
/* info-popup end */

.basket {
    display: block;
    position: relative;
    margin-top: 52px;
    margin-bottom: 106px
}

.basket__success-text{
    display: block;
    margin-top: 44px;
}

@media (max-width: 1182px){
    .basket__success-text{
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* table */
.basket-table {
    display: table;
    width: 60%;
    border-collapse: collapse;
    margin-bottom: 36px;
    margin-top: 36px
}
@media (max-width:1200px) {
    .basket-table{
        width: 70%;
    }
    }
@media (max-width:960px) {
    .basket-table{
        width: 100%;
    }
    }
.basket-table ~ .basket-continue.isFixed{
    box-shadow: none;
}

    .counter--basket {
        display: inline-block;
        width: 29px;
        height: 29px;
        vertical-align: middle;
    }

    .counter--basket .counter__field {
        width: 29px;
        height: 29px;
    }

    .counter--basket .counter__control-wrap {
        height: 29px;
    }

    .counter--basket .counter__control {
        height: 47%;
        margin-bottom: 6%;
    }

    .counter--basket .counter__control--minus span {
        margin-top: -3px;
    }
    .counter--basket .counter__control--plus span {
        margin-top: -1px;
    }

    .basket-table__header {
        display: table-caption;
        border-bottom: 1px solid #bea9a1;
        padding: 23px 0;
    }

    .basket-table__h-cell {
        display: table-cell;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
    }

    .basket-table__row {
        display: table-row;
        border-bottom: 1px solid #bea9a1;
    }

    .basket-table__cell {
        display: table-cell;
        padding: 26px 0
    }

    .basket-table__cell:nth-child(1){
    width: 61%;
}

    .basket-table__cell:nth-child(2){
    padding-right: 20px;
    vertical-align: middle;
}

    .basket-table__cell:nth-child(3){
    vertical-align: middle;
}

    .basket-table__h-cell:nth-of-type(1) {
        width: 626px;
        text-align: left;
    }

    .basket-table__h-cell:nth-of-type(2) {
        width: 180px;
    }

    .basket-table__h-cell:nth-of-type(3) {
        width: 368px;
        text-align: right;
    }

    .basket-table__img-wrap {
        display: block;
        height: 100%;
        margin-right: 42px;
        float: left;
    }

    .basket-table__text-wrap {
        display: inline-block;
        height: 100%;
        position: relative;
        padding-bottom: 26px;
        max-width: calc(100% - 190px);
        box-sizing: content-box;
    }

    .basket-table__weight {
        display: block;
        position: absolute;
        min-width: 100px;
        bottom: 0;
        left: 0;
        padding-left: 31px;
        background-image: url("../i/basket-weight-i.svg");
        background-repeat: no-repeat;
        background-position: 2px 6px;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-weight: 400;
        line-height: 24px;
        color: #333;
    }

    .basket-table__count-t {
        margin-right: 19px;
        display: inline-block;
        color: #78504b;
        font-size: 16px;
        line-height: 19px;
        vertical-align: middle;
    }

    .basket-table__count-i {
        display: inline-block;
        width: 29px;
        height: 29px;
        text-align: center;
        background-color: #f8f4ef;
        border: 1px solid #ccc8c3;
        padding-left: 10px;
    }

    .basket-table__delete {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        border: 1px solid #78504b;
        border-radius: 100%;
        position: relative;
        margin-left: 4px;
        transition: all .2s ease;
    }

    .basket-table__delete:hover {
        opacity: .77;
    }

    .basket-table__delete:before, .basket-table__delete:after {
        content: "";
        display: block;
        width: 16px;
        height: 1px;
        top: 12px;
        left: 4px;
        background-color: #78504b;
        position: absolute;
    }

    .basket-table__delete:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .basket-table__delete:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .basket-table__cost-wrap {
        width: 100%;
        text-align: right;
        display: inline-block;
        height: 100%;
        position: relative;
    }

    .basket-table__delivery {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
    }

    .basket-table__cost {
        font-size: 16px;
    }

    .basket-table__cost + p {
    font-weight: 700;
    color: rgb(246, 0, 106);
}

    .basket-table__cost--sale{
    position: relative;
    color: #b5b5b5;
    text-decoration: line-through;
}

/* card */

.card {
    display: inline-block;
    max-width: 518px;
    font-size: 0;
}

    .card__input-wrap {
        display: inline-block;
        width: 331px;
        height: 50px;
        margin-right: 12px;
        vertical-align: middle;
    }

    .card__input {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #f8f4ef;
        border: 1px solid #ccc8c3;
        padding-left: 63px;
        background-image: url("../i/basket-card.svg");
        background-repeat: no-repeat;
        background-position: 16px center;
    }

    .card__input:focus, .card__input:hover {
        border-color: #78504b;
    }

    .card__btn {
        display: inline-block;
        width: 175px;
        height: 50px;
        transition-duration: 0.3s;
        vertical-align: middle;
        padding: 0;
    }



/*------------------------------------*\
     auth basket css
\*------------------------------------*/

.basket-auth {
    margin-bottom: 148px;
}
    .basket-auth__field-wrap, .basket-info__field-wrap, .individual-order__field-wrap {
        max-width: 570px;
        margin-bottom: 28px;
        font-size: 0;
        height: 50px;
    }


    .basket-info__field-wrap, .basket-info__select-wrap {
        transition: all .3s ease-in-out;
        opacity: 1;
        max-height: 400px;
    }

    .basket-auth__field-wrap, .basket-info__field-wrap {
        max-width: 550px;
    }

    .wizard-reviews__send-btn {
        display: block;
        height: 50px;
        width: 30%;
        margin-top: 20px;
        clear: both;
        float: right;
    }

    .wizard-reviews__el--form:not(.wizard-reviews__el--active) {
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
    }

    .wizard-reviews__el--form {
        font-size: 0;
        opacity: 1;
        overflow: hidden;
        transition: all .2s ease;
    }

    .wizard-reviews__el .individual-order__field-wrap {
        max-width: 30%;
        margin-right: 5%;
        float: left;
    }

    .wizard-reviews__el .individual-order__field-wrap:last-of-type {
        margin-right: 0;
    }

    .basket-info__checkbox-wrap {
        position: relative;
        padding-left: 29px;
    }

    .basket-info__checkbox-wrap--inactive {
        opacity: .5;
    }

    .basket-auth__field-wrap:last-of-type {
        margin-bottom: 0;
    }

    .basket-info__check-l:after {
        top:2px;
    }

    .checkbox-grey-i {
        display: none;
        visibility: hidden;
    }

    .basket-auth__label, .basket-info__label, .individual-order__label {
        display: inline-block;
        width: 180px;
        vertical-align: middle;
        margin-bottom: 12px;
    }

    .basket-info__label--time {
        margin-bottom: 0;
    }

    .basket-auth__field, .basket-info__field, .individual-order__field {
        display: inline-block;
        width: 390px;
        height: 50px;
    }

    .basket-auth__field, .basket-info__field {
        width: 370px;
    }

    .individual-order__column--right .individual-order__field--big {
        float: right;
    }

    .individual-order__field--big {
        width: 100%;
        height: auto;
    }

    .basket-info__label--city {
        line-height: 50px;
        margin-bottom: 0;
    }

    .basket-auth__sign-up {
        display: block;
        margin-top: 42px;
    }

    .basket-auth__sign-in-btn {
        padding: 13px 86px;
        margin-top: 17px;
        margin-left: 180px;
    }

    .basket-auth__sign-in {
        padding-bottom: 50px;
        border-bottom: 1px solid #bea9a1;
        margin-bottom: 52px;
        margin-top: 59px;
    }

    .basket-auth__restore-pwd-wrap {
        display: block;
        max-width: 570px;
        text-align: left;
    }

    .basket-auth__restore-pwd {
        display: inline-block;
        margin-left: 180px;
        transition: all .2s ease;
        color: #78504b;
        text-decoration: underline;
    }

    .basket-auth__restore-pwd:hover {
        opacity: .78;
        color: #78504b;
    }

    .basket-auth__sign-up-btn {
        display: block;
        margin-top: 51px;
        margin-left: 180px;
        padding: 13px 23px;
        float: left;
        color: #fff8eb;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.87px;
        line-height: 22px;
    }

    .basket-auth__continue {
        display: block;
        float: right;
        padding: 17px 49px;
        margin-top: 51px;
    }


/* basket steps start */
.basket-steps {
    display: block;
    text-align: center;
    font-size: 0;
    margin: 0 auto;
    margin-bottom: 61px;
    margin-top: 61px
}
.basket-steps__item{
    display: inline-block;
    border-bottom: 2px solid #d5c7bf;
    width: 128px;
    height: 74px;
    position: relative;
}
.basket-steps__item path{
    transition: all .2s ease-in-out;
}
.basket-steps__item svg{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}
@media (max-width: 384px){
    .basket-steps__item{
        width: 100px;
    }
}
.basket-steps__item:hover:not(.isActive) path{
    fill: #d94b8c;
}
.basket-steps__item:hover:not(.isActive):after{
    background-color: #F1519E;
    opacity: .5;
}
.basket-steps__item:after{
    content: '';
    display: block;
    right: 0;
    bottom: -2px;
    position: absolute;
    width: 100%;
    height: 2px;
    transition: all .2s ease-in-out;
}
.basket-steps__item.isActive path{
    fill: #d94b8c;
}
.basket-steps__item.isActive:after{
    background-color: #d94b8c;
}
/* basket steps end */

/* basket-form start */
/* basket-form end */

/* basket-info start */
.basket-info__form{
    width: 60%;
    margin-top: 50px;
}
.basket-info__form ~ .basket-continue{
    padding: 0;
    margin: 0;
}
.basket-info__form > div{
    clear: both;
}
.basket-info__form > div:last-child{
    margin-bottom: 0;
}
@media (max-width: 1200px){
    .basket-info__form{
        width: 70%;
        padding-left: 20px;
        padding-right: 30px;
    }
}
@media (max-width: 1027px){
    .basket-info__form{
        width: 100%;
        float: none;
        padding-right: 20px;
    }
    .basket-info__form ~ .basket-continue{
        clear: both;
        margin-top: 60px;
        padding: 0 20px;
    }
    .basket-info__form ~ .basket-continue .basket-continue__text{
        float: none;
    }
    .basket-info__form ~ .basket-continue .basket-info__field-wrap.conf-check .item-desc__label{
        line-height: 25px;
    }
}
@media (max-width: 540px){
    .basket-info__form{
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* basket-info end */

/* basket fly block start */
.basket-fly {
    display: block;
    position: absolute;
}
/* basket fly block end */

.basket-table ~ .basket-continue .basket-continue__btn {
    margin-top: 20px;
}

/* basket-continue start */
.basket-continue {
    display: block;
    top: 208px;
    left: 60%;
    position: absolute;
    width: 260px;
    text-align: left;
    margin-left: 130px;
    min-width: 70px;    min-width: 70px;
}
.basket-continue .item-banner {
    margin-top: 0;
    margin-bottom: 26px;
    padding-bottom: 36px
}
.basket-continue .basket-info__field-wrap label.checkbox-grey-l {
    color: #643e3a;
    font-family: Geometria;
    font-size: 14px;
    line-height: 16px;
}
@media (max-width: 1023px) {
    .basket-continue .item-banner{
        display: none;
    }

        }
.basket-continue__links{
    display: block;
    margin-bottom: 28px;
}
.basket-continue__links a{
    display: block;
    color: #979797;
    font-family: Geometria;
    font-size: 14px;
    text-decoration: underline !important;
}
.basket-continue__links a:not(:last-child){
    margin-bottom: 14px;
}
@media (max-width:1200px) {
    .basket-continue{
        width: 30%;
    }
    }
@media (max-width: 1027px) {
    .basket-continue{
        position: static;
        margin-top: 20px;
        width: 100%;
        clear: both;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    }
@media (max-width: 560px) {
    .basket-continue{
        padding-left: 20px;
        padding-right: 20px;
    }
    }
.basket-continue.isFixed{
    right: auto;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    background: #f2ebe2;
    left: calc(100% - 769px);
    padding: 0;
    margin: 0;
}
.basket-continue.isBottom{
    position: absolute;
    top: inherit;
    bottom: 0px;
}
@media (max-width: 1027px){
    .basket-continue.isBottom{
        position: static;
        margin-top: 20px;
        width: 100%;
        clear: both;
        margin-left: 0;
    }
}
.basket-continue__wrap{
    font-size: 0;
}
.basket-continue__cost{
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    line-height: 19px;
}
.basket-continue__text{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: left;
    line-height: 18px;
}
.basket-continue__text:not(:last-child){
    margin-bottom: 7px;
}
@media (max-width: 960px){
    .basket-continue__text{
        float: left;
        width: auto;
        margin-right: 20px;
    }
}
@media (max-width: 470px){
    .basket-continue__text{
        float: none;
        margin-right: 0;
        display: block;
    }
}
.basket-continue__del-cost, .basket-continue__discount{
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}
.basket-continue__discount{
    margin-top: 8px;
    color: #d94b8c;
}
.basket-continue__btn{
    position: relative;
    display: table;
    margin-top: 30px;
    line-height: 50px;
    margin-top: -19px;
}
@media (max-width: 460px){
    .basket-continue__btn{
        float: none;
        width: 100%;
        text-align: center;
    }
}
/* basket-continue end */

.restore-password__btn {
    padding: 13px 51px;
    display: inline-block;
}

.basket .js-select-white-brown .jq-selectbox__select {
    border-radius: 0px;
}

.basket-info {
    margin-bottom: 260px;
}

    .basket-info__column, .individual-order__column {
        float: left;
    }

    .basket-info__column--right, .individual-order__column--right {
        float: right;
        width: 470px;
    }

    .basket-info__date-wrap, .individual-order__date-wrap {
        display: block;
        float: right;
        position: relative;
        margin-bottom: 78px;
    }

    .basket-info__date-wrap, .basket-info__select-wrap {
        margin-bottom: 28px;
    }

    .basket-info__date-wrap {
        float: left;
        font-size: 0;
    }

    .basket-info__date-wrap .parsley-errors-list.filled {
        float: left;
        padding-right: 0px;
        padding-left: 180px;
    }

    .basket-info__date-wrap .parsley-errors-list:not(.filled) {
        display: none;
    }

    .individual-order__date-wrap {
        margin-bottom: 20px;
    }

    .individual-order__date-wrap .individual-order__label {
        margin-top: 4px;
    }

    .basket-info__date-wrap .basket-info__label {
        width: 180px;
        margin-bottom: 0;
    }

    #basket-info-monthly {
        left: -81px;
        top: 0px;
        position: absolute;
    }

    .basket .js-select-white-brown {
        width: 370px;
        height: 50px
    }

    @media (max-width: 1025px) {
    .basket .js-select-white-brown{
        width: 100%;
    }
        }

    .info-date--active:after {
        content: "";
        width: 0;
        height: 0;
        top: 17px;
        right: -10px;
        position: absolute;
        border-style: solid;
        border-width: 9px 0 9px 13px;
        border-color: transparent transparent transparent #ffffff;
    }

    .monthly-today .monthly-day-number {
        border-radius: 0px;
    }

    .monthly-past-day {
        color: #b9a4a0;
    }

    .basket-info__date, .individual-order__date {
        width: 290px;
        height: 50px;
        background-image: url("../i/basket-date-i.svg");
        background-repeat: no-repeat;
        padding-right: 50px;
        background-position: 93% center;
    }
.basket-info__date {
    width: 370px;
}

    .individual-order__date {
        float: right;
    }

    .basket-info__select-wrap {
        font-size: 0;
        width: 100%;
        height: 50px;
        float: right;
    }

    .basket-info__select-wrap--city, .basket-info__select-wrap--branch {
        max-width: 570px;
        margin-bottom: 28px;
        font-size: 0;
        height: 50px;
        float: none;
        transition: all .2s ease;
        max-height: 200px;
        clear: both;
    }

    .basket-info__select-wrap--disabled {
        opacity: 0;
        max-height: 0;
        margin: 0;
    }

    .basket-info__continue, .individual-order__continue {
        display: block;
        padding: 17px 70px;
        margin-top: 35px;
        float: right;
    }

    .basket-info__continue {
        padding: 17px 59px;
    }

    .individual-order__continue {
        clear: both;
        width: 193px;
        text-align: center;
        height: 49px;
        padding: 0;
    }

    .basket-info__date-text, .basket-info__remind {
        display: block;
        width: 370px;
        float: left;
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 6px;
        margin-left: 180px;
        text-align: left
    }

    @media (max-width: 1025px) {
    .basket-info__date-text, .basket-info__remind{
        float: right;
    }
        }

    .basket-info__remind {
        transition: all .33s ease-in-out;
        overflow: hidden;
        max-height: 120px;
        opacity: 1;
        top: -27px;
        position: relative
    }

    @media (max-width: 1025px) {
    .basket-info__remind{
        top: 0;
    }
        }

    @media (max-width: 380px) {
    .basket-info__remind{
        width: 100%;
    }
        }

    .basket-info__remind--hidden {
        max-height: 0;
        opacity: 0;
    }

/*------------------------------------*\
     payment method css
\*------------------------------------*/

    .payment-method__desc {
        display: inline-block;
        vertical-align: top;
    }

    .payment-method__content .tabs__content {
        display: block;
        width: 70%;
        float: right;
    }

    .payment-method__content .tabs__content:not(.tabs__content--active) {
        padding-top: 0;
        visibility: hidden;
    }

    .payment-method {
        margin-bottom: 90px;
    }

    .payment-method__methods {
        display: inline-block;
        vertical-align: top;
        margin-right: 45px;
    }

    .payment-method__data {
        display: inline-block;
        width: 570px;
    }

    .payment-method__content {
        font-size: 0;
        margin-top: 48px;
        float: right;
        width: 100%;
        position: relative;
    }

    .payment-method__content .tabs__content {
        float: right;
    }

    .payment-method__check {
        width: 0;
        height: 0;
        opacity: 0;
        position: absolute;
        left: -9999px;
        visibility: hidden;
    }

    .payment-method__check + .payment-method__label {
        display: block;
        border: 1px solid transparent;
        width: 256px;
        margin-bottom: 10px;
        padding: 15px 21px;
        background-repeat: no-repeat;
        cursor: pointer;
        transition: all .2s ease;
        border-radius: 15px;
    }

    .payment-method__label:hover {
        background-color: white;
    }

    .payment-method__check:checked + .payment-method__label {
        border: 1px solid #b8a19b;
    }


    .payment-method__content .tabs__content:not(.tabs__content--active) {
        height: auto;
        position: absolute;
        top: 0;
        left: 30%;
    }

    .payment-method__check + .payment-method__label span {
        display: block;
        width: 160px;
        color: #78504b;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        margin-bottom: 21px;
    }

    #payment-method--card {
        background-image: url(../i/payment-method-card.png);
        background-position: bottom left;
    }

    #payment-method--other {
        background-image: url(../i/payment-method-other.png);
        background-position: bottom left;
    }

    .payment-method__cc-wrap {
        display: inline-block;
        font-size: 0;
        max-width: 390px;
    }

    .payment-method__card-i {
        text-align: center;
    }

    .payment-method__card-i, .payment-method__field--mini {
        display: inline-block;
        width: 92px;
        height: 50px;
        margin-right: 5px;
    }

    .payment-method__label {
        display: inline-block;
        width: 160px;
        vertical-align: middle;
        margin-bottom: 9px;
    }

    .payment-method__field-wrap {
        font-size: 0;
        margin-bottom: 29px;
    }

    .payment-method__field {
        display: inline-block;
        height: 50px;
    }

    .payment-method__label--answer {
        position: relative;
        cursor: pointer;
    }

    .payment-method__label--answer:after {
        content: "";
        display: block;
        width: 13px;
        height: 13px;
        top: 3px;
        left: 47px;
        position: absolute;
        background-image: url(../i/answer-i.svg);
        background-repeat: no-repeat;
    }

    .payment-method__continue {
        float: right;
        padding: 17px 124px;
        clear: both;
    }

    .card__text:before {
        content: "";
        vertical-align: middle;
        display: inline-block;
        margin-right: 25px;
        margin-left: 16px;
        width: 32px;
        height: 24px;
        background-image: url("../i/basket-card.svg");
    }

/*------------------------------------*\
     basket final step css
\*------------------------------------*/
.basket-final {
    margin-bottom: 117px;
}

    .basket-final__info {
        font-size: 0;
    }

    .basket-final__el {
        display: inline-block;
        position: relative;
        width: 236px;
        margin-right: 141px;
        padding-left: 40px;
        vertical-align: top;
    }

    .basket-final__el span {
        display: inline-block;
        width: 100%;
    }

    .basket-final__el:last-child {
        margin-right: 0px;
    }

    .basket-final__label {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .basket-final__text {
        color: #78504b;
        font-size: 16px;
        line-height: 19px;
    }

    .basket-final__edit {
        display: block;
        position: absolute;
        left: 0;
        top: -3px;
        width: 20px;
        height: 20px;
        background-image: url("../i/edit-icon.svg");
    }

    .basket-final__info {
        margin-top: 56px;
    }

    .basket-final .basket-table__header {
        padding: 0;
    }

/*------------------------------------*\
     map css
\*------------------------------------*/

    .map__select-city, .map__link-city-wrap {
        margin-top: 35px;
        margin-bottom: 22px;
    }

    .map__link-city {
        display: inline-block;
        display: inline-block;
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        border-bottom: 2px dashed #c5c2bd;
        transition: all .2s ease;
        margin-right: 20px;
    }

    .map__link-city:hover {
        opacity: .78;
    }

    .map__link-city.active {
        color: #333;
        font-weight: 700;
        border-bottom: 2px dashed transparent;
        cursor: default;
    }

    .map__link-city.active:hover {
        opacity: 1;
    }

#map {
    margin-bottom: 48px;
}
    /*#map img {*/
        /*display: block;*/
        /*width: 100%;*/
    /*}*/

    .map-wrap {
        margin-bottom: 100px;
    }

    .map__select-city .jq-selectbox__select {
        height: 40px;
    }

    .jq-selectbox:hover .jq-selectbox__select, .jq-selectbox.opened .jq-selectbox__select {
        border-color: #78504b;
    }

    .map__select-city .jq-selectbox__dropdown {
        top: 39px !important;
    }

    .map__select-city .jq-selectbox__select-text {
        line-height: 40px;
        width: 100% !important;
    }

    .map__select-city .jq-selectbox__trigger-arrow {
        top: 17px;
    }


    .branch__head {
        display: inline-block;
        color: #78504b;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 1.57px;
        line-height: 24px;
        margin-right: 36px;
    }

    .branch__info {
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.65);
        border-radius: 10px;
        padding: 6px 12px 6px 11px;
    }

    .branch__head:before {
        content: "";
        display: inline-block;
        width: 21px;
        height: 21px;
        margin-right: 14px;
        vertical-align: middle;
        background-image: url("../i/map-branch-i-1.svg");
    }

    .branch__head--our:before {
        background-image: url("../i/map-branch-i-2.svg");
    }

    .branch__head--our {
        margin-bottom: 35px;
    }

    .branch__list {
        font-size: 0;
        margin-top: 26px;
        padding-bottom: 38px;
        border-bottom: 1px solid #d2c3ba;
        margin-bottom: 30px;
    }

    .branch__el {
        display: inline-block;
        width: 270px;
        padding-right: 67px;
        margin-right: 29px;
        position: relative;
        vertical-align: top;
    }

    .branch__el:after {
        content:"";
        display:block;
        width: 1px;
        height: 74px;
        top: 0px;
        right: 0px;
        position: absolute;
        background-color: #333;
    }

    .branch__el:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .branch__el:last-child:after {
        display: none;
    }

    .branch__name, .branch__street {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        font-style: normal;
    }

    .branch__street {
        font-weight: 400;
    }

    .branch__time {
        margin-top: 16px;
        color: #7e5955;
        font-size: 14px;
        line-height: 21px;
    }

    .branch__link p {
        transition: all .2s ease;
    }

    .branch__link:hover p {
        color: #d94b8c;
        opacity: .88;
    }

    .branch__additional-info {
        display: block;
        position: relative;
        color: #333;
        font-size: 14px;
        line-height: 20px;
        padding-left: 35px;
        margin-top: 20px;
    }

    .branch__additional-info:before {
        content:"";
        display:block;
        width: 14px;
        height: 15px;
        top: 2px;
        left: 0px;
        position: absolute;
        background-image: url("../i/map-additional-info.svg");
        background-repeat: no-repeat;
    }

    .branch__market {
        max-height: 0px;
        transition: all .2s ease;
        overflow: hidden;
        opacity: 0;
    }

    .branch__market--active {
        max-height: 2000px;
        opacity: 1;
    }

    .branch__market-btn {
        display: inline-block;
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin-right: 35px;
        margin-bottom: 31px;
        border-bottom: 2px dashed #c5c2bd;
        transition: all .2s ease;
    }

    .branch__market-header {
        color: #333;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .branch__market-btn:hover {
        color: #000;
    }

    .branch__market-btn:last-of-type {
        margin-right: 0;
    }

    .branch__market-btn--selected {
        color: #333;
        font-weight: 700;
        border-bottom: 2px dashed transparent;
    }

    .branch__market {
        display: block;
        font-size: 0;
        width: 100%;
    }

    .branch__market-el {
        display: inline-block;
        margin-right: 63px;
        margin-bottom: 15px;
        width: 240px;
    }

    .branch__market-street {
        display: inline-block;
        color: #333;
        font-size: 16px;
        font-weight: 400;
        line-height: 31px;
        white-space: nowrap;
    }

    .branch__market-time {
        color: #7e5955;
        font-size: 14px;
        line-height: 21px;
    }

    .map__select-city {
        width: 270px;
    }

    .branch__market-el:nth-child(4n-1) {
        margin-right: 0;
    }

/*------------------------------------*\
     wizard step 1 css
\*------------------------------------*/

.item-wrap--wizard {
    position: relative;
    transition: all .2s ease;
}

.wizard-step {
    display: block;
    float: left;
    width: 532px;
    margin-right: 12px;
    padding-bottom: 55px;
    position: relative;
}
    .wizard-content-wrap {
        display: block;
        /*position: absolute;*/

    }

    .wizard-step-wrap .item-column {
        margin-right: 0;

    }

    .item-wrap--wizard .item-banners {
        float: right;
        z-index: 2;
        position: relative;
    }

    .item-wrap--wizard .pay-delivery {
        background-color: #faf8f5;
    }

    .wizard-step-wrap {
        display: block;
        /*position: absolute;*/
        left: 0px;
        max-width: 880px;
        float: left;
        margin-bottom: 68px;
        font-size: 0;
        top: 0px;
        transition: all .2s ease;
        z-index: 1;
    }

    .wizard-step-wrap--new {
        left: 70%;
        opacity: 0;
    }


    .wizard-step-wrap--prev {
        left: -70%;
        opacity: 0;
    }

    .wizard-step-wrap--remove {
        left: -50%;
        opacity: 0;
        z-index: -1;
    }

    .wizard-step-wrap--goto-prev {
        left: -50%;
        opacity: 0;
    }

    .wizard-step__content {
        width: 100%;
        font-size: 0;
    }

    .wizard-step__field-wrap {
        display: inline-block;
        max-width: 250px;
        margin-bottom: 23px;
        margin-right: 45px;
        vertical-align: top;
    }

    .wizard-step__add-source {
        width: 100%;
        display: block;
        height: 53px;
        transition: all .2s ease;
    }

    .wizard-step__source-delete {
        display: block;
        height: 32px;
        width: 32px;
        z-index: 2;
        margin-top: -2px;
        float: right;
        position: relative;
        background-color: #f2ebe2;
        background-repeat: no-repeat;
        background-position: center;
        transition: all .2s ease;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDc3NC4yNjYgNzc0LjI2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzc0LjI2NiA3NzQuMjY2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTY0MC4zNSw5MS4xNjlINTM2Ljk3MVYyMy45OTFDNTM2Ljk3MSwxMC40NjksNTI2LjA2NCwwLDUxMi41NDMsMGMtMS4zMTIsMC0yLjE4NywwLjQzOC0yLjYxNCwwLjg3NSAgICBDNTA5LjQ5MSwwLjQzOCw1MDguNjE2LDAsNTA4LjE3OSwwSDI2NS4yMTJoLTEuNzRoLTEuNzVjLTEzLjUyMSwwLTIzLjk5LDEwLjQ2OS0yMy45OSwyMy45OTF2NjcuMTc5SDEzMy45MTYgICAgYy0yOS42NjcsMC01Mi43ODMsMjMuMTE2LTUyLjc4Myw1Mi43ODN2MzguMzg3djQ3Ljk4MWg0NS44MDN2NDkxLjZjMCwyOS42NjgsMjIuNjc5LDUyLjM0Niw1Mi4zNDYsNTIuMzQ2aDQxNS43MDMgICAgYzI5LjY2NywwLDUyLjc4Mi0yMi42NzgsNTIuNzgyLTUyLjM0NnYtNDkxLjZoNDUuMzY2di00Ny45ODF2LTM4LjM4N0M2OTMuMTMzLDExNC4yODYsNjcwLjAwOCw5MS4xNjksNjQwLjM1LDkxLjE2OXogICAgIE0yODUuNzEzLDQ3Ljk4MWgyMDIuODR2NDMuMTg4aC0yMDIuODRWNDcuOTgxeiBNNTk5LjM0OSw3MjEuOTIyYzAsMy4wNjEtMS4zMTIsNC4zNjMtNC4zNjQsNC4zNjNIMTc5LjI4MiAgICBjLTMuMDUyLDAtNC4zNjQtMS4zMDMtNC4zNjQtNC4zNjNWMjMwLjMyaDQyNC40MzFWNzIxLjkyMnogTTY0NC43MTUsMTgyLjMzOUgxMjkuNTUxdi0zOC4zODdjMC0zLjA1MywxLjMxMi00LjgwMiw0LjM2NC00LjgwMiAgICBINjQwLjM1YzMuMDUzLDAsNC4zNjUsMS43NDksNC4zNjUsNC44MDJWMTgyLjMzOXoiIGZpbGw9IiM3ODUwNGIiLz4KCQk8cmVjdCB4PSI0NzUuMDMxIiB5PSIyODYuNTkzIiB3aWR0aD0iNDguNDE4IiBoZWlnaHQ9IjM5Ni45NDIiIGZpbGw9IiM3ODUwNGIiLz4KCQk8cmVjdCB4PSIzNjMuMzYxIiB5PSIyODYuNTkzIiB3aWR0aD0iNDguNDE4IiBoZWlnaHQ9IjM5Ni45NDIiIGZpbGw9IiM3ODUwNGIiLz4KCQk8cmVjdCB4PSIyNTEuNjkiIHk9IjI4Ni41OTMiIHdpZHRoPSI0OC40MTgiIGhlaWdodD0iMzk2Ljk0MiIgZmlsbD0iIzc4NTA0YiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    }

    .wizard-step__source-delete:hover {
        background-color: #d2ccc4;
        opacity: .88;
    }

    .wizard-step__add-source:hover {
        background-color: #78504b;
        color: #fff;
        opacity: 1;
    }

    .wizard-step__add-source--disabled {
        opacity: .4;
    }

    .wizard-step__add-source--disabled:hover {
        cursor: default;
        background-color: transparent;
        color: #78504b;
        opacity: .4;
    }

    .wizard-step__field-wrap .counter {
        margin-top: 14px;
    }

    .wizard-step__field-wrap:nth-child(2n) {
        margin-right: 0;
    }

    .wizard-step__number {
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 17px;
        margin-bottom: 28px;
    }

    .wizard-step__label {
        margin-bottom: 13px;
    }

    .basket-info__date--wizard {
        width: 250px;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #3c3d41;
        font-weight: 500;
    }

    .wizard-step__select {
        width: 248px;
    }

    .wizard-step__select--other {
        margin-top: 29px;
    }

    .wizard-step__select .jq-selectbox__select {
        height: 40px;
    }

    .wizard-step__select .jq-selectbox__select-text {
        line-height: 40px;
        width: 200px !important;
    }

    .wizard-step__select .jq-selectbox__trigger-arrow {
        top: 17px;
    }

    .wizard-btn {
        display: block;
        float: left;
        position: relative;
    }

    .wizard-btn:after {
        content:"";
        display:block;
        width: 12px;
        height: 11px;
        top: 20px;
        left: 18px;

        position: absolute;
        background-image: url("../i/wizard-btn-arrow.svg");
    }

    .wizard-btn--prev {
        padding: 14px 25px;
        min-height: 50px;
        background-color: #78504b;
    }

    .wizard-btn--disabled {
        cursor: default;
        opacity: .3;
    }

    .wizard-btn--prev.wizard-btn--disabled:hover:after {
        left: 18px;
    }

    .wizard-btn--next {
        float: right;
        padding: 14px 72px;
    }

    .wizard-btn--prev:after {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    .wizard-btn--next:after {
        right: 14px;
        left: initial;
        transition-duration: 0.2s;
    }

    .wizard-btn--next:hover, .wizard-btn--gotomain:hover {
        background-color: #78504b;
        border-color: #78504b;
        color: white;
    }

    .wizard-btn--next:focus, .wizard-btn--gotomain:focus {
        color: white;
    }

    .wizard-btn--next:hover:after {
        right: 8px;
    }

    .wizard-btns {
        position: absolute;
        width: 100%;
        bottom: 8px;
    }

/* wizard reviews */

.wizard-reviews {
    display: block;
    width: 871px;
    float: left;
    margin-right: 26px;
    margin-top: 93px;
}

    .wizard-reviews__head {
        display: block;
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 32px;
    }

    .wizard-reviews__el {
        display: block;
        background-color: #fbf8f5;
        margin-bottom: 21px;
        padding: 28px 43px 36px 30px;
    }

    .wizard-reviews__el-title {
        font-size: 16px;
        color: #333;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .wizard-reviews__field {
        height: 50px;
/*        margin-left: 20px;
        float: right;*/
        margin-top: 5px;
    }

    .wizard-reviews__el-text {
        display: block;
        margin-bottom: 18px;
        color: #7e5955;
        font-size: 14px;
        line-height: 24px;
    }

    .wizard-reviews__el-textarea {
        width: 100%;
        height: 80px;
        resize: none;
        padding: 15px;
        margin-bottom: 10px;
    }

    .wizard-reviews__description {
        display: block;
        font-size: 0;
    }

    .wizard-reviews__name {
        display: inline-block;
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 24px;
        margin-right: 13px;
    }

    .wizard-reviews__date {
        display: inline-block;
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 12px;
        line-height: 24px;
    }


    .basket-info-monthly--wizard {
        left: 264px !important;
        top: 36px !important;
        z-index: 10000 !important;

    }

    .basket-info-monthly--wizard:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        left: -13px;
        right: initial !important;
    }

    .wizard-reviews__el:last-child {
        margin-bottom: 0;
    }

    .item-desc__example--wizard {
        display: block;
        position: relative;
        padding-left: 39px;
        margin-top: 0px;
        background-image: url("../i/wizard-record.png");
        background-repeat: no-repeat;
        background-position: 2px 8px;
        font-size: 14px;
    }

    .wizard-reviews__btn {
        padding: 15px 77px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 25px;
    }

/*------------------------------------*\
     wizard step 2 css
\*------------------------------------*/

    .wizard-step__select-wrap {
        display: block;
        font-size: 0;
        margin-top: 4px;
    }

    .wizard-step__source {
        display: block;
        position: relative;
        color: #78504b;
        font-size: 21px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .wizard-step__source span {
        display: inline-block;
        width: auto;
        position: relative;
        z-index: 2;
        padding-right: 12px;
        font-weight: 500;
        background-color: #f2ebe2;
    }

    .wizard-step__source:after {
        content:"";
        display:block;
        width: 100%;
        height: 1px;
        top: 14px;
        right: 0px;
        background-color: #e0d4cb;
        position: absolute;
    }

    .wizard-step__s-label {
        display: inline-block;
        width: 105px;
        margin-right: 25px;
        vertical-align: top;
        cursor: pointer;
        margin-bottom: 45px;
        position: relative;
    }

    .wizard-step__s-label .catalog-el__cost {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .wizard-step__s-label:nth-of-type(4n) {
        margin-right: 0;
    }

    .wizard-step__s-label .wizard-step__img-wrap:after {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0;
        border: 2px solid #78504b;
        transition-duration: 0.3s;
        box-sizing: border-box;
    }

    .wizard-step__s-label .wizard-step__img-wrap:hover:after {
        opacity: 1;
    }

    .wizard-step__s-field {
        display: block;
        position: absolute;
        left: -9999px;
        opacity: 0;
        visibility: hidden;
    }

    .wizard-step__s-text {
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin-top: 10px;
    }

    .wizard-step__s-img {
        display: block;
        width: 105px;
    }

    .wizard-step__img-wrap {
        display: block;
        position: relative;
    }

    .wizard-step__s-field:checked + .wizard-step__s-label .wizard-step__img-wrap:after {
        content:"";
        display:block;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        border: 2px solid #78504b;
        position: absolute;
        box-sizing: border-box;
        opacity: 1;
    }

    .wizard-step__s-field:checked + .wizard-step__s-label .wizard-step__s-text {
        font-weight: 500;

    }

    .wizard-step__desc {
        margin-bottom: 30px;
    }


/*------------------------------------*\
     wizard step 3 css
\*------------------------------------*/

    .wizard-step__make-text {
        display: inline-block;
        width: 244px;
        vertical-align: top;
        margin-right: 40px;
        min-height: 40px;
    }

    .wizard-step__make-text .item-desc__make-wrap {
        width: 244px;
        height: 40px;
        background-size: 100% 40px;
    }

    .wizard-step__make-text .item-desc__make {
        padding-left: 0px;
        font-size: 14px;
    }

    .wizard-step__make-text .item-desc__make-wrap:after {
        display: none;
    }

    .wizard-step__check {
        display: block;
        position: relative;
        padding-left: 25px;
        margin-bottom: 13px;
    }

/*------------------------------------*\
     wizard step 4 css
\*------------------------------------*/

    .wizard-step__checkboxes {
        display: block;
        font-size: 0;
    }

    .wizard-step__check {
        display: block;
        position: absolute;
        left: -9999px;
        opacity: 0;
        visibility: hidden;
    }

    .wizard-step__check-label {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
        cursor: pointer;
    }

    .wizard-step__label {
        display: block;
        margin-right: 10px;
        vertical-align: top;
        cursor: pointer;
    }


    .wizard-step__check-img-w {
        display: block;
        position: relative;
        width: 170px;
        height: 157px;
        border: 1px dashed #cebbb3;
        opacity: .5;
        text-align: center;
    }

    .wizard-step__check-title {
        display: block;
        margin: 0 auto;
        width: 142px;
        color: #78504b;
        font-family: "Playfair Display";
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 11px;
        text-align: center;
    }

    .wizard-step__check-weight {
        color: #78504b;
        line-height: 18px;
        margin-bottom: 6px;
        text-align: center;
    }

    .wizard-step__check-cost {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
    }

    .wizard-step__check-info {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #78504b;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 3px;
    }


    .wizard-step__check:checked + .wizard-step__check-label .wizard-step__check-img-w {
        opacity: 1;
        border: 1px solid #78504b;
    }

    .wizard-step__check:checked + .wizard-step__check-label .wizard-step__check-img-w:after {
        background-image: url("../i/wizard-cancel.svg");
    }

    .wizard-step__check-img-w:after {
        content:"";
        display:block;
        width: 23px;
        height: 23px;
        background-color: #78504b;
        top: 5px;
        left: 7px;
        position: absolute;
        background-image: url("../i/wizard-add.svg");
        background-repeat: no-repeat;
        background-position: center;
    }

    .wizard-step__check-img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }

    .wizard-step__check-label:last-child {
        margin-right: 0;
    }

/*------------------------------------*\
     wizard 2 step 1 css
\*------------------------------------*/
    .item-desc--wizard {
        padding: 19px 0 28px 0;
    }

    .item-desc--wizard .item-buy__text {
        margin-left: 24px;
        margin-right: 15px;
    }

    .item-desc--wizard .item-buy__cost {
        margin-left: 17px;
        margin-bottom: 12px;
    }

    .item-desc--wizard .item-buy__soc-block {
        margin-right: 22px;
    }

    .item-desc__wrap {
        display: block;
        background-color: rgba(120, 80, 75, 0.1);
        padding: 8px 20px 13px 20px;
        margin-top: 11px;
    }

    .wizard-cake-type:checked + .cake-radio {
        font-weight: 500;
    }

    .item-desc--wizard .item-buy__accept {
        padding-left: 17px;
        padding-right: 22px;
        margin-top: 8px;
    }

    .item-desc--wizard .item-desc__wrap {
        margin-top: 13px;
        padding-left: 15px;
    }

    .cake-radio {
        display: block;
        margin-bottom: 16px;
        color: #333;
        font-size: 16px;
        line-height: 24px;
        cursor: pointer;
        text-align: right;
        margin-left: 0px;
    }

    .wizard-step__type-wrap {
        font-size: 0;
        margin-top: 14px;
    }

    .wizard-step__type-wrap .wizard-step__label {
        margin-bottom: 28px;
    }

    .wizard-cake-type:checked + .cake-radio path[stroke="#78504b"] {
        stroke: #d94b8c;
    }

    .wizard-cake-type__wrap {
        display: block;
        text-align: left;
        float: left;
    }

    .cake-radio__price {
        display: inline-block;
        vertical-align: middle;
    }

    .cake-radio:nth-of-type(1) .cake-radio__pic {
        margin: -3px 16px 1px -5px;
    }

    .cake-radio:nth-of-type(2) .cake-radio__pic {
        margin: 0px 15px 1px -4px;
    }
    .cake-radio:nth-of-type(3) .cake-radio__pic {
        margin: -2px 16px 1px -5px;
    }
    .cake-radio:nth-of-type(4) .cake-radio__pic {
        margin: -3px 16px 1px -5px;
    }
    .cake-radio:nth-of-type(5) .cake-radio__pic {
        margin: 5px 16px 1px -3px;
    }
    .cake-radio:nth-of-type(6) .cake-radio__pic {
        margin: 4px 16px 1px -5px;
    }
    .cake-radio:nth-of-type(7) .cake-radio__pic {
        margin: -3px 14px 1px -4px;
    }

    .cake-radio__pic svg {
        display: inline-block;
    }

    .cake-radio--arenda {
        margin-top: 45px;
    }

    .cake-radio__pic {
        display: inline-block;
        margin-right: 26px;
        width: 45px;
        text-align: center;
        vertical-align: middle;
    }

    .wizard-step__label--type {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 16px;
        cursor: initial;
        margin-top: 26px;
    }

    .wizard-step__form {
        margin-bottom: 45px;
    }

    .params--wizard {
        margin-bottom: -5px;
    }

    .params--wizard:after {
        display: none;
    }

    .params--wizard .params__el {
        margin-top: 12px;
        padding-left: 33px;
        background-position: 2px 6px;
    }

/*    .params--wizard .params__el--weight {
        background-image: url(../i/item-weight.png);
    }

    .params--wizard .params__el--time {
        background-image: url(../i/item-time.svg);
    }

    .params--wizard .params__el--lifetime {
        background-image: url(../i/item-life-time.png);
    }*/

    /* step 2 */

    .wizard-step__head {
        color: #333;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 22px;
    }

    p.wizard-step__label:hover {
        cursor: initial;
    }

    .wizard-step__label {
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .item-wrap--wizard .wizard-step {
        width: 533px;
        padding-bottom: 90px;
    }

    .wizard-step .item-column {
        padding-bottom: 14px;
    }

    .catalog-head--wizard {
        font-size: 29px;
        font-weight: 700;
        line-height: 24px;
        margin-left: 0;
        margin-top: 35px;
        margin-bottom: 50px;
        letter-spacing: initial;
    }

    .params--wizard + .extra--wizard {
        margin-top: 32px;
    }

    .params--wizard + .extra--wizard .item-desc__make--wizard:before {
        content: "";
        display: block;
        width: 307px;
        height: 1px;
        background-color: #f2ebe2;
        top: -10px;
        left: -17px;
        position: absolute;
    }

    .item-desc__make--wizard {
        margin-top: 20px;
        border: none;
    }

    .item-desc__label--wizard span {
        color: #333;
        font-size: 13px;
        font-weight: 400;
        line-height: 24px;
    }

    .item-desc__make--wizard .item-desc__label span {
        width: 100%;
        display: block;
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    /* step 4 */
.capcake-counter {
    display: block;
    width: 94%;
    margin-bottom: 73px;
    height: 34px;
    background-color: #f8f1e6;
    border: 1px solid #979797;
    font-size: 0;
    text-align: justify;
    margin-top: 23px;
}

.capcake-counter:after {
    content: "";
    display: inline-block;
    width: 100%;
}

    .capcake-counter__input {
        display: none;
    }

    .capcake-counter__input:checked + .capcake-counter__label {
        background-color: #78504b;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        color: white;
        font-weight: 400;
    }

    .capcake-counter__input + .capcake-counter__label:after {
        content:"";
        display:block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 20px 0 20px;
        border-color: #78504b transparent transparent transparent;
        bottom: 6px;
        left: 0px;
        position: absolute;
        opacity: 0;
        transition: all .2s ease;
    }

    .capcake-counter__input:checked + .capcake-counter__label:after {
        opacity: 1;
        bottom: -5px;
    }

    .capcake-counter__input:checked + .capcake-counter__label:before {
        content: "";
        display: block;
        position: absolute;
        opacity: .1;
        width: 34px;
        height: 39px;
        top: 3px;
        left: 3px;
        z-index: 2;
        background-image: url("../i/wizard-counter-wrap.svg");
        background-repeat: no-repeat;
        transition: all .2s ease;
    }

    .capcake-counter__label {
        display: inline-block;
        top: -4px;
        position: relative;
        color: #3c3d41;
        line-height: 40px;
        width: 40px;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        transition: all .2s ease;
    }

    .capcake-counter__label:hover {
        font-weight: 700;
    }

    .wizard-step__capcake-el .wizard-step__label {
        line-height: 16px;
        margin-bottom: 20px;
    }

    .wizard-step__capcake-wrap {
        display: block;
        width: 228px;
        height: auto;
        margin-bottom: 27px;
    }

    .wizard-step__capcake-text {
        display: block;
        float: right;
        position: relative;
        width: 96px;
        padding-bottom: 20px;
        min-height: 105px;
    }

    .wizard-step__capcake-text .wizard-step__select {
        width: 220px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .wizard-step__capcake-head {
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        transition-duration: 0.1s;
    }

    .wizard-step__capcake-head:hover {
        color: #78504b;
    }

    .wizard-step__capcake-del {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #333;
        line-height: 20px;
        text-decoration: underline;
        transition-duration: 0.1s;
        font-family: Geometria, Helvetica, Arial, sans-serif;
    }
    .wizard-step__capcake-del:hover {
        color: #78504b;
        text-decoration: none;
    }

    .wizard-step__capcake-i-wrap {
        display: block;
        float: left;
        width: 105px;
        height: 105px;
        box-shadow: inset 0px 0px 0px 3px rgba(120,80,75,1);
    }

    /* step 7 */

.catalog-el--wizard {
    width: 450px;
    min-height: 0;
    padding-bottom: 0;
    margin-top: 5px;
}

.catalog-el--wizard:hover {
    background: transparent;
}

    .catalog-el--wizard .catalog-el__link {
        width: 236px;
        float: left;
    }

    .catalog-el--wizard .catalog-el__text {
        display: block;
        float: right;
        max-width: 186px;
        text-align: left;
        margin-top: 0;
        position: relative;
        padding-bottom: 60px;
        min-height: 236px;
        margin-bottom: 0;
    }

    .catalog-el--wizard .catalog-el__weight {
        margin-top: 12px;
    }

    .catalog-el--wizard .catalog-el__add {
        width: auto;
        padding-left: 18px;
        padding-right: 18px;
        bottom: 0;
        right: 0;
        text-transform: uppercase;
        text-align: center;
    }

    .catalog-el--wizard .catalog-el__cost {
        font-size: 14px;
    }

    /* step 8 */

    .wizard-step__textarea, .individual-order__textarea {
        display: block;
        width: 100%;
        margin-bottom: 24px;
        padding: 20px;
        border: 1px solid #f8f4ee;
        transition: all .2s ease;
        resize: none;
        height: 150px;
    }

    .wizard-step__textarea:hover, .individual-order__textarea:hover {
        border-color: #78504b;
    }

    .wizard-step__extra-text {
        color: #333;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        opacity: .63;
        margin-bottom: 19px;
    }

    .wizard-step__add-photo, .individual-order__addfile {
        max-width: 193px;
        text-align: center;
        padding: 12px 36px;
    }

    /* step 10 */

.checkout, .item-wrap--wizard .checkout {
    display: block;
    font-size: 0;
    width: 529px;
    float: left;
    padding-bottom: 60px;
}

    .checkout__header {
        margin-bottom: 30px;
    }

    .checkout__head {
        display: block;
        color: #333;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .checkout__type-img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 19px;
    }

    .checkout__el-wrap {
        display: inline-block;
        font-size: 0;
        margin-bottom: 30px;
    }

    .checkout__el-wrap--sm {
        display: inline-block;
        vertical-align: top;
        width: 240px;
        margin-right: 49px;
    }

    .checkout__el {
        display: inline-block;
        width: 224px;
    }

    .checkout__el-wrap--big .checkout__el {
        margin-right: 72px;
    }

    .checkout__el-wrap--big .checkout__el:nth-of-type(2n) {
        margin-right: 0px;
    }

    .checkout__el-wrap--sm:nth-child(2n) {
        margin-right: 0;
    }

    .checkout__cake-type svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 13px;
    }

    .checkout__img-wrap {
        display: inline-block;
        max-width: 105px;
        margin-right: 16px;
        vertical-align: top;
    }

    .checkout__img {
        width: 100%;
    }

    .checkout__text-wrap {
        display: inline-block;
        width: 103px;
    }

    .checkout__el-wrap--sm:last-child {
        margin-right: 0;
    }

    .checkout__title {
        color: #78504b;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 19px;
    }

    .checkout__text {
        display: inline-block;
        color: #78504b;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        vertical-align: middle;
    }

    .checkout__params-wrap {
        display: block;
        padding: 30px 34px 34px 32px;
        border: 1px solid #cbc7c2;
        margin-top: 24px;
        margin-bottom: 33px;
        font-size: 0;
    }

    .checkout__col {
        display: inline-block;
    }

    .checkout__col .checkout__head {
        margin-bottom: 9px;
    }

    .checkout__col .checkout__text {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    .checkout__col:nth-child(1) {
        width: 190px;
    }

    .checkout__col:nth-child(2) {
        width: 200px;
    }

    .checkout__col:nth-child(3) {
        width: 70px;
    }

    .checkout__el-wrap--big {
        width: 100%;
    }

.additional {
    width: 100%;
    border: 1px solid #cbc7c2;
    padding: 15px 12px 27px 20px;
}
    .additional__text {
        color: #333;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .additional__img-wrap {
        display: inline-block;
        font-size: 0;
    }

    .additional__img {
        display: inline-block;
        max-width: 198px;
        margin-right: 18px;
        vertical-align: top;
    }

    .additional__img-text {
        display: inline-block;
        max-width: 280px;
    }

    /* wizard step 11 */

.wizard-step--contacts {
    position: relative;
    /*min-height: 472px;*/
    min-height: 415px;
}

.user-contacts {
    display: inline-block;
    width: 250px;
    margin-right: 39px;
    margin-bottom: 32px;
    vertical-align: top;
}

.user-contacts:nth-of-type(2n) {
    margin-right: 0;
}

    .user-contacts__label {
        display: block;
        color: #333;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 11px;
    }

    .user-contacts__input {
        display: block;
        width: 100%;
        height: 50px;
        border: 1px solid #ccc8c3;
        padding-left: 21px;
        transition: all .2s ease;
    }

    ::-webkit-input-placeholder {color:#ccc8c3;font-family: Geometria, Helvetica, Arial, sans-serif;font-size: 14px;}
    ::-moz-placeholder          {color:#ccc8c3;font-family: Geometria, Helvetica, Arial, sans-serif;font-size: 14px;}/* Firefox 19+ */
    :-moz-placeholder           {color:#ccc8c3;font-family: Geometria, Helvetica, Arial, sans-serif;font-size: 14px;}/* Firefox 18- */
    :-ms-input-placeholder      {color:#ccc8c3;font-family: Geometria, Helvetica, Arial, sans-serif;font-size: 14px;}

    .item-wrap--wizard .wizard-step--contacts {
        width: 539px;
        margin-right: 0;
    }

    .wizard-btn--final:after, .wizard-btn--final:before {
        display: none;
    }

    .user-contacts__input:hover, .user-contacts__input:focus {
        border: 1px solid #78504b;
    }

    /* wizard step 12 */

    .wizard-btn--gotomain {
        float: left;
        padding: 14px 32px;
    }

    .wizard-btn--gotomain:after, .wizard-btn--gotomain:before {
        display: none;
    }

    .wizard-step--final {
        min-height: 291px;
        position: relative;
    }

    .wizard-step__thanks {
        opacity: 0.63;
        color: #333;
        line-height: 22px;
    }

    /* lk side */

    .signin-side__user-info {
        display: block;
        margin-bottom: 41px;
    }

    .signin-side__username, .signin-side__user-email {
        color: white;
        font-size: 16px;
        line-height: 27px;
        font-weight: 700;
    }

    .signin-side__user-email {
        font-weight: 400;
    }

    .signin-side__link-wrap {
        display: block;
    }

    .signin-side__lk-link {
        display: inline-block;
        width: auto;
        color: white;
        font-size: 16px;
        line-height: 37px;
        margin-bottom: 10px;
        position: relative;
    }

    .signin-side__lk-link:after, .signin-side__lk-link:before {
        content:"";
        display:block;
        width: 1px;
        height: 100%;
        top: -27px;
        left: -10px;
        background-color: white;
        position: absolute;
        opacity: 0;
        transition: all .1s ease;
    }

    .signin-side__lk-link:before {
        top: 27px;
    }

    .signin-side__lk-link:hover {
        color: white;
        opacity: .9;
    }

    .signin-side__lk-link:hover:after {
        top: 0;
        opacity: 1;
    }

    .signin-side__lk-link:hover:before {
        top: 0;
        opacity: 1;
    }

/*------------------------------------*\
     news css
\*------------------------------------*/

.news, .conf {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 100px;
}
    .news__head, .conf__head {
        margin-bottom: 40px;
    }

    .news__el, .conf__el {
        display: block;
        padding: 20px 30px 20px 30px;
        margin-bottom: 30px;
        font-size: 0;
        background-color: #faf8f4;
        transition: all .2s ease;
        position: relative;
        overflow: hidden;
    }

    @media (max-width: 480px) {
        .conf__el {
            padding-left: 10px;
            padding-right: 10px;
        }

        .conf ol {
            margin-left: 0;
        }

        .conf__head h1 {
            font-size: 28px;
        }
    }

    .news__img-wrap {
        display: inline-block;
        margin-right: 5%;
        width: 25%;
        vertical-align: top;
        overflow: hidden;
    }

    .news__text-wrap {
        display: inline-block;
        width: 70%;
        vertical-align: top;
        text-align: left;
    }

    .news__header {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .news__title {
        display: inline-block;
        width: 80%;
    }

    .news__date {
        display: inline-block;
        width: 20%;
        text-align: right;
    }

    .news__img {
        display: block;
        width: 100%;
        transition: all 2s ease;
    }

    .news__el:hover .news__img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    .news__el:after {
        content: attr(data-btn-text);
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        display:block;
        width: 100px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        text-align: center;
        top: 20px;
        right: -120px;
        color: #faf8f4;
        background-color: #f6006a;
        transition: all .2s ease;
        position: absolute;
        opacity: 0;
    }

    .news__el:hover:after {
        right: 0;
        opacity: 1;
    }

    .news__pages {
        display: block;
        text-align: center;
        font-size: 0;
    }

    .news__page {
        display: inline-block;
        width: 30px;
        height: 30px;
        font-size: 15px;
        text-align: center;
        border: 2px solid #78504b;
        transition: all .2s ease;
        color: #78504b;
        margin-right: 10px;

    }

    .news__page:hover {
        opacity: .88;
    }

    .news__page-link {
        display: block;
        line-height: 27px;
        width: 100%;
    }

    .news__page--active {
        background-color: #78504b;
        color: #fff;
    }

    .news__el--detail:hover:after {
        opacity: 0;
        display: none;
    }

    .news__el--detail {
        padding-top: 30px;
        font-size: initial;
        padding-bottom: 40px;
    }

    .news__el--detail .news__date {
        display: inline-block;
        /*position: absolute;*/
        width: 20%;
        text-align: right;
        top: 20px;
        right: 20px;
    }

    .news__el--detail .news__text-wrap, .news__el--detail .news__img-wrap {
        float: left;
    }

    .news__el--detail .news__head {
        display: inline-block;
        width: 80%;
        margin-bottom: 20px;
    }

    .news__el--detail .news__header, .conf__head {
        display: block;
        width: 100%;
        border-bottom: 1px solid #333;
        font-size: 0;
    }

    .conf__head {
        padding-bottom: 20px;
        padding-top: 10px;
        margin-bottom: 25px;
    }

    .news__el--detail .news__img-wrap {
        max-width: 600px;
    }

    .news__el .news__img {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }

    .conf ol li {
        padding-bottom: 10px;
    }

    .conf ol ol li {
        list-style-type: lower-alpha;
    }

    .conf ol ol li:last-of-type {
        padding-bottom: 0;
    }

    .conf ol ol {
        padding-bottom: 10px;
    }

    .news__el--detail img {
        max-width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
    }

    .news__el--detail a {
        color: #78504b;
        text-decoration: underline;
        transition: all .2s ease;
    }

    .news__el--detail a:hover {
        opacity: .68;
    }

    .news__el--detail li::before {
        content: "•";
        display: inline-block;
        padding-right: 15px;
        font-weight: 400;
        margin-left: -22px;
    }

    .news__el--detail p {
        margin-bottom: 20px;
    }

    .news__el--detail b {
        font-weight: 500px;
    }

    .news__el--detail li {
        color: #78504b;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        padding-bottom: 21px;
        padding-left: 22px;
    }

    .news__el--detail ul {
        display: block;
        padding-bottom: 20px;
    }

/*------------------------------------*\
     degustation css
\*------------------------------------*/

.degustation {
    margin-bottom: 60px;
}

.degustation .item-form {
    max-width: 100%;
}

.degustation .parsley-errors-list, .degustation .input-filename, .degustation .item-form__text--file {
    padding-left: 0;
    padding-right: 35%;
}

.degustation .item-form__field, .degustation .item-form__date, .degustation .item-form__time, .degustation .item-form__upload-btn {
    margin-right: 35%;
    width: 360px;
}

.basket-info__field-wrap.conf-check {
    padding-left: 30px;
}

.basket-info__field-wrap.conf-check .item-desc__label {
    font-size: 16px;
    line-height: 18px;
}

[hidden] {
    display: none !important;
}

.degustation .item-form__upload-btn {
    width: 281px;
}

.upload__files-wrap {
    margin-right: 35%;
    float: right;
    clear: both;
    width: 281px;
    margin-top: 20px;
}

.file {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7e5955;
}

.file:nth-last-of-type(2) {
    border-bottom: 0;
}

.file__icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.file__text {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
    font-weight: 500;
    color: #333333;
    max-width: calc(100% - 60px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.upload {
    text-align: left;
}

.upload:after {
    content: '';
    display: table;
    clear: both;
}

.upload__btn {
    margin-right: 35%;
    float: right;
    clear: both;
    width: 281px;
    height: 51px;
    text-align: center;
}

@media (max-width: 1024px) {
    .upload__btn, .upload__files-wrap {
        margin-right: 0;
    }
}

@media (max-width: 550px) {
    .upload__btn, .upload__files-wrap {
        width: 100%;
        margin-right: 0;
    }

    .pay-del__label, .item-form__label {
        line-height: 24px;
    }
}

.file__remove {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background-size: cover;
    transition: all .2s ease-in-out;
    margin-top: 5px;
    background-image: url("../i/delete-file.png");
}

.file__remove:hover {
    opacity: .77;
}

.degustation .item-form__el {
    max-width: 100%;

}

@media screen and (max-width: 1300px) {
    .degustation .parsley-errors-list, .degustation .input-filename, .degustation .item-form__text--file {
        padding-left: 0;
        padding-right: 25%;
    }

    .degustation .item-form__field, .degustation .item-form__date, .degustation .item-form__time, .degustation .item-form__upload-btn {
        margin-right: 25%;
        width: 40%;
    }
}

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

    .degustation .parsley-errors-list, .degustation .input-filename, .degustation .item-form__text--file {
        padding-left: 0;
        padding-right: 0%;
    }

    .degustation .item-form__field, .degustation .item-form__date, .degustation .item-form__time, .degustation .item-form__upload-btn {
        margin-right: 0%;
        width: 40%;
    }
}

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

    .degustation .parsley-errors-list, .degustation .input-filename, .degustation .item-form__text--file {
        padding-left: 0;
        padding-right: 0%;
    }

    .degustation .item-form__field, .degustation .item-form__date, .degustation .item-form__label--multiline, .degustation .item-form__time, .degustation .item-form__upload-btn {
        margin-right: 0%;
        width: 100%;
        max-width: 100%;
    }

    .degustation .item-form__list li:not(:last-child), .degustation .item-form__label--multiline {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 460px) {
    .degustation {
        padding: 0 10px;
    }

    .degustation .popup-inner__head {
        margin-bottom: 5px;
    }

    .degustation .item-form__list {
        margin-left: 0;
    }
}
/*------------------------------------*\
     footer css
\*------------------------------------*/

footer {
    display: block;
    width: 100%;
    position: relative;
    bottom: 0px;
    left: 0;
    overflow: hidden;
    clear: both;
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

    /*soc-btns */
    .footer__social-row {
        position: relative;
        /*margin-top: 124px;*/
        margin-bottom: 69px;
    }

    .footer__soc-btns {
        display: block;
        width: 370px;
        height: 49px;
        margin: 0 auto;
        background-color: #f2ebe2;
        text-align: center;
    }

    @media (max-width: 500px) {
        .footer__soc-btns {
            font-size: 0;
            text-align: center;
            width: 267px;
        }
    }

    .footer__social-row:after {
        content:"";
        display:block;
        width: 100%;
        height: 1px;
        top: 26px;
        left: 0px;
        z-index: -1;
        position: absolute;
        background-color: #78504b;
    }

    .footer__soc-btn {
        display: inline-block;
        position: relative;
        width: 49px;
        height: 49px;
        border: 3px solid #78504b;
        margin-right: 21px;
        /*background-image: url("../i/soc-btns.png");*/
        background-position: 0px 0px;
        background-repeat: no-repeat;
        transition: background-color .2s ease;
    }

    .footer__soc-btn:last-child {
        margin-right: 0px;
    }

    .footer__soc-btn:after {
        content:"";
        display:block;
        right: 0;
        bottom: 0;
        margin: auto;
        top: 0px;
        left: 0px;
        position: absolute;
        background-image: url("../i/footer-soc-icons.svg");
        transition: all .2s ease;
        background-repeat: no-repeat;
    }

    .footer__soc-btn--in:after {
        width:17px;
        height:17px;
        background-position:0 -17px;
    }

    .footer__soc-btn--vk:after {
        width:20px;
        height:12px;
        background-position:0 -46px;
    }

    .footer__soc-btn--ok:after {
        width:12px;
        height:20px;
        background-position:0 -78px;
    }

    .footer__soc-btn--fb:after {
        width:20px;
        height:20px;
        background-position: 0 -118px;
    }

    .footer__soc-btn--in {
        background-position:0 -17px;
    }

    .footer__soc-btn--vk {
        background-position:0 -46px;
    }

    .footer__soc-btn--max:after {
      width: 24px;
      height: 24px;
      background-image: url("../i/social-max.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }

    .footer__soc-btn--max:hover:after {
      filter: brightness(0) invert(1);
    }

    /* footer lists */
    .footer__content {
        float: left;
        max-width: 770px;
    }

    .footer-wrap {
        max-width: 1173px;
        margin: 0 auto;
        position: relative;
    }

    .footer__list {
        display: block;
        margin-right: 26px;
        float: left;
        margin-bottom: 39px;
    }

    .footer__list--no-margin {
        margin-right: 0px;
    }

    .footer__list-el {
        color: #333;
        font-size: 14px;
        line-height: 27px;
        margin-bottom: 1px;
    }

    .footer__list:nth-child(2) {
        margin-right: 61px;
    }

    .footer__list-el--head {
        margin-bottom: 23px;
    }

    .footer__list-el--head .footer__list-link {
        color: #d94b8c;
        font-family: "Playfair  Display", 'Times New Roman', Times, serif;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.8px;
    }

/*    .footer__list-el--head:hover .footer__list-link {
        opacity: .87;
    }*/

    .footer__news {
        display: block;
        float: left;
        width: 283px;
    }

    .footer__news-title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 15px;
        letter-spacing: 0.8px;
        color: #d94b8c;
    }

    .footer__news-img-link, .footer__head-link {
        display: block;
        transition: all .2s ease;
    }

    .footer__news-img-link:hover, .footer__head-link:hover {
        opacity: .87;
    }

    .footer__img {
        display: block;
        margin-bottom: 18px;
    }

    .footer__news-date {
        color: #333;
        font-size: 13px;
        line-height: 27px;
        margin-bottom: 7px;
    }

    .footer__news-head {
        margin-bottom: 7px;
    }

    .footer__news-text {
        color: #7e5955;
        font-size: 14px;
        line-height: 21px;
    }

    div[data-placeholder] {
        cursor: pointer;
    }

    .subscribe__field {
        width: 282px;
        height: 50px;
        background-color: #f8f4ef;
        border: 1px solid #979797;
        padding-left: 19px;
    }

    .subscribe__send {
        display: block;
        position: absolute;
        /*bottom: 1px;*/
        top: 37px;
        left: 50%;
        height: 50px;
        width: 120px;
        transition: all .2s ease;
        opacity: 0;
    }

    .subscribe__field-wrap--focus + .subscribe__send {
        opacity: 1;
        left: 100%;
        z-index: 0;
    }

    .subscribe__field-wrap {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 2;
    }

    .subscribe__field-wrap:after {
        content:attr(data-placeholder);
        display:block;
        width: 100%;
        height: 0px;
        top: 14px;
        left: 17px;
        position: absolute;
        transition: all .2s ease;
        pointer-events: none;
    }

    .subscribe__field-wrap:before {
        content:"";
        background-image: url(../i/field-arrow.png);
        background-repeat: no-repeat;
        display:block;
        width: 11px;
        height: 17px;
        top: 17px;
        right: 17px;
        position: absolute;
        transition: all .2s ease;
    }

    .subscribe__field-wrap--focus:before {
        right: -100%;
    }

    .subscribe__field-wrap--focus:after {
        left: -100%;
    }

    .subscribe__head {
        display: inline-block;
        margin-bottom: 10px;
    }

    .subscribe {
        display: block;
        float: right;
        position: relative;
    }

    .paraweb-logo {
        display: block;
        position: absolute;
        bottom: 0px;
        float: right;
        right: 0px;
        transition: all .2s ease;
    }

    .paraweb-logo:hover {
        opacity: .88;
    }



/*------------------------------------*\
     sub css START
\*------------------------------------*/

.b-right {
    float: right;
}
.b-left {
    float: left;
}

.wizard-btn__text {
    color: white;
    font-family: 'geometria', Helvetica, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.73px;
    line-height: 22px;
    text-transform: uppercase;
       padding: 0 40px;
}


/*------------------------------------*\
     account
\*------------------------------------*/
    .title-level__2 {
        color: rgb(51, 51, 51);
        font-family: "Playfair  Display", Times, "Times New Roman", serif ;
        font-size: 21px;
        font-weight: 700;
        line-height: 28px;
    }


/* account-menu */
    .account-menu__item {
        display: block;
    }
        .account-menu__text {
            color: rgb(51, 51, 51);
            font-family: 'geometria', Helvetica, Tahoma, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 34px;
            transition: color .3s .1s;
        }

    .account-menu__item:hover {
        cursor: pointer;
    }
    .account-menu__item:hover   .account-menu__text {
        color:rgb(217, 75, 140);
    }
/* accoutn-setting */
.account-setting__form {
    width: 570px;
    min-height: 330px;
}
.account-setting__form .basket-continue__btn {
    margin-top: 0;
    padding: 0 30px
}
.account-setting__form .basket-continue__btn:hover{
    background-color: #78504b;
    color: #ffffff;
}

    .account-setting__item {
        width: 48%;
        padding-top: 24px;
    }
        .account-setting__name {
            display: block;
            color: rgb(51, 51, 51);
            font-family: 'geometria', Helvetica, Tahoma, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 25px;
        }
        .account-setting__field {
            display: block;
            width: 100%;
            background-color: white;
            border: 1px solid rgba(151, 151, 151, 0.43);
            border: none;
            padding: 18px;
            margin-top: 11px;
        }
        .account-setting__field-text {
            color: black;
            font-family: 'geometria', Helvetica, Tahoma, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 18px;
        }
    .input--focus  input {
        box-shadow: 0px 0px 0px 2px transparent;
        transition: box-shadow 0.3s;
        }
        .input--focus input:focus {
            /*border: 0;*/
            box-shadow: 0px 0px 0px 2px #eca29b;
        }

.account-setting__control-row {
    padding-top: 28px;
}
.half-item {
    width: 45%;
}

/* table */
.order-table {
    width: 100%;
    max-width: 700px;
    margin-bottom: 20px;
}
    .order-table__name {
        display: block;
        color: rgb(51, 51, 51);
        font-family: 'geometria', Helvetica, Tahoma, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 11px;
        text-align: left;
    }
    .order-table__body {
        border-top: 1px solid rgba(120, 80, 75, 0.51);
    }

    .order-table__col {
        color: rgb(51, 51, 51);
        font-family:  'geometria', Helvetica, Tahoma, sans-serif;
        font-size: 16px;
        line-height: 30px;
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 40px;
        min-width: 240px;
        padding-right: 20px;
    }
    .order-table__col:last-of-type {
        min-width: 100px;
        padding-right: 0;
    }
    .order-table__col-title{
        font-weight: 700;
        display: block;
    }
    .order-table__col-text {
        font-weight: 400;
        display: block;
    }
    .order-table__row {
        display: block;
        padding-left: 45px;
    }
    .order-table--actual-order .order-table__row {
        background:
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41"><title>Page 1</title><path d="M0 20.13c0 11.12 8.94 20.12 19.99 20.12 11.05 0 20.01-9 20.01-20.12C40 9.01 31.04 0 19.99 0S0 9.01 0 20.13zm4 0c0-8.9 7.16-16.1 16-16.1s16 7.2 16 16.1c0 8.89-7.16 16.1-16 16.1S4 29.02 4 20.13zm17 .5L30 26l-1.51 2.48L18 22.14V10.06h3z" fill="#78504b"/></svg>')
        no-repeat
        0 19px;
    }
    .order-table--ready-order  .order-table__row {
        background:
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41"><title>Page 1</title><path d="M0 20.13c0 11.12 8.94 20.12 19.99 20.12 11.05 0 20.01-9 20.01-20.12C40 9.01 31.04 0 19.99 0S0 9.01 0 20.13zm4 0c0-8.9 7.16-16.1 16-16.1s16 7.2 16 16.1c0 8.89-7.16 16.1-16 16.1S4 29.02 4 20.13z" fill="#78504b"/><path d="M28.706 13.467l2.435 2.464-12.578 11.651-6.59-7.428 2.268-2.573 4.425 5.86z" fill="#78504b"/></svg>')
        no-repeat
        0 19px;
    }
    main ol {
        padding-top: 15px;
        padding-bottom: 20px;
        color: rgb(51, 51, 51);
        font-family: 'geometria', Helvetica, Tahoma, sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin-left: 20px;

    }
    main ol li {
        list-style-type: decimal;
        padding-left: 15px;
        padding-bottom: 30px;
        line-height: 22px;
    }
.item-desc__example--light-brown {
    background-color: rgba(120, 80, 75, 0.1);
}
.wizard-cake-type {
    display: none;
}

.basket-final__edit {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.basket-final__edit:hover {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/*------------------------------------*\
     restore password
\*------------------------------------*/

    .restore-password {
        display: block;
        margin-bottom: 80px;
    }

    .restore-password__head {
        display: block;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .restore-password__head .account-setting__item {
        padding-top: 0;
    }

    .restore-password__text {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .restore-password .account-setting__form {
        min-height: 150px;
    }

    .restore-password__btn {
        margin-top: 30px;
    }

    .restore-password__form {
        width: 570px;
        min-height: 160px;
    }

/*------------------------------------*\
     restore password
\*------------------------------------*/

.pay-del-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 80px;
}

.pay-del, .item-form {
    max-width: 670px;
    margin-top: 70px;
}

#ui-datepicker-div.disabled .ui-datepicker-header:after {  content: "";  display: block;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background-color: #fff;  opacity: .8;  z-index: 100;  }
.ui-datepicker td a, .ui-datepicker td span {
    text-align: center;
    line-height: 30px;
}

.pay-del {
        float: right;
        width: 375px;
        border-left: 1px solid #bea9a1;
        margin-top: 76px;
        padding-left: 70px;
    }

.pay-del p.error {
    font-weight: 700;
}

.pay-del__other{
    display: block;
    margin-top: 20px;
    position: relative;
    font-size: 12px;
    text-decoration: underline !important;
}

.item-form {
        margin-top: 0;
    }

    .pay-del__title, .item-form__title {
        margin-bottom: 40px;
    }

    .pay-del__el, .item-form__el {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        font-size: 0;
        clear: both;
        position: relative;
    }

    .item-form__el--deg {
        overflow: hidden;
        max-height: 0;
        margin-bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .4s ease-in-out;
    }

    .item-form__el--deg-active {
        opacity: 1;
        visibility: visible;
        margin-bottom: 34px;
        max-height:800px;
    }

    .item-form__el--disabled {
        opacity: .5;
    }

    .item-form__el:after, .pay-del__el:after {
        content: "";
        display: table;
        clear: both;
    }

    .pay-del__label, .item-form__label {
        display: inline-block;
        color: #333;
        font-size: 16px;
        font-weight: 500;
        line-height: 50px;
        text-align: left;
        float: left;
    }

    .item-form__label span {
        color: #7e7e7e;
    }

    .item-form__label--multiline {
        line-height: 22px;
        max-width: 378px;
    }

    .pay-del__field:hover, .pay-del__field:focus, .item-form__field:hover, .item-form__field:focus {
        border: 1px solid #78504b;
    }
    .pay-del__field:disabled {
        border: 1px solid #ccc8c3 !important;
    }

.pay-del__field, .item-form__field, .item-form__date, .item-form__time {
        display: block;
        float: right;
        width: 250px;
        height: 51px;
        border: 1px solid #ccc8c3;
        padding-left: 21px;
        transition: all .2s ease;
    }

    .pay-del--disabled {
        opacity: 0.7;
    }

    .pay-del--disabled:after {
        content:'';
        display: block;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .pay-del__el input, .pay-del__el label{
        float: none;
    }

.item-form__photo-required {
        display: block;
        font-weight: 500;
        margin-top: 5px;
        color: #333 !important;
        font-family: Geometria, Helvetica, Arial, sans-serif;
    }

    .item-form__date {
        background-image: url(../i/basket-date-i.svg);
        background-repeat: no-repeat;
        padding-right: 50px;
        background-position: 93% center;
    }

    .item-form__field--area {
        min-height: 133px;
        padding: 10px 21px;
        resize:none;
        font-family: Arial;
        font-size: 16px;
    }


    #item-deg-monthly {
        z-index: 100;
        right: 0;
        top: 0;
    }

    .item-form__time {
        padding-left: 0;
    }

    .pay-del__field {
        width: 100%;
    }

    .pay-del__send, .item-form__send {
        padding: 13px 89px;
        float: right;
        margin-top: 20px;
        clear: both;
        text-align: center;
        text-transform: uppercase;
    }

    .pay-del__send {
        width: 100%;
    }

    .pay-del__head, .item-form__head {
        margin-top: 37px;
        margin-bottom: 49px;
    }

    div.popup-inner--item-form {
        width: 871px;
        max-width: none;
        background-color: #f2ebe2;
    }

    .popup-inner__head {
        font-weight: 700;
    }

    .popup-inner__text {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left;
    }

    .popup-inner--item-form .item-form {
        width: 100%;
        max-width: none;
    }


    .item-form__radio:checked + .item-form__radio-label--time {
        border: 1px solid #78504b;
        box-shadow: 0 0 0 1px #78504b;
    }

    .item-form__radio {
        display: none;
    }

    .item-form__radio-wrap {
        display: block;
        width: calc(100% + 20px);
        margin-right: -20px;
        margin-top: 38px;
        text-align: left;
        font-size: 0;
        clear: both;
        font-size: 0;
    }

    .item-form__radio-label--time {
        display: inline-block;
        width: 112px;
        height: 49px;
        text-align: center;
        border: 1px solid #ccc8c3;
        margin-right: 16px;
        margin-bottom: 15px;
        line-height: 49px;
        transition: all .2s ease-in-out;
        color: #78504b;
        font-family: Geometria, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
    }

    .item-form__radio-label--time:not(.item-form__radio--disabled):hover {
        border: 1px solid #78504b;
        cursor: pointer;
    }

    .item-form__radio--time[disabled] + .item-form__radio-label--time {
        background-color: #f4f0ec;
        border: 1px solid #dfd9d3;
        color: #dfd9d3;
    }


/*------------------------------------*\
     pay-delivery popup
\*------------------------------------*/

.js-popup {
    display: block;
    background-color: #f2ebe2;
    z-index: 10;
}

.js-popup--delivery {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    width: 100%;
    transition: all .2s ease;
}

.js-popup--active {
    opacity: 1;
    max-height: 2000px;
}

    .js-popup__title {
        display: block;
        width: 80%;
        margin-bottom: 27px;
    }

    button.js-popup__close-btn {
        z-index: 2;
        top: 0;
    }

.for-description {
    display: block;
    font-size: 0;
    padding-bottom: 110px;
}

    .for-description__item {
        display: inline-block;
        color: #333;
        line-height: 20px;
        margin-right: 36px;
        font-weight: 700;
    }

    .for-description__item:last-of-type {
        margin-right: 0;
    }

    .for-description__img {
        display: block;
        margin: 0 auto;
        margin-top: 53px;
        width: 96%;
    }

.input-file-wrap {
    position: relative;
    cursor: pointer;
}

.input-file-wrap .parsley-errors-list {
    position: absolute;
    bottom: -20px;
    padding: 0;
    text-align: right;
}

::-webkit-file-upload-button { cursor:pointer; }

.input-file-wrap:after {
    content:"Прикрепить файл";
    display:block;
    line-height: 36px;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.input-filename b {
    display: block;
}

.input-file-wrap input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer;
}

.wizard-step__add-photo {
    width: 188px;
    height: 40px;
    cursor: pointer;
    text-align: center;
}

.individual-order {
    margin-bottom: 80px;
}

.individual-order__addfile {
    height: 49px;
    margin-top: 20px;
    float: right;
    width: 193px;
}

.individual-order__addfile:after {
    line-height: 45px;
}

/*------------------------------------*\
     correct css START
\*------------------------------------*/

/*******item_01****************/

.item-buy__soc-btn--fb {
    background-position: -15% 50%;
}
W
.item-buy__soc-btn--tw {
    background-position: 50% 50%;
}

.item-buy__soc-btn--vk {
    background-position: 106% 50%;
}
/*******item_01 end***************/



/************hover in menu*******/

.main-menu__item--active {
    position: relative;
}

.main-menu__item--active:after {
    position: absolute;
    content: "";
    width: 35%;
    top: 27px;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #d94b8c;
    opacity: 0.57;
    z-index: 1;
}

.main-menu__item--active:hover:after {
    display: none;
}
/************hover in menu end*******/




/************banner********************/

.banner-make {
    position: relative;
}

.banner-make__logo {
    margin: auto;;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    background-color: #78504b;
}

.banner-make__text-wrap {
    width: 137px;
    height: 137px;
    border-radius: 50%;
    border: 1px dashed white;
    margin: 7px auto;
    text-align: center;
}

.banner-make__text {
    margin-top: 27%;
    font-family: "Playfair  Display", Times, "Times New Roman", serif;
    font-style: italic;
    color: white;
    font-size: 21px;
}

.banner-make__track {
    overflow: hidden;
    white-space: nowrap;
}

.banner-make__item {
    display: inline-block;
    width: 20%;
}
/************banner end********************/





/************banner-2********************/
@-webkit-keyframes rot1 {
    100% {-webkit-transform: rotate(370deg);transform: rotate(370deg); }
}
@keyframes rot1 {
    100% {-webkit-transform: rotate(370deg);transform: rotate(370deg); }
}
@-webkit-keyframes rot2 {
    100% {-webkit-transform: rotate(320deg);transform: rotate(320deg); }
}
@keyframes rot2 {
    100% {-webkit-transform: rotate(320deg);transform: rotate(320deg); }
}

.banner--how {
    position: relative;
    overflow: hidden;
}

.banner-how__track {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    height: 420px;
    width: 420px;
    top: 100%;
}

.track--left {
    -webkit-animation-name: rot1;
            animation-name: rot1;
    -webkit-animation-duration: 18s;
            animation-duration: 18s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);
    left: -15%;
}

.track--right {
    -webkit-animation-name: rot2;
            animation-name: rot2;
    -webkit-animation-duration: 18s;
            animation-duration: 18s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: reverse;
            animation-direction: reverse;
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
    right: -10%;
}

.banner-how__item {
    position: absolute;
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    bottom: 50%;
    height: 420px;
    width: 420px;
    text-align: center;
}

.banner-how__item:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.banner-how__item:nth-of-type(2) {
    -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
            transform: rotate(72deg);
}
.banner-how__item:nth-of-type(3) {
    -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
            transform: rotate(144deg);
}
.banner-how__item:nth-of-type(4) {
    -webkit-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
            transform: rotate(216deg);
}
.banner-how__item:nth-of-type(5) {
    -webkit-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
            transform: rotate(288deg);
}

.banner-make__text--nowrap {
    font-family: "Playfair  Display", Times, "Times New Roman", serif;
    font-weight: 700;
    margin: auto;;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 160px;
    height: 62px;
    font-size: 21px;
    z-index: 1;
}

/************banner-2 end********************/

/*PRELOADER START*/

@-webkit-keyframes X {
   100% { margin-left: 90% }
}

@keyframes X {
   100% { margin-left: 90% }
}

@-webkit-keyframes Y {
    100% { bottom: 120% }
}

@keyframes Y {
    100% { bottom: 120% }
}

@keyframes spin {
    30% { -webkit-transform: rotate(30deg); transform: rotate(30deg) }
    70% { -webkit-transform: rotate(-70deg); transform: rotate(-70deg) }
    100% { -webkit-transform: rotate(30deg); transform: rotate(30deg) }
}

.start-preloader {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 99999;
    transition: all .2s ease;
    background: #f2ebe2;
}

.start-preloader:not(.start-preloader--active) .preloader-logo {
    visibility: hidden;
    opacity: 0;
}

.start-preloader--hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.preloader-logo {
    -webkit-animation-name: X;
            animation-name: X;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}

.preloader-logo div {
    -webkit-animation-name: Y;
            animation-name: Y;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    position: absolute;
    bottom: 0;
    left: 0;
}

.preloader-logo div img {
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}
/* PRELOADER END */

.button--choise {
    transition-duration: 0.3s;
}

.button--choise:hover {
    color: white;
    background-color: #78504b;
}

.footer__list-el a {
    transition-duration: 0.1s;
}

.footer__list-el:hover a {
    color: #d94b8c;
}

.restore-password__btn {
    transition-duration: 0.3s;
}

.button-transparent-brown {
    transition: all .2s ease;
}

.button-transparent-brown:hover, .restore-password__btn:hover {
    color: white;
    background-color: #78504b;
}

.wizard-btn--prev:after {
    transition-duration: 0.2s;
}

.wizard-btn--prev:hover:after {
    left: 12px;
}

.main-menu__item-wrap--sign {
    position: relative;
    transition-duration: 0.3s;
}

.main-menu__item-wrap--sign .main-menu__text:after {
    position: absolute;
    content: "";
    width: 0;
    height: 26px;
    left: 30px;
    top: -2px;
    background-color: #d94b8c;
    z-index: -1;
    transition-duration: 0.3s;
}

.main-menu__item-wrap--sign .main-menu__text:hover {
    color: white;
}

.main-menu__item-wrap--sign .main-menu__text:hover:after {
    width: 90%;
}

.main-menu__item-wrap--sign .main-menu__text {
    transition: all .3s ease;
}

.main-menu__item-wrap--basket .main-menu__text {
    position: relative;
}

.main-menu__item-wrap--basket .main-menu__text:before {
    position: absolute;
    content: "";
    width: 0;
    height: 26px;
    right: -4px;
    top: -4px;
    z-index: -1;
    background-color: #d94b8c;
    transition-duration: 0.3s;
}

.main-menu__item-wrap--basket .main-menu__text:hover {
    color: white;
}

.main-menu__item-wrap--basket .main-menu__text:hover:before {
    width: 123%;
    right: -4px;
}

.signin-side__button {
    transition-duration: 0.3s;
}

.signin-side__button:hover {
    background: white;
    color: #d94b8c;
}


.basket-side__button {
    transition-duration: 0.3s;
}

.basket-side__button:hover {
    background: white;
    color: #78504b;
}

.filter__submit {
    transition-duration: 0.3s;
}

.filter__submit:hover {
    color: white;
    background-color: #7e5955;
}

.subscribe__field:hover {
    border-color: #78504b;
}

.search__field:hover {
    border-color: #78504b;
}

.footer__soc-btn:hover{
    background-color: #78504b;
}

.footer__soc-btn--in:hover:after {
    background-position:0 0;
}

.footer__soc-btn--vk:hover:after {
    background-position:0 -34px;
}

.footer__soc-btn--fb:hover:after {
    background-position: 0 -98px;
}

.footer__soc-btn--ok:hover:after {
    background-position:0 -58px;
}

.wizard-reviews__btn, .wizard-reviews__send-btn {
    transition-duration: 0.3s;
}

.wizard-reviews__btn:hover, .wizard-reviews__send-btn:hover {
    color: white;
    background-color: #78504b;
}

/*------------------------------------*\
     correct css END
\*------------------------------------*/

/*------------------------------------*\
    popup style
\*------------------------------------*/

/* Outer */
.popup {
    width: calc(100% + 18px);
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    overflow-y: scroll;
    left: 0px;
    background: rgba(0,0,0,0.75);
    z-index: 10000;
}

.popup-img {
    display: inline-block;
    max-width: 100%;
    text-align: center;
}

.popup-btn-close {
    width: 60px;
    height: 30px;

}

/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    margin-bottom: 2%;
    position:absolute;
    text-align: center;
    top:0%;
    left:50%;
    -webkit-transform:translate(-50%, 2%);
    -ms-transform: translate(-50%, 2%);
        transform: translate(-50%, 2%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}

/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    -ms-transform:translate(50%, -50%);
        transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}

.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    -ms-transform:translate(50%, -50%) rotate(180deg);
        transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

.parsley-errors-list li {
    color: white;
    font-size: 13px;
    opacity: .78;
}

.mobile-menu-btn {
    display: none;
    visibility: hidden;
}

.tabs--pay-delivery {
   float: left;
   width: 735px;
   position: relative;
}

    .tabs__content {
        display: block;
        transition: all .3s ease;
        overflow: hidden;
        max-height: 0px;
        opacity: 0;
    }

    .tab-step-3 ul.parsley-errors-list {
        float: none;
    }

    .tab-wrapper {
        display: block;
        height: 0;
        overflow: hidden;
    }

    .tab-wrapper .tab-heigh-auto {
        max-height: none;
        height: auto;
        transition: none;
    }

    .h-auto {
        max-height: initial;
        z-index: -1;
        visibility: hidden;
    }

    .tabs__content--active {
        max-height: 2000px;
        opacity: 1;
        visibility: visible;
        z-index: 0;
    }

    .tabs__controls {
        display: block;
        margin-bottom: 55px;
        font-size: 0;
    }

    .tabs__title {
        display: block;
        margin-bottom: 31px;
    }

    .tabs__btn {
        display: inline-block;
        color: #333;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin-right: 34px;
        border-bottom: 1px dashed #979797;
    }

    .tabs__btn--enabled {
        font-weight: 700;
        color: #333 !important;
        border-bottom: none;
    }

    .tabs__btn--active {
        font-weight: 700;
        border-bottom: none;
    }

.pay-del-steps {
    font-size: 0;
    display: block;
}

    .pay-del-steps__el {
        display: inline-block;
        position: relative;
        max-width: 137px;
        vertical-align: top;
        margin-right: 30px;
    }

    .pay-del-steps .pay-del-steps__el:last-child {
        margin-right: 0;
        max-width: 73px;
    }

    .pay-del-steps:nth-of-type(2) .pay-del-steps__el:last-of-type {
        max-width: 145px;
    }

    .pay-del-steps__el:last-of-type:after {
        display: none;
    }

    .pay-del-steps__el:after {
        content:"";
        display:block;
        width: 20px;
        height: 14px;
        top: 24px;
        left: 80%;
        position: absolute;
        background-image: url("../i/c/arrow-right.svg");
        background-repeat: no-repeat;
    }

    .pay-del-steps__img {
        margin-bottom: 17px;
    }

    .pay-del-steps__text {
        color: #333;
        font-weight: 400;
        line-height: 20px;
    }

    .pay-del-steps__text--popup {
        text-decoration: underline;
        cursor: pointer;
        transition: all .2s ease;
    }

    .pay-del-steps__text--popup:hover {
        color: black;
        font-weight: 500;
    }

    .pay-del-steps__next-btn {
        display: block;
        max-width: 289px;
        text-align: center;
        line-height: 47px;
        height: 50px;
        padding: 0 60px;
        margin-top: 101px;
    }


    .sidebar-activator--open, .js-popup__close-btn {
        display: block;
        position: absolute;
        width: 25px;
        height: 25px;
        transition: all .2s ease;
        z-index: 5001;
        top: 20px;
        left: initial;
        right: 20px;
        background-color: transparent;
        background-image: none;
    }

    .sidebar-activator--open:after, .sidebar-activator--open:before, .js-popup__close-btn:after, .js-popup__close-btn:before {
        content: "";
        display: block;
        width: 34px;
        height: 2px;
        top: 12px;
        left: -5px;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        background-color: #78504b;
    }

    .sidebar-activator--open:before, .js-popup__close-btn:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .js-popup__close-btn:hover {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        opacity: .78;
    }

.contact-wrap {
    width: 100%;
}

.user-contacts-textarea {
    width: 100%;
}

.sitemap {
    margin-bottom: 20px;;
}

    .sitemap__el {
        transition: all .2s ease;
    }

    .sitemap__el--head {
        font-family: "Playfair Display", 'Times New Roman', Times, serif;
        font-size: 18px;
        font-weight: 600;
        color: #d94b8c;
    }

    .sitemap__el--head:hover {
        opacity: .88;
    }

    .sitemap__title {
        margin-bottom: 40px;
    }

    .sitemap__row {
        padding: 10px 0 0 20px;
    }

    .sitemap__list {
        padding: 10px 0 0 20px;
    }

    .sitemap__list-el {
        transition: all .2s ease;
        position: relative;
        margin-bottom: 2px;
    }

    .sitemap__list-el a {
        transition: all .2s ease;
    }

    .sitemap__list-el a:hover {
        color: #d94b8c;
    }

/*    .sitemap__list-el:before {
        content: "";
        position: absolute;
        left: -20px;
        top: 10px;
        display: block;
        width: 5px;
        height: 1px;
        background-color: #333;

    }*/
    .user-contacts-textarea .wizard-step__textarea {
        margin-bottom: 20px;
    }

    .user-contacts-textarea .parsley-errors-list {
        margin-bottom: 20px;
    }

.tabs-controls {
    font-size: 0;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.tabs-controls__btn {
    display: inline-block;
    margin-right: 86px;
}

.tabs-controls__btn {
    color: #ccc8c3;
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    position:relative;
    border-bottom: none;
}

.tabs-controls__btn.tabs__btn--active {
    color: #333;
}

.tabs-controls__btn.tabs__btn--active:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    width: 80%;
    margin: 0 10%;
    height: 2px;
    background-color: #e38fb0;
}

.tabs-controls__btn:last-child {
    margin-right: 0;
}
.item-form__upload-btn {
    float: right;
    clear: both;
    width: 281px;
    height: 51px;
    text-align: center;
}

.item-form__list, .item-form__checkbox-l{
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    /*line-height: 33px;*/
    text-align: left;
}

.item-form__checkbox-l {
    padding-left: 40px;
    line-height: 27px;
}

.item-form__el--checkbox {
    text-align: left;
    margin-top: 60px;
}

.item-form__list li {
    padding-bottom: 0;
}

.item-form__list li:not(:last-child) {
    margin-bottom: 50px;
}

.item-form__upload-btn ~ .input-filename {
    float: right;
    clear: both;
    text-align: right;
    margin-top: 10px;
}

.item-form__text--file {
    display: block;
    margin-bottom: 10px;
    text-align: right;
}

.item-form__upload-btn:after {
    line-height: 48px;
}


/* sub desktop styles > 1024px */
@media screen and (max-width: 1170px) {
    .contact-wrap {
        padding: 0 15px;
    }

    .payment-method__methods {
        margin-right: 0;
    }

    .pay-del {
        border-left: 0;
        width: 100%;
        float: none;
        padding-left: 0;
        margin: 20px auto;
        max-width: 735px;
    }

    .tabs--pay-delivery {
        margin: 0 auto;
        float: none;
        max-width: 735px;
        width: 100%;
        margin-top: 30px;
    }

    header {
        overflow: hidden;
    }
    .main-menu__item-wrap {
        width: 14%;
        white-space: nowrap;
    }

    .main-menu__item-wrap:nth-child(3) {
        width: 20%;
    }

    .advantages__el:nth-child(3n) {
        margin-right: 29px;
    }

    .advantages__el:nth-child(2n) {
        margin-right: 0px;
    }

    .main-menu__item-wrap:nth-of-type(4) {
        margin-right: 32%;
    }

    .main-menu__item-wrap:nth-of-type(5) {
        width: 9%;
    }

    .main-menu__item-wrap:last-of-type {
        width: 12%;
    }

    .main-menu__item-wrap:nth-last-of-type(2) {
        width: 14%;
    }

    .main-menu__item-wrap:nth-last-of-type(2) {
        margin-right: 2%;
    }

    .main-menu__item-wrap--sign, .main-menu__item-wrap--basket {
        width: 50%;
    }

    .map-wrap {
        display: block;
        padding: 0 10px;
    }

    .item-column {
        margin-right: 1%;
        margin-left: 0;
        width: 27%;
    }

    .pay-delivery__img {
        max-width: 25%;
    }

    .item-gallery {
        margin-left: 1%;
        width: 43%;
    }

    .pay-delivery__text {
        max-width: 67%;
    }

    .item-buy__accept-i {
        margin-right: 15px;
    }

    .item-wrap .item-banners {
        margin-right: 1%;
        width: 26%;
    }

    .pay-delivery {
        width: 100%;
    }

    .special__l {
        min-width: 65%;
    }

    .out-production__block {
        width: 100%;
    }

    .out-production {
        text-align: center;
    }

    .out-production__block-big {
        width: 30%;
        margin-right: 3.3%;
        background-position: center;
    }

    .menu__logo-wrap {
        padding-left: 28px;
    }

    .special, .main-choose {
        padding: 0 10px;
    }

    .branch__el {
        width: 22%;
    }

    .wizard-step, .item-wrap--wizard .wizard-step {
        width: 100%;
    }

    .wizard-step-wrap {
        max-width: 45%;
        width: 45%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .wizard-step__s-label {
        margin-right: 25px;
    }

    .wizard-step__s-label:nth-of-type(4n) {
        margin-right: 25px;
    }

    .catalog-el--wizard {
        width: 100%;
        margin-right: 0;
    }

    .catalog-el--wizard .catalog-el__link {
        width: 54%;
    }

    .catalog-el--wizard .catalog-el__text {
        max-width: 40%;
        min-width: initial;
        padding-left: 10px;
    }

    .item-desc--wizard .item-buy__soc-block {
        margin-right: 0;
    }

    .catalog-el--wizard .catalog-el__add {
        height: auto;
        text-align: center;
        margin: 0 5px;
        line-height: 23px;
        padding: 8px 0;
    }

    .checkout__el-wrap--sm {
        width: 45%;
        margin-right: 5%;
    }

    .checkout__el-wrap--big .checkout__el {
        margin-right: 5%;
    }

    .checkout__el-wrap--big .checkout__el {
        width: 45%;
    }

    .checkout__el {
        width: 100%;
    }

    .checkout__params-wrap {
        padding: 3%;
    }

    .user-contacts {
        width: 48%;
        margin-right: 4%;
    }

    .user-contacts:nth-child(2n) {
        margin-right: 0;
    }

    .checkout__col:nth-child(1n) {
        width: 40%;
        vertical-align: top;
    }

    .checkout__col:nth-child(3) {
        width: 20%;
    }

    .news {
        padding: 0 10px;
    }

    .news--detail {
        padding: 0;
    }

    .b-account {
        margin-left: 10px;
    }

    .basket-auth {
        padding: 0px 10px;
    }

    .basket-head {
        margin-left: 10px;
    }

    .basket-final__info {
        padding: 0 10px;
    }

    .payment-method {
        padding: 0 10px;
    }

    .restore-password {
        padding: 0 10px;
    }

    main ol li {
        margin-left: 15px;
        margin-right: 10px;
    }

    footer {
        padding: 0 10px;
    }

    .footer__list:nth-child(2) {
        margin-right: 25px;
    }


    .menu__basket {
        padding-right: 33px;
    }

    .menu__sign-in {
        padding-left: 33px;
    }

    .sidebar {
        width: 27%;
        margin-left: 2%;
        max-width: 270px;
    }

    .bread-crumbs {
        margin-left: 20px;
        margin-right: 20px;
    }

    .banner-make--catalog {
        margin-left: 20px;
        margin-right: 20px;
        width: 96%;
    }

    .catalog {
        width: 65%;
        margin-right: 2%;
        text-align: center;
    }

    .catalog-el:nth-of-type(3n) {
        margin-right: 29px;
    }

    .catalog-el:nth-child(2n) {
        margin-right: 0px;
    }

    .catalog-head {
        margin-left: 20px;
        margin-right: 20px;
    }

    .basket-table__h-cell:nth-of-type(1) {
        width: 65%;
        text-align: left;
        padding-left: 20px;
    }

    .basket-table__h-cell:nth-of-type(2) {
        width: 30%;
    }

    .basket-table__h-cell:nth-of-type(3) {
        padding-right: 20px;
        width: 30%;
        text-align: right;
    }

    .basket-table__cell:nth-child(1) {
        padding-left: 20px;
    }

    .basket-table__cell:nth-child(3) {
        padding-right: 20px;
        width: 16%;
        min-width: 85px;
    }

    .card {
        margin-left: 20px;
    }

    .menu {
        position: relative;
        z-index: 2;
    }

}

/* mobile css */
@media screen and (max-width: 1025px) {

    .start-preloader {
        display: none !important;
    }

    .basket-info {
        padding: 0 15px;
    }

    .basket-auth__field-wrap, .basket-info__field-wrap {
        height: auto;
    }

    .basket-info__date-wrap .basket-info__label {
        width: 100%;
        margin-bottom: 10px;
    }

    .basket-info__label--time {
        margin-bottom: 10px;
    }

    .basket-info__date-text, .basket-info__remind {
        text-align: right;
    }

    .basket-auth__field-wrap, .basket-info__field-wrap, .basket-info__select-wrap--city, .basket-info__select-wrap--branch, .individual-order__field-wrap, #basket-info__city-styler, #basket-info__branch-styler, #basket-info__time-styler {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .basket-info__date-wrap {
        width: 100%;

    }

    .basket-info__select-wrap--city, .basket-info__select-wrap--branch {
        height: auto;
    }

    .basket-info__column--right {
        width: 100%;
    }

    .basket-info__continue {
        margin-top: 0;
    }


    .basket-info__column {
        float: none;
        display: block;
    }

    .basket-auth__label, .basket-info__label, .field-brown__label {
        display: block;
        width: 100%;
    }

    .basket-info__date {
        width: 100%;
    }

    .basket-auth__field, .basket-info__field, .field-brown__field, .individual-order__field, .individual-order__date-wrap, .individual-order__date, .individual-order__addfile, .individual-order__continue {
        width: 100%;
    }

    .individual-order__continue {
        margin-top: 0px;
    }

    .individual-order__addfile {
        max-width: initial;
    }

    /* HEADER START */
    .main-submenu {
        position: fixed;
        left: -100%;
        width: 100%;
        height: 100%;
        top: 0px;
        padding-top: 80px;
        transition: all .2s ease;
        background-color: #f2ebe2;
        z-index: 210;
        overflow: scroll;
    }

    .main-menu__item-wrap--arrow:after {
        content: "";
        display: block;
        width: 20px;
        height: 48%;
        top: 9px;
        right: 0;
        position: absolute;
        background-image: url(../i/mobile-arrow-right.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-menu__item-wrap:not(.main-menu__item-wrap--arrow):not(.main-menu__item-wrap--sign):not(.main-menu__item-wrap--basket) .main-menu__item {
        width: 100%;
    }

    .main-menu__item-wrap:hover .main-submenu {
        opacity: initial;
        top: 0px;
        color: initial;
        padding-top: 80px;
        background-color: #f2ebe2;
    }

    .main-submenu--active {
        opacity: 1;
        visibility: visible;
        left: 0;
    }

    .main-submenu__item:hover, .main-submenu__item:focus {
        color: white;
    }

    .main-submenu__text {
        display: block;
        text-align: left;
        padding-left: 10%;
        font-size: 14px;
    }

    .main-submenu__item-wrap {
        margin-bottom: 10px;
        position: relative;
    }

    .main-submenu__item {
        color: #333;
        font-size: 12px;
        font-weight: 700;
    }

    .menu__logo-wrap {
        position: relative;
        padding-left: 0;
        z-index: 1;
    }

    .header-main-w {
        padding-top: 25px;
    }

    .main-choose {
        margin-top: 0;
    }

    .mobile-menu-btn {
        display: block;
        position: relative;
        visibility: visible;
        width: 44px;
        height: 36px;
        margin-left: 20px;
        z-index: 2;

    }

    .mobile-menu-btn__line {
        display: block;
        position: absolute;
        width: 34px;
        height: 2px;
        background-color: #d94b8c;
        /*margin-bottom: 10px;*/
    }

    .main-menu__item-wrap:nth-child(3), .main-menu__item-wrap:nth-last-of-type(2), .main-menu__item-wrap:nth-last-of-type(3), .main-menu__item-wrap:last-of-type, .main-menu__item-wrap {
        width: 100%;
        margin: 0;
    }

    .main-menu__item--active:after {
        content:"";
        display:block;
        width: 2px;
        height: 100%;
        top: 0px;
        left: -15px;
        border-right: 0;
        margin-top: 0;
        opacity: .88;
        margin: initial;
        background-color: #df77a3;
        position: absolute;
    }

    .main-menu__item-wrap--basket, .main-menu__item-wrap--sign {
        text-align: left;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.92px;
        line-height: 12px;
        padding: 16px 17px 18px 17px;
        text-align: left;
        position: relative;
        transition: all .2s ease;
        z-index: 3;
        width: 50%;
    }

    .main-menu__item-wrap--basket {
        text-align: right;
        width: 80px;
        top: -26px;
        right: -19px;
        position: absolute;
    }
    .main-menu__item-wrap--sign {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .main-menu__item-wrap--basket .main-menu__text {
        display: none;
    }

    .main-menu__item {
        display: inline-block;
    }

    .main-menu__item-wrap:nth-last-of-type(2) .main-menu__item {
        padding: 16px 38px 18px 6px;
    }

    .main-menu__item-wrap--basket .main-menu__item:after {
        display: none;
    }

    .main-menu__item, .main-menu__item-wrap:nth-of-type(5) .main-menu__item, .main-menu__item-wrap:nth-last-of-type(2) .main-menu__item, .main-menu__item-wrap:last-of-type .main-menu__item {
        padding-left: 0;
        text-align: left;
    }

    .main-menu__item-wrap--basket .main-menu__item:before {
        content: "";
        display: inline-block;
        margin-left: 9px;
        margin-right: 3px;
        vertical-align: middle;
        width: 26px;
        height: 22px;
        background-image: url(../i/basket-icon.svg);
        background-repeat: no-repeat;
        margin-right: 13px;
    }

    .menu {
        display: block;
        z-index: 201;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #f2ebe2;
        padding: 10px 7%;
        transition: all .2s cubic-bezier(.25,.75,.61,.92);
        height: 0;
        opacity: 0;
        overflow: hidden;
        top: 0;
        visibility: hidden;
    }

    .menu__logo-wrap {
        top: -55px;
    }

    .menu--active {
        height: 100%;
        opacity: 1;
        overflow: visible;
        padding-top: 50px;
    }

    .menu--active {
        visibility: visible;
    }

    .main-menu {
        top: -100px;
        transition: all .1s cubic-bezier(.25,.75,.61,.92);
    }

    .menu--active .main-menu {
        top: 0;
    }

    .main-menu__item:hover, .main-submenu:hover + .main-menu__item {
        background: transparent;
        color: black;
    }

    /* MOBILE MENU START*/
    .cmn-toggle-switch {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      font-size: 0;
      text-indent: -9999px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      transition: background 0.3s;
    }

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

    .cmn-toggle-switch span {
        display: block;
        position: absolute;
        width: 34px;
        height: 2px;
        background-color: #d94b8c;
    }

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

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

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

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

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

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

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

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

    .cmn-toggle-switch__htx.active {
      z-index: 220;
    }

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

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

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

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

    .signin-side-wrap {
        left: -100%;
        width: 100%;
        padding: 10% 7%;
        padding-bottom: 0;
    }

    .basket-side-wrap {
        right: -100%;
        width: 100%;
        padding: 10% 7%;
        padding-bottom: 0;
    }

    .signin-side__button--register, .basket-side__button {
        margin-bottom: 10px;
    }

    .signin-side-wrap--active {
        left: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .basket-side-wrap--active {
        right: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .js-side-field-wrap:after {
        width: 90%;
    }

    .signin-side {
        width: 100%;
    }

    .basket-side {
        max-width: 100%;
        width: 100%;
    }

    /* HEADER END */

    /* FOOTER START */
    .footer__news {
        width: 30%;
        margin-right: 5%;
    }

    .footer__lists {
        width: 100%;
    }

    .footer__list {
        display: inline-block;
        float: none;
        vertical-align: top;
        margin-right: 5%;
    }

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

    .subscribe {
        float: left;
    }

    .footer__list:nth-child(2) {
        margin-right: 4%;
    }

    /* FOOTER END */

    /* catalog mobile style */

    .filter__cost-text {
        width: 20%;
    }

    .filter__cost-field-wrap {
        width: 80%;
        max-width: initial;
        margin-bottom: 10px;
    }

    .filter__to-text.filter__cost-text {
        margin-left: 0;
        margin-right: 12px;
    }

    .filter__from-text .filter__cost-field-wrap {
        margin-bottom: 10px;
    }

    .catalog {
        padding: 0 10px;
    }

    .catalog-el {
        width: 100%;
        max-width: 350px;
    }

    .catalog-el__link {
        width: 100%;
    }

    .basket-final__el {
        width: 30%;
        margin-right: 5%;
    }

    #basket-info-monthly {
        left: initial;
        right: 70px;
        top: 23px;
        width: 350px;
        z-index: 101;
    }

    .basket-info__column--right .basket-info__select-wrap {
        width: 45%;
    }


    .basket-info__column:after {
        content: "";
        display: table;
        clear: both;
    }

    .individual-order__column {
        margin-bottom: 30px;
        width: 100%;
    }

    .individual-order {
        display: block;
        padding: 0 15px;
    }

}


/* #2 */
.ui-icon {
    text-indent: 0px;
}

@media (max-width: 1025px) {
    .info-date--active{
        top: 31px !important;
        left: -250px !important;
    }
    }

@media (max-width: 1368px) {
    .info-date--active{
        right: 30% !important;
        left: auto !important;
    }
    }

@media screen and (max-width: 1025px) {
    .basket-table__count-t {
        display: block;
    }

    .user-contacts {
        width: 100%;
    }

    .contact-wrap {
        margin-bottom: 40px;
    }

    .user-contacts-textarea .wizard-step__add-photo {
        width: 100%;
        max-width: 100%;
    }

    .user-contacts-textarea {
        width: 100%;
    }

    .pay-del-steps__el {
        margin-bottom: 20px;
    }

    .pay-del-wrap {
        padding: 0 15px;
    }

    .wizard-reviews__el--form .individual-order__field-wrap {
        width: 100%;
        max-width: 100%;
    }

    .wizard-reviews__el--form .wizard-reviews__label {
        float: left;
        width: auto;
        line-height: 50px;
    }

    .main-choose__controls {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .catalog-head, .individual-order__head {
        font-size: 32px;
        letter-spacing: initial;
    }

    .main-choose__l, .main-choose__r {
        width: 100%;
    }

    .main-choose__r {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        text-align: left;
    }

    .special__l, .special__r {
        width: 100%;
        max-width: 100%;
    }

    .special__r {
        text-align: left;
        margin-top: 20px;
    }

    .main-choose {
        margin-bottom: 60px;
    }

    .advantages__el {
        width: 47%;
        margin-right: 3%;
    }

    .footer__img {
        width: 100%;
    }

    .main-choose__r > h3:after {
        width: 100%;
    }

    .out-production {
        margin-bottom: 40px;
    }

    .banner-make {
        margin-bottom: 60px;
    }

    .advantages__el:focus:after, .advantages__el:active:after {
        opacity: 0.04;
    }

    .irs-from, .irs-to {
        border-width: 0 9px 12px 9px;
    }

    .payment-method__content .tabs__content {
        max-width: 50%;
    }

    /*Item-01.html*/

    .wizard-reviews {
        width: 100%;
    }

    .item-form__field {
        width: 60%;
    }

    .item-form {
        width: 100%;
    }

    .item-gallery {
        margin-left: 0;
        width: 100%;
    }

    .catalog-head {
        margin: 20px 15px;
        margin-bottom: 60px;
    }

    .item-preview__image {
        max-width: 70%;
        margin: 0 auto;
    }

    .item-wrap {
        padding: 0 15px;
        overflow: hidden;
    }

    .catalog-head {
        font-size: 30px;
    }

    .item-preview__thumbs {
        text-align: center;
    }

    .item-desc__text {
        max-width: 100%;
    }

    .item-wrap .item-banners {
        display: none;
    }

    .item-column {
        width: 100%;
        margin: 0;
    }

    .item-buy__delivery {
        min-height: 40px;
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .item-desc__make-wrap--active {
        width: 272px;
        background-size: contain;
        margin: 0 auto;
        margin-top: 25px;
    }

    .item-desc--pre-wizard .item-desc__wrap {
        width: 100%;
        margin-left: 0;
    }

    .item-buy__to-basket {
        margin-bottom: 13px;
    }

    .item-gallery {
        margin-bottom: 40px;
    }

    /* map.html */

    .branch__list {
        text-align: center;
    }

    .branch__el {
        width: 47%;
        margin-right: 3%;
        padding-right: 1%;
        -ms-text-align-last: auto;
        text-align: left;
        margin-bottom: 15px;
    }

    .branch__el:nth-of-type(2n) {
        margin-right: 0;
    }

    .branch__el:nth-of-type(2n):after {
        display: none;
    }

    .news__date {
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        width: 100px;
    }

    .news__title {
        width: 100%;
    }

    /* news */

    .news__text-wrap {
        width: 100%;
        margin-top: 15px;
    }

    .out-production__block {
        width: 100%;
        background-position: center;
        margin: 0;
        margin-bottom: 20px;
    }

    .out-production__block-small:nth-child(1) {
        margin-bottom: 20px;
    }

    .special {
        margin-bottom: 80px;
    }

    .paraweb-logo {
        bottom: -25px;
        left: 0;
        right: 0;
        text-align: right;
    }

    .paraweb-logo__img {
        display: inline-block;
    }

    .new-advantages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        background-color: #fff8eb;
        width: calc(100% - 40px);
        margin: 0 auto
    }

    .new-advantages__item{
        width: 30%;
    }

   /* catalog mobile style */

    .sidebar {
        float: none;
        position: fixed;
        width: 100%;
        height: 100%;
        left: -100%;
        opacity: 0;
        top: 0;
        transition: all .2s ease;
        background-color: #f2ebe2;
        max-width: 100%;
        margin-left: 0;
        padding: 20px 40px;
        padding-top: 50px;
    }

    .filter__label {
        margin-top: 10px;
    }

    .sidebar--active {
        left: 0;
        opacity: 1;
        z-index: 5000;
    }

    .sidebar-activator {
        display: block;
        position: fixed;
        left: 0;
        top: 100px;
        z-index: 1000;
        height: 60px;
        width: 30px;
        opacity: .74;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+ICA8ZyBmaWxsPSIjZmZmIj4gICAgPHBhdGggZD0iTTEwLjQ1NiAxNmw2LjE5Ni02LjI4NWMuMzkxLS4zOTQuMzkxLTEuMDM0IDAtMS40MjgtLjM5MS0uMzk0LTEuMDI0LS4zOTQtMS40MTQgMGwtNi44OTkgNi45OTljLS4zNzUuMzc5LS4zNzcgMS4wNDggMCAxLjQyOWw2LjkgNi45OTljLjM5LjM5NCAxLjAyNC4zOTQgMS40MTQgMCAuMzkxLS4zOTQuMzkxLTEuMDM0IDAtMS40MjhMMTAuNDU2IDE2eiIvPiAgICA8cGF0aCBkPSJNMTcuNDU2IDE2bDYuMTk2LTYuMjg1Yy4zOTEtLjM5NC4zOTEtMS4wMzQgMC0xLjQyOC0uMzkxLS4zOTQtMS4wMjQtLjM5NC0xLjQxNCAwbC02Ljg5OSA2Ljk5OWMtLjM3NS4zNzktLjM3NyAxLjA0OCAwIDEuNDI5bDYuODk5IDYuOTk5Yy4zOTEuMzk0IDEuMDI0LjM5NCAxLjQxNCAwIC4zOTEtLjM5NC4zOTEtMS4wMzQgMC0xLjQyOEwxNy40NTYgMTZ6Ii8+ICA8L2c+PC9zdmc+);        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-color: #78504b;
    }

    .sidebar-activator-opacity {
        opacity: .4;
    }

    .sidebar-activator:not(.sidebar-activator--open):focus, .sidebar-activator:not(.sidebar-activator--open):hover, .sidebar-activator:not(.sidebar-activator--open):target {
        opacity: 0;
    }

    .search {
        max-width: initial;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    @-webkit-keyframes sidebarActivetor {
        0%   {left: -10px;}
        50% {left: 0px;}
        100% {left: -10px;}
    }

    @keyframes sidebarActivetor {
        0%   {left: -10px;}
        50% {left: 0px;}
        100% {left: -10px;}
    }

    .sidebar-activator:not(.sidebar-activator--open) {
        -webkit-animation: sidebarActivetor 2s infinite; /* Safari 4.0 - 8.0 */
        animation: sidebarActivetor 2s infinite;
    }

    .sidebar {
        overflow-y: auto;
    }

    .filter {
        margin-bottom: 30px;
    }

    .filter__parameters {
        display: block;
        margin-top: 30px;
    }

    .catalog-wrap {
        text-align: center;
    }

    .catalog {
        width: 100%;
        margin-right: 0;
        display: inline-block;
        float: none;
    }

    .filter__cost-inner {
        text-align: center;
    }

    .filter__cost-field-wrap {
        width: 30%;
    }

    .filter__to-text.filter__cost-text {
        margin-left: 6px;
    }

    .pay-delivery {
        display: none;
    }

    /* account */

    .account-setting__form {
        width: 100%;
    }

    .account-setting__item:first-child {
        margin-right: 20px;
    }

    /* basket */

    .card__btn {
        width: 194px;
    }

    .card {
        width: 100%;
        margin-right: 0px;
        margin-left: 0;
        max-width: 100%;
        text-align: left;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .popup {
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup-close {
        top: 20px;
        right: 20px;
    }

    .popup .popup-inner {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
        left: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    .basket-table__text-wrap {
        max-width: 100%;
    }

}

@media screen and (max-width: 751px) {
    .catalog-el, .catalog-el:nth-of-type(3n) {
        margin-right: 0;
    }

    .order-table__col {
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 15px;
        padding-bottom: 20px;
        min-width: initial;
    }

    .order-table__col:nth-child(1) {
        min-width: 180px;
    }

    .basket-table__text-wrap {
        display: inline-block;
        padding-bottom: 20px;
        height: auto;
    }

    .basket-table__weight {
        position: static;
    }

    .basket-table__cost-wrap {
        height: auto;
        vertical-align: baseline;
    }

    .basket-table__count-wrap {
        display: inline-block;
        vertical-align: baseline;
    }

    .basket-table__img-wrap {
        display: block;
        margin-right: 10px;
    }

    .basket-table__count-t {
        display: block;
        margin-bottom: 10px;
    }
    .payment-method__methods {
        width: 40%;
    }
}
@media screen and (max-width: 610px) {

    .payment-method__desc {
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-top: 20px;
    }

    .payment-method__check + .payment-method__label {
        width: 100%;
    }
    .payment-method__methods {
        width: 100%;
        margin-right: 0;
    }
    .account-setting__item {
        width: 100%;
        margin-right: 0;
    }

    .account-setting__item:first-child {
        margin-right: 0;
    }

    .b-account {
        width: 100%;
        margin-left: 0;
    }

    .account-setting__item {
        float: none;
    }

    .restore-password__form {
        width: 100%;
    }

    .basket-final__el {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .basket-final__info {
        padding-left: 30px;
    }

    .payment-method__content .tabs__content {
        width: 100%;
        max-width: 100%;
    }

    .new-advantages__item{
        width: 50%;
    }
}

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

    .contact-table td {
        display: block;
        margin-bottom: 20px;
    }
    .card__input-wrap {
        width: 74%;
        margin-right: 3%;
    }

    .card__btn {
        width: 22%;
    }

    .card {
        padding: 0 15px;
    }

    .bread-crumbs span:not(:last-of-type):after {
        margin: 0 7px;
    }

    .item-form {
        padding: 15px;
    }

    .popup-inner {
        padding: 15px;
        width: 92%;
    }

    .special__text-wrap {
        width: 90%;
        max-width: 90%;
    }

    .advantages__el {
        width: 90%;
        margin-right: 0;
    }

    .advantages__el:nth-child(3n) {
        margin-right: 0;
    }

    .footer__news {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .item-form__upload-btn {
        width: 100%;
    }

    .item-preview__image {
        max-width: 100%;
    }

    .footer__lists {
        width: 100%;
        margin-right: 0;
    }

    .footer__list {
        width: 46%;
        margin-right: 6%;
    }

    .footer__list:nth-child(2n) {
        margin-right: 0;
    }

    .basket-side__button {
        margin-bottom: 60px;
    }

    .pay-del__send, .item-form__send {
        width: 100%;
    }

    .pay-del__field, .item-form__field, .item-form__date, .item-form__time {
        width: 100%;
    }

    .wizard-reviews__btn {
        width: 100%;
        text-align: center;
    }

    .map__select-city {
        width: 100%;
    }

    .news__head {
        font-size: 25px;
    }

    .subscribe {
        width: 100%;

    }

    .subscribe__field-wrap {
        width: 100%;
        z-index: 2;
    }
    .subscribe__field {
        width: 100%;
         z-index: 2;
    }

    .subscribe__send {
        width: 100%;
        position: relative;
        top: -50px;
        left: initial;
        right: initial;
    }

    .subscribe__field-wrap--focus + .subscribe__send {
        top: 0px;
        left: initial;
        right: initial;
        z-index: 0;
    }

    .order-table__col {
        display: block;
        width: 100%;
        padding-left: 7%;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .account-setting--order .wizard-btn {
        width: 100%;
    }

    .basket-table__img-wrap {
        float: none;
        margin-right: 0;
    }

    .basket-table__count-t {
        margin-right: 0;
    }

    .wizard-reviews__el--form .individual-order__field-wrap {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .wizard-reviews__el--form .wizard-reviews__label {
        float: none;
        width: 100%;
        line-height: 50px;
    }

    .wizard-reviews__field {
        width: 100%;
    }

    .wizard-reviews__send-btn {
        width: 100%;
    }

    .order-table__row:first-child ~ .order-table__row {
        border-top: 1px solid #d2c3ba;
    }
}

@media screen and (max-width: 480px) {
    .info-date--active {
        top: 31px !important;
        left: 10px !important;
    }

    .basket-info__continue {
        width: 100%;
        float: none;
        margin-top: 60px;
    }

    .basket-info__column--right .basket-info__select-wrap {
        width: 100%;
    }

    .basket-info__date-wrap {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .basket-table__text-wrap {
        padding-right: 15px;
    }
    .basket-auth__field-wrap, .basket-info__field-wrap, .individual-order__field-wrap {
        height: auto;
    }
    .basket-auth__field, .basket-info__field {
        width: 100%;
    }
    .basket-auth__restore-pwd-wrap {
        text-align: right;
    }

    .basket-auth__sign-in-btn, .basket-auth__sign-up-btn {
        margin-left: 0;
        float: right;
    }

    .basket-auth__sign-in:after {
        content: "";
        display: table;
        clear: both;
    }

    .basket-auth__continue {
        width: 100%;
    }

    .basket-auth__restore-pwd {
        width: 100%;
        margin-left: 0;
    }


    .card__input-wrap {
        width: 78%;
        margin-right: 0;
    }

    .new-advantages__item{
        width: 100%;
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 400px) {
    .main-menu__item-wrap--basket .main-menu__item {
        text-align: right;
/*        right: -20px;
        top: -44px;*/
    }

    .tabs-controls__btn {
        margin-right: 65px;
    }

    .sidebar {
        padding: 10px 20px;
        padding-top: 50px;
    }

    .item-buy__text {
        font-size: 13px;
    }

    .news__el--detail {
        padding: 20px 15px 20px 15px;
    }

    .wizard-btn {
/*        width: 47%;
        margin-right: 6%;*/
        width: 100%;
        margin-right: 0;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .restore-password__btn {
        padding: 13px 0;
        text-align: center;
        width: 37%;
    }

    .basket-table__cell {
        padding: 15px 0;
    }

    .basket-table__cell:nth-child(3) {
        padding-right: 5px;
    }

    .basket-table__cell:nth-child(2) {
        padding-right: 0;
    }

    .basket-table__cell:nth-child(1) {
        padding-left: 5px;
    }

    .basket-table__text-wrap {
        padding-bottom: 0;
    }

    .tabs__btn {
        margin-bottom: 15px;
    }

    .pay-del-steps {
        text-align: center;
    }

    .pay-del-steps__el {
        margin-right: 0;
        width: 100%;
        max-width: initial;
        margin-bottom: 60px;
    }

    .pay-del-steps__el:first-of-type {
        max-width: initial;
    }

    .pay-del-steps__el:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        margin-top: 104px;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .for-description__img {
        width: 99%;
    }

    .basket-table__cell:nth-child(1) {
        padding-left: 5px;
        width: 45%;
    }
}

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

    .card__input-wrap {
        width: 71%;
    }

    .card__input {
        padding-left: 7px;
        background-image: none;
    }

    .card__btn {
        width: 29%;
    }

    .popup .popup-inner {
        padding: 20px 10px;
    }

    .tabs-controls__btn {
        margin-right: 35px;
    }

    .basket-continue__btn, .restore-password__btn {
        width: 100%;
    }

    .basket-auth__sign-in-btn, .basket-auth__sign-up-btn {
        float: none;
        width: 100%;
    }

    .basket-auth__continue {
        margin-top: 20px;
    }

    #basket-info-monthly {
        left: initial;
        right: 30px;
        top: 80px;
    }
}

/* Саша здесь правил */
    @media (min-width: 1280px){
        .contacts-page .container .catalog-head{
            margin-bottom: 0;
        }
        .contact-wrap{
            margin: auto;
            font-size: 0;
        }
        .contact-wrap-left, .contact-wrap-right{

            min-width: 50%;
            display: inline-block;
        }
        .right{
            float: right;
        }
        .contact-point{
            width: 500px;
        }
        .contact-wrap-right .contact-point input{
            width: 471px;
            height: 50px;
        }
        .contact-wrap-right .contact-point textarea{
            width: 471px;
            height: 136px;
            border: 1px solid rgb(204, 200, 195);
        }
        .wizard-step__add-photo{
            min-width: 468px;
            max-width: 448px;
        }
    }
    .contact-point{
        margin: 50px 0;
    }
    .contact-point h2{
        margin-bottom: 20px;
    }
    .contact-wrap-right .contact-point input:focus, .contact-wrap-right .contact-point input:hover .contact-wrap-right .contact-point textarea:focus, .contact-wrap-right .contact-point textarea:hover{
        border: 1px solid #979797;
    }
    .contact-point p{
        color: #333333;
        font-family: "Geometria";
        font-size: 16px;
        line-height: 29px;
    }
    .contact-wrap-right .contact-point form label{
        color: #78504b;
        font-family: "Geometria";
        font-size: 14px;
        line-height: 29px;
    }
    .checkbox-grey-l{
        color: #78504b;
        height: 28px;
        max-width: 300px;
        font-family: "Geometria";
        font-size: 14px;
        font-weight: 300;
        line-height: 10px;
    }
    .contact-point .svg-container svg{
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        transition: linear all 0.2s;
    }
    .contact-point .svg-container{
        width: 49px;
        height: 49px;
        display: inline-block;
        margin: 20px 20px 0 0;
        transition: linear all 0.2s;
    }
    .contact-point .svg-container:hover{
        cursor: pointer;
        background: #78504b;
    }
    .svg-container:hover > svg{
        fill: #fff;
    }

    .wizard-step__add-photo{
        height: 50px;
        color: #fff;
        font-family: Geometria;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        background-color: #d94b8c;
        border: 2px solid #d94b8c;
        transition: all ease-in-out 0.2s;
    }
    .wizard-step__add-photo:hover{
        background-color: transparent;
        color: #d94b8c;
    }

    .contacts__soc-btn {
        display: inline-block;
        position: relative;
        width: 49px;
        height: 49px;
        border: 3px solid #78504b;
        margin-right: 21px;
        /*background-image: url("../i/soc-btns.png");*/
        background-position: 0px 0px;
        background-repeat: no-repeat;
        transition: background-color .2s ease;
    }
      .contacts__soc-btn:after {
        content:"";
        display:block;
        right: 0;
        bottom: 0;
        margin: auto;
        top: 0px;
        left: 0px;
        position: absolute;
        background-image: url("../i/footer-soc-icons.svg");
        transition: all .2s ease;
        background-repeat: no-repeat;
    }
    .contacts__soc-btn--in:after {
        width:17px;
        height:17px;
        background-position:0 -17px;
    }
    .contacts__soc-btn--vk:after {
        width:20px;
        height:12px;
        background-position:0 -46px;
    }
    .contacts__soc-btn--in:hover:after {
        background-position:0 0;
    }
    .contacts__soc-btn--vk:hover:after {
        background-position:0 -34px;
    }
    .contacts__soc-btn--ok:after {
        width:12px;
        height:20px;
        background-position:0 -78px;
    }
    .contacts__soc-btn--fb:after {
        width:20px;
        height:20px;
        background-position: 0 -118px;
    }
    .contacts__soc-btn--fb:hover:after {
        background-position: 0 -98px;
    }
    .contacts__soc-btn--ok:hover:after {
        background-position:0 -58px;
    }
    .contacts__soc-btn--max:after {
      width: 24px;
      height: 24px;
      background-image: url("../i/social-max.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    .contacts__soc-btn--max:hover:after {
      filter: brightness(0) invert(1);
    }
    a{
        text-decoration: none !important;
    }
    .main-choose__link {
        text-decoration: none !important;
    }
/* Саша прекратил править */

/* Main-page changes */
/* banner */

.swiper-hidden-slide {
    display:none !important;
    float:left;
}

.swiper-button-prev, .swiper-button-next {
    width: 30px;
    height: 30px;
    background: #f2ebe2;
    border-radius: 100%;
    transition: all .2s ease-in-out;
    margin-top: -15px
}

.swiper-button-prev:after, .swiper-button-next:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #da4b8d;
    border-right: 3px solid #da4b8d;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 3px;
}

.swiper-button-prev:hover, .swiper-button-next:hover{
    opacity: .8;
}

.swiper-button-prev:active, .swiper-button-next:active{
    opacity: .6;
}

.swiper-button-prev {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg)
}

.swiper-button-prev:after{
    top: calc(50% - 7px);
    left: calc(50% - 8px);
}

.swiper-button-next:after{
    top: calc(50% - 6px);
    left: calc(50% - 9px);
}

@media (min-width: 1026px) {
    .banner__img {
        width: 100%;
    }

    .banner__el picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    .banner__el picture img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

}

@media (max-width: 1025px){
    .swiper-mobile-skip {
        opacity: 0;
    }

    .banner{
        display: block;
        min-width: 90%;
        text-align: center;
        margin: auto;
        margin-bottom: 45px;
        height: auto;
    }
    .swiper-wrapper{
        max-width: inherit;
        height: inherit;
    }

    .content-carousel .banner__el img{
        left: 0;
        position: relative;
        width: 100%;
        display: table;
    }
    .banner__text-block h3{
        padding-top: 10px;
    }
    .banner__text-block h2{
        font-family: "Playfair  Display", sans-serif;
        font-weight: 400;
        line-height: 20px;
    }
    .banner__text-block p{
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 25px;
        color: #78504b;
        padding: 0px 0 20px;
    }
    .banner__text-block h3, .banner__text-block h4, .banner__text-block p, .banner__text-block h2{
        max-width: 500px !important;
        margin: auto;
    }
    .banner__text-block:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; right: 0; bottom: 0; left: -20px;
        box-sizing: content-box;
        padding: 10px;
        box-shadow: 0 0 0 1px #fff;
        margin: auto;
        margin-left: 10px;
        opacity: 0.6;
    }
    .banner__text-block{
        position: absolute;
        display: inline-block;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        height: auto;
        margin: auto;
        top: 0; right: 0; bottom: 0; left: 0;
        background: rgba(255, 255, 255, 0.9);
    }
    .banner{
        width: 300px
    }
    .banner__el{
        margin-bottom: -4px;
        height: auto !important;
    }
    .banner__text-block{
        width: 240px !important;
        margin: auto;
    }
    .banner__text-block h3{
        font-size: 12px;
    }
    .banner__text-block h2{
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .banner__text-block p{
        font-size: 14px;
    }
    .swiper-wrapper{
        width: 100% !important;
    }
}



@media (min-width: 401px) and (max-width: 767px){
    .banner, .banner__el{
        z-index: 2;
    }
}
@media (max-width: 424px){
    .banner__text-block:after{
        left: -15px;
        padding: 5px;
    }
    .banner__el:before{
        content: '';
        height: 125%;
    }
}
@media (min-width: 425px) and (max-width: 767px){
    .banner__text-block{
        width: 280px !important;
        margin: auto;
    }
    .banner__text-block h3{
        font-size: 12px;
    }
    .banner__text-block h2{
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .banner__text-block p{
        font-size: 16px;
    }
}
@media (min-width: 768px) and (max-width: 1025px){
    .banner__text-block{
        width: 300px !important;
        margin: auto;
    }
    .banner__text-block h3{
        font-size: 12px;
    }
    .banner__text-block h2{
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .banner__text-block p{
        font-size: 18px;
        max-width: 280px !important;
    }
    .banner__el:before{
        height: 145% !important;
        content: '';
    }
}
@media (max-width: 1025px){
    .banner__el{
        width: inherit;
        height: inherit;
    }
}
/* categories */
@media (max-width: 760px){
    .out-production__block{
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: 360px;
    }
}
@media (max-width: 1025px){
    .out-production__block-small, .out-production__block-big{
        background: none !important;
        background-color: #fff8eb !important;
        margin: 5px !important;
    }
    .out-production__btn-wrap{
        width: 100%;
        background: none;
        border: none;
        text-transform: uppercase;
    }
    .out-production__btn-wrap span{
        font-family: "geometria";
        width: 100%;
        font-size: 26px;
        font-weight: 700;
        color: #78504b;
        letter-spacing: 0;
    }
    .out-production__btn-wrap:after{
        box-shadow: none;
    }
    .out-production a{
        width: 44vw;
        height: 44vw;
    }
    .out-production__btn-wrap{
        vertical-align: middle;
    }
    .out-production__btn-wrap img{
        height: 60%;
        margin-top: -10px;
        margin-bottom: 15px;
    }
    .out-production__btn-wrap span{
        font-size: 10.4px;
        margin-top: -100px;
        letter-spacing: 0.25px;
    }
    .out-production__block:not(.out-production__block--parent):after{
        background-color: #fff2ee;
    }
    .out-production__block:hover > .out-production__btn-wrap .out-production__btn{
        color: #78504b;
    }
}
@media (min-width: 425px) and (max-width: 767px){
    .out-production__btn-wrap img{
        height: 120%;
        margin-top: -30px;
    }
    .out-production__btn-wrap span{
        font-size: 14px;
        margin-top: -100px;
    }
}
@media(min-width: 1026px){
    .out-production__btn-wrap img{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1025px){
    .out-production a{
        margin: 10px !important;
        width: 44vw;
        height: 44vw;
    }
    .out-production__btn-wrap img{
        height: 150%;
        margin-top: -60px;
        margin-bottom: 0;
    }
    .out-production__btn-wrap span{
        font-size: 26px;
        margin: 0;
    }
}
html, body{
    overflow-x: hidden;
}
.out-production__btn{
    text-transform: uppercase;
}

@media (max-width: 1025px) and (min-width: 760px) and (min-height: 765px) {
    .banner__text-block {
        width: 60% !important;
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
        min-width: 480px;
    }
    .banner__text-block h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .banner__text-block h4 {
        font-size: 22px;
    }
    .banner__text-block p {
        font-size: 20px;
        line-height: 22px;
    }
}

/* excellence */
.excellence{
    display: block;
    position: relative;
/*    justify-content: space-around;*/
    margin-left:auto;
    margin-right: auto;
    width: 1177px;
    overflow: hidden;
    max-width: calc(100vw - 40px);
    background-color:#fff8eb;
    margin-bottom: 77px;
    text-align: center;
    min-height: 212px;
    margin-top:55px;
}
.excellence__item{
    padding-top:38px;
    max-width: 165px;
/*    width:100%;*/
    margin-bottom:33px;
}
.excellence__item img{
    max-height: 73px;
    display: block;
    margin: auto;

}

.excellence .excellence-button-next, .excellence .excellence-button-prev{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
}
.excellence .excellence-button-next:before, .excellence .excellence-button-prev:before{
    content:'';
    display: block;
    position: absolute;
    top:25%;
    width:20px;
    height: 20px;
    border-top:2px solid #d94b8c;
    border-left:2px solid #d94b8c;
}
.excellence .excellence-button-next{
    right:10px;
    left:auto;
}
.excellence .excellence-button-prev{
    left:10px;
    right:auto;
}
.excellence .excellence-button-next:before{
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    right:25%;
}
.excellence .excellence-button-prev:before{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left:25%;
}
.excellence__item span{
    margin-top:19px;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
.excellence .swiper-slide{
    background-color:transparent;
}
@media (min-width:1101px){
    .excellence .excellence-button-next, .excellence .excellence-button-prev{
        display: none;
    }
}
@media (max-width:1024px){
    .excellence{
        margin-top:20px;
        margin-bottom:40px;
    }
}

@media (max-width:850px){
    .excellence{
        display: block;
        font-size: 0;
    }
    .excellence__item{
        display: inline-block;
        margin-left:20px;
        margin-right:20px;
    }
}
.excellence.swiper-container {
      width: 100%;
      height: 500px;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
/* excellence end*/

/* Changes has ended */

.sale-paysystem-yandex-button > a.sale-paysystem-yandex-button-item {
    display: inline-block;
    font-family: Geometria, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.73px;
    line-height: 45px;
    background-color: #d94b8c;
    border: 2px solid #d94b8c;
    transition: all .2s ease-in-out;
    height: 50px;
    padding: 0 50px;
    text-transform: uppercase;
}

.sale-paysystem-yandex-button > a.sale-paysystem-yandex-button-item:hover {
    background-color: transparent;
    color: #d94b8c;
}

.sale_order_full_table:first-child {
    margin-top: 40px;
}

.sale-paysystem-yandex-button-descrition {
    display: block;
}

.sale-paysystem-wrapper {
    padding: 0;
    border: 0;
}

.sale-paysystem-yandex-button-descrition {
    margin-bottom: 4px;
}

.sale-paysystem-yandex-button-descrition, .sale-paysystem-description {
    font-family: Geometria, Helvetica, Arial, sans-serif;
}

/*# sourceMappingURL=layout.css.map */


/*------------------------------------*\
     cookie notice
\*------------------------------------*/

.cookie-notice {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 10000000;
  display: none;
  width: 497px;
  max-width: calc(100vw - 48px);
  padding: 24px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 45px rgba(120, 80, 75, 0.22);
}

.cookie-notice--active {
  display: block;
}

.cookie-notice__title {
  max-width: calc(100% - 42px);
  margin-bottom: 12px;
  color: #333;
  font-family: "Playfair Display", "Playfair  Display", "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.cookie-notice__text {
  max-width: 100%;
  margin-bottom: 32px;
  color: #78504b;
  font-family: Geometria, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.cookie-notice__text a {
  color: #78504b;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  transition: all .2s ease-in-out;
}

.cookie-notice__text a:hover {
  color: #d94b8c;
}

.cookie-notice__accept {
  width: 244px;
  height: 61px;
  padding: 0;
  font-size: 17px;
  line-height: 57px;
  text-align: center;
}

.cookie-notice__close {
  position: absolute;
  top: 28px;
  right: 24px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transition: transform .2s ease;
}

.cookie-notice__close:before,
.cookie-notice__close:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: -3px;
  width: 28px;
  height: 2px;
  background-color: #d94b8c;
}

.cookie-notice__close:before {
  transform: rotate(-45deg);
}

.cookie-notice__close:after {
  transform: rotate(45deg);
}

.cookie-notice__close:hover {
  transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .cookie-notice {
    right: 15px;
    bottom: 15px;
    left: 15px;
    width: auto;
    max-width: none;
    padding: 20px;
  }

  .cookie-notice__title {
    max-width: calc(100% - 42px);
    font-size: 22px;
    line-height: 30px;
  }

  .cookie-notice__text {
    font-size: 15px;
    line-height: 23px;
  }

  .cookie-notice__accept {
    width: 100%;
    height: 54px;
    font-size: 14px;
    line-height: 50px;
  }

  .cookie-notice__close {
    top: 24px;
    right: 20px;
  }
}

@media screen and (max-width: 374px) {
  .cookie-notice {
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 16px;
  }

  .cookie-notice__title {
    max-width: calc(100% - 38px);
    font-size: 20px;
    line-height: 28px;
  }

  .cookie-notice__close {
    top: 20px;
    right: 16px;
  }
}

/* MAX floating button start */
.whatsapp-button.whatsapp-button--max,
a[href*="max.ru"] .whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 30px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #45d9f5 0%, #4f69ff 48%, #8b22f6 100%);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-size: 0;
    z-index: 9999;
    box-shadow: 0 8px 24px rgba(88, 93, 255, 0.32);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.whatsapp-button.whatsapp-button--max:hover,
a[href*="max.ru"] .whatsapp-button:hover {
    transform: translate(-50%, -50%) scale(1.06);
    box-shadow: 0 10px 30px rgba(124, 52, 255, 0.4);
}

.whatsapp-button.whatsapp-button--max:before,
.whatsapp-button.whatsapp-button--max:after,
a[href*="max.ru"] .whatsapp-button:before,
a[href*="max.ru"] .whatsapp-button:after {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(135deg, #80ddff 0%, #c07cff 100%);
    opacity: 0;
    backface-visibility: hidden;
    animation: max-button-pulse 1.5s linear infinite;
    pointer-events: none;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.whatsapp-button.whatsapp-button--max:after,
a[href*="max.ru"] .whatsapp-button:after {
    animation-delay: 0.5s;
    background: linear-gradient(135deg, rgba(128, 221, 255, 0.45) 0%, rgba(192, 124, 255, 0.45) 100%);
}

.whatsapp-button.whatsapp-button--max svg,
a[href*="max.ru"] .whatsapp-button svg {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0;
    fill: none;
    position: relative;
    z-index: 1;
}

@keyframes max-button-pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media (max-width: 800px) {
    .whatsapp-button.whatsapp-button--max,
    a[href*="max.ru"] .whatsapp-button {
        bottom: 5px;
        right: 20px;
    }
}
/* MAX floating button end */