:root {
	--regular: Roboto, 'Helvetica Neue', sans-serifs;
	--semibold: Roboto, 'Helvetica Neue', sans-serifs;
	--bold: Roboto, 'Helvetica Neue', sans-serifs;

	--color-dark: #333;
	--color-charcoal: #858585;
	--color-fuchsia: #be007f;
	--color-periwinkle: #7b92ad;
	--color-blue: #4a8ede;
	--color-border: #d4e4f7;
	--color-bg: #eef1f4;
}

.profile-box .title-status::before { width: 18px; height: 13px; background: url('sprite.stack.svg#quote') no-repeat 50% / cover; }
.profile-box .title-elite::before { width: 14px; height: 14px; background: url('sprite.stack.svg#star') no-repeat 50% / cover; }
.profile-box .title-purse::before { width: 14px; height: 14px; background: url('sprite.stack.svg#purse') no-repeat 50% / cover; }
.profile-box .title-verify_info::before { width: 20px; height: 20px; background: url('sprite.stack.svg#verify-green') no-repeat 50% / cover; }
.profile-box .title-verify_get::before { width: 20px; height: 20px; background: url('sprite.stack.svg#verify-gray') no-repeat 50% / cover; }
.profile-box .title-city::before { width: 17px; height: 17px; background: url('sprite.stack.svg#geo') no-repeat 50% / cover; }
.profile-box .title-gift::before { width: 17px; height: 20px; background: url('sprite.stack.svg#gift') no-repeat 50% / cover; }
.profile-box .title-tag::before { width: 18px; height: 20px; background: url('sprite.stack.svg#interests') no-repeat 50% / cover; }
.profile-box .title-srch::before { width: 16px; height: 17px; background: url('sprite.stack.svg#search') no-repeat 50% / cover; }
.profile-box .title-about::before { width: 18px; height: 18px; background: url('sprite.stack.svg#user') no-repeat 50% / cover; }
.profile-box .title-heart::before { width: 18px; height: 15px; background: url('sprite.stack.svg#heart') no-repeat 50% / cover; }
.profile-box .title-info::before { width: 18px; height: 18px; background: url('sprite.stack.svg#info') no-repeat 50% / cover; }

.btn-md.btn-outline-dark { font-weight: 400; }
.logout-container .btn-success { background: var(--color-fuchsia); }

.fmedium, .reg-data-list li > label, .left-menu a, .list .name, .alert,
.show-profile-list_self label, .profile-edit_me > li > label, .profile-edit_self label, .tags-list a,
.dropmenu-box .title, .dropmenu-list li, .elit-preference li, .nav-tabs_payment a, .nav-payment span, .feed-list .user-info,
.user-action, .content-trend .title, .premium-result .title, .blocking-chat .title1, .blocking-chat .title2,
.buttons-box .title, .name-row { font-weight: 500; }

.fbold, .float-box_logon .reminder, .captcha-box_outer .title, .captcha .refresh, strong, .warning-title,
.profile-box .title, .item-album-name, .btn-lg, .btn-md, .add-mess-box .btn-send-mess, .elit-title div, .payment-contaner .title div,
.count-bonus-up, .rules-subscr h6, .payment-wallet .title-row, .payment-wallet .coins-row, .firstpage-v1 label { font-weight: 700; }

.content-box, .left-menu-box .wrap, .left-menu .myprofile-link, .profile-container { background: var(--color-bg); }
.sel-tab-container > div, .badge { background: var(--color-fuchsia); }

.left-menu div, .left-menu a { color: var(--color-fuchsia); }
.left-menu li:not(.myprofile-link)::after { border-top: 1px solid var(--color-periwinkle); }
.left-menu .myprofile-link::after { border-top: none; }

.left-menu .trend::before { width: 22px; height: 22px; background: url('sprite.stack.svg#arrow-up') no-repeat 50% / cover; }
.left-menu .feed::before { width: 19px; height: 14px; background: url('sprite.stack.svg#events') no-repeat 50% / cover; }
.left-menu .views::before { width: 22px; height: 11px; margin-top: -5px; background: url('sprite.stack.svg#eye') no-repeat 50% / cover; }
.left-menu .nearby::before { width: 19px; height: 19px; background: url('sprite.stack.svg#geo') no-repeat 50% / cover; }
.left-menu .meet::before { width: 21px; height: 22px; background: url('sprite.stack.svg#game-active') no-repeat 50% / cover; }
.left-menu .symp::before { width: 20px; height: 20px; background: url('sprite.stack.svg#heart') no-repeat 50% / cover; }
.left-menu .mess::before { width: 21px; height: 21px; background: url('sprite.stack.svg#mess-active') no-repeat 50% / cover; }

.sel-menu-container > div { background: var(--color-border); }

.myprofile-link span { color: var(--color-charcoal); }

.down-menu { background: #fff; }
	.down-menu > .meet::before { width: 26px; height: 27px; background: url('sprite.stack.svg#game-gray') no-repeat 50% / cover; }
	.down-menu > .mess::before { width: 26px; height: 24px; background: url('sprite.stack.svg#mess-gray') no-repeat 50% / cover; }
	.down-menu > .search::before { width: 21px; height: 21px; background: url('sprite.stack.svg#geo-gray') no-repeat 50% / cover; }
	.down-menu > .profile::before { width: 24px; height: 24px; background: url('sprite.stack.svg#profile-gray') no-repeat 50% / cover; }
	.down-menu > .burger::before { width: 20px; height: 14px; background: url('sprite.stack.svg#menu-gray') no-repeat 50% / cover; }

	.down-menu > .meet.active::before { background: url('sprite.stack.svg#game-active') no-repeat 50% / cover; }
	.down-menu > .mess.active::before { background: url('sprite.stack.svg#mess-active') no-repeat 50% / cover; }
	.down-menu > .search.active::before { background: url('sprite.stack.svg#geo-active') no-repeat 50% / cover; }
	.down-menu > .profile.active::before { background: url('sprite.stack.svg#profile-active') no-repeat 50% / cover; }
	.down-menu > .burger.active::before { background: url('sprite.stack.svg#menu-active') no-repeat 50% / cover; }

.inform-box > div { background: var(--color-border); }
.inform-box .sprite { filter: brightness(79%); }

.dropmenu-box { background: var(--color-bg); }
	.dropmenu-box .title { color: var(--color-charcoal); }
.dropmenu-list li > div { color: var(--color-fuchsia); }
.dropmenu-list li > div:active, .dropmenu-list li > div:hover { background: var(--color-border); }
.dropmenu-list .item-cancel::before { background: var(--color-periwinkle); }

.file-upload { background: var(--color-periwinkle); }