.ui-aside {
	top: 51px;
	transform: translateX(0);
	width: 420px;
	z-index: 11;
}

.ui-aside::after {
	background-color: rgba(0, 0, 0, .5);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s, visibility .3s;
	visibility: visible;
	width: 100vw;
	z-index: -2;
}

@media (max-width: 768px) {
	.ui-aside-show {
		height: auto;
		max-width: 100vw;
		position: relative;
		width: 100%;
	}

	.ui-aside-show .bg-gray-light {
		height: auto !important;
	}

	.ui-aside-show #avatar {
		margin: 0 0 10px 10px !important;
		position: static !important;
	}

	.ui-aside-show ~ .ui-content {
		display: none;
	}

	#search-submit-container {
		position: static;
	}
}

@media (max-width: 480px) {
	.profile-actions-wrap {
		position: absolute;
	}

	.flirt-box.flirt-box {
		left: 10px;
		right: 10px;
	}
}

.ui-aside .nav > li > a,
.ui-aside-compact .nav > li .nav-sub > li > a {
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
}

.ui-aside-compact .toggle-ui-nav .fa::before {
	content: "\f00d";
}

.ui-aside .nav-menu {
	max-height: calc(100vh - 50px);
	overflow: auto;
}

.ui-aside .nav > li .nav-sub > li > a {
	border-bottom: 1px solid #eee;
	font-size: 12px;
}

.ui-content,
.ui-footer {
	margin-left: 0;
}

.ui-content-body {
	padding: 0;
}

.ui-copyright {
	margin-left: auto;
	text-align: right;
}

.inbox-wrap h1 {
	font-size: 18px;
}

.inbox-header {
	border-bottom: 1px solid #e8e8e8;
	left: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 4;
}

.inbox-header-title {
	height: 51px;
}

.inbox-header-search {
	height: 44px;
}

.inbox-body {
	padding-top: 51px;
}

.inbox-contacs-search .inbox-body {
	padding-top: 95px;
}

.inbox-body,
.inbox-list,
.inbox-users {
	height: 100%;
	width: 100%;
}

.inbox-contacts,
.inbox-messages {
	overflow: hidden;
}

.inbox-contacts,
.inbox-chat {
	border-bottom: 0;
	border-top: 0;
}

.inbox-contact {
	border-bottom: 1px solid #eee;
	height: 80px;
	margin: 0 10px;
	padding: 10px 5px;
	position: relative;
	z-index: 1;
}

.inbox-contact::before {
	background: rgba(0, 0, 0, 0);
	bottom: 0;
	content: "";
	left: 0;
	margin: -1px -10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.inbox-contact:not(.active):hover::before,
.inbox-contact.active::before {
	background: #fcfcfc;
	border-color: #eee;
	border-style: solid;
	border-width: 1px 0;
}

.inbox-contact.active::before {
	background: #f8f9fa;
}

.inbox-contact.active:first-child::before {
	border-top-color: rgba(0, 0, 0, 0);
}

.inbox-contact:last-child {
	border-bottom-color: rgba(0, 0, 0, 0);
}

.inbox-contact.active {
	z-index: 2;
}

.inbox-contact:hover {
	z-index: 3;
}

.inbox-dropdown {
	background: #fff;
	bottom: 5px;
	opacity: 0;
	position: absolute;
	right: -5px;
}

.inbox-contact:hover .inbox-dropdown {
	background: #fcfcfc;
	opacity: 1;
}

.inbox-contact.active .inbox-dropdown {
	background: #f8f9fa;
}

.inbox-avatar {
	background-repeat: no-repeat;
	border-radius: 50%;
	display: inline-block;
	pointer-events: none;
}

.inbox-list .inbox-avatar {
	height: 50px;
	width: 50px;
}

.inbox-users {
	/* bottom: -100px;
	margin-bottom: 100px; */
	bottom: 0;
	margin-bottom: 0;
	height: auto;
	overflow: auto;
	position: absolute;
	top: 51px;
	transform: translateX(-100%);
	transition: transform .3s;
	width: 100%;
	z-index: 3;
}

.inbox-users.active {
	transform: translateX(0);
}

.inbox-contacts-show #inbox-threads {
	display: none;
}

.inbox-contacts-show #inbox-users {
	height: 100%;
	position: static;
	top: auto;
}

.inbox-chat .inbox-avatar {
	height: 35px;
	width: 35px;
}

.inbox-counter {
	background: #4aa9e9;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	height: 18px;
	line-height: 17px;
	padding: 0;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 18px;
}
.inbox-counter:empty {
	display: none;
}

.inbox-chat > .ajax-content {
	border-width: 1px 1px 1px 0;
	height: 100%;
	max-width: 100%;
}

.inbox-chat .inbox-body,
.inbox-notice {
	background-color: #f8f9fa;
}

.inbox-chat-name {
	line-height: 18px;
}

.inbox-messages, .inbox-notification {
	transition: opacity .3s, transform .3s;
}

.inbox-messages-hidden {
	opacity: 0;
	transform: translateY(45px);
}

.inbox-message {
	margin: 5px 20px 0;
	min-width: 170px;
}

.inbox-message:first-child {
	margin-top: 10px;
}

