/* Page
--------------------------------------*/
.page {
    position: relative;
    margin-bottom: 50px;
}
.page-head {
    margin: 40px 0 30px;
}
.page-head__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
}
.page-head__desc {
    font-size: 14px;
    color: #94aab0;
}
.page-content {
    padding: 0 0 0 0;
    display: flex
}

/* Layouts
--------------------------------------*/
.cabinet-aside {
    width: 23%;
    float: left;
    background-color: #fff;
    height: fit-content;

}
.cabinet-content {
    width: 75%;
    margin-left: 20px;
    background-color: #fff;
}

/* Menu
--------------------------------------*/
.cabinet-menu {
    margin: 8px 0 0 0;
    /*color: #94aab0;*/
}
.cabinet-menu__item {
    border-top: 1px solid #f0f0f0;

}
.cabinet-menu__item.disabled {
    opacity: 0.5;
}
.cabinet-menu__item--active {
    background-color: #f9f8f8;
    color: #afafaf;
}
.cabinet-menu__item--active:hover {
    background-color: #f9f8f8;
}
.cabinet-menu__link {
    display: block;
    padding: 12px 0 15px 20px;
    color: #3c3c3c;
}
.cabinet-menu__item:hover {
    background: rgba(240,240,240,.5);
    cursor: pointer;
}
.cabinet-menu__icon {
    margin-right: 10px;
    color: #979daa;
    font-size: 18px;
}
.cabinet-address__title, .cabinet-settings__title {
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    margin-top: 50px;
}
.address__add-name {
    font-size: 15px;
}
.address__add-name.has-error{
    color: #f1665e;
}
.settings__first-name {
    font-size: 15px;
}

.settings__last-name {
    font-size: 15px;
}

/* User profile
--------------------------------------*/
.user-profile {
    padding: 40px 20px 20px 20px;
}
.user-profile__img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
}
.user-profile__name {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}
.user-profile__phone {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
    color: #3c3c3c;
}

/* Profile Empty
--------------------------------------*/
.profile-empty {
    text-align: center;
}
.profile-empty__img {
    margin-bottom: 20px;
}
.profile-empty__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.profile-empty__desc {
    margin-bottom: 20px;
}
.profile-empty__btn {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 10px 20px;
}

/* Orders page
--------------------------------------*/
.orders-empty {
    padding: 100px 0;
}
.orders-empty__body {
    margin: 0 auto;
    width: 300px;
    text-align: center;
}
.orders-empty__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.orders-empty__btn {
    display: inline-block;
    margin-top: 10px;
}

.orders-table__wrapper {
    padding: 30px 20px;
    background: #fff;
}
.orders__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.orders-table__td--total {
    font-weight: 600;
}
.orders-table__title {
    font-size: 20px;
}
.orders-table__tenge {
    font-size: 14px;
    margin-left: 2px;
}
.orders-detail-table__tenge {
    font-size: 14px;
    margin-left: 2px;
}
.profile {
    margin-top: 20px;
    width: 38%;
}
.profile__input {
    margin-top: 5px;
    margin-bottom: 10px;
}
.profile__save-btn {
    margin: 10px 0 0 0;
    border-radius: 5px;
    padding: 10px 15px 10px 15px !important;
}

