html { width:100%; height: 100%; }

body {margin:0px; padding:0px; font-family:'Gilroy'; font-size:14px; font-weight: normal; line-height:1.2; color:#303030; background:#EEE;}

a, img, button, input, select {outline: none !important;}

.bx-main {position:relative; width:100%; max-width:480px; margin:0 auto; min-height:100vh; background:#FFF;}

.bx-load {width:100%; height:100vh; display:flex; flex-direction:row; align-items:center;}
.bx-load img {margin:0 auto; width:120px; animation: blink 2s infinite;}

.bx-load-page {width:100%; height:500px; display:flex; flex-direction:row; align-items:center;}
.bx-load-page img {margin:0 auto; width:120px; animation: blink 2s infinite;}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}

.bx-start-items {position:relative;}
.bx-start-item {position:absolute; height:100vh; z-index:1; top:0px; left:0px; width:100%; background:#FFF; display:none;}
.bx-start-item1 {display:block;}

.bx-start-item-img {margin-bottom:20px; height:55%; background-size:cover; background-position:center bottom;}
.bx-start-item-img img {width:100%;}
.bx-start-item-name {font-size:28px; font-weight:700; text-align:center; color:#FF3F36; margin-bottom:10px;}
.bx-start-item-desc {font-size:16px; text-align:center; color:#575757; margin-bottom:20px;}
.bx-start-item-wr {padding-left:20px; padding-right:20px;}
.bx-start-item-btn {position:absolute; left:20px; bottom:30px; right:20px;}

.btn1, .btn1:active, .btn1:focus {padding:0px; border:0px; width:100%; height:52px; border-radius:46px; color:#FFF; background:#FF3F36; font-size:16px;}
.btn2, .btn2:active, .btn2:focus {padding:0px; border:0px; width:100%; height:52px; border-radius:46px; color:#FF3F36; background:#FFF; font-size:16px; border:1px solid #FF3F36;}

.btn3, .btn3:active, .btn3:focus {padding:0px; border:0px; width:100%; height:43px; border-radius:46px; color:#FFF; background:#FF3F36; font-size:16px;}
.btn4, .btn4:active, .btn4:focus {padding:0px; border:1px solid #FF3F36; width:100%; height:43px; border-radius:46px; color:#FF3F36; background:#FFF; font-size:16px;}
.btn5, .btn5:active, .btn5:focus {padding:0px; border:1px solid #FF3F36; width:100%; height:35px; border-radius:46px; color:#FF3F36; background:#FFF; font-size:16px;}

.bx-start-item-nav {text-align:center; padding-top:15px;}
.bx-start-item-nav div {display:inline-block; width:10px; height:10px; border-radius:10px; background:#ffd9d7; margin-left:2px; margin-right:2px;}
.bx-start-item-nav div.active {background:#ff3f36;}

.bx-anketa-item {position:relative; background:#FFF; height:100vh;}
.bx-anketa-item1 {min-height:100vh;}
.bx-anketa-item1-block {min-height:80vh; display:flex; flex-direction:row; align-items:center;}
.bx-anketa-item1-block-wr {width:100%; padding-left:20px; padding-right:20px;}
.bx-anketa-item1-img {width:100%; max-width:280px; margin:0 auto; margin-bottom:40px;}
.bx-anketa-item1-img img {width:100%;}
.bx-anketa-item1-name {text-align:center; font-size:20px; font-weight:600;}
.bx-anketa-item1-name div {color:#FF3F36;}
.bx-anketa-item1-btn {position:absolute; left:20px; bottom:30px; right:20px;}
.bx-anketa-item1-btn-label {font-size:16px; font-weight:400; color: #575757; padding-left:20px; padding-right:20px; margin-bottom:10px;}


.bx-anketa-item {display:none;}
.bx-anketa-item1 {display:block;}

.bx-anketa-item-top {height:60px; display:flex; flex-direction:row; align-items:center; font-size:18px; font-weight:500; color: #303030; text-align:center; margin-bottom:10px;}
.bx-anketa-item-top-wr {width:100%;}

.bx-anketa-item-step {margin-bottom:20px;}
.bx-anketa-item-step-wr {padding-left:20px; padding-right:20px;}
.bx-anketa-item-step-line {position:relative; background:#F9F9F9; height:6px; border-radius:6px; overflow:hidden; margin-bottom:10px;}
.bx-anketa-item-step-line-pos {position:absolute; top:0px; left:0px; height:100%; background:#FF3F36; border-radius:6px;}
.bx-anketa-item-step-name {font-size:16px;}

.bx-anketa-item-block {height:calc(100vh - 220px); overflow-x:auto; margin-right:5px;}
.bx-anketa-item-block-wr {padding-left:20px; padding-right:20px;}
.bx-anketa-item-btn {position:absolute; left:20px; bottom:30px; right:20px;}

.bx-anketa-item-block-input-left1 {float:left; width:48%; margin-right:4%;}
.bx-anketa-item-block-input-left2 {float:left; width:48%;}

.btnAnketaPol, .btnAnketaPol:active, .btnAnketaPol:focus {padding:0px; border:0px; height:36px; border-radius:36px; background:#F9F9F9; font-size:14px; width:100%;}
.btnAnketaPolHv {background:#FF3F36 !important; color:#FFF !important;}

.bx-anketa-item-block-input {position:relative; margin-bottom:20px;}
.bx-anketa-item-block-input input {border:0px; width:100%; height:52px; border-radius:14px; background:#F9F9F9; padding-left:15px; line-height:1;}
.bx-anketa-item-block-input-icon {position:absolute; top:0px; right:0px; height:100%; width:62px; display:flex; flex-direction:row; align-items:center;}
.bx-anketa-item-block-input-icon svg {display:block; margin:0 auto;}

.bx-anketa-item-block-textarea {position:relative; margin-bottom:20px;}
.bx-anketa-item-block-textarea textarea {border:0px; width:100%; height:100px; border-radius:14px; background:#F9F9F9; padding-left:15px; padding-top:10px;}
.bx-anketa-item-block-textarea1 textarea {height:180px;}
.bx-anketa-item-block-textarea-icon {position:absolute; bottom:15px; right:15px;}
.bx-anketa-item-block-textarea-icon svg {display:block;}

.bx-anketa-item-block label {display:block; font-weight:400; font-size:14px; margin-bottom:10px; padding-left:15px;}
.bx-anketa-item-block label span {color:#979797;}

.bx-anketa-item-block-input-left3 {float:left; width:30.3%; margin-right:3%;}
.bx-anketa-item-block-input-left4 {float:left; width:30.3%; margin-right:3%;}
.bx-anketa-item-block-input-left5 {float:left; width:33.3%;}

.bx-anketa-item-btn1 {float:left; width:48%; margin-right:4%;}
.bx-anketa-item-btn2 {float:left; width:48%;}

.bx-anketa-item-block-items {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-anketa-item-block-item {border-radius:15px; border:1px solid #E7E7E7; width:48%; margin-left:1%; margin-right:1%; margin-bottom:8px;}
.bx-anketa-item-block-item-wr {padding:10px;}
.bx-anketa-item-block-item-checkbox {text-align:right; margin-bottom:15px;}
.bx-anketa-item-block-item-checkbox span {display:inline-block; vertical-align:middle; color:#AFAFAF; font-weight:500; margin-right:5px; line-height:1;}
.bx-anketa-item-block-item-checkbox svg {display:inline-block; vertical-align:middle;}
.bx-anketa-item-block-item-icon {margin-bottom:15px;}
.bx-anketa-item-block-item-icon svg {display:block; margin:0 auto; height:52px !important; width:auto !important;} 

.bx-anketa-item-block-item-name {text-align:center; color:#303030; font-weight:500; line-height:1.1; height:34px; display:flex; flex-direction:row; align-items:end;}
.bx-anketa-item-block-item-name-wr {width:100%;}

.btnCheckboxHv {border:1px solid #FF3F36;}
.btnCheckboxHv .bx-anketa-item-block-item-icon svg path {fill:#FF3F36;}
.btnCheckboxHv .bx-anketa-item-block-item-name {color:#FF3F36; font-weight:bold;}
.btnCheckboxHv .bx-anketa-item-block-item-checkbox span {color:#FF3F36;}
.btnCheckboxHv .bx-anketa-item-block-item-checkbox svg path {fill:#FF3F36;}
.btnCheckboxHv .bx-anketa-item-block-item-checkbox svg rect {stroke:#FF3F36;}

.btnFiles, .btnFiles:active, .btnFiles:focus {position:relative; padding:0px; border:0px; background:transparent; display:block; width:100%;}
.btnFiles svg {display:block; width:100%; height:auto;}

.btnFiles .js-file {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; opacity:0; cursor:pointer;}

.bx-anketa-item-block-files {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-anketa-item-block-files-item {width:24%; margin-left:.5%; margin-right:.5%; margin-bottom:5px;}
.bx-anketa-item-block-files-desc {text-align:center; color: rgba(48, 48, 48, 0.5); padding-top:5px; padding-bottom:5px;}

.bx-files-item {position:relative; width:100%;}
.bx-files-item svg {display:block; width:100%; height:auto;}
.bx-files-item img {display:block; width:100%; height:auto;}

.bx-files-load {position:absolute; bottom:5px; left:0px; width:100%;}
.bx-files-load img {width:20px; height:20px; border-radius:20px; margin:0 auto;}

.bx-files-item-no .bx-files-load {display:none;}
.bx-files-icon {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:11; background-size:cover; background-position:center center; border-radius:15px;}

.bx-anketa-panel {position:absolute; top:5px; right:5px; z-index:12;}
.btnPhotoDelete, .btnPhotoDelete:active, .btnPhotoDelete:focus {padding:0px; border:0px; width:20px; height:20px; border-radius:20px; background:#FFF; display:flex; flex-direction:row; align-items:center;}
.btnPhotoDelete img {display:block; margin:0 auto; width:auto; height:auto;} 

.popupformOk {width:100%; max-width:340px; border-radius:10px; padding:20px; padding-top:40px;}
.popupformOk-img {text-align:center; margin-bottom:4px;}
.popupformOk-img svg {width:60px; height:60px;}
.popupformOk-label {font-size:18px; font-weight:600; text-align:center; margin-bottom:10px; line-height:1.2;}
.popupformOk-btn {text-align:center;}
.popupformOk-btn a {margin-right:20px;}

.bx-main-header {position:relative; height:60px; display:flex; flex-direction:row; align-items:center;}
.bx-main-header-wr {width:100%;}
.bx-logo {text-align:center;}
.bx-logo svg {height:36px;}

.btnShop, .btnShop:active, .btnShop:focus {position:absolute; top:0px; left:0px; height:100%; width:70px; padding:0px; border:0px; background:transparent; display:flex; flex-direction:row; align-items:center; z-index:1;}
.btnShop svg {display:block; margin:0 auto;}

.btnAlert, .btnAlert:active, .btnAlert:focus {position:absolute; top:0px; right:0px; height:100%; width:70px; padding:0px; border:0px; background:transparent; display:flex; flex-direction:row; align-items:center; z-index:1;}
.btnAlert svg {display:block; margin:0 auto;}

.bx-main-block {height:calc(100vh - 150px); overflow-x:auto; margin-right:2px;}
.bx-main-block-wr {padding-left:10px; padding-right:10px;}

.bx-main-bottom {position:fixed; bottom:0px; left:0px; width:100%; z-index:111; background: #FFFFFF; border-radius: 12px 12px 0px 0px; box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.09), 0px 4px 16px rgba(0, 0, 0, 0.17);}
.bx-main-bottom-wr {padding:10px; padding-left:20px; padding-right:20px; padding-bottom:20px;}

.bx-main-bottom-items {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-main-bottom-item {width:16.6%; text-align:center;}

.btnMenu, .btnMenu:active, .btnMenu:focus {padding:0px; border:0px; background:transparent}
.btnMenuHv svg rect {fill:#FF3F36;}
.btnMenuHv svg path {stroke:#FFF;}

.bx-main-block-info {text-align:center; font-style:italic; font-size:14px; margin-top:100px;}

.bx-load1 {height:calc(100vh - 150px); display:flex; flex-direction:row; align-items:center;}
.bx-load1 img {display:block; width:80px; height:80px; margin:0 auto;}

.bx-page1-reload {height: calc(100vh - 150px); display:flex; flex-direction:row; align-items:center;}
.bx-page1-reload-wr {width:100%; text-align:center;}
.bx-page1-reload-label1 {font-size:32px; font-weight:600; color:#FF3F36; margin-bottom:10px;}
.bx-page1-reload-icon {margin-bottom:15px;}
.bx-page1-reload-icon img {width:100px;}
.bx-page1-reload-label2 {font-size:16px; font-weight:400; color:#3B343F;}

.bx-page1-random-items {display:none;}
.bx-page1-random {height: calc(100vh - 200px); background-size:cover; background-position:center center; border-radius:40px; position:relative; display:none;}
.bx-page1-random1 {display:block;}
.bx-page1-random-bg {position:absolute; top:0px; left:0px; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.74%, rgba(0, 0, 0, 0.7) 100%); border-radius:45px;}
.bx-page1-random-block {position:absolute; left:0px; bottom:0px; z-index:1;}
.bx-page1-random-block-wr {padding:20px; padding-bottom:45px;}

.bx-page1-random-block-spec {font-size:16px; color:#FFFFFF; font-weight:400;}
.bx-page1-random-block-name {font-size:24px; color:#FFFFFF; font-weight:700; margin-bottom:7px;}
.bx-page1-random-block-desc {font-size:16px; color:#FFFFFF; font-weight:400;}
.bx-page1-random-bottom {display:flex; flex-direction:row; align-items:center; position:absolute; left:0px; bottom:-35px; width:100%; z-index:11; text-align:center;}
.bx-page1-random-bottom-wr {width:100%;}

.btnRandomNo, .btnRandomNo:active, .btnRandomNo:focus {padding:0px; border:0px; background:#FFF; width:55px; height:55px; border-radius:55px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); vertical-align:middle;}
.btnRandomNo img {display:block; margin:0 auto;}

.btnRandomPlus, .btnRandomPlus:active, .btnRandomPlus:focus {padding:0px; border:0px; background:#FFF; width:70px; height:70px; border-radius:70px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); vertical-align:middle; margin-left:20px; margin-right:20px;}
.btnRandomPlus img {display:block; margin:0 auto;}

.btnRandomPlusPlus, .btnRandomPlusPlus:active, .btnRandomPlusPlus:focus {padding:0px; border:0px; background:#FFF; width:55px; height:55px; border-radius:55px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); vertical-align:middle;}
.btnRandomPlusPlus img {display:block; margin:0 auto;}

.bx-page1-random-finish {height: calc(100vh - 150px); display:flex; flex-direction:row; align-items:center;}
.bx-page1-random-finish-wr {width:100%; text-align:center;}
.bx-page1-random-finish-label {font-size:32px; font-weight:600; color:#FF3F36;}

.msgInfoName {text-align:center; font-size:18px; font-weight:800; margin-bottom:20px;}
.msgInfoText {text-align:center; font-size:16px; font-weight:400; margin-bottom:20px;}

.msgInfoBtn1 {float:left; width:50%;}
.msgInfoBtn2 {float:left; width:50%;}

.btnShopOpen, .btnShopOpen:active, .btnShopOpen:focus {padding:0px; border:0px; background:transparent; height:40px; color:#FF2C2C; font-size:18px; font-weight: 500; text-align:center; width:100%;}
.btnFormActive, .btnFormActive:active, .btnFormActive:focus {padding:0px; border:0px; background:transparent; height:40px; color:#FF2C2C; font-size:18px; font-weight: 500; text-align:center; width:100%;}
.btnFormClose, .btnFormClose:active, .btnFormClose:focus {padding:0px; border:0px; background:transparent; height:40px; color:#1F1216; font-size:18px; font-weight: 500; text-align:center; width:100%;}
.btnLockCancel, .btnLockCancel:active, .btnLockCancel:focus {padding:0px; border:0px; background:transparent; height:40px; color:#FF2C2C; font-size:18px; font-weight: 500; text-align:center; width:100%;}

#menuShop, #menuAlert, #menuProfile, #menuChat, #menuShopHistory, #menuShopCompare, #menuProfileAi, #menuMap, #menuZvonok1, #menuZvonok2, #menuChatAi, 
#menuChatAiPage1, #menuChatAiPage2 {position: fixed; left:-100%; width:100%;	height:100%; top:0;	z-index:11111; overflow:hidden; background:#FFF;}
#menuShop {z-index:11112;}
#menuShopHistory {z-index:11113;}
#menuShopCompare {z-index:11114;}
#menuZvonok1, #menuZvonok2 {z-index:99994;}
#menuShop.menu-open, #menuAlert.menu-open, #menuProfile.menu-open, #menuChat.menu-open, #menuShopHistory.menu-open, #menuShopCompare.menu-open, #menuProfileAi.menu-open, #menuMap.menu-open, #menuZvonok1.menu-open, #menuZvonok2.menu-open, #menuChatAi.menu-open, #menuChatAiPage1.menu-open, #menuChatAiPage2.menu-open {left:0px;}
#menuShop, #menuAlert, #menuProfile, #menuChat, #menuShopHistory, #menuShopCompare, #menuProfileAi, #menuMap, #menuZvonok1, #menuZvonok2, #menuChatAi, 
#menuChatAiPage1, #menuChatAiPage2 {-webkit-transition: all .3s ease;  -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;	transition: all .3s ease;}

.menu-header {position:relative; height:60px;}
.menu-close {position:absolute; top:5px; right:5px;}
.menu-close button, .menu-close button:active, .menu-close button:focus {padding:0px; border:0px; background:transparent; display:block; width:60px; height:55px; line-height:1;}
.menu-close button svg {width:18px; height:18px;}
.menu-close button svg path {fill:#192A3E;}

.menu-header-name {height:100%; display:flex; flex-direction:row; align-items:center; font-size:20px; font-weight:500;}
.menu-header-name div {padding-left:20px;}

.menu-block {height:calc(100vh - 80px); overflow-x:auto; margin-right:5px;}
.menu-block-wr {padding-left:20px; padding-right:20px;}

.menu-bottom {}
.menu-bottom-wr {padding-left:20px; padding-right:20px; padding-top:5px;}

.menuChat-header {position:relative; height:60px;}
.menuChat-close {position:absolute; top:0px; left:0px; height:100%; width:10%;}
.btnClose1, .btnClose1:active, .btnClose1:focus {padding:0px; border:0px; width:100%; height:100%; background:#FFF;}
.btnClose1 svg {display:block; margin:0 auto;}

.menuChat-icon {position:absolute; top:0px; left:10%; height:100%; width:15%; display:flex; flex-direction:row; align-items:center;}
.menuChat-icon1 {width:32px; height:32px; border-radius:32px; position:relative; background-size:cover; background-position:center center; margin:0 auto;}
.menuChat-icon1-pic {position:absolute; bottom:0px; right:0px; width:8px; height:8px; border-radius:8px; background:#00EC2B;}
.menuChat-name {position:absolute; top:0px; left:25%; height:100%; width:75%; display:flex; flex-direction:row; align-items:center; font-size:16px; font-weight: 500; color: #303030;}

.menuChat-btn {position:absolute; top:0px; right:0px; height:100%;}

.menuChat-btn1, .menuChat-btn1:active, .menuChat-btn1:focus {position:absolute; top:0px; right:0px; height:100%; width:15%; padding:0px; border:0px; background:transparent;}
.menuChat-btn1 svg {display:block; margin:0 auto;}

.menuChat-btn2, .menuChat-btn2:active, .menuChat-btn2:focus {position:absolute; top:0px; right:15%; height:100%; padding:0px; border:0px; background:transparent;}
.menuChat-btn2 .menuChat-btn2-checkbox {display:inline-block; vertical-align:middle; width:42px; height:22px; border-radius:42px; background:#DADADA; margin-right:8px; position:relative;}
.menuChat-btn2 .menuChat-btn2-checkbox-val {position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:16px; background:#FFF;}
.menuChat-btn2 svg {display:inline-block; vertical-align:middle;}
.menuChat-btn2-hv .menuChat-btn2-checkbox {background:#FF3F36;}
.menuChat-btn2-hv .menuChat-btn2-checkbox-val {left:auto; right:3px;}
.menuChat-btn2-hv svg path {fill:#FF3F36;}

.btnChatAiCheck {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.btnChatAiCheck-left1 {width:80%; display:flex; flex-direction:row; align-items:center;}
.btnChatAiCheck-left2 {width:20%; display:flex; flex-direction:row; align-items:center; text-align:center;}
.btnChatAiCheck-left-wr {width:100%;}

.btnChatAiCheck-name svg {display:inline-block; vertical-align:middle; margin-right:15px;}
.btnChatAiCheck-name span {display:inline-block; vertical-align:middle; font-size:16px; font-weight:600; color:#DADADA;}

.btnChatAiCheck button, .btnChatAiCheck button:active, .btnChatAiCheck button:focus {position:relative; padding:0px; border:0px; background:#DADADA; width:42px; height:22px; border-radius:22px; }
.btnChatAiCheck button div {position:absolute; width:18px; height:18px; border-radius:18px; background:#FFF; top:2px; left:2px;}
.btnChatAiCheckHv button, .btnChatAiCheckHv button:active, .btnChatAiCheckHv button:focus {background:#FF3F36;}
.btnChatAiCheckHv button div {left:auto; right:2px;}
.btnChatAiCheckHv .btnChatAiCheck-name span {color:#FF3F36;}
.btnChatAiCheckHv .btnChatAiCheck-name svg path {fill:#FF3F36;}

.bx-chatai {display:none;}
.bx-chatai-tabs {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.btnChatAiTab, .btnChatAiTab:active, .btnChatAiTab:focus {width:48%; margin-left:1%; margin-right:1%; border:1px solid #E7E7E7; border-radius:15px; height:86px; display:flex; flex-direction:row; align-items:center; position:relative; background:#FFF;}
.btnChatAiTab-name {text-align:center; margin-bottom:8px;}
.btnChatAiTab-desc {text-align:center; margin-bottom:2px; font-size:16px; font-weight:500;}
.btnChatAiTab-label {text-align:center; font-size:12px; font-weight:400; color:#FF3F36;}
.btnChatAiTab-icon {position:absolute; top:10px; right:10px;}
.btnChatAiTab-wr {width:100%;}
.btnChatAiTabHv, .btnChatAiTabHv:active, .btnChatAiTabHv:focus {border:2px solid #FF3F36;}

.bx-chatai-block {display:none;}
.bx-chatai-block1 {display:block;}
.bx-chatai-block-name {font-size:16px; font-weight:600; margin-bottom:10px;}
.bx-chatai-block-item {display:flex; flex-direction:row; flex-wrap:wrap; border-bottom:1px solid #EEE;}
.bx-chatai-block-item-name {width:80%; height:46px; display:flex; flex-direction:row; align-items:center; font-size:16px;}
.bx-chatai-block-item-name>div {padding-left:10px;}
.bx-chatai-block-item-checkbox {width:20%; display:flex; flex-direction:row; align-items:center; text-align:center;} 
.bx-chatai-block-item-checkbox>div {width:100%;}
.bx-chatai-block-item-checkbox button, .bx-chatai-block-item-checkbox button:active, .bx-chatai-block-item-checkbox button:focus {position:relative; padding:0px; border:0px; background:#DADADA; width:42px; height:22px; border-radius:22px; }
.bx-chatai-block-item-checkbox button div {position:absolute; width:18px; height:18px; border-radius:18px; background:#FFF; top:2px; left:2px;}
.bx-chatai-block-item-hv button, .bx-chatai-block-item-hv button:active, .bx-chatai-block-item-hv button:focus {background:#FF3F36;}
.bx-chatai-block-item-hv button div {left:auto; right:2px;}

.btnChatAiPage, .btnChatAiPage:active, .btnChatAiPage:focus {padding:0px; border:0px; background:#FFF; height:46px; border-bottom:1px solid #EEE; text-align:left; padding-left:10px; font-size:16px; display:block; width:100%;}

.btnChatAiParam, .btnChatAiParam:active, .btnChatAiParam:focus {padding:0px; border:0px; background:#F9F9F9; height:36px; border-radius:36px; margin-right:4px; margin-bottom:4px; padding-left:20px; padding-right:20px;}
.btnChatAiParamHv {background:#FF3F36 !important; color:#FFF !important;}

.menuChatAiPage1-name {font-size:16px; font-weight:600; padding-top:20px; margin-bottom:20px;}
.menuChatAiPage1-item {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.menuChatAiPage1-item-icon {width:25%;}
.menuChatAiPage1-item-block {width:75%;}
.menuChatAiPage1-item-value {font-size:16px; font-weight:600; color:#FF3F36;}
.menuChatAiPage1-item-name {font-weight:500;}
.menuChatAiPage1-item-desc {font-size:12px; color #838383;}












.menuChat-block {margin-top:10px; margin-bottom:10px; height:calc(100vh - 180px); overflow-x:auto; margin-right:5px;}
.menuChat-block-wr {padding-left:20px; padding-right:20px; height:100%; position:relative;}

.menuChat-message {position:absolute; left:20px; bottom:10px;}
.menuChat-message-data {text-align:center; margin-bottom:20px;}
.menuChat-message-data div {display:inline-block; background:#F7F7F7; font-size:14px; font-weight:400; color:#929292; border-radius:18px;  line-height:1; padding:5px; padding-left:10px; padding-right:10px;}
.menuChat-message-text {width:70%; border-radius:10px; background: #F7F7F7; position:relative; color:#000000; font-size:16px; font-weight:400;}
.menuChat-message-text-wr {padding:15px;}
.menuChat-message-text-time {position:absolute; bottom:10px; right:10px; font-size:10px; color:#929292; font-weight:400;}

.menuChat-panel {height:100px; background:#FFF; border-radius: 12px 12px 0px 0px; box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.09), 0px 4px 16px rgba(0, 0, 0, 0.17); display:flex; flex-direction:row; flex-wrap:wrap;}
.menuChat-panel-item {height:100%; display:flex; flex-direction:row; align-items:center;}
.menuChat-panel-item svg {display:block; margin:0 auto;}

.menuChat-panel-item1 {width:15%;}
.menuChat-panel-item2 {width:60%;}
.menuChat-panel-item3 {width:10%;}
.menuChat-panel-item4 {width:15%;}

.menuChat-panel-item2 input {width:100%; border:0px; height:100%; font-size:16px; font-weight:400; color:#929292;}

.bx-alert-item1 {border-radius:10px; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1); background:#FFF; overflow:hidden; position:relative; margin-bottom:10px;}
.bx-alert-item1-wr {padding:15px;}
.bx-alert-item1-name {font-size:16px; color:#FF3F36; font-weight:800; margin-bottom:2px;}
.bx-alert-item1-desc {font-size:16px; color:#3C3C3C; font-weight:500; margin-bottom:4px;}
.bx-alert-item1-label {font-size:12px; color:#CACACA; font-weight:400;}
.bx-alert-item1-icon {position:absolute; left:0px; bottom:-2px;}
.bx-alert-item1-text {float:right; width:72%;}

.bx-alert-item {border-radius:10px; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1); background:#FFF; overflow:hidden; position:relative; margin-bottom:10px}
.bx-alert-item-wr {padding:15px;}
.bx-alert-item-icon {float:left; width:28%;}
.bx-alert-item-text {float:left; width:72%;}
.bx-alert-item-icon1 {width:70px; height:70px; border-radius:70px; background-size:cover; background-position:center center; position:relative;}
.bx-alert-item-icon1 svg {position:absolute; bottom:-7px; right:-12px;}
.bx-alert-item-name {font-size:16px; color:#FF3F36; font-weight:800; margin-bottom:8px;}
.bx-alert-item-label {font-size:16px; color:#3C3C3C; font-weight:800; margin-bottom:2px;}
.bx-alert-item-city {font-size:14px; color:#3C3C3C; font-weight:500;}

.bx-page2-top {display:flex; flex-direction:row; flex-wrap:wrap; margin-top:20px; margin-bottom:20px;}
.bx-page2-top-item1 {width:70%; margin-right:2%;}
.bx-page2-top-item2 {width:28%;}

.bx-vip-sale {background:#FFFFFF; box-shadow:0px 2px 5.6px rgba(0, 0, 0, 0.1); border-radius:10px; text-align:center;}
.bx-vip-sale-wr {padding:10px;}

.bx-vip-sale-info svg {display:inline-block; vertical-align:middle; margin-right:5px;}
.bx-vip-sale-info-text {display:inline-block; vertical-align:middle; margin-bottom:4px; text-align:left; line-height:1;}
.bx-vip-sale-info-text1 {color:#FFD943; font-weight:800; font-size:20px; }
.bx-vip-sale-info-text2 {color:#695400; font-weight:500; font-size:20px;}
.bx-vip-sale-desc {color:#9C9C9C; font-size: 14px;}

.btnMap, .btnMap:active, .btnMap:focus {padding:0px; border:0px; width:100%; background:#FF3F36; border-radius: 10px; height:100%; min-height:80px;}
.btnMap .btnMap-icon {margin-bottom:4px;}
.btnMap .btnMap-icon svg {display:block; height:46px; margin:0 auto;}
.btnMap .btnMap-name {color:#FFF; font-size:14px; font-weight:500;}

.btnMapNo, .btnMapNo:active, .btnMapNo:focus {background:#FFC5C2;}

.bx-page2-block {margin-bottom:10px;}
.bx-page2-block-name {color:#303030; font-weight:500; font-size:16px; margin-bottom:10px;}
.bx-page2-block-name span {color:#FF3F36; font-weight:800;}
.bx-page2-items {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-page2-item {width:31.3%; margin-left:1%; margin-right:1%; margin-bottom:10px;}
.bx-page2-item-icon {background-size:cover; background-position:center center; height:130px; border-radius:15px; margin-bottom:5px;}
.bx-page2-item-name {font-size:14px; font-weight:500; padding-left:4px; padding-right:4px;}

.bx-profile {height:calc(100vh - 200px); display:flex; flex-direction:row; align-items:center;}
.bx-profile-wr {width:100%;}
.bx-profile-icon {margin-bottom:10px;}
.bx-profile-icon svg {display:block; width:190px; margin:0 auto;}
.bx-profile-name {font-size:32px; font-weight:600; color:#FF3F36; text-align:center; margin-bottom:5px;}
.bx-profile-text {font-size:16px; font-weight:400; color:#3B343F; text-align:center; margin-bottom:20px;}

.bx-page3-tabs {margin-bottom:20px;}
.bx-page3-tab1 {float:left; width:49%; margin-right:2%;}
.bx-page3-tab2 {float:left; width:49%;}

.btnPage3Tab, .btnPage3Tab:active, .btnPage3Tab:focus {padding:0px; border:0px; height:35px; background:#F9F9F9; color:#000000; width:100%; border-radius:60px; font-size:14px;}
.btnPage3TabHv {background:#FF3F36 !important; color:#FFF !important;}

.bx-page3-block {display:none;}

.bx-page3-item {border-radius:10px; background:#FFF; position:relative; margin-bottom:30px}
.bx-page3-item-icon {float:left; width:28%;}
.bx-page3-item-text {float:left; width:72%;}
.bx-page3-item-icon1 {width:70px; height:70px; border-radius:70px; background-size:cover; background-position:center center; position:relative;}
.bx-page3-item-icon1-superlike svg {position:absolute; bottom:-7px; right:-12px;}
.bx-page3-item-icon1-like svg {position:absolute; bottom:-2px; right:-6px;}

.bx-page3-item-name {font-size:16px; color:#FF3F36; font-weight:800; margin-bottom:4px;}
.bx-page3-item-label {font-size:16px; color:#3C3C3C; font-weight:800; margin-bottom:2px;}
.bx-page3-item-city {font-size:14px; color:#3C3C3C; font-weight:500;}

.bx-page3-block {height:calc(100vh - 210px); overflow-x:auto; }
.bx-page3-block-wr {margin-right:10px;}
.bx-page3-item-btn {margin-top:15px;}
.bx-page3-item-btn1 {float:left; width:40%; margin-right:2%;}
.bx-page3-item-btn2 {float:left; width:58%;}

.bx-page4 {margin-top:20px;}
.bx-page4-item {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #EEE; display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-page4-item-left1 {width:25%;}
.bx-page4-item-left2 {width:75%; display:flex; flex-direction:row; align-items:center;}
.bx-page4-item-icon {width:60px; height:60px; position:relative; border-radius:60px; background-size:cover; background-position:center center; margin:0 auto;}
.bx-page4-item-icon-pic {position:absolute; bottom:2px; right:2px; width:12px; height:12px; border-radius:12px; background:#00EC2B;}
.bx-page4-item-name {color:#3B343F; font-size:16px; margin-bottom:4px;}
.bx-page4-item-text {color:#929292; font-size:14px;}

.bx-page5 {}

.bx-scores {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px; padding-left:5px;}
.bx-scores1 {width:45%; margin-right:5%;}
.bx-scores2 {width:50%; display:flex; flex-direction:row; align-items:center;}
.bx-scores2-wr {width:100%;}
.bx-scores1-label {font-size:16px; color: #FF3F36; font-weight:500; margin-bottom:0px;}
.bx-scores1-icon {display:inline-block; vertical-align:middle; margin-right:5px; position:relative; top:1px;}
.bx-scores1-icon svg {display:block;}
.bx-scores1-value {display:inline-block; vertical-align:middle; color:#FF3F36; font-size:40px; font-weight:800; line-height:1;}

.btnMenuPage5, .btnMenuPage5:active, .btnMenuPage5:focus {display:block; padding:0px; border:0px; background:transparent; height:46px; border-bottom:1px solid #EEE; width:100%; color:#3B343F; font-size:16px; font-weight:400; text-align:left; padding-left:10px;}

.bx-page5-page-header {position:relative; height:60px; display:flex; flex-direction:row; align-items:center; font-size:18px; font-weight:500; text-align:center;}
.bx-page5-page-header div {width:100%;}
.btnPage5Nazad, .btnPage5Nazad:active, .btnPage5Nazad:focus {padding:0px; border:0px; background:transparent; position:absolute; top:0px; left:0px; width:30px; height:100%;}
.btnPage5Nazad svg {display:block;}
.bx-page5-page {display:none;}
.bx-page5-page0 {display:block;}
.bx-page5-page-block {height:calc(100vh - 220px); overflow-x:auto;}
.bx-page5-page-block-wr {padding-left:10px; padding-right:10px;}


.bx-page6 {}
.bx-page6-info {margin-bottom:10px;}
.bx-page6-info-icon {width:86px; height:86px; border-radius:86px; background-size:cover; background-position:center center; margin:0 auto; margin-bottom:10px;}
.bx-page6-info-name {font-size:20px; font-weight:500; color:#000000; text-align:center;}

.btnMenuPage6, .btnMenuPage6:active, .btnMenuPage6:focus {display:block; padding:0px; border:0px; background:transparent; height:46px; border-bottom:1px solid #EEE; width:100%; color:#3B343F; font-size:16px; font-weight:400; text-align:left; padding-left:10px;}

.bx-page6-page-header {position:relative; height:60px; display:flex; flex-direction:row; align-items:center; font-size:18px; font-weight:500; text-align:center;}
.bx-page6-page-header div {width:100%;}
.btnPage6Nazad, .btnPage6Nazad:active, .btnPage6Nazad:focus {padding:0px; border:0px; background:transparent; position:absolute; top:0px; left:0px; width:30px; height:100%;}
.btnPage6Nazad svg {display:block; margin:0 auto;}

.bx-page6-page {display:none;}
.bx-page6-page0 {display:block;}

.bx-menu-page {display:none;}
.bx-menu-page0 {display:block;}

.bx-menu-page-header {position:relative; height:60px; display:flex; flex-direction:row; align-items:center; font-size:18px; font-weight:500; text-align:center;}
.bx-menu-page-header div {width:100%;}
.btnPageNazad, .btnPageNazad:active, .btnPageNazad:focus {padding:0px; border:0px; background:transparent; position:absolute; top:0px; left:0px; width:40px; height:100%;}
.btnPageNazad svg {display:block; margin:0 auto;}

.btnMenuPage, .btnMenuPage:active, .btnMenuPage:focus {padding:0px; border:0px; background:#FFF; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; border-bottom:1px solid #EEE;}

.btnMenuPageIcon {display:flex; flex-direction:row; align-items:center; height:50px; width:15%;}
.btnMenuPageIcon svg {display:block; margin:0 auto;}
.btnMenuPageName {display:flex; flex-direction:row; align-items:center; height:50px; width:85%; font-size:16px; font-weight:400; color:#3B343F;}

#menuShop .bx-menu-page0 .menu-block {height:calc(100vh - 260px);}
#menuShop .bx-menu-page2 .menu-block {height:calc(100vh - 260px);}
#menuShop .bx-menu-page3 .menu-block {height:calc(100vh - 140px);}

.bx-vipstatus {border-radius:10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);}
.bx-vipstatus-wr {padding:20px;}
.bx-vipstatus-logo {margin-bottom:10px;}
.bx-vipstatus-logo svg {display:block;}

.bx-vipstatus1 {margin-bottom:10px;}
.bx-vipstatus-name {font-size:14px; font-weight:600; color:#303030; margin-bottom:5px;}
.bx-vipstatus-label {margin-bottom:5px;}
.bx-vipstatus-label1 {float:left; width:50%; font-size:12px; font-weight:400;}
.bx-vipstatus-label2 {float:left; width:50%; font-size:12px; font-weight:400; text-align:right;}
.bx-vipstatus-line {position:relative; height:4px; background:#E4E4E4; border-radius:4px;}

.bx-vipstatus-line-pos {position:absolute; top:0px; left:0px; height:100%; background:#FF3F36; border-radius:4px;}

.bx-superlike {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:10px;}
.bx-superlike-icon {width:30%;}
.bx-superlike-desc {width:70%;}
.bx-superlike-desc-name {font-size:20px; font-weight: 600; color: #FF3F36; margin-bottom:5px;}

.btnSuperLikeBuy, .btnSuperLikeBuy:active, .btnSuperLikeBuy:focus {padding:0px; border:0px; height:35px; border-radius:35px; background:#FF3F36; color:#FFFFFF; font-size: 14px; font-weight: 400; width:100%;}
.btnSuperLikeBuy span {font-weight:600}

.bx-tarif-item {border-radius:10px; border:1px solid #EEE; padding:0px; background:#FFF; padding:0px; width:100%; margin-bottom:20px; text-align:left; position:relative;}

.bx-tarif-item-header {height:40px; display:flex; flex-direction:row; align-items:center;}
.bx-tarif-item-header-wr {padding-left:20px;  width:100%;}
.bx-tarif-item-header-name {display:inline-block; font-size: 16px; font-weight: 500; color: #FF3F36; margin-right:10px; vertical-align:middle;}
.bx-tarif-item-header-status {display:none; font-size: 14px; line-height:1; font-weight: 500; color: #65CF6C; vertical-align:middle;}

.bx-tarif-item-wr {padding:20px; padding-top:15px; padding-bottom:15px;}
.bx-tarif-item-wr ul {padding:0px; margin:0px; font-size: 14px; font-weight: 400; color: #303030; list-style-type: disc;}
.bx-tarif-item-wr ul li {margin-left:20px; margin-bottom:5px;}
.bx-tarif-item-wr ul li::marker {color:#000;}

.bx-tarif-item-price {position:absolute; top:0px; right:15px; height:40px; font-size: 16px; font-weight: 500; color: #FF3F36; display:flex; flex-direction:row; align-items:center;}

.bx-tarif-item2 {border:2px solid #FF3F36;}
.bx-tarif-item2 .bx-tarif-item-header-name {font-weight:700;}

.bx-tarif-item3 {border:5px solid #FF3F36;}
.bx-tarif-item3 .bx-tarif-item-header {background:#FF3F36;}
.bx-tarif-item3 .bx-tarif-item-header-name svg {display:block; height:24px; width:auto;}
.bx-tarif-item3 .bx-tarif-item-header-name svg path {fill:#FFF;}
.bx-tarif-item3 .bx-tarif-item-header-status {color:#FFF; position:relative; top:-2px;}
.bx-tarif-item3 .bx-tarif-item-price {color:#FFF; font-weight:700;}

.bx-tarif-item-hv .bx-tarif-item-header-status {display:inline-block;}

.bx-tarif-history {margin-bottom:10px; display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-tarif-history-item1 {width:65%;}
.bx-tarif-history-item2 {width:35%; }
.bx-tarif-history-price {font-size: 16px; font-weight: 800; color: #65CF6C; margin-bottom:0px;}
.bx-tarif-history-price-red {color:#FF3F36;}
.bx-tarif-history-data {text-align:right; font-size: 14px; color: #929292;}


.bx-table {margin-top:20px;}
.bx-table-th {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-table-th1 {width:40%; height:46px;}
.bx-table-th2 {width:20%; font-size:12px; color: #FF3F36; font-weight: 500; text-align:center; border-right:1px solid #EEE;}
.bx-table-th3 {width:20%; font-size: 12px; color: #FF3F36; font-weight: 700; text-align:center; border-right:1px solid #EEE;}
.bx-table-th4 {width:20%; font-size: 12px; color: #FFD943; font-weight: 800; text-align:center;}
.bx-table-th2 div, .bx-table-th3 div, .bx-table-th4 div {width:100%;}

.bx-table-td {display:flex; flex-direction:row; flex-wrap:wrap; }
.bx-table-td1 {width:40%; height:60px; display:flex; flex-direction:row; align-items:center;}
.bx-table-td2 {width:20%; font-size:14px; color:#BFBFBF; font-weight:600; text-align:center; border-right:1px solid #EEE; display:flex; flex-direction:row; align-items:center;}
.bx-table-td3 {width:20%; font-size: 14px; color: #FF3F36; font-weight:600; text-align:center; border-right:1px solid #EEE; display:flex; flex-direction:row; align-items:center;}
.bx-table-td4 {width:20%; font-size: 14px; color: #FF3F36; font-weight:600; text-align:center; display:flex; flex-direction:row; align-items:center;}

.bx-table-td1 div, .bx-table-td2 div, .bx-table-td3 div, .bx-table-td4 div {width:100%;}
.bx-table-td-name {font-size: 14px; font-weight: 600; color: #000000; margin-bottom:2px;}
.bx-table-td-desc {font-size: 12px; font-weight: 400; color: #929292; line-height:1;}

.bx-profile-detail-images {position:relative; width:100%;}
.bx-profile-detail-image {display:block; width:100%; height:calc(100vh / 1.9); background-size:cover; background-position:top center;}

.owl-dots {position:absolute; bottom:20px; right:30px; text-align:right;}
.owl-dots .owl-dot {display:inline-block; width:10px; height:10px; border-radius:10px; background:#FFFFFF; opacity:0.5; margin-left:5px;}
.owl-dots .owl-dot.active {background:#FFFFFF; opacity: 1;}

.bx-profile-detail-header {position:absolute; top:0px; left:0px; width:100%; height:80px;}

.btnCloseProfile, .btnCloseProfile:active, .btnCloseProfile:focus {padding:0px; border:0px; background:transparent; position:absolute; top:0px; left:0px; z-index:11; width:80px; height:80px; text-align:center;}
.btnSettingsProfile, .btnSettingsProfile:active, .btnSettingsProfile:focus {padding:0px; border:0px; background:transparent; position:absolute; top:0px; right:0px; z-index:11; width:80px; height:80px; text-align:center;}

.bx-profile-detail-top {margin-bottom:20px;}
.bx-profile-detail-top-wr {padding-left:20px; padding-right:20px; display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-profile-detail-top1 {width:40%; height:65px; position:relative; z-index:11;}
.bx-profile-detail-top2 {width:60%; height:65px; display:flex; flex-direction:row; align-items:center;}
.bx-profile-detail-top-icon {position:absolute; width:130px; height:130px; border:5px solid #FFF; border-radius:130px; top:-55px; background-size:cover; background-position:center center;}
.bx-profile-detail-top-icon div {position:absolute; width:21px; height:21px; border-radius:21px; background:#00EC2B; bottom:6px; right:6px;}

.bx-profile-detail-top2-wr {padding-left:5px;}
.bx-profile-detail-top-name {font-size: 20px; font-weight: 400; color: #3B343F; margin-bottom:2px;}
.bx-profile-detail-top-city {font-size: 14px; font-weight: 400; color: #3B343F; }

.bx-profile-detail-btn {margin-bottom:20px;}

.bx-profile-detail-ai {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.bx-profile-detail-ai-icon {width:20%;}
.bx-profile-detail-ai-icon svg {display:block; margin:0 auto;}
.bx-profile-detail-ai-item {width:80%;}

.bx-profile-detail-ai-name {float:left; width:60%; margin-bottom:0px; font-size: 14px; font-weight: 500; color: #65CF6C;}
.bx-profile-detail-ai-btn {float:left; width:40%; text-align:right; font-size: 14px; font-weight: 500; color: #FF3F36;}
.bx-profile-detail-ai-desc {font-size: 12px; font-weight: 400; color: #A9A9A9;}

.bx-profile-detail-celi {margin-bottom:20px;}
.bx-profile-detail-celi-name {font-size: 14px; font-weight: 500; color: #929292; margin-bottom:5px;}
.bx-profile-detail-celi-item {display:inline-block; margin-right:7px; height:30px; background:#EEEEEE; border-radius:30px; padding-left:15px; padding-right:15px; padding-top:5px; vertical-align:middle;}

.bx-profile-detail-block {height:calc(100vh / 3.2); overflow-x:auto; margin-right:5px;}
.bx-profile-detail-block-wr {padding-left:20px; padding-right:20px;}
.bx-profile-detail-desc-name {font-size: 14px; font-weight: 500; color: #929292; margin-bottom:3px;}
.bx-profile-detail-btn .btn1, .bx-profile-detail-btn .btn1:active, .bx-profile-detail-btn .btn:focus {height:43px;}

.bx-profile-ai {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:40px;}
.bx-profile-ai-item1 {width:35%;}
.bx-profile-ai-item2 {width:65%; display:flex; flex-direction:row; align-items:center;}
.bx-profile-ai-icon {position:relative; width:80px; height:80px; border-radius:80px; background-size:cover; background-position:center center;}

.bx-profile-ai-name {font-size: 20px; font-weight: 400; color: #3B343F;}
.bx-profile-ai-city {color: #3B343F;}
.bx-profile-ai-icon-procent {position:absolute; bottom:-20px; right:-20px; width:60px; height:60px;}
.bx-profile-ai-icon-procent svg {display:block; width:100%; height:100%;}
.bx-profile-ai-icon-procent-value {position:absolute; width:100%; height:100%; display:flex; flex-direction:row; align-items:center; text-align:center; top:0px; left:0px;}
.bx-profile-ai-icon-procent-value div {width:100%; font-size:18px; font-weight: 500; color: #65CF6C; line-height:1;}
.bx-profile-ai-desc {margin-bottom:20px; line-height:1.4;}

.bx-profile-ai-item {margin-bottom:15px;}
.bx-profile-ai-item-name {font-size: 16px; font-weight: 500; color: #000000; margin-bottom:5px;}
.bx-profile-ai-item-value {position:relative; height:4px; border-radius:4px; background:#E4E4E4; margin-bottom:5px;}
.bx-profile-ai-item-value1 {position:absolute; top:0px; left:0px; height:100%; background:#65CF6C; border-radius:4px;}
.bx-profile-ai-item-desc {color: #929292;}

.btnSettingsProfileError1, .btnSettingsProfileError1:active, .btnSettingsProfileError1:focus {padding:0px; border:0px; background:#FFF; height:40px; width:100%; text-align:center; font-size: 16px; font-weight: 400; color: #303030;}
.btnSettingsProfileError2, .btnSettingsProfileError2:active, .btnSettingsProfileError2:focus {padding:0px; border:0px; background:#FFF; height:40px; width:100%; text-align:center; font-size: 16px; font-weight: 400; color: #303030;}

.btnSettingsProfileError3, .btnSettingsProfileError3:active, .btnSettingsProfileError3:focus {padding:0px; border:0px; font-size:16px; background:#FFF; border-radius:6px; width:100%; text-align:center; height:46px;}
.btnSettingsProfileError3-hv {background:#F1F1F1 !important;}

.bx-page6-page-block {height:calc(100vh - 220px); overflow-x:auto;}
.bx-page6-page-block-wr {}

.btnSettingsOpen, .btnSettingsOpen:active, .btnSettingsOpen:focus  {padding:0px; border:0px; background:#FFF; width:100%; font-size:16px; font-weight:500; height:46px; text-align:left;  padding-left:10px;}
.bx-page6-settings-item {border-bottom:1px solid #EEE;}
.bx-page6-settings-open {padding:10px; display:none;}

.bx-page6-settings-item .bx-anketa-item-block-files {height:auto;}

.bx-dates-items {padding-top:20px;}
.bx-dates-item {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.bx-dates-item-icon {width:25%; text-align:center;}
.bx-dates-item-icon img {width:60px; height:60px; border-radius:60px;}
.bx-dates-item-block {width:75%;}
.bx-dates-item-data {color: #ADADAD; font-size: 12px;}
.bx-dates-item-name {color: #3C3C3C; font-size: 16px; margin-bottom:4px;}
.bx-dates-item-ocenka {font-size: 16px; font-weight: 500; color: #FF3F36;}
.bx-dates-item-ocenka1 {font-size: 16px; font-weight: 500; color: #65CF6C; margin-bottom:4px;}
.bx-dates-item-ocenka1-line {width:80%; height:5px; border-radius:5px; background:#65CF6C;}

.bx-page6-page-items {padding-top:20px;}
.bx-page6-page-item {display:flex; flex-direction:row; flex-wrap:wrap; height:44px; margin-bottom:5px; border-bottom:1px solid #EEE;}
.bx-page6-page-item-name {width:80%; padding-left:10px; display:flex; flex-direction:row; align-items:center; font-size: 16px; color: #3B343F;}
.bx-page6-page-item-value {width:20%; display:flex; flex-direction:row; align-items:center;}
.bx-page6-page-item-value .btnPersonalCheckbox {margin:0 auto;}

.btnPersonalCheckbox {position:relative; width:42px; height:22px; background:#DADADA; border-radius:22px; cursor:pointer;}
.btnPersonalCheckbox div {position:absolute; width:18px; height:18px; border-radius:18px; background:#FFF; top:2px; left:2px;}
.btnPersonalCheckboxHv {background:#FF3F36;}
.btnPersonalCheckboxHv div {position:absolute; left:auto; right:2px;}

.bx-page6-page-item1 .bx-page6-page-item-name {width:60%;}
.bx-page6-page-item1 .bx-page6-page-item-value {width:40%; color:#FF3F36; text-align:right; font-weight: 500; padding-right:10px; cursor:pointer;}
.bx-page6-page-item1 .bx-page6-page-item-value div {width:100%;}
.bx-page6-page-item2 .bx-page6-page-item-name {color:#929292;}

.btnPage6List1, .btnPage6List1:active, .btnPage6List1:focus {padding:0px; border:0px; width:100%; height:46px; text-align:center; background:transparent; font-size:18px;}

.btnHelp, .btnHelp:active, .btnHelp:focus {padding:0px; border:0px; height:48px; background:#FFf; border-bottom:1px solid #EEE; padding-left:10px; font-size:16px; font-weight:400; width:100%; text-align:left;}



.bx-page6-vipstatus {padding-top:20px; margin-bottom:30px;}

.bx-page6-vipstatus-auto {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-page6-vipstatus-auto-item1 {width:80%;}
.bx-page6-vipstatus-auto-item2 {width:20%; display:flex; flex-direction:row; align-items:center;}
.bx-page6-vipstatus-auto-data {font-size: 12px; color: #929292; margin-bottom:4px; padding-left:10px;}
.bx-page6-vipstatus-auto-name {font-size: 16px; color: #3B343F; padding-left:10px;}
.bx-page6-vipstatus-auto-item2 .btnPersonalCheckbox {margin:0 auto;}

.menuMap {position:relative; height:calc(100vh - 60px); background:#CCC;}
.menuMap #map {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.menuMap-bottom {position:absolute; bottom:0px; left:0px; width:100%; box-shadow: 0px 35px 35px rgba(0, 0, 0, 0.09), 0px 4px 16px rgba(0, 0, 0, 0.17); background: #FFFFFF; border-radius: 12px 12px 0px 0px; text-align:center;}
.menuMap-bottom-wr {padding:20px;}
.menuMap-bottom-name {font-size: 14px; font-weight: 500; margin-bottom:10px;}

.btnMapRadius, .btnMapRadius:active, .btnMapRadius:focus {padding:0px; border:0px; height:36px; background:#F3F3F3; border-radius:10px; font-weight:500; color:#3B343F; line-height:1; padding-left:25px; padding-right:25px;}
.btnMapRadius:hover, .btnMapRadiusHv {background:#FF3F36 !important; color:#FFF !important;}

.bx-placemark {position:relative; width:88px; height:116px;}
.bx-placemark-icon {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.bx-placemark-icon img {width:100%; height:100%;}
.bx-placemark-profile {position:absolute; top:8px; left:8px; width:72px; height:72px; border-radius:72px; background-size:cover; background-position:center center; border:4px solid #FFF;}

.bx-page6-page8-item {display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px; cursor:pointer;}
.bx-page6-page8-item-left1 {width:28%;}
.bx-page6-page8-item-left2 {width:72%;}
.bx-page6-page8-item-icon {width:60px; height:60px; border-radius:60px; background-size:cover; background-position:center center; margin:0 auto;}
.bx-page6-page8-item-left2 {display:flex; flex-direction:row; align-items:center;}
.bx-page6-page8-item-name {font-size: 16px; font-weight: 500; margin-bottom:5px;}
.bx-page6-page8-item-name span {font-size: 16px; font-weight: 700;}
.bx-page6-page8-item-btn {font-size: 16px; font-weight: 500; color: #FF3F36;}

.bx-lock-cancel {text-align:center;}
.bx-lock-cancel div:first-child {display:inline-block; vertical-align:middle; width:60px; height:60px; border-radius:60px; background-size:cover; background-position:center center; margin-right:10px;}
.bx-lock-cancel div:last-child {display:inline-block; vertical-align:middle; font-size: 16px; font-weight: 700;}
.bx-lock-cancel div:last-child span {font-size:16px; font-weight:400; display:block;}

.btnZvonok1, .btnZvonok1:focus, .btnZvonok1:active {padding:0px; border:0px; background:#FFF; height:46px; width:100%; display:block; font-size:18px; margin-bottom:5px;}
.btnZvonok1 img {display:inline-block; vertical-align:middle; margin-right:5px;}
.btnZvonok1 span {display:inline-block; vertical-align:middle;}
.btnZvonok2, .btnZvonok2:focus, .btnZvonok2:active {padding:0px; border:0px; background:#FFF; height:46px; width:100%; display:block; font-size:18px; margin-bottom:5px;}
.btnZvonok2 img {display:inline-block; vertical-align:middle; margin-right:5px;}
.btnZvonok2 span {display:inline-block; vertical-align:middle;}
.btnFormClose1, .btnFormClose1:active, .btnFormClose1:focus {color:#FF3F36; height:46px;}

.menuZvonok1 {position:relative; top:0px; left:0px; width:100%; height:100%;}
.menuZvonok1-icon {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background-size:cover; background-position:center center; filter: blur(15px);}
.menuZvonok1-bg {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;  background:rgb(0,0,0, .4); }
.menuZvonok1-top {position:absolute; top:50px; left:0px; width:100%; text-align:center; z-index:3;} 
.menuZvonok1-name {font-size:24px; font-weight:600; color:#FFF; margin-bottom:20px;}
.menuZvonok1-user {text-align:center; }
.menuZvonok1-user .bx-lock-cancel div:first-child {border:4px solid #FFF;}
.menuZvonok1-user .bx-lock-cancel div:last-child {color:#FFF;}
.menuZvonok1-bottom {position:absolute; left:0px; bottom:0px; width:100%; z-index:3;}
.menuZvonok1-bottom-wr {padding:60px;}
.menuZvonok1-bottom1 {float:left; width:50%; text-align:left;}
.menuZvonok1-bottom2 {float:left; width:50%; text-align:right;}

.btnZvonokClose1, .btnZvonokClose1:active, .btnZvonokClose1:focus {padding:0px; border:0px; background:transparent; }
.btnZvonokClose1 svg {display:block;}

.menuZvonok2 {position:relative; top:0px; left:0px; width:100%; height:100%;}
.menuZvonok2-bg1 {position:absolute; top:0px; left:0px; width:100%; height:160px; z-index:2; background: linear-gradient(180deg, #1A1B2F 0%, rgba(26, 27, 47, 0) 100%); transform: matrix(-1, 0, 0, 1, 0, 0);}
.menuZvonok2-bg2 {position:absolute; bottom:0px; left:0px; width:100%; height:160px; z-index:2; background: linear-gradient(180deg, #1A1B2F 0%, rgba(26, 27, 47, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0);}
.menuZvonok2-icon {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background-size:cover; background-position:center center;}

.menuZvonok2-user {position:absolute; top:40px; left:0px; width:100%; z-index:3; text-align:center;}
.menuZvonok2-user .bx-lock-cancel div:first-child {border:4px solid #FFF;}
.menuZvonok2-user .bx-lock-cancel div:last-child {color:#FFF;}
.menuZvonok2-bottom {position:absolute; bottom:20px; left:0px; width:100%; text-align:center; z-index:3;}
.menuZvonok2-bottom-wr {padding:20px;}

.btnZvonokVideo, .btnZvonokVideo:active, .btnZvonokVideo:focus {padding:0px; border:0px; background:#282F45; width:50px; height:50px; border-radius:50px; margin-left:5px; margin-right:5px; vertical-align:top;}
.btnZvonokVideo svg {display:block; margin:0 auto;}
.btnZvonokVideo:hover {background:#FFF;}
.btnZvonokVideo:hover svg path {fill:#282F45;}

.btnZvonokVideoClose, .btnZvonokVideoClose:active, .btnZvonokVideoClose:focus {padding:0px; border:0px; background:#E6404F; width:116px; height:50px; border-radius:50px; vertical-align:top;}
.btnZvonokVideoClose svg {display:inline-block; vertical-align:middle; margin-right:5px;}
.btnZvonokVideoClose span {display:inline-block; vertical-align:middle; color:#FFF; font-weight:500;}


.bx-celi {border-radius:10px; background:linear-gradient(90deg, #FF8C86 0%, #FF3F36 100%); margin-bottom:20px;}
.bx-celi-wr {padding:15px; display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-celi-left1 {width:38%; margin-right:4%; padding-right:4%; border-right: 1px solid rgba(255, 255, 255, 0.18);}
.bx-celi-left2 {width:58%;}

.bx-celi-name {text-align:center; font-weight:700; color:#FFFFFF; margin-bottom:15px;}
.bx-celi-level {position:relative; width:70px; height:70px; margin:0 auto; margin-bottom:15px;}
.bx-celi-level>div {position:absolute; top:0px; left:0px; width:100%; height:100%; font-size:22px; font-weight:600; color:#FFFFFF; width:100%; text-align:center; display:flex; flex-direction:row; align-items:center;}
.bx-celi-level>div>div {width:100%;}
.bx-celi-desc {text-align:center; font-size:12px; color:#FFFFFF;}
.bx-celi-label1 {text-align:center; font-size:12px; color:#FFFFFF; margin-bottom:10px;}

.bx-celi-value {text-align:center; font-size:20px; font-weight:800; color:#FFFFFF; margin-bottom:10px; line-height:1;}
.bx-celi-value svg {display:inline-block; vertical-align:middle;}
.bx-celi-value span {display:inline-block; vertical-align:middle;}
.bx-celi-label2 {text-align:center; font-size:10px; color: #FFA8A8;}

.bx-celi-items {margin-bottom:20px;}
.bx-celi-item-name {font-size: 16px; font-weight: 600; color: #303030; margin-bottom:10px;}

.btnCeli, .btnCeli:active, .btnCeli:focus {padding:0px; border:0px; background: #F9F9F9; height:36px; border-radius:36px; padding-left:20px; padding-right:20px; font-weight: 500; margin-right:5px;}

.bx-celi-item1 {background: linear-gradient(180deg, #FF3F36 0%, #FF746E 100%); border-radius: 10px; margin-bottom:20px; position:relative;}
.bx-celi-item1-wr {padding:15px;}
.bx-celi-item1-label {display:inline-block; vertical-align:middle; background:#FFFFFF; border-radius:30px; color:#FF3F36; font-weight:500; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; margin-right:10px;}
.bx-celi-item1-top {margin-bottom:10px;}
.bx-celi-item1-price {display:inline-block; vertical-align:middle; text-align:center; font-size:20px; font-weight:800; color:#FFFFFF;}
.bx-celi-item1-price svg {display:inline-block; vertical-align:middle;}
.bx-celi-item1-price span {display:inline-block; vertical-align:middle;}
.bx-celi-item1-name {font-size: 16px; font-weight: 700; color: #FFFFFF; margin-bottom:10px;}
.bx-celi-item1-desc {color:#FFFFFF; line-height:1.3;}
.bx-celi-item1-status {position:absolute; top:15px; right:15px;}
.bx-celi-item1-status div {display:inline-block; vertical-align:middle; background:#FFFFFF; border-radius:30px; color:#FF3F36; font-weight:500; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}

.bx-celi-item2 {background:#F9F9F9; border-radius: 10px; margin-bottom:20px;}
.bx-celi-item2-wr {padding:15px;}
.bx-celi-item2-top {margin-bottom:10px;}
.bx-celi-item2-label {display:inline-block; vertical-align:middle; background: rgba(48, 48, 48, 0.13); border-radius:30px; color:#FFF; font-weight:500; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; margin-right:10px;}
.bx-celi-item2-price {display:inline-block; vertical-align:middle; text-align:center; font-size:20px; font-weight:800; color: rgba(48, 48, 48, 0.13);}
.bx-celi-item2-price svg {display:inline-block; vertical-align:middle;}
.bx-celi-item2-price span {display:inline-block; vertical-align:middle;}
.bx-celi-item2-name {font-size: 16px; font-weight: 700; color: rgba(48, 48, 48, 0.13); margin-bottom:10px;}

.bx-tracking {margin-bottom:30px;}
.bx-tracking-cat {font-size: 16px; font-weight: 600; margin-bottom:10px;}

.bx-tracking-items {display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-tracking-item1 {width:45%;}
.bx-tracking-item2 {width:55%; display:flex; flex-direction:row; align-items:center;}
.bx-tracking-item1-icon {position:relative; width:127px; height:127px;}
.bx-tracking-item1-icon>div {position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; flex-direction:row; align-items:center;}
.bx-tracking-item1-icon>div>div {width:100%; text-align:center; font-weight: 500; font-size: 26px; color: #FF3F36;}

.bx-tracking-item2-wr {width:100%;}
.bx-tracking-item2-name {margin-bottom:10px;}

.bx-tracking-item2-btn button, .bx-tracking-item2-btn button:focus, .bx-tracking-item2-btn button:active {padding:0px; border:1px solid #FF3F36; background:#FFF; height:36px; width:100%; border-radius:36px; color: #FF3F36; text-align:center;}

.bx-tracking-image img {width:100%;}
.bx-tracking-box {background: linear-gradient(180deg, #FF3F36 0%, #FF746E 100%); border-radius: 10px;}
.bx-tracking-box-wr {padding:20px;}
.bx-tracking-box-label {margin-bottom:10px;}
.bx-tracking-box-label div {display:inline-block; vertical-align:middle; background:#FFFFFF; border-radius:30px; color:#FF3F36; font-weight:500; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}
.bx-tracking-box-name {font-size:16px; font-weight:700; color:#FFFFFF; margin-bottom:5px;}
.bx-tracking-box-desc {color:#FFFFFF;}

.bx-metodica {border-radius:10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); background: #FFFFFF; position:relative; margin-bottom:10px;}
.bx-metodica-header-wr {padding:15px; padding-bottom:7px;}
.bx-metodica-label {margin-bottom:10px;}
.bx-metodica-label div {display:inline-block; background:#FF3F36; font-weight: 700; color: #FFFFFF; border-radius:26px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px;}
.bx-metodica-name {font-size: 16px; font-weight: 700; color: #303030;}
.bx-metodica-block-wr {padding:15px; padding-top:7px;}
.bx-metodica-desc {margin-bottom:20px; margin-bottom:15px;}
.bx-metodica-label1 {font-size: 12px; color: #303030; margin-bottom:5px;}
.bx-metodica-line {height:3px; background:#E4E4E4; margin-bottom:10px;}
.bx-metodica-label2 {font-size: 12px; font-weight: 500; color: #FF3F36; margin-bottom:2px;}
.bx-metodica-label2 span {font-size: 16px; font-weight:700}
.bx-metodica-label3 {font-size:12px;}

.bx-metodica1 .bx-metodica-name {opacity:.4;}
.bx-metodica1 .bx-metodica-desc {opacity:.4;}
.bx-metodica1 .bx-metodica-label2 {opacity:.4;}
.bx-metodica1 .bx-metodica-label3 {opacity:.4;}
.bx-metodica1 .bx-metodica-line {background:#FF3F36;}

.bx-metodica-btn {position:absolute; bottom:13px; right:15px;}
.bx-metodica-btn button, .bx-metodica-btn button:active, .bx-metodica-btn button:focus {padding:0px; border:0px; height:36px; border-radius:36px; font-weight:500; color:#FFF; padding-left:30px; padding-right:30px; background:#FF3F36;}
.bx-metodica-bottom {margin-bottom:5px;}

.bx-metodica2 .bx-metodica-header {background:#FF3F36; border-radius:10px 10px 0px 0px;}
.bx-metodica2 .bx-metodica-label div {background:#FFF; color:#FF3F36;}
.bx-metodica2 .bx-metodica-name {color:#FFF;}

.bx-life1-icon {text-align:center; margin-bottom:30px;}
.bx-life1-icon svg {width:100%; max-width:250px; height:auto;}
.bx-life1-name {font-size: 24px; font-weight: 600; color: #FF3F36; margin-bottom:10px;text-align:center;}
.bx-life1-desc {font-size: 16px; color: #3B343F; text-align:center; margin-bottom:20px;}
.bx-life1-label {font-size: 16px; text-align:center; margin-bottom:10px;}

.btnLifePage1, .btnLifePage1:focus, .btnLifePage1:active {padding:0px; border:0px; height:52px; background:#FF3F36; border-radius:52px; width:100%; color:#FFF; font-size:16px;}

.bx-life2-icon {text-align:center; margin-bottom:20px;}
.bx-life2-value {position:relative; height:5px; background:#F9F9F9; border-radius:5px; margin-bottom:20px;}
.bx-life2-value div {position:absolute; top:0px; left:0px; height:100%; width:40px; background:#FF3F36; border-radius:5px;}
.bx-life2-name {font-size: 20px; font-weight: 700; text-align: center; margin-bottom:20px;}
.bx-life2-btn {margin-bottom:5px;}

.btnLifePage2, .btnLifePage2:active, .btnLifePage2:focus {padding:0px; border:1px solid #E7E7E7; background:#FFF; width:100%; height:52px; border-radius:10px; font-size:16px; display:block; text-align:center; }
.btnLifePage2:hover {background:#FF3F36; color:#FFF; border:1px solid #FF3F36;}

.bx-life {display:none;}
.bx-life1 {display:block;}

.bx-dnevnik-info {background:#F9F9F9; border-radius:10px; margin-bottom:20px;}
.bx-dnevnik-info-wr {padding:20px;}
.bx-dnevnik-info-name {font-size:16px; color:#FF3F36; margin-bottom:10px;}

.bx-dnevnik-item {margin-bottom:10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.bx-dnevnik-item-wr {padding:15px; display:flex; flex-direction:row; flex-wrap:wrap;}
.bx-dnevnik-item-left1 {width:80%;}
.bx-dnevnik-item-left2 {width:20%;}
.bx-dnevnik-item-date {font-size:12px; color:#929292; margin-bottom:4px;}
.bx-dnevnik-item-name {font-size:16px;}

.btnDnevnikDelete, .btnDnevnikDelete:active, .btnDnevnikDelete:focus {padding:0px; border:0px; width:100%; height:100%; background:#FFF; text-align:center;}
.btnDnevnikDelete svg {display:block; margin:0 auto;}
.popupformPage {border-radius:12px; width:100%; min-height:200px;}
.popupformPage-name {font-size:18px; font-weight:700; margin-bottom:20px;}
.popupformPage-text {line-height:1.4;}

.bx-recomend-menu {margin-bottom:20px;}
.bx-recomend-menu button, .bx-recomend-menu button:active, .bx-recomend-menu button:focus {padding:0px; border:0px; background:#F9F9F9; height:36px; border-radius:36px; padding-left:20px; padding-right:20px; margin-right:4px;}
.bx-recomend-menu button:first-child {background:#FF3F36 !important; color:#FFF !important;}

.bx-recomend-item {border-radius:10px; background:#F9F9F9; margin-bottom:10px; position:relative;}
.bx-recomend-item-wr {padding:15px;}
.bx-recomend-item-icon {margin-bottom:20px;}
.bx-recomend-item-icon svg {display:block;}
.bx-recomend-item-text {margin-bottom:20px;}
.bx-recomend-item-btn button, .bx-recomend-item-btn button:active, .bx-recomend-item-btn button:focus {padding:0px; border:0px; background:transparent; margin-right:10px;}
.bx-recomend-item-btn1 button:first-child svg path {fill:#FFF;}
.bx-recomend-item-btn1 button:first-child svg rect {fill:#FF3F36;}


.bx-recomend-item-status {position:absolute; top:15px; right:15px;}
.bx-recomend-item-status div {background:#FFF; border-radius:30px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px;}
.bx-recomend-item-status1 div {background:#FF3F36; color:#FFF;}

.bx-faq-item, .bx-faq-item:active, .bx-faq-item:focus {padding:0px; border:0px; background:transparent; border-bottom:1px solid #EEE; margin-bottom:10px; cursor:pointer; text-align:left; width:100%;}
.bx-faq-item-name {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:20px; font-size:16px; background:url("../images/svg/icon49.svg") no-repeat right; line-height:1;}
.bx-faq-item-desc {color:#A7A7A7; display:none; }
.bx-faq-item-desc-wr {padding-left:10px; padding-right:10px; padding-bottom:10px;}


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

}