.inbox-message:last-child {
	border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.inbox-message.inbox-sticky {
	-webkit-position: sticky;
	position: sticky;
	top: 10px;
}

.inbox-message.inbox-notice {
	margin: 0 0 10px;
	max-width: none;
	padding-top: 10px;
	text-align: center;
}

.inbox-notice > .inbox-bubble::before,
.inbox-notice > .inbox-bubble::after {
	content: none;
}

.inbox-notice > .inbox-bubble{
	color: #666;
	display: inline-block;
	font-size: 12px;
	max-width: 100%;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inbox-notice > .inbox-bubble.bg-info-light {
	box-shadow: 0 -1px #bddcf1 inset;
}

.inbox-notice > .inbox-bubble.bg-warning-light {
	box-shadow: 0 -1px #f6ddb4 inset;
}

.inbox-bubble::before,
.inbox-bubble::after {
	bottom: 0;
	content: "";
	position: absolute;
}

.inbox-bubble::before {
	border: 10px solid;
	height: 20px;
	width: 20px;
}

.inbox-bubble::after {
	background: #f8f9fa;
	height: 40px;
	width: 20px;
}

.inbox-bubble {
	border-radius: 6px;
	padding: 10px 15px;
	position: relative;
}

.inbox-received .inbox-bubble::before,
.inbox-received .inbox-bubble::after {
	left: -20px;
}

.inbox-received .inbox-bubble::before {
	border-color: rgba(0, 0, 0, 0) #fff #fff rgba(0, 0, 0, 0);
}

.inbox-received .inbox-bubble::after,
.inbox-sent .inbox-bubble::after {
	bottom: -3px;
}

.inbox-received .inbox-bubble::after {
	border-bottom-right-radius: 15px;
}

.inbox-received {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

.inbox-received .inbox-bubble {
	background-color: #fff;
	border-bottom-left-radius: 0;
}

.inbox-received .inbox-bubble,
.inbox-received .inbox-bubble::before {
	box-shadow: 0 2px #dde1e4;
}

.inbox-sent .inbox-bubble::before,
.inbox-sent .inbox-bubble::after {
	right: -20px;
}

.inbox-sent .inbox-bubble::before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4ebf1 #e4ebf1;
}

.inbox-sent .inbox-bubble::after {
	border-bottom-left-radius: 15px;
}

.inbox-sent {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

.inbox-sent .inbox-bubble {
	background: #e4ebf1;
	border-bottom-right-radius: 0;
	color: #333;
}

.inbox-sent .inbox-bubble,
.inbox-sent .inbox-bubble::before {
	box-shadow: 0 2px #d4dbe1;
}

.inbox-date {
	font-size: 11px;
	line-height: 2;
}

.inbox-sent .inbox-date {
	text-align: right;
}

.inbox-danger.inbox-bubble {
	background: #fdf2f6;
}

.inbox-danger.inbox-bubble,
.inbox-danger.inbox-bubble::before {
	box-shadow: 0 2px #f6bfd0;
}

.inbox-received .inbox-danger.inbox-bubble::before {
	border-color: rgba(0, 0, 0, 0) #fdf2f6 #fdf2f6 rgba(0, 0, 0, 0);
}

.inbox-sent .inbox-danger.inbox-bubble::before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fdf2f6 #fdf2f6;
}

.inbox-divider::before {
	height: 1px;
	content: "";
	background: #eee;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.inbox-divider {
	position: relative;
	margin: 20px;
}

.inbox-divider .inbox-date {
	font-size: 13px;
	background: #fff;
	padding: 0 10px;
	position: relative;
}

.inbox-scroll-down {
	height: 32px;
	margin-top: -42px;
	position: absolute;
	right: -50px;
	top: 0;
	width: 32px;
	z-index: 1;
}

.inbox-textarea-container {
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 1px 0 0;
	min-height: 51px;
	position: relative;
}

.inbox-textarea {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
	height: 51px;
	line-height: 20px;
	min-height: 51px;
	overflow: hidden;
	padding: 15px 0;
	resize: none;
	width: 100%;
}

.inbox-textarea::-webkit-input-placeholder {
	color: #ccc;
}

.inbox-textarea::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

.inbox-textarea:-ms-input-placeholder {
	color: #ccc;
}

.inbox-anchor {
	display: block;
	min-width: 80px;
	min-height: 80px;
	font-size: 0;
}

.profile-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	list-style: none;
	margin: -7.5px;
	padding: 0;
}

.profile-list-home + .profile-list-home {
	margin-top: 10px;
}

.profile-item {
	background-color: #fff;
	padding: 7.5px;
	position: relative;
}

.profile-list-home > .profile-item {
	-webkit-flex-basis: auto;
	flex-basis: auto;
	min-width: 0;
	width: 25%;
}

.profile-list-home .profile-photo-list {
	height: auto;
	max-height: 156px;
	min-width: 0;
	object-fit: cover;
}

.profile-fav-mutual .profile-body {
	border: 1px solid #fa5252;
	box-shadow: 0 0 0 1px #fa5252;
}

.profile-fav-mutual .profile-photo-wrap::before {
	background: rgba(255,255,255,.85);
	border-radius: 50%;
	border: 2px solid #fa5252;
	color: #fa5252;
	content: "\f004";
	font-family: fontawesome;
	font-size: 22px;
	height: 40px;
	left: 0;
	line-height: 1;
	margin: 8px;
	padding: 9px 7px;
	position: absolute;
	top: 0;
	width: 40px;
}

.profile-body {
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	margin: auto;
	max-width: 227px;
	position: relative;
}

.profile-list-round.profile-list-round {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.profile-list-round .profile-body,
.profile-list-round .profile-photo {
	border-radius: 50%;
	height: 128px;
	min-width: 0;
	width: 128px;
}

.profile-list-round .profile-count {
	background: #ccc;
	border-radius: 50px;
	border: 2px solid #fff;
	left: 50%;
	margin: 0;
	right: auto;
	transform: translate(-50%, 50%);
	white-space: nowrap;
	z-index: 2;
}

.profile-list-round .profile-item:nth-child(4) .profile-body[data-count]::after {
	background: rgba(0, 0, 0, .5);
	border-radius: inherit;
	bottom: 0;
	color: #fff;
	content: "+" attr(data-count);
	font-size: 28px;
	left: 0;
	line-height: 128px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.profile-item-small + .profile-item-small {
	background: none;
	margin-left: -30px;
}

.profile-item-small .profile-photo {
	background-color: #fff;
	border: 1px solid #e8e8e8;
}

.profile-new::before {
	background: #9774a7;
	border-radius: 4px 0;
	color: #fff;
	content: "new";
	font-size: 11px;
	font-weight: 600;
	left: 0;
	line-height: 1;
	padding: 10px;
	pointer-events: none;
	position: absolute;
	text-transform: uppercase;
	top: 0;
}

.text-online.text-online {
	color: #89ec78;
}

.profile-is-online .text-success {
	color: #60ce4d;
	font-weight: 400;
}

.profile-online::after {
	background: #90ed7d;
	border-radius: 50%;
	bottom: 0;
	content: "";
	height: 12px;
	margin: 11px;
	position: absolute;
	right: 0;
	width: 12px;
}

.profile-online-small::after {
	border: 2px solid #fff;
	box-sizing: content-box;
	margin: 0;
}

.profile-info {
	padding: 5px 10px 8px;
}

.profile-photo {
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.profile-photo-wrap {
	display: block;
	max-height: 448px;
	overflow: hidden;
	position: relative;
}

.profile-photo-placeholder {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.profile-photo-list {
	border-radius: 4px 4px 0 0;
	height: 225px;
	max-width: 100%;
	min-width: 225px;
	object-fit: cover;
	width: 225px;
}

.profile-back {
	left: 0;
	margin: 10px;
	position: absolute;
	top: 0;
}

.profile-count {
	background: rgba(0, 0, 0, .3);
	border-radius: 5px;
	bottom: 0;
	color: #fff;
	font-weight: 600;
	margin: 10px;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.profile-count .fa {
	margin-right: 8px;
}

.photo-update {
	background: rgba(0, 0, 0, .3);
	bottom: 0;
	left: 0;
	padding: 15px;
	position: absolute;
	right: 0;
}

.photo-update + .profile-count {
	display: none;
}

a.profile-thread::after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.col-side-profile.col-side-profile {
	margin-left: auto;
	margin-right: auto;
	order: -2;
	width: auto;
}

.position-sticky > .panel:last-child {
	margin-bottom: 0;
}

.profile-photo-main {
	height: auto;
	margin: auto;
	max-width: 336px;
	min-width: 336px;
	object-fit: cover;
	width: 336px;
}

.profile-thumb {
	height: auto;
	max-width: 100%;
}

.profile-thumbs > a {
	position: relative;
	width: 80px;
}

.profile-thumbs > a + a {
	margin-left: 5px;
}

.profile-thumbs > a[data-count]::after {
	-webkit-align-items: center;
	align-items: center;
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	color: #fff;
	content: "+" attr(data-count);
	display: flex;
	font-size: 23px;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.profile-list-round .profile-item:nth-child(4) .profile-body[data-count]::after {
	background: rgba(0, 0, 0, .5);
	border-radius: inherit;
	bottom: 0;
	color: #fff;
	content: "+" attr(data-count);
	font-size: 28px;
	left: 0;
	line-height: 128px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.pager {
	white-space: nowrap;
}

.pager li {
	margin: 0 3px;
}

.pager li a {
	border-radius: 50px;
	font-weight: 600;
	height: 32px;
	line-height: 30px;
	padding: 0;
	width: 32px;
}

.pager li .active,
.pager li .active:hover,
.pager li .active:focus {
	box-shadow: none;
	color: #fff;
	background-color: #cf2031;
	border-color: #cf2031;
}

.ui-header {
	box-shadow: 0 0 0 1px #b1001c;
}

.danger-header .ui-header {
	height: 100px;
}

.danger-header .ui-aside,
.danger-header .ui-header ~ .ui-content .position-sticky {
	top: 100px;
}

.danger-header .ui-header-fixed ~ .ui-content {
	padding-top: 100px;
}

.danger-header .ui-content .ui-container.container > * {
	min-height: calc(100vh - 100px);
}

.danger-header .ui-footer + .ui-content .ui-container.container > * {
	min-height: calc(100vh - 150px);
}

.ui-footer + .ui-content .ui-container.container > .inbox-wrap {
	max-height: calc(100vh - 100px);
}

.ui-content .ui-container.container > .alert {
	margin: 15px 15px 0 !important;
}

.danger-box {
	box-shadow: 4px 0 #da0045 inset;
	line-height: 1;
	overflow: hidden;
}

.confirm-email-box,
.sulogin-box {
	height: 50px;
}

.panel-pricing-wrap {
	padding: 30px 0;
}

.panel-pricing {
	cursor: pointer;
	-wenkit-transition: box-shadow .3s, margin .3s;
	transition: box-shadow .3s, margin .3s;
}

.panel-pricing .bg-info {
	-wenkit-transition: background-color .3s, padding .3s;
	transition: background-color .3s, padding .3s;
}

.panel-pricing + .panel-pricing {
	margin-left: -1px;
}

.panel-pricing-block {
	padding: 30px;
}

.panel-pricing-best {
	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .25);
	margin-bottom: -20px;
	margin-top: -20px;
	position: relative;
	z-index: 1;
}

.panel-pricing-best .bg-info {
	background-color: #2ecc71;
	padding-top: 51px;
}

.plan-icon {
	height: 64px;
	margin: 0 10px 0 -5px;
	width: 64px;
}

.site-search > .form-group {
	-webkit-align-items: center;
	align-items: center;
	padding: 0 100px;
}

.site-search .flex-align-center {
	margin-bottom: 0;
}

.site-search .flex-shrink-0 {
	padding-right: 10px;
	position: absolute;
	text-align: right;
	transform: translateX(-100%);
	width: 100px;
}

.site-search .flex-shrink-0 label {
	font-size: 14px;
	font-weight: 600;
}

.view-more {
	bottom: 100%;
	margin: 10px 0;
	padding: 10px 15px;
	position: absolute;
	right: 0;
}

.dropdown-menu-home > li:not(:last-child) {
	border-bottom: 1px solid #eee;
}

.toggle-box.toggle-box {
	border-right: 1px solid #b1001c;
	display: none;
}

.fancybox-container {
	z-index: 100001;
}

.fancybox-slide .confirm-email-box {
	height: auto;
	margin: 0 15px;
}

.fancybox-slide .confirm-email-box > * {
	display: block;
	margin: 10px 0 0;
}

.fancybox-slide .confirm-email-box > :first-child {
	margin: 0 0 15px;
	padding-right: 15px;
}

.fancybox-slide .confirm-email-box .fa {
	display: none;
}

.fancybox-button,
.fancybox-arrow:after{
	border-radius: 50%;
}

.fancybox-arrow:after{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMTksOGwtMi44MiwyLjgyTDI5LjM3NSwyNCwxNi4xOCwzNy4xOCwxOSw0MCwzNSwyNFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}

.fancybox-arrow:hover:not([disabled])::after {
	background-color: rgba(0, 0, 0, .8);
}

.fancybox-arrow--left {
	left: -7px;
}

.fancybox-arrow--right {
	right: -7px;
}

.img-search-wrap {
	left: 15px;
	position: relative;
	width: 0;
}

.img-search-wrap .action-icon.action-arrow {
	background: none;
	color: #bbb;
	width: 40px;
	height: 40px;
}

.img-search-wrap .action-icon.action-arrow:hover {
	color: #ccc;
}

.img-search-wrap .img-search {
	border: 1px solid #ddd;
	box-sizing: content-box;
	height: 40px;
	margin: 5px 0;
	width: 40px;
}

.img-search-wrap .img-search.active {
	border-color: rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 3px #3498db;
}

.mark-active,
.mark-active-aria[aria-expanded="true"] {
	color: #3498db !important;
}

@media (min-width: 768px) {
	.fancybox-button {
		margin: 5px;
	}

	.fancybox-arrow--left {
		left: 12px;
		transform: scale(-2);
	}

	.fancybox-arrow--right {
		right: 12px;
		transform: scale(2);
	}
}

.col-side-welcome {
	order: -2;
}

.list-group-profile > .list-group-item {
	border-color: #eee;
	font-size: 13px;
	transition: background-color 0.3s;
}

.list-group-profile > .list-group-item:hover,
.list-group-profile > .list-group-item:focus {
	background: none;
}

.list-group-profile > a.list-group-item:hover,
.list-group-profile > a.list-group-item:focus {
	background-color: #f8f9fa;
}

.list-group-profile > a.list-group-item {
	color: #4aa9e9;
}

.list-group-profile > .list-group-item .fa {
	font-size: 10px;
}

.mask-profiles .profile-list .profile-photo-wrap {
	overflow: hidden;
}

.mask-profiles .profile-list .profile-photo-list {
	filter: blur(5px);
}

.mask-profiles .profile-list .profile-info,
.mask-profiles-list .profile-list {
	filter: blur(3px);
}

.show-more-block {
	box-sizing: content-box;
	cursor: pointer;
	display: block;
	line-height: 25px;
	max-height: 100px;
	overflow: hidden;
	padding-bottom: 25px;
	position: relative;
}

.show-more-block::before,
.show-more-block::after {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}

.show-more-block::before {
	background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
	content: "";
	top: 0;
}

.show-more-block::after {
	background-color: #fff;
	color: #4aa9e9;
	content: attr(data-text);
	font-size: 13px;
}

.feature-disabled {
	opacity: .33;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fb-connect-wrap {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.fb-connect-img {
	height: 36px;
	width: 36px;
}

.fb-connect-icon {
	bottom: -6px;
	box-shadow: 0 0 0 2px white;
	display: inline-block;
	height: 22px;
	position: absolute;
	right: -6px;
	width: 22px;
}

.upload-wrapper,
.confirm-wrapper {
	overflow: auto !important;
}

.upload-wrapper .fancy-title,
.upload-wrapper .fancy-content,
.upload-wrapper .fancy-footer,
.confirm-wrapper .fancy-title,
.confirm-wrapper .fancy-content,
.confirm-wrapper .fancy-footer {
	position: static !important;
}

.upload-wrapper.upload-wrapper {
	max-width: 100%;
	padding: 0;
	text-align: center;
	background: none;
}

.upload-wrapper .fancy-title,
.upload-wrapper .fancy-content {
	background-color: #262b37;
}

.upload-wrapper .fancy-title {
	color: #fff;
	font-weight: 400;
	height: auto;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 25px;
	white-space: normal;
}

.upload-wrapper .fancy-content {
	color: #bbb;
	min-height: 85px;
	padding: 20px 20px 0 20px;
	margin: 0;
	top: 48px;
}

.upload-wrapper .fancy-footer {
	background: #fff;
	bottom: 10px;
	padding-bottom: 25px;
	padding-left: 35px;
	padding-right: 35px;
}

.confirm-wrapper .fancybox-close-small::after,
.upload-wrapper .fancybox-close-small {
	right: 0px;
	top: 5px;
}

.confirm-wrapper .fancybox-close-small::after,
.upload-wrapper .fancybox-close-small::after {
	background-color: rgba(0, 0, 0, 0);
}

.upload-icon-camera {
	background-color: rgba(255, 255, 255, .1);
}

.upload-icon-wrap {
	line-height: 17px;
	width: 110px;
}

.upload-icon-wrap:hover,
.upload-icon-wrap:focus {
	text-decoration: none;
}

.upload-icon-wrap:hover .upload-icon,
.upload-icon-wrap:focus .upload-icon {
	color: #fff;
	opacity: .9;
}

.upload-icon {
	border-radius: 50%;
	height: 64px;
	width: 64px;
}

.confirm-wrapper.fancy-wrapper {
	border-radius: 0;
}

.confirm-wrapper .fancy-title {
	background-color: #eaeaea;
	color: #333;
	font-weight: 500;
	height: auto;
	padding: 15px 35px 15px 15px;
}

.confirm-wrapper .fancy-content {
	top: 53px;
}

.facebook-wrapper .fancy-title,
.facebook-wrapper .fancy-content {
	background: #3b5998;
}

.facebook-wrapper .fancybox-close-small::after {
	color: #fff;
}

.fb-strip-wrap {
	height: 50px;
	left: -25px;
	position: relative;
}

.fb-strip {
	border-color: transparent transparent #fff #fff;
	border-style: solid;
	border-width: 25px;
	bottom: 0;
	filter: drop-shadow(0 -5px 5px rgba(0, 0, 0, .2));
	left: 50px;
	position: absolute;
}

.fb-strip::before,
.fb-strip::after {
	background: #fff;
	content: "";
	height: 50px;
	position: absolute;
	top: -25px;
}

.fb-strip::before {
	left: -10000px;
	right: 25px;
}

.fb-strip::after {
	left: 25px;
	right: -10000px;
}

.title-link {
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	margin-bottom: -16px;
	padding-bottom: 10px;
	transition: border-bottom-color .3s, color .3s;
}

.title-link + .title-link {
	margin-left: 20px;
}

.title-link:hover,
.title-link:focus,
.title-link.active {
	border-bottom-color: currentcolor;
	text-decoration: none;
}

.title-link.active {
	color: #3498db;
}

.panel-subscription {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	border-bottom: 0;
	border-top: 1px solid #eee;
	margin: -15px;
}

.panel-default {
	border-radius: 4px;
	border: 0;
	box-shadow: rgba(33, 33, 33, .2) 0 1px 2px, rgba(33, 33, 33, .1) 0 1px 3px 1px;
}

.navbar-collapse.navbar-compa .navbar-nav > li:not(:first-child) > a {
	border-color: #b1001c;
}

/*.navbar-collapse.navbar-compa .navbar-nav li:hover > a,*/
.navbar-collapse.navbar-compa .navbar-nav .open > a {
	background-color: #c00027;
	border-color: transparent;
	color: #fff;
}

.navbar-collapse.navbar-compa .navbar-nav .dropdown-menu {
	border-top-color: rgba(0, 0, 0, 0);
}

.navbar-collapse.navbar-compa .navbar-nav .dropdown-menu > li > a:not(.gray) {
	color: #2c2c2c;
}

.avatar-text {
	line-height: 16px;
}

.avatar-img {
	border-radius: 3px;
}

.action-icon {
	border-radius: 50%;
	color: rgba(255, 255, 255, .9);
	height: 64px;
	width: 64px;
}

.action-icon.action-arrow {
	background-color: rgba(0, 0, 0, .3);
	height: 48px;
	width: 48px;
}

.action-icon-small {
	height: 26px;
	width: 26px;
}

.action-icon-small .fa {
	font-size: 1.25em;
	line-height: .75em;
	vertical-align: -15%;
}

.action-icon.action-favorite.action-menu {
	color: #fa5252;
}

.action-icon.action-favorite.action-menu:hover > .fc:not(.fa-refresh)::before {
	content: "\e906";
}

.action-icon.action-favorite > .fa-refresh {
	font-family: FontAwesome !important;
}

.action-icon.action-favorite:not(.action-menu) {
	background-color: #fa5252;
}

.action-icon.action-flirt {
	background-color: #fcc419;
}

.action-icon.action-message {
	background-color: #329af0;
}

.action-icon.action-menu {
	border: 2px solid currentcolor;
	color: #d5d7d5;
}

.action-icon.action-menu:hover,
.action-icon.action-menu:focus {
	background-color: #fff;
	color: #ccc;
}

.action-icon:hover,
.action-icon:focus {
	color: #fff;
	text-decoration: none;
}

.search-filter-tag {
	background-color: #f4f4f4;
	color: #626262;
	display: inline-block;
	font-size: 13px;
	margin: 3px 6px 3px 0;
	padding: 5px;
}

.search-filter-close {
	color: #ccc;
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	margin: 0 0 0 -5px;
	padding: 0 5px;
	position: relative;
	right: -5px;
	top: 1px;
	transition: color .3s;
}

.link-sidebar {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	color: #3498db;
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	transition: color .3s;
}

.link-sidebar,
.link-sidebar:hover,
.link-sidebar:focus,
.search-filter-close,
.search-filter-close:hover,
.search-filter-close:focus {
	text-decoration: none;
}

.link-sidebar:first-child,
.link-sidebar + .link-sidebar {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.link-sidebar.active {
	color: #868e96;
	pointer-events: none;
}

.options-cog {
	color: #adb5bd;
	padding: 8px;
	position: absolute;
	right: 0;
	text-decoration: none;
	transform: translateX(100%);
}

.table-settings {
	margin-top: -15px;
	table-layout: fixed;
}

.table-settings:not(:last-child) {
	margin-bottom: 30px;
}

.table-settings > tbody > tr > td {
	border-color: #eee;
	padding: 15px 0;
}

.table-notifications > tbody > tr > td {
	border-color: #eee;
	padding: 10px 0;
}

.table-notifications > thead > tr > th {
	border-bottom-width: 1px;
	min-width: 70px;
	padding: 0 0 15px 0;
}

.bubble-switch-core {
	border: 1px solid #eee;
	height: 36px;
	transition: background-color .2s, border-color .2s, color .2s;
	width: 36px;
}

.bubble-switch-core:hover,
.bubble-switch-core:focus {
	background-color: #fcfcfc;
}

.bubble-switch-input:checked + .bubble-switch-core {
	border-color: rgba(0, 0, 0, 0);
	color: #fff;
}

.bubble-switch-input:checked + .bubble-switch-core:hover,
.bubble-switch-input:checked + .bubble-switch-core:focus {
	background-color: rgba(0, 0, 0, 0);
}

.bubble-switch-core::before {
	position: relative;
	z-index: 1;
}

.bubble-switch-core::after {
	background-color: #3498db;
	border-radius: inherit;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(0);
	transition: transform .2s;
}

.bubble-switch-input:checked + .bubble-switch-core::after {
	transform: scale(1);
}

.bubble-switch-input:checked ~ .bubble-switch-tooltip {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.i-checks input[type="radio"]:checked + i::before {
	background-color: #3498db;
	height: 12px;
	left: 3px;
	top: 3px;
	width: 12px;
}

.i-checks input:checked + i {
	border-color: #3498db;
}

[class*="action-type-"] > i {
	position: relative;
}

[class*="action-type-"] .badge {
	background-color: #ffd258;
	color: #000;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	position: absolute;
	right: -20px;
	top: -20px;
	width: 23px;
}

.badge.badge-contacts {
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 1;
}

.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #ddd;
}

.select2-container .select2-dropdown {
	z-index: 1;
}

.select2-search--dropdown {
	padding-left: 8px;
	padding-right: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 4px;
	font-size: 16px;
	padding: 6px 12px;
	transition: border-color .3s;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border-color: #4aa9e9;
}

.timezone_parent {
	min-height: 270px;
}

.timezone_parent .select2-selection {
	background: none;
}

.timezone_parent .select2-container--default .select2-selection--single {
	border-bottom-color: rgba(0, 0, 0, 0);
}

.timezone_parent .select2-selection__arrow {
	display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4aa9e9;
}

.filter-groups a.list-group-item,
.filter-groups a.list-group-item:hover,
.filter-groups a.list-group-item:focus {
	background: none;
}

.filter-groups a.list-group-item {
	padding: 5px 0;
}

.filter-groups a.list-group-secondary {
	color: #555;
	transition: color .3s;
}

.filter-groups a.list-group-primary,
.filter-groups > a.list-group-secondary {
	padding: 0 0 10px;
}

.filter-groups a.list-group-primary {
	border-bottom: 1px solid #ddd;
	margin-bottom: -1px;
}

.filter-groups:last-of-type .filter-group:last-child {
	border-bottom: 0;
}

.filter-group .i-checks input[type="checkbox"]:checked ~ .i-checks-text {
	color: #555;
}

.filter-group-reset {
	color: #ccc;
	margin: -5px -2px;
	padding: 8px 7px 6px;
	transition: color .3s;
}

.filter-group-reset:hover,
.filter-group-reset:focus {
	color: #888;
}

.filter-group {
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: hidden;
}

.filter-group.collapse:not(.in) {
	height: 0;
}

.filter-groups .list-group-item.collapse:not(.in) {
	display: none;
}

.filter-group .form-group {
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0;
	margin-top: -5px;
	max-height: 140px;
	overflow-x: hidden;
	overflow-y: auto;
}

.filter-group .form-group > *:first-child {
	margin-top: 5px;
}

.filter-group .form-group > *:last-child {
	margin-bottom: 5px;
}

.filter-group .i-checks i {
	height: 16px;
	margin-right: 6px;
	min-height: 0;
	width: 16px;
}

.filter-group .i-checks input[type="checkbox"]:checked ~ i::before {
	height: 9px;
	left: 7px;
	top: 3px;
}

.filter-group .i-checks input[type="checkbox"]:checked ~ i::after {
	height: 6px;
	left: 3px;
	top: 5px;
}

#search_wrapper_location {
	position: relative;
}

#search_wrapper_location .filter-group-reset {
	margin: 2px;
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 1;
}

#quick-search-box .filter-group-reset {
	top: 27px;
}

#search_location:valid {
	padding-right: 26px;
}

.icon-plus,
.icon-minus {
	line-height: 1;
}

.icon-plus::before,
.icon-minus::before {
	position: relative;
	top: -2px;
}

.icon-plus::before {
	content: "\2b";
}

.icon-minus::before {
	content: "\2212";
}

.handle-one,
.handle-two {
	color: #868e96;
	font-size: 13px;
}

.handle-one {
	text-align: right;
}

.noUi-target,
.noUi-handle,
.noUi-connect {
	box-shadow: none;
}

.noUi-target {
	background-color: rgba(0, 0, 0, .05);
	border-color: transparent;
	padding-right: 16px;
}

.noUi-handle::before,
.noUi-handle::after {
	background: rgba(0, 0, 0, 0);
	bottom: 0;
	box-sizing: content-box;
	content: "";
	height: 100%;
	left: 0;
	margin: -10px;
	overflow: hidden;
	padding: 10px;
	right: 0;
	top: 0;
	width: 100%;
}

.noUi-handle {
	background-color: #f8f9fa;
	border-radius: 50%;
	cursor: grab;
	transition: background-color .3s, border-color .3s;
}

.noUi-active {
	background-color: #eee;
	border-color: #ccc;
	cursor: grabbing;
}

.noUi-connect {
	background-color: #3498db;
	border-radius: 0;
	box-shadow: 0 0 0 1px #f8f9fa;
}

.noUi-horizontal {
	height: 8px;
	top: 5px;
}

.noUi-horizontal .noUi-handle {
	height: 18px;
	left: -1px;
	top: -6px;
	width: 18px;
}

.upgrade-wrap {
	min-height: 0 !important;
}

.upgrade-header::after {
	background: #fff;
	bottom: 0;
	/*box-shadow: 0 0 0 1px #e8e8e8, 0 5px 20px -5px rgba(0, 0, 0, .05);*/
	box-shadow: 0 0 0 1px #e8e8e8;
	content: "";
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	position: absolute;
	right: 50%;
	top: 0;
	width: 100vw;
	z-index: -1;
}

.upgrade-content-choice {
	border: 1px solid transparent
}

.upgrade-content-choice:hover,
.upgrade-content-choice:focus {
	/*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset, 0 5px 20px -5px rgba(0, 0, 0, .1);*/
	text-decoration: none;
}

.upgrade-content-choice.active {
	background: #ebf5fc;
	border-color: #3498db;
	/*box-shadow: 0 0 0 1px #3498db inset, 0 5px 20px -5px rgba(0, 0, 0, .15);*/
	box-shadow: none;
}

.upgrade-content-choice .extra-info {
	border-radius: 50px;
	font-size: 12px;
	font-weight: 600;
	left: 50%;
	padding: 5px 10px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.upgrade-content-choice .extra-discount {
	border-radius: 50%;
	/*box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .2);*/
	font-size: 24px;
	font-weight: 600;
	height: 56px;
	line-height: 54px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transform: translate(30%, -30%);
	width: 56px;
	z-index: 1;
}

.upgrade-content-choice,
.upgrade-footer-box {
	border-radius: 4px;
	/*box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .05);*/
	transition: border-color .3s, box-shadow .3s;
}

.upgrade-content .upgrade-content-save {
	padding-bottom: 75px;
}

.upgrade-content-ribbon::before,
.upgrade-content-ribbon::after {
	border-style: solid;
	content: "";
	position: absolute;
}

.upgrade-content-ribbon::before {
	border-color: #666 #666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-width: 5px;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
}

.upgrade-content-ribbon::after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #868e96;
	border-width: 20px 10px;
	right: 0;
	top: 0;
	transform: translateX(100%);
}

.upgrade-content-ribbon {
	background-color: #868e96;
	bottom: 20px;
	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .2);
	color: #fff;
	font-weight: 600;
	height: 40px;
	left: -10px;
	line-height: 20px;
	padding: 10px 15px 10px 20px;
	position: absolute;
	text-align: center;
	white-space: nowrap;
}

.upgrade-content-plans > .upgrade-content-plan {
	min-width: 230px;
}

.flirt-box {
	background-color: #fff;
	border-radius: 100px;
	bottom: -5px;
	left: 0;
	position: absolute;
	right: 0;
	top: -5px;
}

.flirt-box > a {
	transition: opacity .1s, transform .1s;
}

.flirt-box > a:hover {
	opacity: .8;
	transform: scale(1.1);
}

.flirt-box .emoji {
	height: 42px;
	width: 42px;
}

.flirt-hide {
	position: absolute;
	right: -5px;
	top: -5px;
}

.img-match {
	background: rgba(0, 0, 0, 0);
	border: 3px solid #ddd;
	box-sizing: content-box;
	height: 128px;
	padding: 4px;
	width: 128px;
}

.emoji-match {
	color: #f8f9fa;
	filter: drop-shadow(0 0 currentcolor) drop-shadow(0 -1px currentcolor) drop-shadow(0 1px currentcolor) drop-shadow(-1px -1px currentcolor) drop-shadow(-1px 0 currentcolor) drop-shadow(-1px 1px currentcolor) drop-shadow(1px 1px currentcolor) drop-shadow(1px 0 currentcolor) drop-shadow(1px -1px currentcolor);
	margin-bottom: -30px;
	transform: translateY(-30px);
}

@media (max-width: 1337px) {
	.img-search-wrap {
		left: -35px;
	}
}

@media (max-width: 1337px) and (min-width: 991px) {
	.col-side-profile + .col-main > .panel {
		padding-right: 70px;
	}
}

@media (max-width: 1260px) {
	.profile-list {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}

	.profile-list-home > .profile-item {
		width: calc(100% / 3);
	}

	.profile-list-home .profile-photo-list {
		max-height: none;
	}

	.inbox-scroll-down {
		right: 0;
	}
}

@media (max-width: 991px) {
	.navbar-collapse .navbar-nav > li.nav-messaging .fa {
		margin-top: 2px;
	}

	.ui-footer + .ui-content .inbox-chat .inbox-body,
	.ui-footer + .ui-content .inbox-contacts {
		height: calc(100vh - 50px);
	}

	.danger-header .ui-footer + .ui-content .inbox-chat .inbox-body
	.danger-header .ui-footer + .ui-content .inbox-contacts {
		height: calc(100vh - 100px);
	}

	.ui-footer + .ui-content .ui-container.container > .inbox-wrap {
		max-height: none !important;
	}

	.ui-footer + .ui-content .ui-container.container > * {
		min-height: calc(100vh - 50px);
	}

	.inbox-contacts {
		border-bottom: 0;
		min-height: 0;
		position: fixed;
		top: 50px;
		transform: translateX(-100%);
		transition: transform .3s;
		z-index: 29;
	}

	.danger-header .ui-footer + .ui-content .inbox-contacts {
		top: 100px;
	}

	.inbox-contacts.active {
		position: absolute;
		transform: translateX(0);
	}

	.inbox-message {
		margin: 5px 10px;
	}

	.inbox-bubble::before,
	.inbox-bubble::after {
		content: none;
	}

	.inbox-message:last-child {
		border-bottom-width: 5px;
	}

	.inbox-bubble {
		font-size: 13px;
		line-height: 18px;
		padding: 5px 10px;
	}

	.inbox-textarea-container {
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
	}

	.inbox-textarea {
		font-size: 16px;
	}

	.inbox-chat .inbox-body {
		padding-bottom: 50px;
	}

	.inbox-counter {
		margin-right: 30px;
	}

	.inbox-dropdown {
		opacity: 1;
	}

	.upgrade-footer.upgrade-footer {
		margin: 0;
		padding: 0;
	}

	.upgrade-footer .upgrade-footer-boxes {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.upgrade-footer .upgrade-footer-box {
		border-radius: 0;
		border-width: 1px 0;
		box-shadow: none;
		margin: -1px 0 0;
	}
}

@media (max-width: 768px) {
	select.form-control,
	textarea.form-control,
	input.form-control {
		font-size: 16px;
	}

	.ui-copyright {
		margin: auto;
		text-align: center;
		width: 100%;
	}

	.panel-pricing-wrap.panel-pricing-wrap {
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		margin: 0;
		padding: 0;
	}

	.panel-pricing-block.panel-pricing-block {
		padding: 15px;
	}

	.panel-pricing-wrap > .panel-pricing.panel-pricing {
		border-width: 1px;
		box-shadow: none;
		margin: 0 0 15px;
	}

	.profile-list-home > .profile-item {
		width: 50%;
	}

	.ui-header > .container {
		padding-right: 0;
	}

	.navbar-compa .navbar-nav .dropdown-menu {
		box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05) !important;
		border: 1px solid #e8e8e8;
		left: 0;
		max-width: 100%;
		position: fixed;
		top: auto;
		width: 100%;
	}

	.navbar-compa .navbar-nav .fa.pull-right:not(.fa-lock) {
		width: 100%;
	}

	.navbar-compa .navbar-nav .fa.nl-05 {
		margin: 0;
	}

	.col-side-profile,
	.col-side-profile + .col-main {
		display: block !important;
	}

	.flex-column-mobile {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		text-align: left;
	}

	.flex-column-mobile .br {
		display: none;
	}

	.flex-column-mobile .text-right {
		text-align: left;
	}

	.table-settings > tbody {
		display: block;
	}

	.table-settings > tbody > tr {
		border-bottom: 1px solid #eee;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.table-settings > tbody > tr > td {
		border: 0;
		text-align: left;
	}

	.table-settings > tbody > tr > td:nth-child(2) {
		padding: 0;
	}

	.chat-notification-buttons > .btn {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		font-size: 11px;
		padding: 5px 10px;
	}

	.upgrade-content .upgrade-content-methods {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.upgrade-content .upgrade-content-stretch {
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.upgrade-content-ribbon::after {
		border-color: #666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666;
		border-width: 5px;
		bottom: 0;
		top: auto;
		transform: translateY(100%);
	}

	.upgrade-content-ribbon {
		padding: 10px;
		right: -10px;
	}

	.will-m-0 {
		margin: 0 !important;
	}

	.will-p-0 {
		padding: 0 !important;
	}

	.will-b-0 {
		border: 0 !important;
	}

	.will-justify-content-center {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.will-flex-column.will-flex-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width: 500px) {
	.profile-photo-list {
		height: 215px;
		min-width: 215px;
		width: 215px;
	}

	.profile-item-small .profile-body,
	.profile-item-small .profile-photo {
		height: 90px;
		width: 90px;
	}
}

@media (min-width: 480px) {
	.site-search #search_wrapper_location .filter-group-reset {
		right: 100px;
		top: 0;
	}
}

@media (max-width: 480px) {

	.profile-photo-main {
		display: none;
	}

	.profile-photo-bg {
		background-position: center top;
		background-size: cover;
		display: block !important;
		height: 100vw;
		width: 100vw;
	}

	.site-search > .form-group {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}

	.site-search .flex-align-center {
		margin: 0 0 5px;
	}

	.site-search .flex-shrink-0 {
		position: relative;
		text-align: left;
		transform: none;
		width: auto;
	}

	.sulogin-box {
		font-size: 11px;
		margin-right: -15px;
	}

	.sulogin-box > *:first-child {
		min-width: 0;
		word-wrap: break-word;
	}

	.toggle-box.toggle-box {
		display: block;
	}

	.col-side-profile .profile-photo-main {
		max-width: 100%;
		min-width: 0;
		width: 100vw;
	}

	.profile-photo-wrap.profile-photo-wrap {
		border: 0;
		margin: 0;
		max-height: none;
	}

	.profile-actions-wrap {
		background-color: rgba(255, 255, 255, 0);
		position: absolute;
		bottom: 0;
		padding: 10px;
		left: 0;
		right: 0;
		transition: background-color .3s;
	}

	.profile-actions-wrap::after {
		background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
		bottom: 0;
		content: "";
		left: 0;
		opacity: 0;
		position: absolute;
		right: 0;
		transform: translateY(100%);
		transition: opacity .3s;
		z-index: -1;
	}

	.profile-actions-wrap.profile-actions-fixed {
		background-color: rgba(255, 255, 255, .8);
		bottom: auto;
		margin-top: 0;
		position: fixed;
		top: 50px;
	}

	.profile-actions-wrap.profile-actions-fixed::after {
		height: 50px;
	}

	.danger-header .ui-header ~ .ui-content .profile-actions-wrap.profile-actions-fixed {
		top: 100px;
	}

	.profile-actions-wrap.profile-actions-fixed::after {
		opacity: 1;
	}

	.flirt-box.flirt-box {
		background-color: #f8f9fa;
		border-radius: 0;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	}

	.flirt-hide.flirt-hide {
		background: #fff;
		border-radius: 50%;
		border-top: 1px solid #ddd;
		bottom: -30px;
		font-size: 28px;
		left: 50%;
		line-height: 1;
		position: absolute;
		right: auto;
		top: auto;
		transform: translateX(-50%);
	}

	.col-side-profile > .panel-body {
		padding: 0;
	}

	.col-side-profile .profile-count {
		bottom: auto;
		top: 0;
	}

	.profile-list:not(.profile-list-round) .profile-item:not(:only-child) .profile-body {
		width: calc(50vw - 24px);
	}

	.profile-photo-list {
		height: auto;
		min-width: 0;
	}

	.quest-stacked .quest-item,
	.quest-spread .quest-item {
		padding-left: 0;
	}

	.img-match {
		height: 80px;
		width: 80px;
	}

	.emoji-match {
		margin-bottom: -30px;
		transform: translateY(-20px);
	}

	.emoji-match .emoji {
		height: 32px;
		width: 32px;
	}

}

@media (min-width: 991px) {
	.ui-aside-compact .ui-aside {
		transform: translateX(-100%);
	}

	.toggle-ui-nav {
		display: none;
	}

	.inbox-message {
		max-width: 600px;
	}

	.inbox-contacts + .inbox-chat {
		border-left: 0;
	}

	.col-side-profile .action-icon.action-arrow {
		display: none;
	}

	.profile-is-online.text-online {
		margin: 0 0 0 auto;
	}
}

.terms a:not(.btn) {
	text-decoration: underline;
}

@keyframes bounceInFast {
	from {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceOutFast {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
}

.bounceInFast {
	animation-name: bounceInFast;
	animation-duration: .5s;
}

.bounceOutFast {
	animation-name: bounceOutFast;
	animation-duration: .3s;
}

.addon-wrapper.addon-wrapper.addon-wrapper,
.addon-wrapper .fancy-footer {
	background: #f0f0f0;
	border-radius: 0;
}

.addon-wrapper .fancybox-close-small {
	right: 0;
	top: 0;
}

.addon-wrapper .fancybox-close-small::after {
	color: rgba(255, 255, 255, .5);
}

.addon-wrapper .fancybox-close-small:focus::after,
.addon-wrapper .fancybox-close-small:hover::after {
	color: rgba(255, 255, 255, .75);
}

.addon-wrapper .fancy-title {
	background: #cf2031;
	padding: 20px 60px 20px 20px;
	text-align: left;
}

.addon-wrapper .fancy-content,
.addon-wrapper .fancy-footer {
	padding: 20px;
	text-align: left;
}

.addon-wrapper .fancy-content {
	background: #fff;
	color: #626262;
}

.btn-install-addon-overlayer {
	background-color: #4d7bd6;
	background-image: linear-gradient(#5689db, #4d7bd6);
	border-color: #2d53af;
	border-radius: 2px;
	box-shadow: 0 2px rgba(255, 255, 255, .06) inset, 0 2px 3px rgba(0, 0, 0, .2);
	padding: 5px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.btn-install-addon-overlayer:focus,
.btn-install-addon-overlayer:hover {
	background-color: #5c92ff !important;
	background-image: linear-gradient(#669eff, #5286ff) !important;
	border-color: #4076ff !important;
}

.btn-install-addon-overlayer:active {
	background-color: #5384e5 !important;
	background-image: linear-gradient(#6096e4, #436de0) !important;
	border-color: #2f57bd !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
}

.addon-rating {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAqElEQVR4AWPABv7c3+bMQCz4v9r4P1EK/zw9qvV/Dv9/EE1Q8d9TjQdAikE0pkk3lhT8X2f9H44XyvwHKgbTyOIgdXAP/V+iDFKEgUHiGB7+/fEx+7/19igKQXyQOFb3/tvi9Q9ZMYiPVeHvT09Z/88V/P9/kdz/v2c7t4JoEB8kjhkKV2d3/F9r/v/325sCID6IBvFB4piKr8zq+P3tAyOyGIgPEofxAbRzoHu/CzYQAAAAAElFTkSuQmCC);
	display: block;
	height: 11px;
	width: 55px;
}

.delay-1 {
	animation-delay: .5s;
}

.delay-2 {
	animation-delay: .75s;
}

.delay-3 {
	animation-delay: 1s;
}