/* Table */
.orders-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}
.orders-table, .orders-table__td, .orders-table__th {
    /*border: 1px solid #ddd;*/
    text-align: left;
}
.orders-table__th {
    background-color: #f1f1f1;
    color: #0a0a0a;
    font-weight: 600;
}
.orders-table__th, .orders-table__td {
    padding: 15px;
}
.orders-table__tr:nth-child(odd) {background-color: #f2f2f2;}


/* Table Detail */
.orders-detail-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}
.orders-detail-table, .orders-detail-table__td, .orders-detail-table__th {
    /*border: 1px solid #ddd;*/
    text-align: left;
}
.orders-detail-table__th {
    background-color: #f1f1f1;
    color: #0a0a0a;
    font-weight: 600;
}
.orders-detail-table__th, .orders-detail-table__td {
    padding: 15px;
}
.orders-detail-table__tr:nth-child(even) {background-color: #f2f2f2;}

.orders-detail-table__wrapper {
    padding: 30px 20px;
    background: #fff;
}
.orders-detail__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.orders-detail-table__td--total {
    font-weight: 600;
}
.orders-detail-table__title {
    font-size: 20px;
}

/* Subscribe page
--------------------------------------*/
.subscribe__wrapper {
    margin-top: 25px;
    width: 25%;
}
.subscribe__input {
    margin-bottom: 10px;
}
.subscribe__btn {
    padding: 5px 10px;
}
.orders-table__pagination {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.orders-table__pagination-wrapper {
    display: inline-block;
    width: auto;
    border: 1px solid #ccc!important;
    overflow: hidden;
    white-space: normal;
    padding: 0px;
    float: left;
    outline: 0;
}
.orders-table__pagination-item {
    white-space: normal;
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
}
.orders-table__pagination-item:hover {
    color: #000!important;
    background-color: #ccc!important;
}

/* Wish List page
--------------------------------------*/
.wish-list__title {
    font-weight: 600;
    float: left;
}
.wish-list__items-quantity {
    color: #979daa;
    margin-left: 10px;
}
.wish-list__item-image {
    height: 90px;
    width: 90px;
    background-color: #CCCCCC;
    display: inline-block;
}
.wish-list__item {
    margin: 10px 0;
    display: block;
}
.wish-list__item-available {
    margin-left: 5px;
    position: absolute;
    color: #a9cf44;
}
.wish-list__item-title {
    position: absolute;
    margin-top: 20px;
    margin-left: 5px;
}
.wish-list__item-price {
    font-weight: 600;
    font-size: 18px;
    margin-left: 5px;
}
.wish-list__item-discount {
    color: #a9cf44;
}
.wish-list__item-button {
    margin-left: 20px;
    padding: 10px 25px;
    height: 34px;
    color: #3c3c3c;
    font-size: 14px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid rgb(238, 238, 238);
}
.wish-list__item-button:hover {
    color: #fff;
    background: rgb(169, 207, 68);
}

/* Setting page
--------------------------------------*/
.setting {
    background: #fff;
}
.setting__table {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
.setting__td {padding: 5px;}
.setting__tr:nth-child(odd){background-color: #f2f2f2;}
.setting__tr:hover {background-color: #ddd;}
.setting__th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #f2f2f2;
    color: #0a0a0a;
    padding-left: 8px;
}


/* Order archive */

.order-archive__content {
    text-align: center;
    padding-top: 50px;
}
.order-archive__title {
    font-size: 22px;
    font-weight: 600;
}


/* Settings
----------------------------------*/
.settings {
    padding: 30px 20px;
}
.settings__section {
    color: #989898;
    padding: 20px 0;
}
.settings__section-privacy {
    color: #989898;
    padding: 20px 0 0 0;
}
.settings__list {
    display: flex;
}
.settings__item-link {
    width: 32%;
    display: block;
    background: #fff;
    border-radius: 2px;
    margin-right: 17px;
    border: 1px solid #eee;
    padding: 20px 25px;
    cursor: pointer;
}
.settings__item-link:hover {
    border: 1px solid #4f78fe;
}
.settings__item-link:last-child {
    margin-right: 0;
}
.settings__item-title {
    font-size: 18px;
    font-weight: 600;
    color:#4e4e4e;
}
.settings__item-content {
    color: #999;
    padding: 15px 0;
    font-size: 14px;
    line-height: 1.3em;
}

/* Change phone */

.change-phone__wrapper {
    padding: 30px 20px;
}
.change-phone__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.change-phone__form {
    width: 60%;
}
.change-phone-confirm__form-wrapper {
    width: 60%;
}
#change-phone-confirm__form {

}
.change-phone__btn-back {
    display: inline-block;
    color: #fff;
    background: #31373c;
    padding: 8px 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.change-phone__btn-back:hover {
    opacity: 0.8;
}
.change-phone__btn-submit {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 0 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.change-phone__btn-submit:hover {
    opacity: 0.8;
}
.change-phone-confirm__btn-save {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 0 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.change-phone-confirm__btn-save:hover {
    opacity: 0.8;
}
.change-phone-confirm__btn-back {
    display: inline-block;
    color: #fff;
    background: #31373c;
    padding: 8px 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.change-phone-confirm__btn-back:hover {
    opacity: 0.8;
}

/* Change phone mobile */
.m-change-phone__title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    padding: 0 10px;
    color: #3b3b3b;
}
.m-change-phone__form {
    width: 100%;
    padding: 20px;
    background: #fff;
}
.m-change-phone__head {
    padding: 20px;
    position: relative;
}
.m-change-phone__current-phone {
    margin-bottom: 10px;
}
.m-change-phone__btn-back {
    display: inline-block;
    color: #fff;
    background: #4caf50;
    padding: 10px 30px;
    margin-left: 10px;
    height: 40px;
    border-radius: 2px;
}
.m-change-phone__btn-submit {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 0 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
    width: 100%;
}

/* Change phone confirm */

.change-phone-confirm__wrapper {
    padding: 30px 20px;
}
.change-phone-confirm__head {
    padding: 20px;
    position: relative;
}
.change-phone-confirm__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0 10px;
}
.change-phone-confirm__btn-save {
    display: inline-block;
    color: #fff;
    background: #4caf50;
    padding: 10px 30px;
    height: 40px;
    border-radius: 2px;
    width: 100%;
}
.change-phone-confirm__form {
    width: 100%;
    padding: 10px;
    background: #fff;
}

/* Change phone confirm */
.m-change-phone-confirm__wrapper {
    padding: 30px 20px;
}
.m-change-phone-confirm__wrapper {
    padding: 30px 20px;
}
.m-change-phone-confirm__head {
    padding: 20px;
    position: relative;
}
.m-change-phone-confirm__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 10px;
}
.m-change-phone-confirm__btn-save {
    display: inline-block;
    color: #fff;
    background: #4caf50;
    padding: 10px 30px;
    margin-top: 21px;
    height: 40px;
    border-radius: 2px;
    width: 100%;
}
.m-change-phone-confirm__form {
    width: 100%;
    padding: 20px;
    background: #fff;
}

/* Personal info */

.personal-info__wrapper {
    padding: 30px 20px;
}
.personal-info__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.personal-info__form {
    width: 60%;
}
.personal-info__btn-save {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 0 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.personal-info__btn-save:hover {
    opacity: 0.8;
}
.personal-info__btn-back {
    display: inline-block;
    color: #fff;
    background: #31373c;
    padding: 12px 25px;
    margin-top: 10px;
    height: 40px;
    text-align: center;
    border-radius: 2px;
}
.personal-info__btn-back:hover {
    opacity: 0.8;
}

/* Change city */

.change-city__container {
    height: 170px;
    width: 460px;
}
.change-city__btn-save {
    display: inline-block;
    color: #fff;
    background: #4caf50;
    padding: 10px 30px;
    margin-left: 10px;
    height: 40px;
    border-radius: 2px;
}
.change-city__btn-save:hover {
    opacity: 0.8;
}

/* Change language */

.change-language__btn-save {
    display: inline-block;
    color: #fff;
    background: #4caf50;
    padding: 10px 30px;
    margin-left: 10px;
    height: 40px;
    border-radius: 2px;
}
.change-language__btn-save:hover {
    opacity: 0.8;
}
.change-language__container {
    height: 170px;
    width: 460px;
}
/* Cabinet index */
.cabinet__boxes {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.cabinet__wrapper {
    padding: 30px 20px;
}
.cabinet__title {
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 24px;
}
.cabinet__item {
    width: 32%;
    display: block;
    background: #fff;
    border-radius: 2px;
    margin-right: 17px;
    border: 1px solid #eee;
    cursor: pointer;
    text-align: center;
}
.cabinet__item-link {
    padding: 20px 25px;
    display: block;
}
.cabinet__item-title {
    font-size: 16px;
    color: #4e4e4e;
}
.cabinet__item-description {
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    color: #4e4e4e;
}

/* Change password */

.reset-password__form {

}
.reset-password__btn-back {
    display: inline-block;
    color: #fff;
    background: #31373c;
    padding: 12px 25px;
    margin-top: 10px;
    height: 40px;
    text-align: center;
    border-radius: 2px;
}
.reset-password__btn-back:hover {
    opacity: 0.8;
}
.password-reset__form-wrapper {
    width: 60%;
}
.reset-password__btn-back {
    display: inline-block;
    color: #fff;
    background: #31373c;
    padding: 8px 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.reset-password__btn-back:hover {
    opacity: 0.8;
}
.reset-password__btn-save {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 0 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.reset-password__btn-save:hover {
    opacity: 0.8;
}

/* Addresses desktop*/

.address__list-wrapper, .password-reset {
    padding: 30px 20px;
}
.address-new {
    padding: 30px 20px;
}
.m-address__title, .m-address-new__title, .password-reset__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.m-address-form select{
    border: 1px solid rgba(0,0,0,.12);
    height: 40px;
    padding: 10px 12px;
    font-family: 'PT Sans', sans-serif;
}
.addresses-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
}
.addresses-table__tr:nth-child(odd) {
    background-color: #f2f2f2;
}
.addresses-table__th {
    background-color: #f1f1f1;
    color: #0a0a0a;
    font-weight: 600;
}
.addresses-table__th, .addresses-table__td {
    padding: 15px;
}
.add-address__btn {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 8px 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.add-address__btn:hover {
    opacity: 0.8;
}

.m-address-form__link-delete {
    display: inline-block;
    color: #fff;
    background: #f1665e;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 4px;
    text-align: center;
}
.m-address-form__link-delete:hover {
    opacity: 0.8;
}

.m-address-form__btn-save {
    display: inline-block;
    color: #fff;
    background: #a9cf44;
    padding: 0 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}

.m-address-form__btn-save:hover {
    opacity: 0.8;
}
.m-address__row{
    display: flex;
    margin: 0 -10px;
}
.m-address__row > * {
    flex-grow: 1;
    padding: 0 10px;
    width: 100%;
}
.m-address__hint{
    margin-top: 8px;
    color: #07c;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.m-address__hint:hover{
    text-decoration: underline;
}
.m-address__link {
    margin-bottom: 15px;
    color: #07c;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    background: none;
    text-decoration: underline;
}
.m-address__link:hover{
    text-decoration: none;
}
.m-address__map {
    width: 100%;
    height: 100vh;
}
.m-address__map-wrapper {
    top: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.m-back__link {
    display: inline-block;
    color: #fff;
    background: #31373c;
    padding: 8px 20px;
    margin-top: 10px;
    height: 36px;
    border-radius: 4px;
}
.m-back__link:hover {
    opacity: 0.8;
}
.m-settings__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.m-settings {
    padding: 30px 20px;
}

.m-personal-info__title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #3b3b3b;
    padding: 0 10px;
}

#map {
    z-index: 1;
    width: 100%;
    height: 40vh;
}
#show-map {
    border-bottom: 1px black dotted;
    width: fit-content;
    cursor: pointer;
}

.order-history__progress-wrapper {
    margin: 10% 0;
}
.order-history__status-time {
    font-size: 13px;
    margin-top: 10px;
    text-align: left;
}
.order-history__wrapper {
    padding: 30px 20px;
    background: #fff;
}
.order-history__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.order-history__progress-wrapper {
    margin: 10% 0;
}
.order-history__progress-wrapper {
    display: flex;
    justify-content: center;
}
.order-history__warning {
    font-size: 14px;
    color: #919191;
    padding-top: 10px;
}
.map__wrapper {
    margin-top: 20px;
}

/* Popup user address
--------------------------------------*/
.popup.user-address .popup-container{
    top: 0;
}

@media screen and (max-width: 768px) {
    /* Change phone */
    .change-phone__form {
        width: 100%;
    }
    .change-phone-confirm__form-wrapper {
        width: 100%;
    }
    .change-phone__current-phone {
        margin-bottom: 10px;
    }
    /* Profile
    --------------------------------------*/
    .m-profile {

    }
    .m-profile-user {
        display: flex;
        padding: 20px;
        background: #fff;
        margin-bottom: 20px;
    }
    .m-profile-user__img_wrp {
        width: 25%;
    }
    .m-profile-user__img {
        height: 60px;
    }
    .m-profile-user__info {
        padding-top: 10px;
    }
    .m-profile-user__name {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .m-profile-user__phone {}

    .m-profile-nav {
        background: #fff;
    }
    .m-profile-nav__link {
        display: block;
        position: relative;
        line-height: 45px;
        padding: 0 20px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
        color: #3c3c3c;
        border-top: 1px solid #f9f9fb;
    }
    .m-profile-nav__link.disabled {
        color: #6c757d;
        opacity: 0.5;
        background-color: transparent;
    }
    .m-profile-nav__icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #07c;
    }

    /* Back Link
    --------------------------------------*/
    .m-back__link {
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px;
        background: none;
        display: inline-block;
        color: #07c;
        margin:0;
    }
    .m-back__icon {
        font-size: 24px;
    }
    .m-add__link {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px;
    }
    .m-add__icon {
        font-size: 24px;
    }
    .m-filter__link {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px;
    }
    .m-filter__icon {
        font-size: 24px;
    }
    .m-filter__icon.m-filter__icon--disable {
        color: #6c757d;
        opacity: 0.5;
        background-color: transparent;
    }

    /* Orders Empty Page
    --------------------------------------*/
    .m-orders-empty {
        width: 100%;
        background: none;
        height: calc(100vh - 280px);
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: auto;
    }
    .m-orders-empty__inner {
        text-align: center;
    }
    .m-orders-empty__icon {
        font-size: 64px;
        color: #a7a7a7;
    }
    .m-orders-empty__title {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 600;
    }

    /* Orders Page
    --------------------------------------*/
    .m-orders {
    }
    .m-orders__head {
        position: relative;
        padding: 20px;
    }
    .m-orders__title {
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #3b3b3b;
    }
    .m-orders__list {
        margin-bottom: 20px;
    }
    .m-orders__pagination {
        margin-bottom: 20px;
    }
    .m-orders__item {
        margin-bottom: 20px;
        background: #fff;
    }
    .m-orders__link {
        display: block;
        position: relative;
        padding: 15px 20px;
    }
    .m-orders-item__head {
        display: flex;
        justify-content: space-between;
    }
    .m-orders-item__title {
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 10px;
    }
    .m-orders-item__date {
        color: #979daa;
        font-size: 14px;
    }
    .m-orders-item__quantity {
        color: #3c3c3c;
        font-size: 15px;
        line-height: 20px;
    }
    .m-orders-item__cost {
        color: #3c3c3c;
        font-size: 15px;
        line-height: 20px;
    }
    .m-orders-item__status_wrp {
        font-size: 15px;
        line-height: 20px;
    }
    .m-orders-item__status {
        color: #3c3c3c;
    }
    .m-orders-item__icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .m-orders-item_label {
        padding: 2px 6px;
        border-radius: 2px;
        color: #fff;
        font-size: 14px;
    }
    .m-orders-item__label--processing {
        background: #f8ac59;
    }
    .m-orders-item__label--courier {
        background: #5bc0de;
    }
    .m-orders-item__label--delivered {
        background: #1ab394;
    }
    .m-orders-item__label--canceled {
        background: #ed5565;
    }

    /* Order Detail
    --------------------------------------*/
    .m-order {
    }
    .m-order__head {
        position: relative;
        padding: 20px;
    }
    .m-order__title {
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #3b3b3b;
    }
    .m-order__section {
        color: #979daa;
        font-size: 14px;
        margin: 0 20px 5px 20px;
    }
    .m-order-info {
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }
    .m-order-info:before,
    .m-order-info:after {
        display: table;
        content: " ";
    }
    .m-order-info:after {
        clear: both;
    }
    .m-order-info__label {
        float: left;
        width: 55%;
        position: relative;
        font-size: 15px;
        margin: 0 0 7px;
    }
    .m-order-info__label:after {
        content: '';
        position: absolute;
        right: 5px;
        left: 0;
        height: 1px;
        margin: 15px 0 0;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 0 repeat-x;
    }
    .m-order-info__label span {
        position: relative;
        background: #fff;
        padding: 0 10px 0 0;
    }
    .m-order-info__value {
        float: left;
        width: 45%;
        font-size: 15px;
        color: #979daa;
        margin: 0 0 7px;
    }
    .m-order-info__label_cost,
    .m-order-info__value_cost {
        color: #3b3b3b;
        font-size: 18px;
        font-weight: 600;
        margin-top: 10px;
    }
    .m-order-positions {
        margin-bottom: 20px;
    }
    .m-order-position {
    }
    .m-order-position__link {
        display: block;
        position: relative;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .m-order-position__link.no-product {
        color: #3b3b3b;
    }
    .m-order-position__title {
        margin-bottom: 5px;
    }
    .m-order-position__price {
        font-size: 14px;
        color: #979daa;
        margin-right: 20px;
    }
    .m-order-position__quantity {
        font-size: 14px;
        color: #979daa;
    }
    .m-order-position__icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .m-order-position__approved {
        color: #00b956;
    }

    /* Delivery Addresses
    --------------------------------------*/
    .m-address {}
    .m-address__head {
        position: relative;
        padding: 20px;
    }
    .m-address__title {
        text-align: center;
        margin-bottom: 0px;
        font-size: 26px;
        font-weight: 600;
        color: #3b3b3b;
    }
    .m-addresses {}
    .m-addresses__item {
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .m-addresses__link {
        position: relative;
        padding: 20px;
        display: block;
    }
    .m-addresses__title {
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 10px;
    }
    .m-addresses__city {
        color: #979daa;
        font-size: 14px;
    }
    .m-addresses__default {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        color: #00b956;
    }
    .m-address-form {}
    .m-address-new__head {
        position: relative;
        padding: 20px;
    }
    .m-address-new__title {
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #3b3b3b;
    }
    .m-address-form {
        background: #fff;
        padding: 20px;
    }
    .m-address-form__btn-save {
        width: 100%;
    }
    .m-address-form__link-delete {
        width: 100%;
    }
    .m-address__map-wrapper{
        width: 100% !important;
        margin: 0 !important;
    }

    /* Deliver Address Empty
    --------------------------------------*/
    .m-address-empty {
        width: 100%;
        background: none;
        height: calc(100vh - 280px);
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: auto;
    }
    .m-address-empty__inner {
        text-align: center;
    }
    .m-address-empty__icon {
        font-size: 64px;
        color: #a7a7a7;
        display: block;
    }
    .m-address-empty__title {
        margin-top: 20px;
        font-size: 20px;
    }
    .m-address-empty__btn {
        display: inline-block;
        color: #fff;
        background: #a9cf44;
        padding: 10px 20px;
        margin-top: 20px;
    }

    /* Settings
    --------------------------------------*/
    .m-settings {
        padding: 0;
    }
    .m-settings__head {
        padding: 20px;
        position: relative;
    }
    .m-password-reset__head {
        padding: 20px;
        position: relative;
    }
    .m-settings__title {
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #3b3b3b;
        padding: 0 10px;
    }
    .m-password-reset__title {
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #3b3b3b;
        padding: 0 10px;
    }
    .m-settings__section {
        color: #979daa;
        font-size: 14px;
        margin: 0 20px 5px 20px;
    }
    .m-settings__list {
        margin-bottom: 20px;
    }
    .m-settings__item {
        display: block;
        position: relative;
        padding: 20px;
        color: #3c3c3c;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .m-settings__item.disabled {
        color: #6c757d;
        opacity: 0.5;
    }
    .m-settings__item_icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #07c;
    }
    .m-settings__item_value {
        font-size: 14px;
        color: #979daa;
    }
    .m-settings-form, .m-password-reset-form {
        padding: 20px;
        background: #fff;
    }
    .main {
        background: #f8f8fb;
    }
    .page-content {
        background-color: inherit !important;
        padding: 0 !important;
    }
    .subscribe__wrapper {
        width: 100%;
    }
    .data-page__wrapper {
        background: #fff;
        padding: 25px;
    }
    .setting {
        background: #fff;
        padding: 25px;
    }
    .setting__table {
        width: 100%;
        text-align: left;
    }
    .setting__td {padding: 5px;}
    .setting__tr:nth-child(odd){background-color: #f2f2f2;}
    .setting__tr:hover {background-color: #ddd;}
    .setting__th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #f2f2f2;
        color: #0a0a0a;
        padding-left: 8px;
    }
    .profile {
        margin-top: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .m-filter__icon, .m-orders__title, .m-back__icon {
        font-size: 20px;
    }
    .m-address-form__btn-save {
        padding: 10px 25px;
    }

}

.review-form__group{
    padding: 0 20px;
}
.review-form__label{
    padding: 5px 0;
    font-weight: bold;
    display: inline-block;
}
.review-button{
    margin: 20px;
    float: left;
    background: #a9cf44;
    font-weight: bold;
    color: #fff;
    padding: 6px 15px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.4;
    border-radius: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    float:right;
}

.order-review{
    padding: 20px;
}
.order-review h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}