/* Start:/local/templates/future_2021/css/personal.css?175346408169679*/
.personal-data-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-data-page .personal-data-content {
    /* position: relative; */
}
.personal-data-error {
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
}
.personal-data-container {
    width: 1200px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.general-menu {
    width: 360px;
    min-width: 360px;
    height: 695px;
    background: url("/local/templates/future_2021/css/../images/menu-back.png") no-repeat center / cover;
    /* padding: 50px 81px 132px 83px; */
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.general-menu .gen-menu-head {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: "Raleway", sans-serif;
}
.general-menu .gen-menu-list {
    font-size: 16px;
    line-height: 37px;
    font-weight: 700;
    color: #949494;
    font-family: "Raleway", sans-serif;
    position: relative;
}
.general-menu .gen-menu-list .actual-icon {
    color: #000;
    cursor: pointer;
}
.general-menu .gen-menu-list a {
	color: #949494;
    transition: all 0.25s ease;
}
.general-menu .gen-menu-list a:hover,
.general-menu .gen-menu-list a.active {
	color: #000;
}
.general-menu .gen-menu-list .actual-icon::before {
    content: "";
    position: absolute;
    right: -22px;
    top: -3px;
    width: 45px;
    height: 45px;
    background: url("/local/templates/future_2021/css/../images/download-icon.png") no-repeat center / cover;
}
.general-menu .gen-menu-list li {
    transition: all 0.25s ease;
    cursor: pointer;
}
.personal-data-content {
    margin-left: 30px;
    width: 750px;
}
.personal-data-content .head {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}
.personal-data-content .head-string {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.personal-data-content .head-string .user-selector {
    display: flex;
    align-items: center;
    justify-content: center;
}
.personal-data-content .head-string .user-selector .radio-inline {
    margin-right: 12px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 16px;
}
.personal-data-content .head-string .user-selector .radio-inline label {
    cursor: pointer;
    position: relative;
}
.personal-data-content .head-string .user-selector .radio-inline label::before {
    border-bottom: 2px solid #000;
    bottom: -3px;
    left: 0;
    position: absolute;
    content: "";
    width: 100%;
    opacity: 0;
    transition: all 0.1s ease;
}
.personal-data-content .head-string .user-selector .radio-inline label:hover::before {
    opacity: 1;
}
.personal-data-content .head-string .user-selector .radio-inline label input {
    display: none;
}
.personal-data-content .head-string .user-selector .radio-inline.active label::before {
    opacity: 1;
}
.personal-data-content .body {
    margin-top: -4px;
    display: flex;
    flex-wrap: wrap;
}
.personal-data-content .body .item {
    margin-top: 28px;
}
.personal-data-content .body .item.textarea {
    width: 100%;
}
.personal-data-content .body .item.textarea textarea {
    width: 100%;
    height: 149px;
    border: 1px solid #ccc;
    resize: none;
    margin-top: 11px;
}
.personal-data-content .body .file-loading {
    margin-top: 17px;
    display: flex;
    align-items: flex-start;
    justify-content: center;

    display: none;
}
.personal-data-content .body .file-loading .file-loading-img {
    background: url("/local/templates/future_2021/css/../images/excel-logo.png") no-repeat center / cover;
    width: 53px;
    height: 60px;
    display: block;
}
.personal-data-content .body .file-loading .file-loading-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 120px;
    position: relative;
}
.personal-data-content .body .file-loading .file-loading-error {
    background: #efc9c9;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 270px;
    padding: 9px 0 8px 10px;
    margin-left: 20px;
    border-radius: 9px;
    position: relative;
}
.personal-data-content .body .file-loading .file-loading-error .error-triangle {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -10px;
    background: url("/local/templates/future_2021/css/../images/error-triangle.png") no-repeat center / cover;
}
.personal-data-content .body .file-loading .file-loading-error .error-icon {
    background: url("/local/templates/future_2021/css/../images/error-icon.png") no-repeat center / cover;
    width: 18px;
    height: 15px;
}
.personal-data-content .body .file-loading .file-loading-error .error-text {
    color: #cb0000;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    width: 230px;
    margin-left: 6px;
}
.personal-data-content .body .file-loading .close-icon {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background: url("/local/templates/future_2021/css/../images/delete-icon.png") no-repeat center / cover;
}
.personal-data-content .body .file-loading p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-top: 10px;
    max-width: 120px;
    overflow-wrap: break-word;
}
.personal-data-content .body .item-buttons {
    width: 100%;
}
.personal-data-page .personal-data-container .personal-data-content .body .item-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.personal-data-content .body .add-button {
    font-family: "Raleway";
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 30px;
    background-color: #29332d;
    border: 1px solid #29332d;
    transition: all 0.25s ease;
    margin-right: 30px;
    cursor: pointer;
    margin-top: 20px;
    width: 220px;
    display: inline-block;
    text-align: center;
}
.personal-data-content .body .add-button:hover {
    background-color: #fff;
    color: #29332d;
}
.personal-data-content .body .send-button {
    font-family: "Raleway";
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 30px;
    background-color: #29332d;
    left: 250px;
    border: 1px solid #29332d;
    transition: all 0.25s ease;
    cursor: pointer;
    margin-top: 20px;
    width: 220px;
}
.personal-data-content .body .send-button:hover {
    background-color: #fff;
    color: #29332d;
}
.personal-data-content .body .item p {
    font-family: "Raleway";
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.personal-data-content .body .item input {
    border: 1px solid #ccc;
    margin-right: 29px;
    padding: 12px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    width: 360px;
    margin-top: 11px;
}
.personal-data-content .body .item:nth-child(2n) input {
    margin-right: 0;
}
.personal-data-content .body .line {
    display: block;
    width: 100%;
    height: 0.5px;
    background-color: #000000;
    margin-top: 28px;
    margin-bottom: -9px;
}
.personal-data-content .body .editing-button {
    /* width: 220px;
    height: 44px; */
    font-family: "Raleway";
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 57px;
    background-color: #29332d;
    position: absolute;
    bottom: 0;
    border: 1px solid #29332d;
    transition: all 0.25s ease;
    cursor: pointer;
}
.personal-data-content .body .editing-button:hover {
    background-color: #fff;
    color: #29332d;
}
.personal-address-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-address-container {
    width: 1200px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.personal-address-content {
    width: 100%;
    margin-left: 30px;
}
.personal-address-content .head {
    font-family: "Raleway";
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}
.personal-address-content .body {
    margin-top: 28px;
    width: 743px;
}
.personal-address-content .body .line {
    width: 100%;
    background-color: #f4f4f4;
    border-radius: 20px;
    margin-top: 18px;
    position: relative;
    display: none;
}
.personal-address-content .body .line.active {
    display: block;
}
.personal-address-content .body .line.visible {
    display: block;
}
.personal-address-content .body .line:first-child {
    margin-top: 0;
    border-radius: 100px;
}
.personal-address-content .body .line .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 20px 9px 76px;
    min-height: 56px;
}
.personal-address-content .body .line .home {
    position: absolute;
    top: 8px;
    left: 25px;
    width: 32px;
    height: 40px;
}
.personal-address-content .body .line .left .address-name {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.personal-address-content .body .line .left .address-about {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px;
}
.personal-address-content .body .line .right {
    display: flex;
    align-items: center;
    justify-content: center;
}
.personal-address-content .body .line .right .edit {
    width: 16px;
    height: 16px;
    margin-right: 14px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.personal-address-content .body .line .right .edit:hover {
    transform: scale(1.2);
}
.personal-address-content .body .add-address {
    font-family: "Raleway";
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 29px;
    background-color: #29332d;
    border: 1px solid #29332d;
    transition: all 0.25s ease;
    cursor: pointer;
    margin-top: 28px;
    width: 220px;
}
.personal-address-content .body .add-address:hover {
    color: #29332d;
    background-color: #fff;
}
.personal-address-content .body .line .right .delete {
    width: 15px;
    height: 15px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.personal-address-content .body .line .right .delete:hover {
    transform: scale(1.2);
}
.personal-address-content .body .line .bottom {
    padding: 2px 60px 23px 76px;
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}
.personal-address-content .body .line .bottom .item {
    width: 68px;
    margin-right: 31px;
    margin-top: 18px;
}
.personal-address-content .body .line .bottom .item.long {
    width: 270px;
}
.personal-address-content .body .line .bottom .item label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
}
.personal-address-content .body .line .bottom .item input {
    border: 1px solid #ccc;
    padding: 12px;
    font-family: "Raleway";
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    width: 68px;
    margin-top: 11px;
}
.personal-address-content .body .line .bottom .item.long input {
    width: 270px;
}
.personal-address-content .body .line .save-button {
    font-family: "Raleway";
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 57px;
    background-color: #29332d;
    margin-left: 76px;
    border: 1px solid #29332d;
    transition: all 0.25s ease;
    cursor: pointer;
    margin-bottom: 28px;
}
.personal-address-content .body .line .save-button:hover {
    background-color: #fff;
    color: #29332d;
}
.personal-history-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-history-container {
    width: 1200px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.personal-history-content {
    width: 100%;
    margin-left: 30px;
}
.personal-history-content .head {
    font-family: "Raleway";
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}
.personal-history-content .body {
    margin-top: 28px;
    width: 746px;
}
.personal-history-content .body .item {
    background-color: #f4f4f4;
    padding: 12px 14px;
    border-radius: 12px;
    margin-top: 10px;
}
.personal-history-content .body .item:first-child {
    margin-top: 0;
}
.personal-history-content .body .item .header {
    background-color: transparent;
}

.personal-history-content .body .item .header .str-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.personal-history-content .body .item .header .str-1 .date {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
.personal-history-content .body .item .header .str-1 .number {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.personal-history-content .body .item .header .str-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.personal-history-content .body .item .header .str-2 .delivery {
	width: 42.5%;
	padding: 0px 20px 0px 0px;
}
.personal-history-content .body .item .header .str-2 .delivery .type {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
.personal-history-content .body .item .header .str-2 .delivery .price {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-top: 7px;
}
.personal-history-content .body .item .header .str-2 .address {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
	width: 57.5%;
}
.personal-history-content .body .item .header .str-2 .address .detail-index {
    margin-top: 12px;
}
.personal-history-content .body .item .header .str-2 .address .detail-index + .detail-index {
    margin-top: 3px;
    margin-bottom: 6px;
}
.personal-history-content .body .item .header .str-2 .address .detail-index a {
    text-decoration: underline;
    color: #31573d;
}
.personal-history-content .body .item .header .str-2 .address .detail-index a:hover {
    text-decoration: none;
}
.personal-history-content .body .item .header .str-2 .icon {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 41px;
}
.personal-history-content .body .item .header .str-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.personal-history-content .body .item .header .str-3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.personal-history-content .body .item .header .line-b {
    height: 1px;
    background-color: #000;
    width: 100%;
    margin: 4px 0 7px 0;
}
.personal-history-content .body .item .header .line-g {
    margin: 6px 0;
    background-color: #c4c4c4;
    height: 1px;
    width: 100%;
}
.personal-history-content .body .item .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}
.personal-history-content .body .item .content .left-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.personal-history-content .body .item .content .left-buttons button {
    padding: 9px 26px;
    color: #29332d;
    border: 1px solid #29332d;
    background-color: transparent;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    transition: all 0.25s ease;
    margin-right: 10px;
}
.personal-history-content .body .item .content .left-buttons button:hover {
    background-color: #29332d;
    color: #fff;
}
.personal-history-content .body .item .content .right-buttons div {
    background-color: #29332d;
    color: #fff;
    border-radius: 20px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 9px 25px;
    width: 162px;
}
.personal-history-content .body .item .sliding-content {
    display: none;
}
.personal-history-content .body .item .sliding-content .slide-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.personal-history-content .body .item .sliding-content .slide-item img {
    width: 92px;
    height: 113px;
}
.personal-history-content .body .item .sliding-content .slide-item .descrip {
    font-family: "Raleway";
    max-width: 190px;
    margin-left: -70px;
}
.personal-history-content .body .item .sliding-content .slide-item .price {
    font-weight: 700;
}
.personal-history-content .body .item .sliding-content .line-g {
    margin: 10px 0;
    height: 1px;
    width: 100%;
    background-color: #bcbcbc;
}
.personal-history-content .body .item .content .middle-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}
.personal-history-content .body .item .content .middle-buttons button {
    margin-left: 10px;
    background-color: #29332d;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 9px;
    border-radius: 100%;
}
.personal-favourite-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-favourite-page .personal-data-content .body .item.long {
    width: 100%;
}
.personal-favourite-page .personal-data-content .body .item.long input {
    width: 100%;
}
.personal-favourite-page .personal-data-content .body .item.textarea {
    width: 100%;
}
.personal-favourite-page .personal-data-content .body .item.textarea textarea {
    width: 100%;
    height: 200px;
    padding: 13px 12px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    border: 1px solid #ccc;
    resize: none;
}
.personal-bonus-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-bonus-page .personal-data-content .body {
    margin-top: 24px;
}
.personal-bonus-page .personal-data-content .body .points-card {
    background: url("/local/templates/future_2021/css/../images/loyal-back2.png") no-repeat center / cover;
    width: 348px;
    height: 211px;
    padding: 25px 30px;
    border-radius: 20px;
}
.personal-bonus-page .personal-data-content .body .points-card .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.personal-bonus-page .personal-data-content .body .points-card .head .text {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
}
.personal-bonus-page .personal-data-content .body .points-card .head .icon-container {
    position: relative;
}
.personal-bonus-page .personal-data-content .body .points-card .head .icon-container .icon {
}
.personal-bonus-page .personal-data-content .body .points-card .head .icon-container .description {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #91bea3;
    padding: 10px;
    border-radius: 10px;
    width: 150px;
    display: none;
}
.personal-bonus-page .personal-data-content .body .points-card .head .icon-container .description p {
    font-size: 12px;
    line-height: 16px;
}
.personal-bonus-page .personal-data-content .body .points-card .shield {
    margin-top: 80px;
    background-color: #29332d;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    color: #fff;
    padding: 9px 22px;
    border-radius: 100px;
    display: inline-block;
}
.personal-bonus-page .personal-data-content .body .images-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
}
.personal-bonus-page .personal-data-content .body .images-wrap-swiper {
    display: none;
}
.personal-view-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-view-page .personal-data-content .body {
    margin-top: 27px;
}
.personal-view-page .personal-data-content .body .images-wrap {
    display: none;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper.no-overflow {
	overflow: visible;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-next,
.personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-prev {
    position: absolute;
    top: 5%;
    transform: translateY(-50%);
    width: 14px;
    height: 28px;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-prev::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 28px;
    background: url("/local/templates/future_2021/css/../images/arrow-left-swiper.png") no-repeat center / cover; /* замените "/path/to/" на реальный путь к файлам */
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-next::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 28px;
    background: url("/local/templates/future_2021/css/../images/arrow-right-swiper.png") no-repeat center / cover; /* замените "/path/to/" на реальный путь к файлам */
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .swiper-button-disabled {
    opacity: 0.5;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-next {
    right: 0;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-prev {
    right: 50px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item {
    position: relative;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-type {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-about {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
    max-width: 230px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-price {
    display: flex;
    margin-top: 35px;
    font-weight: 700;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 18px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-price .item-price-actual {
    text-decoration: line-through;
    margin-right: 10px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-price .item-price-actual-solo {
    text-decoration: none;
    margin-right: 10px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-price .item-price-discount {
    color: #b22b2b;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-icon-logo {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 12px;
    left: 0;
    transition: all 0.25s ease;
    cursor: pointer;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-volume {
    display: flex;
    align-items: flex-start;
    margin-top: 9px;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-volume-button {
    padding: 5px;
    background-color: #fff;
    color: #29332d;
    border: 1px solid #29332d;
    font-size: 8px;
    line-height: 9px;
    font-weight: 700;
    font-family: "Roboto";
    margin-right: 8px;
    transition: all 0.25s ease;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-volume-button:hover {
    color: #fff;
    background-color: #29332d;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-volume-button.active {
    color: #fff;
    background-color: #29332d;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-volume.active {
    color: #fff;
    background-color: #29332d;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-icon-favourite {
    position: absolute;
    right: 0;
    top: 21px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.personal-view-page .personal-data-content .head {
    margin-bottom: 28px;
}
.personal-view-page .personal-data-content .body {
    margin-top: 0;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-icon-order {
    width: 18px;
    height: 22px;
    position: absolute;
    bottom: 4px;
    right: 3px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-icon-order:hover svg path {
    fill: #dee3d7;
}
.personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-order-button {
    display: none;
}
.personal-fav-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-fav-page .personal-data-content {
    width: 100%;
    margin-left: 0;
}
.personal-fav-page .personal-data-content .body .image-item {
    position: relative;
    margin-right: 30px;
    margin-top: 44px;
}
.personal-fav-page .personal-data-content .body .image-item:nth-child(4n) {
    margin-right: 0;
}
.personal-fav-page .personal-data-content .body .image-item .item-type {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.personal-fav-page .personal-data-content .body .image-item .item-about {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
    max-width: 230px;
}
.personal-fav-page .personal-data-content .body .image-item .item-price {
    display: flex;
    margin-top: 35px;
    font-weight: 700;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 18px;
}
.personal-fav-page .personal-data-content .body .image-item .item-price .item-price-actual {
    text-decoration: line-through;
    margin-right: 10px;
}
.personal-fav-page .personal-data-content .body .image-item .item-price .item-price-actual-solo {
    text-decoration: none;
    margin-right: 10px;
}
.personal-fav-page .personal-data-content .body .image-item .item-price .item-price-discount {
    color: #b22b2b;
}
.personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-logo {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 12px;
    left: 0;
    transition: all 0.25s ease;
    cursor: pointer;
}
.personal-fav-page .personal-data-content .body .image-item .item-volume {
    display: flex;
    align-items: flex-start;
    margin-top: 9px;
}
.personal-fav-page .personal-data-content .body .image-item .item-volume-button {
    padding: 5px;
    background-color: #fff;
    color: #29332d;
    border: 1px solid #29332d;
    font-size: 8px;
    line-height: 9px;
    font-weight: 700;
    font-family: "Roboto";
    margin-right: 8px;
    transition: all 0.25s ease;
}
.personal-fav-page .personal-data-content .body .image-item .item-volume-button:hover {
    color: #fff;
    background-color: #29332d;
}
.personal-fav-page .personal-data-content .body .image-item .item-volume-button.active {
    color: #fff;
    background-color: #29332d;
}
.personal-fav-page .personal-data-content .body .image-item .item-volume.active {
    color: #fff;
    background-color: #29332d;
}
.personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-favourite {
    position: absolute;
    right: 0;
    top: 21px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.personal-fav-page .personal-data-content .head {
    margin-bottom: -16px;
}
.personal-fav-page .personal-data-content .body {
    margin-top: 0;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-order {
    width: 18px;
    height: 22px;
    position: absolute;
    bottom: 4px;
    right: 3px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-order:hover svg path {
    fill: #dee3d7;
}
.personal-fav-page .personal-data-content .body .image-item .item-icons .item-order-button {
    display: none;
}
.personal-sub-page {
    margin-top: 47px;
    margin-bottom: 90px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.personal-sub-page .personal-data-content .body {
    margin-top: 27px;
    max-width: 381px;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.personal-sub-page .personal-data-content .body .sub-button {
    background-color: #29332d;
    padding: 14px 25px;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    transition: all 0.25s ease;
    cursor: pointer;
    border: 1px solid #29332d;
    width: 220px;
}
.personal-sub-page .personal-data-content .body .sub-button:hover {
    color: #29332d;
    background-color: #fff;
}
.personal-sub-page .personal-data-content .body .unsubscribe-button {
    background-color: #29332d;
    padding: 14px 25px;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    transition: all 0.25s ease;
    cursor: pointer;
    border: 1px solid #29332d;
    width: 220px;
}
.personal-sub-page .personal-data-content .body .unsubscribe-button:hover {
    color: #29332d;
    background-color: #fff;
}
.personal-sub-page .personal-data-content .sub-popup {
    display: none; /* По умолчанию скрываем блок popup */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Затемнение фона */
}
.personal-sub-page .personal-data-content .sub-popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    height: 460px;
    background-color: #29332d;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px;
}
.personal-sub-page .personal-data-content .sub-popup .close-popup {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 27px;
    right: 28px;
    cursor: pointer;
}
.personal-sub-page .personal-data-content .sub-popup .popup-content .sub-icon {
    width: 61px;
    height: 61px;
}
.personal-sub-page .personal-data-content .sub-popup .popup-content .popup-head {
    margin-top: 45px;
    color: #fff;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
}
.personal-sub-page .personal-data-content .sub-popup .popup-content p {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-top: 35px;
    color: #fff;
}
.sub-popup-open {
    overflow: hidden;
}
.lk-main-container {
    margin-top: 84px;
    margin-bottom: 108px;
}
.lk-main-container .lk-main-header {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}
.lk-main-container .lk-main-buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.lk-main-container .lk-main-buttons-container .button-item {
    padding: 15px 24px;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    border-radius: 100px;
    border: 1px solid #000;
    margin-right: 40px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.lk-main-container .lk-main-buttons-container .button-item:hover {
    background-color: #29332d;
    color: #fff;
}
.lk-main-container .lk-main-buttons-container .button-item:last-child {
    margin-right: 0;
}
.partner-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 84px;
    margin-bottom: 108px;
}
.partner-page .partner-header {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}
.partner-page .partner-inputs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 23px;
    width: 417px;
}
.partner-page .partner-inputs .partner-item {
    height: 65px;
    padding: 24px 22px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin-top: 20px;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    width: 100%;
}
.partner-page .partner-inputs .partner-item::placeholder {
    color: #c9c9c9;
}
.partner-page .partner-accept {
    margin-top: 40px;
    width: 100%;
    background-color: #29332d;
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    border-radius: 100px;
    padding: 17px;
    cursor: pointer;
    transition: all 0.25s ease;
    border: 1px solid #29332d;
}
.partner-page .partner-accept:hover {
    background-color: #fff;
    color: #29332d;
}
.partner-page .partner-inputs .partner-selector {
    position: relative;
    height: 65px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin-top: 20px;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    width: 100%;
    display: flex;
}
.partner-page .partner-inputs .partner-selector label {
    color: #c9c9c9;
    display: flex;
    border: none;
    margin-top: 0;
}
.partner-page .partner-inputs .partner-selector select {
    border: none;
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    padding: 22px;
    color: #c9c9c9;
    z-index: 2;
}

.partner-page .partner-inputs .partner-selector select option {
    color: #000;
}
.partner-page .partner-inputs .partner-selector .select-icon {
    background: url("/local/templates/future_2021/css/../images/select-arrow.png") no-repeat center / contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 17px;
    top: 25px;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .personal-data-container {
        width: 100%;
    }
    .personal-data-page {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .general-menu {
        width: 295px;
        height: 570px;
        min-width: 295px;
    }
    .personal-data-content .body {
        justify-content: space-between;
        margin-top: 2px;
    }
    .personal-data-content .body .item {
        width: 46%;
        margin-top: 18px;
    }
    .personal-data-content .body .line {
        margin-top: 22px;
        margin-bottom: 2px;
    }
    .personal-data-content .body .item input {
        width: 100%;
    }

    .personal-data-content .body .item.long {
        width: 100%;
    }
    .personal-data-content .body .item.long input {
        width: 100%;
    }
    .personal-address-content .body {
        width: 100%;
    }
    .personal-address-content .body .line .right .edit {
        position: relative;
        top: -10px;
    }
    .personal-address-content .body .line .right .delete {
        position: relative;
        top: -10px;
    }
    .personal-address-content .body .line .left {
        padding-right: 25px;
    }
    .personal-address-content .body .line .bottom .item.long {
        width: 100%;
        margin-right: 0;
    }
    .personal-address-content .body .line .bottom .item.long input {
        width: 100%;
    }
    .personal-address-content .body .line .bottom .item {
        width: 25%;
    }
    .personal-address-content .body .line .bottom .item:last-child {
        margin-right: 0;
    }
    .personal-address-content .body .line .bottom .item input {
        width: 100%;
    }
    .personal-history-content .body {
        width: 100%;
    }
	.personal-history-content .body .item .content {
		position: relative;
	}
    .personal-history-content .body .item .content .right-buttons div {
        width: 135px;
        font-size: 12px;
        line-height: 14px;
        padding: 5px 13px;
    }
    .personal-history-content .body .item .sliding-content .slide-item img {
        grid-area: z;
        width: 57px;
        height: 71px;
    }
    .personal-history-content .body .item .sliding-content .slide-item .descrip {
        margin-left: -30px;
        grid-area: t;
    }
    .personal-history-content .body .item .sliding-content .slide-item .vol {
        grid-area: v;
        margin-left: -30px;
    }
    .personal-history-content .body .item .sliding-content .slide-item .quantity {
        grid-area: q;
    }
    .personal-history-content .body .item .sliding-content .slide-item .price {
        grid-area: p;
    }
    .personal-history-content .body .item {
        margin-top: 18px;
        position: relative;
    }
	.personal-history-content .body .item .header {
		position: relative;
	}
    .personal-history-content .body .item .header .str-1 .date {
        font-size: 12px;
        line-height: 14px;
    }
    .personal-history-content .body .item .header .str-2 .address .detail-text {
        font-size: 10px;
        line-height: 12px;
        margin-top: 8px;
    }
    .personal-history-content .body .item .header .str-2 .address .detail-index {
        font-size: 10px;
        line-height: 12px;
    }
    .personal-history-content .body .item .sliding-content .slide-item {
        font-size: 13px;
        line-height: 15px;
        display: grid;
        grid-template-areas:
            "z t t . ."
            "z v q . p";
    }
    .personal-history-content .body .item .sliding-content .slide-item .price {
        font-size: 14px;
        line-height: 16px;
    }
    .personal-history-content .body .item .content .middle-buttons {
        display: none;
    }
    .personal-history-content .body .item .header .str-3 .pay-smth {
        display: none;
    }
    .personal-history-content .body .item .header .str-2 {
        display: grid;
        grid-template-areas:
            "d . i"
            "a . i";
    }
    .personal-history-content .body .item .header .str-2 .delivery {
        grid-area: d;
		width: 100%;
    }
    .personal-history-content .body .item .header .str-2 .address {
        grid-area: a;
		width: 100%;
    }
    .personal-history-content .body .item .header .str-2 .icon {
        grid-area: i;
    }
    .personal-history-content .body .item .content .right-buttons {
        position: absolute;
        top: auto;
		bottom: 100%;
        right: 14px;
		margin-bottom: 7px;
    }
    .personal-history-content .body .item .header .line-g:last-child {
        margin-bottom: 60px;
    }
    .personal-history-content .body .item .header .str-2 .delivery .price {
        position: absolute;
        top: 100%;
		margin-top: 30px;
    }
    .personal-history-content .body .item .content .left-buttons {
        /* grid-template-columns: repeat(auto-fit, minmax(33.3%, 1fr));
        grid-template-rows: 1fr; */
        grid-template-areas:
            "p p p p p p p p p p"
            "c c c c c d d d d d";
        grid-gap: 10px;
        display: grid;
        width: 100%;
        justify-content: space-between;
    }
    .personal-history-content .body .item .content .left-buttons .payment {
        grid-area: p;
        margin-right: 0;
    }
    .personal-history-content .body .item .content .left-buttons .cancel {
        grid-area: c;
        margin-right: 0;
    }
    .personal-history-content .body .item .content .left-buttons .details {
        grid-area: d;
    }
    .personal-history-content .body .item .content .left-buttons button:last-child {
        margin-right: 0;
    }
    .personal-history-content .body .item .header .str-3 {
        font-size: 12px;
        line-height: 14px;
    }
    .personal-history-page {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .personal-favourite-page {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .personal-favourite-page .personal-data-content .body .item {
        width: 100%;
    }
    .personal-bonus-page {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .personal-bonus-page .personal-data-content .body .images-wrap {
        display: none;
    }
    .personal-bonus-page .personal-data-content .body .images-wrap-swiper {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .personal-bonus-page .personal-data-content .body .images-wrap-swiper .swiper-pagination-bonus {
        position: absolute;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 15px;
    }
    .personal-bonus-page .personal-data-content .body .images-wrap-swiper .swiper-pagination-bonus .swiper-pagination-bullet {
        width: 6px; /* ширина буллета */
        height: 6px; /* высота буллета */
        background-color: #949494; /* цвет буллета */
        border-radius: 50%; /* скругление углов буллета */
        margin: 0 3px; /* отступы между буллетами */
    }
    .personal-bonus-page .personal-data-content .body .images-wrap-swiper .swiper-pagination-bonus .swiper-pagination-bullet-active {
        background-color: #d9d9d9;
    }
    .personal-bonus-page .personal-data-content .body .images-wrap-swiper .image-item {
        width: 100%;
    }
    .personal-bonus-page .personal-data-content .body .images-wrap-swiper .image-item img {
        width: 100%;
    }
    .personal-bonus-page .personal-data-content .body {
        margin-top: 15px;
    }
    .personal-bonus-page .personal-data-content {
        width: 100%;
    }
    .personal-bonus-page .personal-data-content {
        width: 360px;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-volume {
        display: block;
    }
    .personal-view-page .general-menu {
        /* display: none; */
    }
    .personal-view-page .personal-data-content {
        width: calc(100% - 325px);
        /* margin-left: 0; */
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .swiper-slide {
        display: flex;
        justify-content: center;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item {
        display: inline-block;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-next,
    .personal-view-page .personal-data-content .body .view-wrap-swiper .view-button-prev {
        top: 2.5%;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-order-button {
        background-color: #29332d;
        padding: 7px 39px 7px 60px;
        color: #fff;
        font-size: 10px;
        line-height: 11px;
        font-weight: 700;
        position: relative;
        font-family: "Raleway";
        margin-top: 12px;
        display: block;
        border: 1px solid #29332d;
        transition: all 0.25s ease;
        cursor: pointer;
        width: 100%;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-order-button:hover {
        background-color: #dee3d7;
    }

    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-icons .item-order-button .item-order-button-icon {
        position: absolute;
        width: 10px;
        height: 13px;
        left: 47px;
        top: 6px;
    }
    .personal-view-page {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-about {
        font-size: 12px;
        line-height: 14px;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-type {
        font-size: 8px;
        line-height: 9px;
    }
    .personal-view-page .personal-data-content .body .view-wrap-swiper .image-item .item-price {
        font-size: 14px;
        line-height: 16px;
    }
    .personal-fav-page .personal-data-content .body .image-item {
        display: inline-block;
    }
    .personal-fav-page .personal-data-content .body.view-button-next,
    .personal-fav-page .personal-data-content .body .view-button-prev {
        top: 2.5%;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-order-button {
        background-color: #29332d;
        padding: 7px 32px 7px 60px;
        color: #fff;
        font-size: 10px;
        line-height: 11px;
        font-weight: 700;
        position: relative;
        font-family: "Raleway";
        margin-top: 12px;
        display: block;
        border: 1px solid #29332d;
        transition: all 0.25s ease;
        cursor: pointer;
        width: 100%;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-order-button:hover {
        background-color: #dee3d7;
    }

    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-order-button .item-order-button-icon {
        position: absolute;
        width: 10px;
        height: 13px;
        left: 47px;
        top: 6px;
    }
    .personal-fav-page {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-about {
        font-size: 12px;
        line-height: 14px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-type {
        font-size: 8px;
        line-height: 9px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-price {
        font-size: 14px;
        line-height: 16px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-volume {
        display: block;
    }
    .personal-fav-page .personal-data-content .body .image-item:nth-child(4n) {
        margin-right: 30px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-logo {
        width: 24px;
        height: 24px;
        top: 46px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-favourite {
        top: 46px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-favourite svg {
        width: 18px;
        height: 16px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-icon-order {
        display: none;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-empty {
        height: 25px;
        margin-top: 9px;
    }
    .personal-sub-page .personal-data-content {
        width: 100%;
    }
    .personal-sub-page .personal-data-content .sub-popup .popup-content {
        padding: 38px 15px;
        width: 280px;
        height: 360px;
    }
    .personal-sub-page .personal-data-content .sub-popup .popup-content .sub-icon {
        width: 45px;
        height: 45px;
    }
    .personal-sub-page .personal-data-content .sub-popup .popup-content .popup-head {
        font-size: 16px;
        line-height: 18px;
        margin-top: 35px;
    }
    .personal-sub-page .personal-data-content .sub-popup .popup-content p {
        font-size: 14px;
        line-height: 16px;
        margin-top: 19px;
    }
    .personal-sub-page {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .personal-sub-page .personal-data-content .body .sub-button {
        font-weight: 700;
    }
    .personal-sub-page .personal-data-content .body .unsubscribe-button {
        font-weight: 700;
    }
    .personal-sub-page .personal-data-content .sub-popup .close-popup {
        width: 15px;
        height: 15px;
        top: 19px;
        right: 22px;
    }
    .personal-data-page .personal-data-container .personal-data-content .body .item-container {
        grid-gap: 18px;
    }
    .personal-data-page .personal-data-container .personal-data-content .body .item.textarea textarea {
        height: 160px;
    }
    .personal-data-page .personal-data-container .personal-data-content .body .item-buttons {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .personal-data-content .body .file-loading {
        margin-top: 23px;
        margin-bottom: 6px;
    }
}
@media only screen and (max-width: 767px) {
	.personal-data-page,
	.page-personal,
	.personal-history-page,
	.personal-view-page,
	.personal-bonus-page,
	.personal-sub-page,
	.personal-favourite-page {
		margin-top: 0px !important;
	}
    .general-menu {
        display: block;
		margin: 0px 0px 26px 0px;
		padding: 0px;
		width: 100%;
		height: auto;
		background: none;
    }
    .personal-history-container{
        display: block;
		width: 100%;
    }
	.general-menu .gen-menu-list {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100vw;
		margin-left: -25px;
		white-space:nowrap;
		padding: 0px 25px;
		overflow: auto;
		font-size: 14px;
	}
	.general-menu .gen-menu-list li {
		margin-left: 20px;
	}
	.general-menu .gen-menu-list li:first-child {
		margin-left: 0px;
	}
	.general-menu .gen-menu-head  {
		margin-bottom: 10px;
	}
    .personal-data-container{
        flex-wrap: wrap;
    }
    .page-personal .container{
        flex-wrap: wrap;
    }
    .personal-data-content {
        margin-left: 0;
        width: 100%;
    }
    .personal-data-content .body {
        margin-top: 13px;
    }
    .personal-data-content .body .item {
        width: 100%;
    }
    .personal-data-content .body .line {
        margin-top: 31px;
        margin-bottom: 2px;
    }
    .personal-data-content .body .editing-button {
        position: initial;
        width: 100%;
        margin-top: 35px;
    }
    .personal-address-content .body .add-address {
        width: 100%;
        text-align: center;
        margin-top: 21px;
    }
    .personal-address-page {
        margin-top: 16px;
        margin-bottom: 35px;
    }
    .personal-address-content {
        margin-left: 0;
    }
    .personal-address-content .body .line .right .edit {
        top: -15px;
    }
    .personal-address-content .body .line .right .delete {
        top: -15px;
    }
    .personal-address-content .body .line .bottom {
        padding: 2px 10px 23px 10px;
    }
    .personal-address-content .body .line .bottom .item {
        width: 26.2%;
        margin-top: 16px;
    }
    .personal-address-content .body .line .bottom .item.long input {
        margin-top: 8px;
    }
    .personal-address-content .body .line .bottom .item.long {
        margin-top: 22px;
    }
    .personal-address-content .body .line .save-button {
        margin-bottom: 17px;
        margin-left: 0;
        width: 100%;
    }
    .personal-address-content .body .line .form-button {
        padding: 0 10px;
    }
    .personal-address-content .body .line:first-child {
        border-radius: 10px;
    }
    .personal-address-content .body .line {
        border-radius: 10px;
    }
    .personal-history-content {
        margin-left: 0;
    }
    .personal-history-content .body .item .header .str-1 .date {
        font-size: 10px;
        line-height: 11px;
    }
    .personal-history-content .body .item .content .left-buttons button {
        font-size: 12px;
        line-height: 14px;
		margin-bottom: 10px;
    }
	.personal-history-content .body .item {
		padding-bottom: 2px;
	}
    .personal-history-content .body .item .header .line-g:last-child {
        margin-bottom: 60px;
    }
    .personal-history-content .body .item {
        margin-top: 16px;
    }
    .personal-history-content .body .item .header .str-2 .address .detail-index {
        margin-top: 1px;
    }
    .personal-history-content .body .item .sliding-content .slide-item .descrip {
        margin-left: 0;
    }
    .personal-history-content .body .item .sliding-content .slide-item .vol {
        margin-left: 0;
    }
    .personal-history-content .body .item .sliding-content .slide-item {
        grid-template-areas:
            "z t t . ."
            "z v q . p";
    }
	.personal-history-content .body .item .content .left-buttons {
		row-gap: 0px;
	}
    .personal-history-content .body .item .content .right-buttons {
        top: auto;
		margin-bottom: 10px;
		right: 0px;
    }
    .personal-history-content .body .item .header .str-2 .delivery .price {
        top: 100%;
		margin-top: 25px;
    }
    .personal-history-content .body {
        margin-top: 19px;
    }
    .personal-history-page {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .personal-favourite-page {
        margin-top: 18px;
        margin-bottom: 26px;
    }
    .personal-favourite-page .personal-data-content .body .item.textarea textarea {
        height: 318px;
    }
    .personal-bonus-page {
        margin-top: 18px;
        margin-bottom: 26px;
    }
    .personal-bonus-page .personal-data-content .body .points-card {
        width: 100%;
    }
    .personal-bonus-page .personal-data-content {
        width: 100%;
    }
    .personal-view-page {
        margin-top: 18px;
        margin-bottom: 26px;
    }
    .personal-fav-page .personal-data-content .body {
        grid-template-columns: 1fr 1fr;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-order-button {
        padding: 7px 10px 7px 28px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-icons .item-order-button .item-order-button-icon {
        left: 25px;
    }
    .personal-fav-page .personal-data-content .body .image-item {
        margin-right: 2.5px;
    }
    .personal-fav-page .personal-data-content .body .image-item:nth-child(2n) {
        margin-right: 0;
        margin-left: 2.5px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-about {
        height: 46px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-volume {
        margin-top: 0;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-volume-button {
        margin-right: 4px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-price {
        margin-top: 12px;
    }
    .personal-fav-page .personal-data-content .body .image-item .item-empty {
        margin-top: 0;
    }
    .personal-sub-page {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .personal-sub-page .personal-data-content .body {
        width: 100%;
        margin-top: 20px;
        max-width: 100%;
    }
    .personal-sub-page .personal-data-content .body .sub-button {
        width: 100%;
        margin-top: 20px;
    }
    .personal-sub-page .personal-data-content .body .unsubscribe-button {
        width: 100%;
        margin-top: 20px;
    }
    .personal-sub-page .personal-data-content .body .sub-desc {
        font-size: 14px;
        line-height: 16px;
    }
    .personal-sub-page .personal-data-content .sub-popup {
        z-index: 1;
    }
    .personal-view-page .personal-data-content {
        width: 100%;
    }
    .personal-data-page .personal-data-container .personal-data-content .body .item-container {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .personal-data-page .personal-data-container .personal-data-content .body .item-buttons .add-button {
        width: 100%;
    }
    .personal-data-page .personal-data-container .personal-data-content .body .item-buttons .send-button {
        width: 100%;
    }
    .personal-data-content .body .file-loading .file-loading-error {
        margin-left: 9px;
        padding: 17px 11px;
    }
    .personal-data-content .body .file-loading .file-loading-error .error-icon {
        min-width: 18px;
    }
    .personal-data-content .body .file-loading {
        width: 100%;
    }
    .personal-data-content .body .file-loading .file-loading-error .error-text {
        font-size: 9px;
        line-height: 10px;
        width: 100%;
        margin-left: 8px;
    }
    .lk-main-container .lk-main-buttons-container {
        flex-direction: column;
    }
    .lk-main-container .lk-main-buttons-container .button-item {
        margin-top: 20px;
        margin-right: 0;
        width: 250px;
    }
    .lk-main-container .lk-main-buttons-container .button-item:first-child {
        margin-top: 0;
    }
    .lk-main-container {
        margin-top: 29px;
        margin-bottom: 60px;
    }
    .partner-page .partner-inputs {
        width: 100%;
    }
}



/* ==========================================================================
   Структура ЛК
   ========================================================================== */

.personal-hide {display:none;}

.page-personal {margin:47px 0px 90px 0px; display:flex; align-items:flex-start; justify-content:center; font-family:"Raleway", sans-serif;}
.page-personal .container {width:1200px; display:flex; align-items:flex-start; justify-content:flex-start; position:relative; max-width:none; margin:0px;}
.page-personal .container .block-left {}
.page-personal .container .block-right {width:100%; margin-left:30px;}
.page-personal .container .block-right .title {margin:0px 0px 28px 0px; font-size:20px; line-height:23px; color:#040404; font-weight:bold;}

.personal-data-content .common__navigation {padding-top:0px; padding-left:0px; padding-right:0px;}
.personal-data-content .common__title {margin:0px; font-size:20px; line-height:23px; color:#040404; font-weight:bold;}
.personal-data-content .common__separator {visibility:hidden; opacity:0;}
.personal-data-content .common__arrows {display:flex;}
.personal-data-content .products__item {width:223px;}
.personal-data-content .products__price-first {display:none;}
.personal-data-content .products__top img {object-fit:contain;}

.personal-data-error {width:100%; max-width:1164px; margin:0px auto; padding:47px 0px 90px 0px; font-family:"Raleway", sans-serif;}
.personal-data-error .title {margin:0px 0px 20px 0px; font-size:20px; line-height:23px; color:#040404; font-weight:bold;}
.personal-data-error .text {font-size:16px; line-height:20px; color:#040404;}
.personal-data-error .text a {color:#007aff; text-decoration:underline;}
.personal-data-error .text a:hover {text-decoration:none;}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
	
	.page-personal .container {width:100%;}
	.page-personal .container .block-right .title {margin:0px 0px 27px 0px;}
	
	.personal-data-content .products__item {width:211px;}
	
}

@media only screen and (max-width: 767px) {
	
	.page-personal {margin:16px 0px 35px 0px;}
	.page-personal .container {width:100%;}
	.page-personal .container .block-right {margin-left:0px;}
	.page-personal .container .block-right .title {margin:0px 0px 27px 0px;}
	
	.personal-data-content .products__item {width:162px;}
	
}



/* ==========================================================================
   Мои адреса
   ========================================================================== */

.page-personal-address {width:100%;}
.page-personal-address .block-hide {display:none;}
.page-personal-address .blocks {margin:0px;}
.page-personal-address .blocks .block {margin:18px 0px 0px 0px; background:#F4F4F4; border-radius:20px;}
.page-personal-address .blocks .block:first-child {margin-top:0px;}

.page-personal-address .blocks .block .preview {padding:8px 20px; display:flex; align-items:center; justify-content:space-beetween;}
.page-personal-address .blocks .block .preview .icon {width:32px; min-width:32px; max-width:32px; height:40px; font-size:0px; line-height:0px;}
.page-personal-address .blocks .block .preview .icon img {width:32px; height:40px;}
.page-personal-address .blocks .block .preview .info {width:100%; margin:0px; padding:0px 24px; font-family:'Roboto', sans-serif;}
.page-personal-address .blocks .block .preview .info .name {font-size:14px; line-height:16px; color:#000; font-weight:bold;}
.page-personal-address .blocks .block .preview .info .address {margin:6px 0px 0px 0px; font-size:14px; line-height:16px; color:#000;}
.page-personal-address .blocks .block .preview .actions {width:46px; min-width:46px; max-width:46px; height:16px; font-size:0px; line-height:0px; display:flex; align-items:center; justify-content:space-beetween;}
.page-personal-address .blocks .block .preview .actions .edit {width:16px; margin:0px 14px 0px 0px; transition:all .25s ease; cursor:pointer;}
.page-personal-address .blocks .block .preview .actions .edit:hover {transform:scale(1.2);}
.page-personal-address .blocks .block .preview .actions .edit img {width:16px; height:16px;}
.page-personal-address .blocks .block .preview .actions .delete {width:16px; transition:all .25s ease; cursor:pointer;}
.page-personal-address .blocks .block .preview .actions .delete:hover {transform:scale(1.2);}
.page-personal-address .blocks .block .preview .actions .delete img {width:16px; height:16px;}

.page-personal-address .blocks .block .detail {display:none; padding:14px 20px 28px 20px; align-items:flex-start; justify-content:space-beetween;}
.page-personal-address .blocks .block .detail .left {width:32px; min-width:32px; max-width:32px; height:40px; font-size:0px; line-height:0px;}
.page-personal-address .blocks .block .detail .left img {width:32px; height:40px;}
.page-personal-address .blocks .block .detail .center {width:100%; margin:0px; padding:12px 65px 0px 24px;}
.page-personal-address .blocks .block .detail .center .name {margin:0px 0px 32px 0px; font-size:14px; line-height:16px; color:#000; font-weight:bold; font-family:'Roboto', sans-serif;}
.page-personal-address .blocks .block .detail .center .form {display:flex; flex-wrap:wrap; width:calc(100% + 30px); margin:0px 0px 0px -30px;}
.page-personal-address .blocks .block .detail .center .form .cell {width:calc(50% - 30px); margin:18px 0px 0px 30px;}
.page-personal-address .blocks .block .detail .center .form .cell:nth-child(1) {margin-top:0px;}
.page-personal-address .blocks .block .detail .center .form .cell:nth-child(2) {margin-top:0px;}
.page-personal-address .blocks .block .detail .center .form .cell.parent {display:flex; justify-content:space-between; margin-left:-2px; width:calc(50% - 30px + 32px);}
.page-personal-address .blocks .block .detail .center .form .cell .subcell {width:calc(33.33% - 32px); margin:0px 0px 0px 32px;}
.page-personal-address .blocks .block .detail .center .form .cell .field-name {margin:0px 0px 11px 0px; font-size:14px; line-height:16px; color:#000; font-weight:bold;}
.page-personal-address .blocks .block .detail .center .form .cell .field {margin:0px;}
.page-personal-address .blocks .block .detail .center .form .cell .field input {width:100%; height:40px; background:none; border:1px solid #B8B8B8; border-radius:0px; margin:0px; padding:0px 11px; font-size:14px; line-height:16px; color:#000; font-weight:normal; font-family:"Raleway", sans-serif;}
.page-personal-address .blocks .block .detail .center .button {margin:23px 0px 0px 0px;}
.page-personal-address .blocks .block .detail .center .button a {display:flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; transition:all .25s ease; border:1px solid #29332D; background:#29332D; width:150px; height:34px; font-size:14px; line-height:16px; color:#fff; font-weight:bold;}
.page-personal-address .blocks .block .detail .center .button a:hover {background:transparent; color:#29332D;}
.page-personal-address .blocks .block .detail .right {width:16px; min-width:16px; max-width:16px; height:16px; font-size:0px; line-height:0px;}
.page-personal-address .blocks .block .detail .right .close {padding:5px 0px 0px 0px; width:16px; height:16px; transition:all .25s ease; cursor:pointer;}
.page-personal-address .blocks .block .detail .right .close:hover {transform:scale(1.2);}
.page-personal-address .blocks .block .detail .right .close img {width:16px; height:16px;}

.page-personal-address .blocks .block.edited .preview {display:none;}
.page-personal-address .blocks .block.edited .detail {display:flex;}

.page-personal-address .button-add {margin:28px 0px 0px 0px;}
.page-personal-address .button-add.hide {display:none;}
.page-personal-address .button-add a {display:flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; transition:all .25s ease; border:1px solid #29332D; background:#29332D; width:220px; height:44px; font-size:14px; line-height:16px; color:#fff; font-weight:bold;}
.page-personal-address .button-add a:hover {background:transparent; color:#29332D;}

@media only screen and (max-width: 1024px) {
	
	.page-personal-address .blocks .block .preview {padding:14px 20px; position:relative; align-items:flex-start;}
	.page-personal-address .blocks .block .preview .icon {padding:3px 0px 0px 0px;}
	.page-personal-address .blocks .block .preview .info {padding:0px 40px 0px 23px;}
	.page-personal-address .blocks .block .preview .actions {position:absolute; top:9px; right:20px;}
	
	.page-personal-address .blocks .block .detail {padding:14px 20px 35px 20px;}
	.page-personal-address .blocks .block .detail .center {padding:12px 17px 0px 23px;}
	.page-personal-address .blocks .block .detail .center .form {display:block; width:100%; margin:0px;}
	.page-personal-address .blocks .block .detail .center .form .cell {width:100%; margin:14px 0px 0px 0px;}
	.page-personal-address .blocks .block .detail .center .form .cell:nth-child(1) {margin-top:0px;}
	.page-personal-address .blocks .block .detail .center .form .cell:nth-child(2) {margin-top:14px;}
	.page-personal-address .blocks .block .detail .center .form .cell.parent {width:calc(100% + 26px); margin-left:-26px;}
	.page-personal-address .blocks .block .detail .center .form .cell .subcell {width:calc(33.33% - 26px); margin:0px 0px 0px 26px;}
	.page-personal-address .blocks .block .detail .center .form .cell .field input {padding:0px 8px;}
	.page-personal-address .blocks .block .detail .center .button {margin:22px 0px 0px 0px;}
	.page-personal-address .blocks .block .detail .right .close {padding-top:0px;}
	
}

@media only screen and (max-width: 767px) {
	
	.page-personal-address .blocks .block {margin:16px 0px 0px 0px; border-radius:10px;}
	
	.page-personal-address .blocks .block .preview {padding:8px 10px 12px 10px; position:relative; align-items:flex-start;}
	.page-personal-address .blocks .block .preview .info {padding:0px 20px 0px 14px;}
	.page-personal-address .blocks .block .preview .info .address {margin:4px 0px 0px 0px;}
	.page-personal-address .blocks .block .preview .actions {position:absolute; top:8px; right:10px;}
	
	.page-personal-address .blocks .block .detail {padding:19px 10px 17px 10px; position:relative;}
	.page-personal-address .blocks .block .detail .left {position:absolute; top:8px; left:10px;}
	.page-personal-address .blocks .block .detail .center {padding:0px;}
	.page-personal-address .blocks .block .detail .center .name {margin:0px 0px 37px 0px; padding:0px 0px 0px 46px;}
	.page-personal-address .blocks .block .detail .center .form {display:block; width:100%; margin:0px;}
	.page-personal-address .blocks .block .detail .center .form .cell {width:100%; margin:22px 0px 0px 0px;}
	.page-personal-address .blocks .block .detail .center .form .cell:nth-child(1) {margin-top:0px;}
	.page-personal-address .blocks .block .detail .center .form .cell:nth-child(2) {margin-top:22px;}
	.page-personal-address .blocks .block .detail .center .form .cell.parent {margin-left:-35px; width:calc(100% + 35px);}
	.page-personal-address .blocks .block .detail .center .form .cell .subcell {width:calc(33.33% - 35px); margin:0px 0px 0px 35px;}
	.page-personal-address .blocks .block .detail .center .form .cell .field input {padding:0px 11px;}
	.page-personal-address .blocks .block .detail .center .button {margin:22px 0px 0px 0px;}
	.page-personal-address .blocks .block .detail .center .button a {width:100%; height:43px;}
	.page-personal-address .blocks .block .detail .right {position:absolute; top:8px; right:10px;}
	
	.page-personal-address .button-add {margin:21px 0px 0px 0px;}
	.page-personal-address .button-add a {width:100%;}
	
}
/* End */
/* /local/templates/future_2021/css/personal.css?175346408169679 */