@font-face {
	font-family: 'sfProDisplayBold';
	src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
		url('../fonts/SFProDisplay-Bold.woff') format('woff'),
		font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'sfProText';
	src: url('../fonts/sfprotext-regular-webfont.woff2') format('woff2'),
		url('../fonts/sfprotext-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SFProTextSemi';
	src: url('../fonts/SF-Pro-Text-Semibold.woff2') format('woff2'),
		url('../fonts/SF-Pro-Text-Semibold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'sfProTextBold';
	src: url('../fonts/sfprotext-bold-webfont.woff2') format('woff2'),
		url('../fonts/sfprotext-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;

}

@font-face {
	font-family: 'sfProTextLight';
	src: url('../fonts/sfprotext-light-webfont.woff2') format('woff2'),
		url('../fonts/sfprotext-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;

}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
em,
img,
small,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

:focus {
	outline: 0
}

input,
textarea {
	margin: 0;
	outline: 0;
}

textarea {
	overflow: auto;
	resize: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

/* End Reset */

/* html5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}


/* Default Font Styles
______________________*/
:root {
	/*--themeColor: #920C63;*/
	--themeColor: #b30b80;
	--themeInverseColor: #fff;
	--themeSelected: #9cc49e;
}

body,
input,
select,
textarea,
button {
	font-family: 'sfProText', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 1.2;
}

p {
	line-height: 1.5;
	margin-bottom: 30px;
}

body {
	padding-top: 64px;
}

.bg-theme {
	background: var(--themeColor);
	color: #fff;
	padding-top: 60px;
	overflow-x: hidden;
}

.bg-theme .tiny-modal {
	color: #000;
}

.bg-white {
	background: #fff;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Headings
______________________*/
h2,
.h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
	margin-bottom: 24px;
	line-height: 1.33;
}

.h4,
h4 {
	font-size: 17px;
}

h5 {
	font-size: 15px;
}

.title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

h4.title {
    font-weight: bold;
    margin: 0;
    font-size: 1.2rem; /* Adjust size as per design */
}

.title-container img {
    width: 13px;
    height: 15px;
    margin-bottom: 12px;
}
/* Links
______________________*/
a {
	color: var(--themeColor);
	text-decoration: none;
}

/* Buttons
______________________*/
.btn {
	background-color: var(--themeColor);
	color: #fff;
	font-size: 15px;
	display: inline-block;
	text-align: center;
	border: none;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	padding: 19px 24px 20px;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.3s, color 0.1s;
}

.btn-theme:focus,
.btn-theme:hover,
.btn-theme {
	background-color: var(--themeColor);
	color: #fff;
}

.btn.icon-centered {
	padding: 16px 24px 17px;
}

.btn.icon-centered span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.btn.has-icon {
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 24px center;
	padding-left: 56px;
}

.btn.icon-organization {
	background-image: url(../images/icon-organizations-w.svg);
}

.btn.icon-contact {
	background-image: url(../images/icon-contact-w.svg);
}

.btn-link {
	color: #8b8b8b;
	text-decoration: underline;
}

.btn-link:hover {
	color: var(--themeColor);
}

.btn.shadow-lg {
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
}

.btn-standard {
	min-width: 236px;
	text-align: center;
}

.btn-secondary{
    background-color:#fff;
    color: var(--themeColor);
}

.btn-light {
	background-color: #fff;
	color: #000;
}

.btn-dark {
	background: #48484a;
}

.btn-black {
	background-color: #000;
}

a.btn-light:hover,
input.btn-light:hover,
button.btn-light:hover {
	background-color: var(--themeColor);
	color: #fff;
}

.btn-light.on-bg-dark:hover {
	background-color: #fff;
	color: #000;
}

.btn-light.theme-color,
.btn-light.theme-color:hover {
	color: var(--themeColor);
}

.btn-wide {
	max-width: 336px;
	width: 100%;
}

.btn-block {
	display: block;
}

.btn-info {
	padding: 16px 23px;
}

.btn-info img {
	width: 10px;
	height: 20px;
}

.toggle-switch-label {
	display: inline-block;
	position: relative;
	padding-right: 30px;
	cursor: pointer;
}

.toggle-switch {
	background: #fff;
	font-size: 0;
	width: 22px;
	height: 18px;
	border: 2px solid #000;
	border-radius: 22px;
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 1;
}

.toggle-switch-input:checked+.toggle-switch {
	background: var(--themeColor);
	border-color: transparent;
}

.toggle-switch-input:checked+.toggle-switch:after {
	background: #fff;
	border-color: transparent;
	left: 7px;
}

.toggle-switch:after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 100px;
	border: 2px solid #000;
	position: absolute;
	top: 2px;
	left: 3px;
	z-index: 1;
	transition: left 0.1s ease-in;
}

/*Slick Slider's Arrow*/
.slick-arrow {
	background-repeat: no-repeat;
	width: 20px;
	height: 36px;
	background-size: cover;
	background-color: transparent;
	font-size: 0;
	border: none;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	cursor: pointer;
}

.slick-prev {
	background-image: url(../images/chevron-left-white.svg);
	right: 100%;
	margin-right: 28px;
}

.slick-next {
	background-image: url(../images/chevron-right-white.svg);
	left: 100%;
	margin-left: 28px;
}

/* Form
______________________*/
.form-group {
	margin-bottom: 24px;
}

.form-sm {
	max-width: 336px;
}

.form-sm.centered {
	margin: 0 auto;
}

.form-control {
	width: 100%;
	background: #fff;
	border: none;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.1);
	border-radius: 22px;
	padding: 6px 24px;
	caret-color: var(--themeColor);
}
.form-control.has-icon-left {
	background-repeat: no-repeat;
	padding-left: 58px;
}
.form-control.icon-key {
	background-image: url(../images/icon-key.svg);
	background-position: 22px center;
	background-size: 26px 14px;
}
.form-control.icon-smartphone {
	background-image: url(../images/icon-smartphone.svg);
	background-position: 27px center;
	background-size: 16px 22px;
}
textarea.form-control {
	padding: 12px 24px;
}

.btn[disabled],
.form-control[type="text"][disabled],
.form-control[type="email"][disabled],
.form-control[type="password"][disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-light[disabled],
.btn-light.disabled {
	background: #d6d5d5;
	color: #8b8b8b;
	cursor: not-allowed;
}

.input-lg {
	height: 56px;
}

.custom-cb {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	line-height: 1;
}

.custom-cb em {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 9px 7px;
	width: 15px;
	height: 15px;
	border: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.custom-cb.text-sm em {
	top: -2px;
}

.custom-cb.border-black em {
	border: 1px solid #000;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"] {
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
}

.custom-cb input:checked+em {
	background-image: url(../images/checkbox-check.svg);
}

.custom-cb.border-black input:checked+em {
	background-image: url(../images/checkbox-check-black.svg);
}

.btn-radio {
	display: inline-block;
	background: #fff;
	color: #000;
	margin-bottom: 24px;
	border-radius: 22px;
	padding: 19px;
	cursor: pointer;
	transition: opacity 0.3s;
}

.btn-radio.in-active {
	opacity: 0.5;
}

.btn-checkbox em {
	background: #fff;
	display: inline-block;
	text-align: center;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	margin-bottom: 24px;
	padding: 19px;
	cursor: pointer;
	font-style: normal;
	transition: all 0.3s;
}

.btn-checkbox input:checked+em {
	background: var(--themeColor);
	color: #fff;
}

.custom-radio {
	position: relative;
	padding-left: 17px;
	cursor: pointer;
}

.custom-radio em {
	background: #8b8b8b;
	width: 8px;
	height: 8px;
	border-radius: 100px;
	position: absolute;
	top: 4px;
	left: 0;
	z-index: 1;
}

.custom-radio input:checked+em {
	background: var(--themeColor);
}

.boxed-radio-btn {
	display: inline-block;
	width: 160px;
	min-height: 160px;
	background: #fff;
	vertical-align: middle;
	margin-right: 24px;
	border-radius: 22px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	padding: 53px 15px 34px;
	cursor: pointer;
}

.boxed-radio-btn em {
	display: block;
	position: relative;
	background: #fff;
	width: 26px;
	height: 26px;
	margin: 0 auto 5px;
	border: 1px solid #f3f3f3;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 100px;
}

.boxed-radio-btn em:after {
	content: '';
	background: #acacac;
	width: 18px;
	height: 18px;
	border-radius: 100px;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
}

.boxed-radio-btn input:checked+em:after {
	background: var(--themeColor);
}

.boxed-radio-btn input:checked+em:after,
.boxed-radio-btn.active em:after {
	background: var(--themeColor);
}

.boxed-radio-content {
	display: none;
}

.boxed-radio-content.active {
	display: block;
}

.selected>.form-control {
	background-color: var(--themeColor);
	color: var(--themeInverseColor);
}

select.form-control {
	background: url(../images/chevron-down.svg) no-repeat calc(100% - 25px) center;
	background-size: 14px 8px;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
}


/* Layout
______________________*/
.container {
	width: 710px;
	margin: 0 auto;
	padding: 0 15px;
}

.container.md {
	width: 870px;
}

.container.lg {
	width: 1150px;
}

/* Header
______________________*/
.bg-theme #header-wrap {
	position: static;
}

#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 6;
	transition: top 2s ease;
}

#header-wrap.animated {
	top: -100%;
}

#header-wrap.has-shadow {
	background: #fff;
	box-shadow: 0 -5px 28px rgba(0, 0, 0, 0.11);
}

#header {
	position: relative;
	max-width: 1630px;
	margin: 0 auto;
	padding: 0 15px;
}

#logo {
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 15px;
	z-index: 1;
}

#logo img {
	width: 128px;
	height: 32px;
}

#logo-lg {
	display: inline-block;
	margin-bottom: 30px;
}

#logo-lg img {
	width: 144px;
	height: 49px;
}

/* Navigation
______________________*/
#main-nav li {
	width: 25%;
	float: left;
}

.nav-link {
	background-repeat: no-repeat;
	background-position: center 9px;
	background-size: 20px 20px;
	display: block;
	font-size: 11px;
	color: #8b8b8b;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	border-top: 3px solid transparent;
	padding: 34px 10px 14px;
	transition: all 0.3s;
}
.nav-link .lock{
	position: absolute;
	top: 6px;
	right: 70px;
}

.nav-link1 {
	background-image: url(../images/home.svg);
}

.nav-link1:hover,
.nav-link1.active {
	background-image: url(../images/theme/home.svg);
}

.nav-link2 {
	background-image: url(../images/message.svg);
}

.nav-link2:hover,
.nav-link2.active {
	background-image: url(../images/theme/message.svg);
}

.nav-link3 {
	background-image: url(../images/wills.svg);
}

.nav-link3:hover,
.nav-link3.active {
	background-image: url(../images/theme/wills.svg);
}

.nav-link4 {
	background-image: url(../images/digital-roads.svg);
}

.nav-link4:hover,
.nav-link4.active {
	background-image: url(../images/theme/digital-roads.svg);
}

.nav-link.active {
	color: var(--themeColor);
	border-top-color: var(--themeColor);
}

.nav-link:hover {
	color: var(--themeColor);
}

.nav-link .color-changable {
	transition: fill 0.3s;
}

.nav-link.active .color-changable,
.nav-link:hover .color-changable {
	fill: var(--themeColor);
}

.menu-btns {
	position: absolute;
	top: 13px;
	right: 15px;
	z-index: 1;
}

.menu-btns>li {
	position: relative;
	margin-left: 12px;
	float: left;
}

.menu-btns>li>a {
	display: block;
	border-radius: 16px;
	line-height: 0.7;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.menu-btns>li>a>.icon {
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 16px;
	transition: all 0.3s;
}

.menu-btns>li>a>.icon-theme,
.menu-btns>li>a:hover>.icon,
.menu-btns>li.active>a>.icon {
	display: none;
}

.menu-btns>li>.transmissible-status{
    padding:10px;
    background: #fff;
    display: flex;
    align-items:center;
	height: 40px;
	gap:6px;
	border-radius: 16px;
	transition: all 0.3s;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.1);
}

.red-dot {
    height: 10px;
    width: 10px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}

.green-dot {
    height: 10px;
    width: 10px;
    background-color: #42C409;
    border-radius: 50%;
    display: inline-block;
}



.menu-btns>li>a:hover>.icon-theme,
.menu-btns>li.active>a>.icon-theme {
	background: var(--themeColor);
	display: inline-block;
}

.menu-btns>li>.notification-btn:hover:after,
.menu-btns>li.active>.notification-btn:after,
.notification-btn.unread:hover:after {
	background: #fff;
}

.notifications-wrap li.unread:after,
.notification-btn.unread:after {
	content: '';
	width: 12px;
	height: 12px;
	background: var(--themeColor);
	border-radius: 100px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.menu-btns .dropdown-menu {
	display: none;
	background: #fff;
	width: 332px;
	max-height: 553px;
	overflow: auto;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 0 0 0 22px;
	margin-top: 11px;
	padding: 22px;
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	z-index: 1;
}

.separator {
	background: #d0cfcf;
	height: 1px;
	margin: 10px 0;
	padding: 0 !important;
}

.notification-menu .view-all {
	position: absolute;
	top: 32px;
	right: 23px;
	z-index: 1;
}

.notifications-wrap .title {
	margin-bottom: 2px;
	padding-right: 80px;
}

.notifications-wrap li {
	position: relative;
	border-bottom: 1px solid #d0cfcf;
	padding: 18px 0 24px;
}

#main .notifications-wrap li:first-child {
	padding-top: 0;
}

.notifications-wrap li.unread:after {
	margin-top: -6px;
	margin-left: 4px;
	top: 50%;
	left: 100%;
}

.notifications-wrap p {
	margin-bottom: 4px;
}

.notifications-wrap .timing {
	font-size: 11px;
	color: var(--themeColor);
}

.dropdown-menu.has-icons ul li {
	padding: 9px 0;
}

.dropdown-menu.has-icons ul li:first-child {
	padding-top: 0;
}

.dropdown-menu.has-icons li a {
	position: relative;
	display: block;
	color: #000;
	padding: 4px 20px 4px 32px;
}

.dropdown-menu.has-icons li span {
	display: inline-block;
	vertical-align: middle;
}

.dropdown-menu.has-icons li .icon {
	width: 22px;
	height: 18px;
	vertical-align: middle;
	margin-right: 7px;
}

.dropdown-menu.has-icons li .icon-theme {
	display: none;
}

.dropdown-menu.has-icons li:hover a,
.dropdown-menu.has-icons li.active a {
	color: var(--themeColor);
}

.dropdown-menu.has-icons li:hover .icon,
.dropdown-menu.has-icons li.active .icon {
	display: none;
}

.dropdown-menu.has-icons li:hover .icon-theme,
.dropdown-menu.has-icons li.active .icon-theme {
	display: inline-block;
}

.dropdown-menu.has-icons li a:after {
	content: '';
	background: url(../images/chevron-right-gray.svg) no-repeat;
	background-size: contain;
	width: 8px;
	height: 13px;
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 1;
}

.menu-btns .main-menu {
	/*max-height: none; --fix 6 Apr*/
	max-height: 200;
}

.menu-link {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px auto;
}

.menu-link-video {
	background-image: url(../images/menu/icon-video.svg);
}

li:hover>.menu-link-video,
li.active>.menu-link-video {
	background-image: url(../images/menu/theme/icon-video.svg);
}

.menu-link-text {
	background-image: url(../images/menu/icon-text.svg);
}

li:hover>.menu-link-text,
li.active>.menu-link-text {
	background-image: url(../images/menu/theme/icon-text.svg);
}

.menu-link-audio {
	background-image: url(../images/menu/icon-audio.svg);
}

li:hover>.menu-link-audio,
li.active>.menu-link-audio {
	background-image: url(../images/menu/theme/icon-audio.svg);
}

.menu-link-messangel {
	background-image: url(../images/menu/icon-messangel.svg);
}

li:hover>.menu-link-messangel,
li.active>.menu-link-messangel {
	background-image: url(../images/menu/theme/icon-messangel.svg);
}

.menu-link-profile {
	background-image: url(../images/menu/icon-profile.svg);
}

li:hover>.menu-link-profile,
li.active>.menu-link-profile {
	background-image: url(../images/menu/theme/icon-profile.svg);
}

.menu-link-security {
	background-image: url(../images/menu/icon-security.svg);
}

li:hover>.menu-link-security,
li.active>.menu-link-security {
	background-image: url(../images/menu/theme/icon-security.svg);
}

.menu-link-subscription {
	background-image: url(../images/menu/icon-subscription.svg);
}

li:hover>.menu-link-subscription,
li.active>.menu-link-subscription {
	background-image: url(../images/menu/theme/icon-subscription.svg);
}

.menu-link-contacts {
	background-image: url(../images/menu/icon-contacts.svg);
}

li:hover>.menu-link-contacts,
li.active>.menu-link-contacts {
	background-image: url(../images/menu/theme/icon-contacts.svg);
}

.menu-link-organizations {
	background-image: url(../images/menu/icon-organizations.svg);
}

li:hover>.menu-link-organizations,
li.active>.menu-link-organizations {
	background-image: url(../images/menu/theme/icon-organizations.svg);
}

.menu-link-sponsor {
	background-image: url(../images/menu/icon-sponsor.svg);
}

li:hover>.menu-link-sponsor,
li.active>.menu-link-sponsor {
	background-image: url(../images/menu/theme/icon-sponsor.svg);
}

.menu-link-mon-contacts {
	background-image: url(../images/menu/icon-mon-contacts.svg);
}

li:hover>.menu-link-mon-contacts,
li.active>.menu-link-mon-contacts {
	background-image: url(../images/menu/theme/icon-mon-contacts.svg);
}

.menu-link-notification {
	background-image: url(../images/menu/icon-notification.svg);
}

li:hover>.menu-link-notification,
li.active>.menu-link-notification {
	background-image: url(../images/menu/theme/icon-notification.svg);
}

.menu-link-suggestion {
	background-image: url(../images/menu/icon-suggestion.svg);
}

li:hover>.menu-link-suggestion,
li.active>.menu-link-suggestion {
	background-image: url(../images/menu/theme/icon-suggestion.svg);
}

.menu-link-support {
	background-image: url(../images/menu/icon-support.svg);
}

li:hover>.menu-link-support,
li.active>.menu-link-support {
	background-image: url(../images/menu/theme/icon-support.svg);
}

.menu-link-about {
	background-image: url(../images/menu/icon-info.svg);
}

li:hover>.menu-link-about,
li.active>.menu-link-about {
	background-image: url(../images/menu/theme/icon-info.svg);
}

.menu-link-logout {
	background-image: url(../images/menu/icon-logout.svg);
}

li:hover>.menu-link-logout,
li.active>.menu-link-logout {
	background-image: url(../images/menu/theme/icon-logout.svg);
}

.menu2-link1 {
	background-image: url(../images/menu2/icon-will-1.svg);
}

.menu2-link1:hover,
.menu2-link1.active {
	background-image: url(../images/menu2/theme/icon-will-1.svg);
}

.menu2-link2 {
	background-image: url(../images/menu2/icon-will-2.svg);
}

.menu2-link2:hover,
.menu2-link2.active {
	background-image: url(../images/menu2/theme/icon-will-2.svg);
}

.menu2-link3 {
	background-image: url(../images/menu2/icon-will-3.svg);
}

.menu2-link3:hover,
.menu2-link3.active {
	background-image: url(../images/menu2/theme/icon-will-3.svg);
}

.menu2-link4 {
	background-image: url(../images/menu2/icon-will-4.svg);
}

.menu2-link4:hover,
.menu2-link4.active {
	background-image: url(../images/menu2/theme/icon-will-4.svg);
}

.menu2-link5 {
	background-image: url(../images/menu2/icon-will-5.svg);
}

.menu2-link5:hover,
.menu2-link5.active {
	background-image: url(../images/menu2/theme/icon-will-5.svg);
}

.menu2-link6 {
	background-image: url(../images/menu2/icon-will-6.svg);
}

.menu2-link6:hover,
.menu2-link6.active {
	background-image: url(../images/menu2/theme/icon-will-6.svg);
}

.menu2-link7 {
	background-image: url(../images/menu2/icon-will-7.svg);
}

.menu2-link7:hover,
.menu2-link7.active {
	background-image: url(../images/menu2/theme/icon-will-7.svg);
}

.menu2-link8 {
	background-image: url(../images/menu2/icon-will-8.svg);
}

.menu2-link8:hover,
.menu2-link8.active {
	background-image: url(../images/menu2/theme/icon-will-8.svg);
}

.menu2-link9 {
	background-image: url(../images/menu2/icon-will-9.svg);
}

.menu2-link9:hover,
.menu2-link9.active {
	background-image: url(../images/menu2/theme/icon-will-9.svg);
}

.menu2-link10 {
	background-image: url(../images/menu2/icon-will-10.svg);
}

.menu2-link10:hover,
.menu2-link10.active {
	background-image: url(../images/menu2/theme/icon-will-10.svg);
}

.menu2-link11 {
	background-image: url(../images/menu2/icon-will-11.svg);
}

.menu2-link11:hover,
.menu2-link11.active {
	background-image: url(../images/menu2/theme/icon-will-11.svg);
}

.menu2-link12 {
	background-image: url(../images/menu2/icon-will-12.svg);
}

.menu2-link12:hover,
.menu2-link12.active {
	background-image: url(../images/menu2/theme/icon-will-12.svg);
}

.menu2-link13 {
	background-image: url(../images/menu2/icon-will-13.svg);
}

.menu2-link13:hover,
.menu2-link13.active {
	background-image: url(../images/menu2/theme/icon-will-13.svg);
}

.menu2-link14 {
	background-image: url(../images/menu2/icon-will-14.svg);
}

.menu2-link14:hover,
.menu2-link14.active {
	background-image: url(../images/menu2/theme/icon-will-14.svg);
}

.menu2-link15 {
	background-image: url(../images/menu2/icon-will-15.svg);
}

.menu2-link15:hover,
.menu2-link15.active {
	background-image: url(../images/menu2/theme/icon-will-15.svg);
}

.menu2-link16 {
	background-image: url(../images/menu2/icon-will-16.svg);
}

.menu2-link16:hover,
.menu2-link16.active {
	background-image: url(../images/menu2/theme/icon-will-16.svg);
}

.menu2-link17 {
	background-image: url(../images/menu2/icon-will-17.svg);
}

.menu2-link17:hover,
.menu2-link17.active {
	background-image: url(../images/menu2/theme/icon-will-17.svg);
}

/*.menu2-link18 { background-image: url(../images/menu2/icon-will-18.svg); }
.menu2-link18:hover, .menu2-link18.active { background-image: url(../images/menu2/theme/icon-will-18.svg); }*/



/*  Sidebar
-------------------------------------- */
#sidebar {
	padding: 30px 25px 0 0;
	position: sticky;
	top: 60px;
	z-index: 1;
	margin-left: -275px;
	float: left;

}

#sidebar .menu {
	width: 248px;
}

#sidebar .menu li {
	padding: 9px 0;
}

#sidebar .menu a {
	display: block;
	color: #000;
	padding: 4px 0 4px 32px;
}

#sidebar .menu li:hover a,
#sidebar .menu li.active a {
	color: var(--themeColor);
}

/*  Main Area
-------------------------------------- */
#main {
	padding: 33px 0 50px;
}

.fs-overlay .progress-type-title.no-icon:before {
	display: none;
}
.fs-overlay .progress-type-title.no-icon>div {
	border-bottom: 0;
	padding-bottom: 0;
}
.progress-type-title {
	position: relative;
	margin: 0 auto 55px;
	border-bottom: 4px solid rgba(0, 0, 0, 0.17);
	padding-bottom: 24px;
	line-height: 1.2;
}

.progress-type-title .progress {
	background: #fff;
	width: 68px;
	height: 4px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	transition: width 0.3s ease-out 0.5s;
}

.fs-overlay {
	background: var(--themeColor);
	position: fixed;
	border-radius: 32px;
	opacity: 0;
}

.fs-overlay.anim {
	transition: width 1s ease 0.2s, height 1s ease 0.2s, top 1s ease 0.3s, left 1s ease 0.2s, border-radius 1s ease 0.4s, opacity 0.3s ease 1s;
	z-index: 2;
}

.fs-overlay.active {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
	opacity: 1;
	z-index: 6;
	transition: width 1s ease 0.2s, height 1s ease 0.2s, top 1s ease 0.3s, left 1s ease 0.2s, border-radius 1s ease 0.4s, opacity 0.3s;
}

.fs-overlay.active.no-animate {
	width: 100% !important;
	height: 100% !important;
	transition: none;
	left: 0 !important;
	top: 0 !important;
}

.fs-overlay .main-content {
	color: #fff;
	height: 100%;
	padding: 222px 0 50px;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
}

.fs-overlay.expandable .main-content {
	transition: all 0.25s linear 1.1s;
}

.fs-overlay .progress-type-title {
	display: none;
	width: 240px;
	margin: 0 15px;
	border-bottom: none;
	position: absolute;
	padding-bottom: 0;
	top: 314px;
	left: 16%;
	z-index: 1;
	overflow: hidden;
}

@media (max-width: 1500px) {
	.fs-overlay .progress-type-title {
		left: 6%;
	}
}
@media (max-width: 991px) {
	.fs-overlay .progress-type-title {
		left: 3%;
		font-size: 24px;
	}
}

.fs-overlay .progress-type-title>div {
	border-bottom: 4px solid rgba(255, 255, 255, 0.17);
	padding-bottom: 28px;
}
/*
.fs-overlay .progress-type-title:before {
	content: '';
	width: 56px;
	height: 56px;
	display: block;
	background: #fff url(../images/book.svg) no-repeat center center;
	background-size: 20px auto;
	margin-bottom: 26px;
	border-radius: 25px;
	padding: 30px 29px 28px;
}*/
.fs-overlay .progress-type-title .progress_link {
	content: '';
	width: 56px;
	height: 56px;
	display: block;
	background: #fff url(../images/book.svg) no-repeat center center;
	background-size: 20px auto;
	margin-bottom: 26px;
	border-radius: 25px;
	padding: 30px 29px 28px;
}

.fs-overlay .progress-type-title .progress {
	width: 16%;
	margin-top: -4px;
}

.fs-overlay .main-content .title {
	margin-bottom: 22px;
}

.fs-intro-inner {
	min-height: 344px;
}

.fs-intro-inner .btn-info {
	padding: 17px 18px 15px;
	position: absolute;
	cursor: default;
	position: absolute;
	top: -18px;
	left: 15px;
}

.fs-intro-inner .btn-info img {
	width: 20px;
	height: 20px;
}

.fs-overlay .confirmation {
	display: none;
}

.fs-overlay .confirmation .goto-back {
	margin-bottom: 40px;
}

.fs-overlay .confirmation .success-sign {
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 13px;
	z-index: 1;
	padding: 0;
	transition: all 0.3s;
}

.fs-overlay .confirmation.done .success-sign {
	width: 56px;
	height: 56px;
	top: -15px;
	margin-left: -28px;
	padding: 15px 10px;
}

.confirmation.done .success-sign.static {
	position: static;
	padding: 17px 12px 12px;
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0 0 30px;
}

.confirmation.done .success-sign.static img {
	width: 36px;
	height: 27px;
}

.fs-overlay .confirmation .t2,
.fs-overlay .confirmation.done .t1,
.fs-overlay .confirmation .btn-return,
.fs-overlay .confirmation.done .btn-send-request {
	display: none;
}

.fs-overlay .confirmation.done .t2 {
	display: block;
}

.fs-overlay .confirmation.done .btn-return {
	display: inline-block;
}

.fs-overlay.active .main-content {
	visibility: visible;
	opacity: 1;
}

.fs-overlay-close {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: 60px;
}

.fs-overlay-close img {
	width: 100%;
	height: 100%;
}

.fs-slide-wrap {
	background: #fff;
	position: fixed;
	width: 67.7%;
	/*padding: 0 40px;*/
	top: 0;
	bottom: 0;
	left: 100%;
	z-index: 1;
	transition: all 0.5s ease-out 0.2s;
	overflow-y: auto;
	overflow-x: hidden;
}

.fs-slide-wrap.active {
	left: 32.3%;
	right: 0;
}

.fs-slide-exit {
	background: #fff url(../images/icon-exit.svg) no-repeat right center;
	background-size: 17px 20px;
	color: #000;
	font-size: 13px;
	padding: 3px 29px 3px 0;
	position: absolute;
	top: 34px;
	right: 40px;
	z-index: 3;
}

.fs-slide-content {
	background: #fff;
	min-width: 100%;
	padding-top: 200px;
	position: absolute;
	top: 0;
	left: 120%;
	bottom: 0;
	z-index: 2;
	transition: left 0.9s, right 0.9s;
}
.pt-40 {
	padding-top: 40px;
}

.fs-slide-content.hrs {
	z-index: 1;
}

.fs-slide-content .scrollable {
	height: 100%;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left: -30px;
	overflow-x: hidden;
	overflow-y: auto;
}

.fs-slide-content .fs-slide-content-inner {
	height: 100%;
	padding-bottom: 18px;
}

.fs-slide-content.has-title {
	padding-top: 30px;
	top: 0;
}

.fs-slide-content.has-title>.title {
	/*min-height: 138px;
	margin-bottom: 28px;*/
	padding: 30px 40px 10px;
}

.fs-slide-content.has-title>.title .goto-back {
	margin: 0;
	margin-right: 5px;
}

.fs-slide-content.active {
	width: auto;
	left: 0;
	right: 0;
	padding-left: 40px;
	padding-right: 40px;
	z-index: 2;
	overflow: auto;
}

.fs-slide-content.viewed {
	left: -120%;
}

.fs-slide-content.viewed.hrs {
	z-index: 1;
}

.fs-slide-title {
	margin-bottom: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.goto-back {
	display: inline-block;
	margin-bottom: 20px;
}

.goto-back img {
	width: 11px;
	height: 20px;
}

.fs-slides {
	position: relative;
	height: 100%;
	min-height: 650px;
	padding-bottom: 100px;
	overflow: hidden;
	/*border-bottom: 1px solid #d0cfcf;*/
}

.fs-slide-wrap .btn-arrow {
	position: absolute;
	margin-bottom: 24px;
	margin-right: 24px;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.fs-slide-wrap .link-pass {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 43px;
}

.btn-note-lg {
	background: #d6d5d5;
	position: relative;
	min-width: 161px;
	height: 208px;
	display: inline-block;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px 22px 0 0;
}

.note-label {
	background: #fff;
	color: #000;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 0 0 22px 22px;
	padding: 13px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
}

.btn-note-lg:before {
	content: '';
	background: var(--themeColor);
	width: 0;
	height: 0;
	border-radius: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transition: all 0.1s ease-in 0.2s;
}

.btn-note-lg:after {
	content: '';
	background: #8b8b8b url(../images/note.svg) no-repeat center center;
	background-size: 20px 20px;
	width: 56px;
	height: 56px;
	border-radius: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -28px;
	margin-left: -28px;
	z-index: 1;
}

.btn-note-lg.active:before {
	width: 56px;
	height: 56px;
	margin-top: -28px;
	margin-left: -28px;
}

.btn-note-lg.active:after {
	background-color: transparent;
}

.tag-wrap {
	display: none;
	position: relative;
}

.btn-add-tag {
	vertical-align: middle;
	margin-right: 8px;
	padding: 10px 11px 9px;
	float: left;
}

.btn-add-tag img {
	width: 34px;
	height: 34px;
}

.btn-add-tag .icon-theme {
	display: none;
}

.btn-add-tag:hover img {
	display: none;
}

.btn-add-tag:hover .icon-theme {
	display: inline-block;
}

.tag {
	position: relative;
	font-size: 15px;
	display: inline-block;
	text-align: center;
	margin-right: 8px;
	margin-bottom: 12px;
	border: none;
	border-radius: 22px;
	padding: 19px 24px;
	text-decoration: none;
	background-color: #fff;
}

a.tag {
	text-decoration: none;
	color: inherit;
	display: inline-block;
}

.tag-removable {
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	margin-bottom: 22px;
	padding: 19px 58px 19px 24px;
	cursor: pointer;
}

.tag-removable:after {
	content: '';
	background: #fff url(../images/theme/cross.svg) no-repeat center;
	background-size: 7px;
	width: 24px;
	height: 24px;
	font-size: 0;
	border: none;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 50px;
	padding: 2px 0 5px;
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -13px;
}

.tag-removable.remove-rt::after {
	top: 13px;
	margin-top: 0;

}

.tag-removable:hover:after {
	background: var(--themeColor) url(../images/theme/cross-w.svg) no-repeat center;
	background-size: 7px;
}

.tag .btn-remove:hover img {
	display: none;
}

.tag .btn-remove .on-hover {
	display: none;
}

.tag .btn-remove:hover .on-hover {
	display: inline-block;
}

.tag .btn-remove img {
	width: 7px;
	height: 7px;
}

.modal-confirmation {
	display: none;
	background: rgba(0, 0, 0, 0.59);
	-webkit-backdrop-filter: blur(3px) brightness(150%);
	backdrop-filter: blur(3px) brightness(150%);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	overflow: auto;
}

.modal-confirmation.shown {
	display: block;
}

.modal .modal-confirmation.added .content {
	padding: 20px;
}

.modal-confirmation .title {
	margin-bottom: 20px;
}

.modal-confirmation p {
	font-size: 13px;
	margin-bottom: 20px;
}

.modal-confirmation .cta {
	margin: 0 -20px;
}

.modal {
	display: none;
	/*background: rgba(0, 0, 0, 0.59);
	-webkit-backdrop-filter: blur(3px) brightness(150%);
	backdrop-filter: blur(3px) brightness(150%);*/
	position: fixed;
	top: 0;
	right: -17px;
	padding-right: 17px;
	bottom: 0;
	left: 0;
	z-index: 8;
	overflow: auto;
}

.modal.active {
	display: block;
}

.modal.scroll-visible {
	right: 0;
}

.modal .dropzone-wrapper {
	background: #707070;
	height: 176px;
	margin-top: 244px;
}

.modal .image-uploader .dropzone-wrapper {
	margin-top: 0;
}

.modal .has-files .dropzone-wrapper {
	margin-top: 0;
	margin-bottom: 40px;
}

.modal .modal-title .modal-close {
	top: 9px;
	bottom: auto;
	right: 0;
	left: auto;
}

.modal .has-files .grid-item {
	float: none;
}

.modal-sliding {
	display: block;
	height: 100%;
	top: 100%;
	transition: all 0.2s;
}

.modal-sliding.active {
	top: 0;
}
.modal-backdrop-global,
.modal-backdrop {
	display: none;
	background: rgba(0, 0, 0, 0.59);
	-webkit-backdrop-filter: blur(3px) brightness(150%);
	backdrop-filter: blur(3px) brightness(150%);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 7;
}
.modal-backdrop-global {
	z-index: 1;
}
.modal-backdrop.in {
	display: block !important;
}
.modal-backdrop.active {
	display: block;
}

.modal .item-img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.modal .selection-title {
	margin-bottom: 40px;
}

.modal-content .modal-header {
	border-radius: 20px 20px 0 0;
	padding: 16px;
}

.modal-content .modal-footer {
	border-radius: 0 0 20px 20px;
}

.modal-content {
	position: relative;
	margin: 120px auto 50px;
	border-radius: 22px;
	padding: 0 15px;
}

.modal-sliding .modal-content {
	min-height: calc(100% - 105px);
	margin-top: 105px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	margin-bottom: 0;
	border-radius: 22px 22px 0 0;
	background: #fff;
}

.modal-sliding.offset .modal-content {
	min-height: calc(100% - 129px);
	transform: translateX(24px);
	margin-top: 129px;
}

.modal-sm .modal-content {
	max-width: 526px;
}

.modal-md .modal-content {
	max-width: 734px;
	padding: 40px 25px;
}

.modal-close {
	width: 14px;
	height: 14px;
	margin-bottom: 24px;
	position: absolute;
	bottom: 100%;
	left: 15px;
	z-index: 1;
	cursor: pointer;
}

.modal-hide {
	width: 20px;
	height: 11px;
	position: absolute;
	top: 44px;
	right: 32px;
	z-index: 1;
	cursor: pointer;
}

.modal-close.on-right {
	left: auto;
	right: 0;
}

.modal-delete {
	width: 20px;
	height: 20px;
	margin-bottom: 20px;
	position: absolute;
	bottom: 100%;
	right: 15px;
	z-index: 1;
	cursor: pointer;
}

.modal .title-type-input {
	background: #fff url(../images/theme/note.svg) no-repeat 24px center;
	background-size: 20px 20px;
	font-size: 17px;
	padding-left: 52px;
}

.modal .textarea-wrap {
	position: relative;
	padding: 24px 24px 112px;
}

.modal .textarea-wrap textarea {
	width: 100%;
	height: 349px;
	border: none;
}

.textarea-wrap .btn {
	min-width: 168px;
	color: var(--themeColor);
	padding: 19px 58px 17px 24px;
	position: absolute;
	right: 24px;
	bottom: 30px;
	z-index: 1;
}

.textarea-wrap .btn:after {
	content: '';
	background: url(../images/round-arrow-up.svg) no-repeat center;
	background-size: 20px;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.textarea-wrap .btn:hover:after {
	background: url(../images/round-arrow-up-w.svg) no-repeat center;
	background-size: 20px;
}

.btn-attachment {
	background: url(../images/round-arrow-up.svg) no-repeat left;
	padding-left: 24px;
	position: absolute;
	bottom: 40px;
	left: 35px;
}

.textarea-wrap .btn .icon {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 8px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
}

#modalRemoveItem {
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.59);
}

#modalRemoveItem .modal-confirmation {
	background: none;
	backdrop-filter: none;
	/* display: block; */
	/* position: static; */
}

#modalPhoto .modal-confirmation {
	background: none;
}

#modalPhoto .modal-content {
	padding: 0;
}

/*fs4*/
.btn-note {
	background: #8b8b8b;
	border-radius: 22px;
	padding: 18px 18px 14px;
}

.form-group.selected .form-control,
.btn-note.selected {
	background-color: var(--themeColor);
	color: var(--themeInverseColor);
}

.btn-note img {
	width: 20px;
	height: 20px;
}

.fs-slide-wrap .btn-note {
	position: absolute;
	bottom: 24px;
	left: 40px;
	z-index: 1;
}

.range-slider {
	position: relative;
	height: 364px;
	margin-top: -34px;
	/*margin-left: -28px;*/
	overflow: hidden;
}
.range-slider-vertical .d-flex {
	flex-direction: column;
}
.range-slider-vertical li {
	cursor: pointer;
	width: 161px;
	height: 252px;
	margin-bottom: 12px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}
.range-slider-vertical li img {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
}

.hrs.hide-content .range-slider ul {
	visibility: hidden;
}

.range-slider ul {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 28px 0;
	transition: left 0.2s ease 0s;
}

.range-slider li:first-child {
	margin-left: 0;
}

.range-slider li {
	cursor: pointer;
	width: 161px;
	height: 252px;
	margin-left: 12px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}

.range-slider li.active {
	background: var(--themeColor);
	color: #fff;
}

.range-slider li img {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
}

.range-slider .input-range {
	-webkit-appearance: none;
	width: 82px;
	height: 8px;
	margin-left: -41px;
	border-radius: 39px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	background: #d6d5d5;
	outline: none;
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 1;
}

.range-slider .input-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.range-slider .input-range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

/*Home Page*/
.welcome-box {
	background: var(--themeColor);
	min-height: 233px;
	border-radius: 32px;
	color: #fff;
	margin-bottom: 37px;
	padding: 30px 24px 34px;
}

.welcome-box.has-bg-img {
	background: var(--themeColor) url(../images/logo-subtraction.svg) no-repeat right 27px;
	background-size: auto 194px;
}

.welcome-box h2 {
	margin-bottom: 10px;
}

.welcome-box .user-name {
	display: block;
	font-size: 20px;
	margin-bottom: 40px;
}

.welcome-box .btn-info {
	padding: 17px 18px 15px;
	position: absolute;
	bottom: -28px;
	right: 40px;
	z-index: 1;
	cursor: default;
}

.welcome-box .btn-info img {
	width: 20px;
	height: 20px;
}

.smart-boxes-title {
	margin-bottom: 23px;
}

.smart-boxes {
	padding-bottom: 17px;
	display: flex;
	flex-wrap: wrap;
	gap: 2.5%
}

.smart-box {
	width: 30%;
	background: #fff;
	margin-bottom: 20px;
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	line-height: 21px;
	padding: 40px 49px 30px;
	text-align: center;
}

.smart-box:first-child {
	margin-left: 0;
}

.smart-boxes .smart-box .empty-avatar,
.smart-boxes .smart-box img {
    object-fit:cover;
	display: block;
	width: 82px;
	height: 82px;
	margin: 0 auto 10px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.13);
	border-radius: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.smart-boxes .smart-box .empty-avatar img{
     object-fit:contain;
}

.smart-boxes .smart-box .empty-avatar {
	width: 56px;
	height: 56px;
	border-radius: 18px 17px 16px;
}
.smart-boxes .smart-box .empty-avatar img {
	width: 22px;
	height: 22px;
	box-shadow: none;
	border-radius: 0;
	margin: 0;

}

.primary-text-color{
    color: var(--themeColor);
}


.box-add {
	display: block;
	width: 204px;
	color: #000;
	margin-left: 0;
	float: none;
}

.boxes-inline {
	margin-bottom: 36px;
}

.boxes-inline .box-add {
	width: 161px;
	margin: 0 12px;
	padding-top: 35px;
}

.boxes-inline .morph-icon {
	position: relative;
	width: 66px;
	height: 66px;
	margin: 5px auto 22px;
	border-radius: 28px;
	padding: 25px 20px 23px;
	z-index: 1;
}

.boxes-inline .morph-icon img {
	position: relative;
	z-index: 3;
}

.boxes-inline .morph-icon.active {
	z-index: 3;
}

.boxes-inline .morph-icon:after {
	content: '';
	background: var(--themeColor);
	width: 0;
	height: 0;
	border-radius: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transition: all 0.3s linear;
}

.boxes-inline .morph-icon.blink {
	background: none;
}

.boxes-inline .morph-icon.blink:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.boxes-inline .name {
	display: block;
	margin-bottom: 30px;
}

.box-add .icon-add {
	width: 40px;
	height: 40px;
	margin: 0 auto -20px;
}

.box-add.active .morph-icon {
	z-index: 5;
}

.request-sent-box {
	display: none;
	position: relative;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding-top: 18px;
}

.request-sent-box:before {
	content: '';
	background: #fff;
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	transition: all 0.4s;
}

.request-sent-box.anim:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.request-sent-box .btn {
	cursor: default;
}

.btn-icon {
	display: block;
	width: 56px;
	height: 56px;
	margin: 14px auto 22px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.13);
	padding: 18px 17px 16px;
}

.btn-light.btn-icon:hover {
	background: #fff;
	color: #000;
}

.subscribe-box {
	width: 296px;
	font-size: 13px;
	padding: 12px 20px 41px;
}

.subscribe-box .title {
	display: block;
	margin-bottom: 24px;
}

.subscribe-box .add-guardian-img {
	width: 56px;
	padding: 15px;
	margin: 14px auto 22px;
}

.subscribe-box .add-guardian-img img {
	width: 23px;
	height: 20px;
}

.box-add>.btn:not(.add-guardian-img)>img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius: 0;
	box-shadow: none;
	margin: 0 auto;
}

/*Informative Modal*/
.tiny-modal-wrap {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	overflow: auto;
}

.tiny-modal-wrap.as-modal.show {
	display: flex;
}

.tiny-modal-wrap.as-modal {
	display: none;
	z-index: 10;
}

.tutorial-wrap {
	background: rgba(0, 0, 0, 0.25);
	z-index: 6;
}

.tiny-modal {
	background: #fff;
	max-width: 320px;
	width: 100%;
	border-radius: 22px;
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08);
	padding: 30px 17px 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.tiny-modal.popup-xs {
	max-width: 270px;
}

.tutorial {
	max-width: 270px;
}

.tiny-modal .title {
	font-size: 15px;
	margin-bottom: 10px;
}

.tiny-modal .title-md {
	font-size: 17px;
}

.tiny-modal .icon-type-btn {
	cursor: default;
}

.tiny-modal .form-control {
	box-shadow: none;
	border-radius: 5px;
	border: 1px solid rgba(60, 60, 67, 0.29);
	padding: 4px 11px;
}

.icon-type-btn {
	width: 56px;
	height: 56px;
	position: relative;
	border-radius: 26px;
	margin-bottom: 16px;
	padding: 30px 29px 28px;
}

.icon-type-btn.btn-lg {
	width: 80px;
	height: 80px;
	border-radius: 35px;
}

.tiny-modal-icon {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.3s;
}

.tiny-modal-icon.active {
	opacity: 1;
}

.tiny-modal .slide {
	display: none;
}

.tiny-modal .slide.active {
	display: block;
}

.tiny-modal .p-wrap {
	position: relative;
	margin-bottom: 20px;
	transition: all 0.5s;
}

.tiny-modal .p-wrap p {
	font-size: 13px;
}

.tutorial .p-wrap p {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
}

.bullets-nav {
	height: 8px;
	margin-bottom: 20px;
}

.tiny-modal .bot {
	background: #fff;
	position: relative;
	margin: 0 -17px;
	z-index: 3;
}

.bullets-nav span {
	display: inline-block;
	background: #d6d5d5;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	border-radius: 100px;
}

.bullets-nav span.active {
	background: var(--themeColor);
}

.tiny-modal .cta a,
.modal-confirmation .cta a {
	border-top: 1px solid #d6d5d5;
	padding: 12px;
}

.modal-confirmation .cta.btn-inline,
.tiny-modal .cta.btn-inline {
	display: table;
	width: 100%;
}

.modal-confirmation .cta-wrap {
	margin: 0 -17px;
}

.modal-confirmation .cta.btn-inline {
	margin: 0;
}

.modal-confirmation .cta.btn-inline a,
.tiny-modal .cta.btn-inline a {
	display: table-cell;
	width: 50%;
}

.modal-confirmation .cta.btn-inline a:first-child,
.tiny-modal .cta.btn-inline a:first-child {
	border-right: 1px solid #d6d5d5;
}

.tiny-modal .text2 {
	display: none;
}

/* Registration Page
_____________________________*/
.registration .devices-img {
	margin-right: 36px;
	margin-left: -100px;
	float: left;
}

.registration .form-steps {
	position: relative;
	width: 336px;
	float: left;
}

.registration .form-step {
	width: 100%;
	position: absolute;
	top: 0;
	left: 2000px;
	z-index: -2;
	visibility: hidden;
	transition: left 0.9s ease-out;
}

.registration .last-step {
	padding-top: 56px;
	opacity: 0;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	z-index: -1;
}

.registration .last-step.active {
	opacity: 1;
	z-index: 1;
	transition: opacity 0.5s ease-out 0.6s;
}

.registration .form-step.active {
	left: 0;
	z-index: 1;
	visibility: visible;
}

.registration .form-control {
	width: 100%;
}

.registration .form-step .note {
	font-size: 11px;
}

.form-step .note a {
	color: #fff;
}

.form-step .note a:hover {
	text-decoration: none;
}

.registration .step-title {
	margin-bottom: 37px;
}

.registration .code-fields .form-control {
	width: 56px;
	font-size: 24px;
	font-family: 'sfProTextBold';
	text-align: center;
	margin-left: 36px;
	padding: 6px;
}

.registration .code-fields .form-control:first-child {
	margin-left: 0;
}

.view-password {
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 24px;
	z-index: 1;
}

.view-password img {
	width: 22px;
	height: 16px;
}

.btn-arrow {
	display: inline-block;
	background: #fff;
	line-height: 0.7;
	margin-bottom: 40px;
	border: none;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	padding: 21px 24px;
	cursor: pointer;
}

.btn-arrow.bg-dark {
	background: var(--themeColor);
}
.btn-arrow.disabled {
	background: #707070;
	cursor: default;
}

.btn-arrow img {
	width: 8px;
	height: 14px;
}

/*.success-sign {
	width: 56px;
	height: 56px;
	display: inline-block;
	background: #fff;
	margin-bottom: 20px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 22px;
	padding: 15px 10px;
}*/
.success-sign {
	background: #fff;
	width: 0;
	height: 0;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 22px;
	position: absolute;
	left: 50%;
	top: 13px;
	z-index: 1;
	padding: 0;
	transition: all 0.3s ease-out 0.6s;
}

.active .success-sign {
	width: 56px;
	height: 56px;
	top: -15px;
	margin-left: -28px;
	padding: 15px 10px;
	transition: all 0.3s ease-out 0.6s;
}

.content-title {
	margin-bottom: 40px;
}

.content-title .icon-back {
	display: inline-block;
	position: relative;
	color: #000;
	padding-left: 27px;
}

.content-title .icon-back img {
	width: 11px;
	height: 20px;
	margin-right: 16px;
	position: absolute;
	top: 8px;
	left: 0;
}

/* Login Page
_____________________________*/
.sm-content {
	max-width: 339px;
}

.sm-content-title {
	margin-bottom: 40px;
}

.sm-content.dark a {
	color: #fff;
}

/* Profile Page
_____________________________*/
.photo-uploader {
	display: block;
	background: #8b8b8b url(../images/cam-w.svg) no-repeat center center;
	background-size: 26px auto;
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
	border-radius: 35px;
	cursor: pointer;
	transition: background 0.3s;
}

.icon-hovered .photo-uploader,
.photo-uploader:hover {
	background-color: var(--themeColor);
}

/*Access & Security*/
.access {
	position: relative;
	padding-right: 200px;
}

.access-label {
	font-size: 17px;
	margin-bottom: 22px;
}

.access-value {}

.btn-modify {
	min-width: 168px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

/*Subscription*/
.subscription-boxes-wrap {
	margin: 0 -3%;
}

.subscription-boxes {
	width: 44%;
	margin: 0 3%;
	float: left;
}

.subscription-box {
	background: #fff;
	margin-bottom: 40px;
	padding: 24px 15px 40px;
	border-radius: 22px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.member-since {
	display: block;
	background: url(../images/member-since.svg) no-repeat left center;
	background-size: 20px auto;
	padding: 2px 0 2px 28px;
}

.list-checked {
	padding-top: 10px;
}

.list-checked li {
	background: url(../images/icon-tick.svg) no-repeat left center;
	background-size: 16px auto;
	padding-left: 35px;
	line-height: 22px;
}

.subscription-box .cta {
	padding-top: 35px;
}

.subscription-box .cta .btn {
	min-width: 236px;
}

.progress-bar {
	position: relative;
	background: #fff;
	margin-bottom: 5px;
	border-radius: 7px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}

.btn-unsubscribe-wrap {
	margin-bottom: 30px;
	padding-top: 32px;
}

.btn-unsubscribe {
	min-width: 236px;
}

.subscription-amount {
	display: block;
	padding: 8px 0;
}

.subscription-form .content-box {
	margin-bottom: 40px;
	display: flex;
}

.subscription-form .info-left {
	width: 38%;
	padding-right: 26px;
	float: left;
}

.subscription-form .info-right {
	width: 62%;
	border-left: 1px solid #d0cfcf;
	padding-left: 38px;
	float: left;
}

.subscription-form .list-checked {
	font-size: 13px;
}

.subscription-form .list-checked li {
	margin-bottom: 20px;
}

.subscription-form .list-checked li:last-child {
	margin-bottom: 0;
}

.subscription-form .btn-validate {
	display: block;
	max-width: 236px;
	line-height: 20px;
	margin: 0 auto;
	padding: 10px 24px;
}

.transparent-box {
	background: url(../images/icon-security-gray.svg) no-repeat 24px 26px;
	background-size: 18px auto;
	margin-bottom: 40px;
	border: 1px solid #d0cfcf;
	border-radius: 22px;
	padding: 26px 24px 28px 48px;
}

.transparent-box p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 8px;
}

.transparent-box img {
	margin-right: 18px;
}

.terms {
	margin-bottom: 40px;
}

.terms p {
	font-size: 11px;
	line-height: 13px;
	color: #8b8b8b;
	margin-bottom: 12px;
}

.payment-gateway img {
	vertical-align: middle;
	margin: 0 5px 10px;
}

.payment-secure {
	display: inline-block;
	background: url(../images/menu/icon-security.svg) no-repeat left center;
	background-size: 18px auto;
	font-size: 17px;
	padding-left: 28px;
}

.unsubscription .sub-title {
	margin-bottom: 30px;
}

/*Contacts*/
.search-field-wrap {
	margin-bottom: 40px;
}

.form-control.icon-search,
.search-field-wrap .form-control {
	background: url(../images/icon-search.svg) no-repeat 22px center;
	background-size: 16px 16px;
	margin-right: 20px;
	padding-left: 50px;
}

.btn-sort {
	background: #8b8b8b;
	padding: 17px 18px 16px;
}

.btn-sort:hover {
	background: var(--themeColor);
}

.btn-sort img {
	width: 20px;
	height: 20px;
}

.btn-add {
	background-repeat: no-repeat;
	background-position: 24px 17px;
	background-size: 22px 20px;
	width: 100%;
	margin-bottom: 24px;
	padding: 19px 16px 20px 58px;
	text-align: left;
}

.add-contact {
	background-image: url(../images/add-contact.svg);
}

.add-organization {
	background-image: url(../images/add-organization.svg);
}

.common-list {
	max-width: 690px;
	margin-bottom: 26px;
	text-align: left;
}
.pt-40 .common-list {
	max-width: 590px;
}

.mr-20 {
	margin-right: 20px;
}
.mr-10 {
	margin-right: 10px;
}

.common-list.has-icon-add li.selected:after {
	background-color: var(--themeSelected);
	content: '-';
}

.common-list li {
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 22px 20px;
	background-size: 16px 20px;
	margin-bottom: 24px;
	border-radius: 22px;
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08);
	padding: 19px 16px 20px 58px;
	line-height: 22px;
}
.common-list li label {
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
}

.common-list.has-links li {
	padding: 0;
}

.common-list.has-links li a {
	padding: 19px 16px 20px 58px;
}

.common-list li a {
	display: block;
	color: #000;
}

.music-list li {
	box-shadow: none;
}
.music-list li a {
	display: inline-block;
}

.contact-list li {
	background-image: url(../images/contact.svg);
}

.organization-list li {
	background-image: url(../images/organization.svg);
}

.common-list.has-icon-add li {
	position: relative;
	padding: 19px 74px 20px 58px;
	cursor: pointer;
}

.common-list.has-icon-add li:after {
	content: '+';
	background: var(--themeColor);
	border-radius: 50px;
	color: #fff;
	padding: 1px 0;
	width: 24px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 25px;
}

.common-list li .icon {
	width: 16px;
	height: 20px;
	margin: 0 auto 4px;
}

.common-list label {
	display: block;
	cursor: pointer;
}

.common-list.has-btn-icons li {
	padding: 0;
}

.common-list.has-btn-icons label {
	padding: 20px 24px;
}

.common-list.has-btn-icons em.no-padding {
	padding: 0
}
.common-list.has-btn-icons em {
	background-color: #707070;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	display: inline-block;
	width: 56px;
	height: 56px;
	border-radius: 25px;
	padding: 20px;
	vertical-align: middle;
	margin-right: 22px;
}

.common-list.has-btn-icons img {
	background-color: #707070;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	display: inline-block;
	width: 56px;
	height: 56px;
	border-radius: 25px;
	vertical-align: middle;
	margin-right: 22px;
	overflow: hidden;
}

.music-list.has-btn-icons em {
	background-image: url(../images/icon-music.svg);
}

.clothes-list.has-btn-icons em {
	background-image: url(../images/icon-clothes.svg);
}

.object-list.has-btn-icons em {
	background-image: url(../images/icon-object-w.svg);
}

.animal-list.has-btn-icons em {
	background-image: url(../images/icon-animal-w.svg);
}

.donation-collection-list.has-btn-icons em {
	background-image: url(../images/icon-double-arrows-w.svg);
}

.code-list.has-btn-icons em {
	background-image: url(../images/icon-lock.svg);
}

.document-list.has-btn-icons em {
	background-image: url(../images/icon-file-w.svg);
}

.contract-list.has-btn-icons em {
	background-image: url(../images/icon-contract-w.svg);
}

.music-list.has-btn-icons input:checked+em,
.common-list.has-btn-icons label:hover em {
	background-color: var(--themeColor);
}

.contact-form .dropdown-years {
	width: 224px;
	margin-left: 24px;
}

.contact-form .add-contact {
	width: auto;
}

.contact-form .icon-centered span {
	background-size: 25px 23px;
	padding-left: 30px;
}

.contact-form .create-contact span {
	background-image: url(../images/add-contact.svg);
}

.contact-form .create-organization span {
	background-image: url(../images/add-organization.svg);
}

.edit-form {
	display: none;
}

.new-form {
	display: none;
}

/*SMS notifications and alert*/
.alert-title {
	margin-bottom: 30px;
}

.alerts .title {
	display: block;
	margin-bottom: 20px;
}

.alerts p {
	font-size: 16px;
}

.alerts ul {
	margin-bottom: 97px;
	padding-left: 30px;
}

.alerts .alert-label {
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding-right: 30px;
	cursor: pointer;
}

.alerts .alert-label,
.alerts .toggle-switch-wrap {
	padding-right: 100px;
}

/*Suggest an improvement*/
.suggest-improvement .title {
	margin-bottom: 24px;
}

.suggest-improvement .custom-radio {
	display: block;
	margin-bottom: 24px;
}

.suggest-improvement .options {
	padding-bottom: 16px;
}

.suggest-improvement textarea {
	height: 128px;
}

/*Wills*/
.link-box {
	position: relative;
	background: #fff;
	margin-bottom: 33px;
	padding: 24px 15px 40px;
	border-radius: 22px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.link-box-col {
	width: 47%;
	margin-left: 6%;
	float: left;
}

.link-box-col:first-child {
	margin-left: 0;
}

.link-box:after {
	content: '';
	background: url(../images/chevron-right.svg) no-repeat;
	background-size: contain;
	width: 8px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 26px;
	z-index: 1;
	transition: right 0.3s;
}

.link-box:after {
	background: url(../images/chevron-right-darkgray.svg) no-repeat;
}

.link-box:hover:after {
	right: 20px;
}

.link-box.has-progress-bar {
	min-height: 120px;
	padding: 16px 20px 0 45px;
}

.link-box .title {
	font-size: 20px;
	margin-bottom: 12px;
}

.link-box .title.h4 {
	font-size: 17px;
}

.link-box p {
	background-repeat: no-repeat;
	background-size: 23px auto;
	background-position: left 4px;
	font-size: 13px;
	margin-bottom: 11px;
	padding-right: 25px;
}

.link-box p.has-icon {
	padding-left: 38px;
}

.link-box1 p {
	background-image: url(../images/menu2/theme/icon-will-1.svg);
}

.link-box2 p {
	background-image: url(../images/menu2/theme/icon-will-2.svg);
}

.link-box3 p {
	background-image: url(../images/menu2/theme/icon-will-3.svg);
}

.link-box4 p {
	background-image: url(../images/menu2/theme/icon-will-4.svg);
}

.link-box5 p {
	background-image: url(../images/menu2/theme/icon-will-5.svg);
}

.link-box6 p {
	background-image: url(../images/menu2/theme/icon-will-6.svg);
}

.link-box7 p {
	background-image: url(../images/menu2/theme/icon-will-7.svg);
}

.link-box8 p {
	background-image: url(../images/menu2/theme/icon-will-8.svg);
}

.link-box9 p {
	background-image: url(../images/menu2/theme/icon-will-9.svg);
}

.link-box10 p {
	background-image: url(../images/menu2/theme/icon-will-10.svg);
}

.link-box11 p {
	background-image: url(../images/menu2/theme/icon-will-11.svg);
}

.link-box12 p {
	background-image: url(../images/menu2/theme/icon-will-12.svg);
}

.link-box13 p {
	background-image: url(../images/menu2/theme/icon-will-13.svg);
}

.link-box14 p {
	background-image: url(../images/menu2/theme/icon-will-14.svg);
}

.link-box15 p {
	background-image: url(../images/menu2/theme/icon-will-15.svg);
}

.link-box16 p {
	background-image: url(../images/menu2/theme/icon-will-16.svg);
}

.link-box17 p {
	background-image: url(../images/menu2/theme/icon-will-17.svg);
}

.link-box.has-progress-bar .progress-bar {
	background: #d6d5d5;
	min-width: 25px;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.link-box.has-progress-bar .progress {
	width: 25px;
}

.link-box .link-overlay {
	border-radius: 22px;
}

/* Lock Icon */
/*.lock{*/
/*	width: 13px;*/
/*    height: 15px;*/
/*    margin-bottom: 12px;*/
/*}*/

/*Drag & Drop*/
.dropzone-wrapper {
	position: relative;
	height: 265px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
}

.upload-input {
	display: flex;
	align-items: center;
	justify-content: center;
}

.image-uploader .uploaded {
	display: flex;
	flex-wrap: wrap;
}

.image-uploader .remove-image {
	/* display: none; */
	background: rgba(0, 0, 0, 0.5) url(../images/icon-delete.svg) no-repeat center;
	background-size: 10px;
	border-radius: 100px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1;
	cursor: pointer;
}

.modal .image-uploader .grid-item {
	width: 171px;
	padding: 1px;
	cursor: pointer;
	transition: all 0.1s ease;
}

.modal .image-uploader .grid-item.active {
	width: 100%;
	z-index: 1;
	left: 0 !important;
	top: 37px !important;
}

.image-uploader .uploaded-image {
	display: block;
	position: relative;
}

.image-uploader .grid-item img {
	display: block;
	max-width: 100%;
	height: auto;
}

.dropzone-wrapper .photo-uploader {
	background-image: url(../images/cam-add.svg);
	background-size: 22px 24px;
	background-position: center 18px;
	width: 66px;
	height: 66px;
	border-radius: 28px;
}

.dropzone-wrapper.dragover .photo-uploader,
.dropzone-wrapper:hover .photo-uploader {
	background-color: var(--themeColor);
}

.label-underline .label,
.td-underline {
	position: relative;
}

.label-underline .label:after,
.td-underline:after {
	content: '';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	transition: 0.3s;
}

.input-images.label-underline:hover .label:after,
.dropzone-wrapper.dragover .td-underline:after,
.dropzone-wrapper:hover .td-underline:after {
	left: 50%;
	width: 0;
}

.dropzone[type="file"] {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/*.uploaded-img {
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}*/
.preview-zone .box-body {
	width: 200px;
}

.uploaded-img {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 100%;
	overflow: hidden;
}

.uploaded-img img {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 90%;
	transform: translateY(-50%);
}

.btn.has-iwt {
	min-width: 191px;
	text-align: left;
}

.link-box-2.has-iwt:before,
.btn.has-iwt:before {
	content: '';
	background-color: var(--themeColor);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
	display: inline-block;
	width: 56px;
	height: 56px;
	border-radius: 25px;
	padding: 20px;
	vertical-align: middle;
	margin-right: 22px;
}

.btn.has-iwt:hover:before {
	background-color: #fff;
}

.has-iwt.icon-add:before {
	background-image: url(../images/icon-add.svg);
}

.has-iwt.icon-add:hover:before {
	background-image: url(../images/theme/icon-add.svg);
}

.has-iwt.icon-chevron-right:before {
	background-image: url(../images/chevron-right-white.svg);
}

.has-iwt.icon-chevron-right:hover:before {
	background-image: url(../images/chevron-right.svg);
}

.item-info {
	background: url(../images/icon-info.svg) no-repeat left center;
	background-size: 20px;
	display: block;
	margin-bottom: 23px;
	padding: 1px 0 1px 31px;
}
.has-icon-left {
	background: url(../images/icon-info.svg) no-repeat 20px center;
	background-size: 20px;
}

.selected > .icon-key {
	background-image: url(../images/theme/icon-key-white.svg) !important;
}
.selected > .icon-smartphone {
	background-image: url(../images/icon-smartphone-white.svg) !important;
}

.icon-smartphone {
	background-image: url(../images/icon-smartphone.svg);
}

.account-info {
	background-image: url(../images/theme/icon-key.svg);
}
.form-control.icon-key {
	background-image: url(../images/icon-key.svg);
}

.security-info {
	background-image: url(../images/menu/theme/icon-security.svg);
}

.donate-info {
	background: url(../images/turn-right.svg) no-repeat left center;
	background-size: 20px 20px;
}

.link-info {
	background: url(../images/theme/icon-link.svg) no-repeat left center;
	background-size: 20px 20px;
	color: inherit;
}

.phone-info {
	background: url(../images/icon-smartphone.svg) no-repeat left center;
	background-size: 20px 20px;
}
.smartphone-info {
	background: url(../images/theme/icon-smartphone.svg) no-repeat left center;
	background-size: 20px 20px;
}

.email-info {
	background: url(../images/message.svg) no-repeat left center;
	background-size: 20px 20px;
}
[ng-click] > input,
[ng-click] {
	cursor: pointer;	
}
.company-contact-info {
	background: url(../images/company_contact.svg) no-repeat left center;
	background-size: 20px 20px;
}

.address-info {
	background: url(../images/address.svg) no-repeat left center;
	background-size: 20px 20px;
}

.web-info {
	background: url(../images/web.svg) no-repeat left center;
	background-size: 20px 20px;
}

.item-note {
	max-width: 634px;
	background: #f2f2f7;
	margin-bottom: 40px;
	border-radius: 22px;
	padding: 34px 24px 15px;
	position: relative;
}

.item-note .title {
	display: block;
	background: url(../images/icon-note.svg) no-repeat left center;
	background-size: 20px;
	margin-bottom: 25px;
	padding: 1px 0 1px 32px;
}

.item-cta .btn {
	margin-left: 16px;
}

.item-cta .btn:first-child {
	margin-left: 0;
}

.view-img {
	position: relative;
	display: inline-block;
	/* margin-top: -38px; */
	/* margin-left: -42px; */
	margin-bottom: 20px;
}

.view-img:after {
	content: '';
	background: #8b8b8b url(../images/view-w.svg) no-repeat center;
	background-size: 22px 16px;
	width: 40px;
	height: 40px;
	border-radius: 16px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
	transition: background 0.3s;
}

.dropzone-parent .view-img:after {
	background-image: url(../images/theme/cross-w.svg);
}

.view-img:hover:after {
	background-color: var(--themeColor);
}

.view-img .item-img {
	width: 160px;
	height: 160px;
	border-radius: 44%;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

/*Messages*/
.link-modify {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
	position: absolute;
	top: 6px;
	right: 0;
	z-index: 1;
}

.morph-overlay {
	background: #141414;
	border-radius: 40%;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 2;
}

.morph-overlay.light {
	background: #fff;
}

.morph-overlay.active {
	z-index: 6;
}

.morph-overlay.blink {
	background: var(--themeColor);
	animation-name: blink;
	animation-duration: 0.05s;
	animation-timing-function: linear;
}

@keyframes blink {
	from {
		background: var(--themeColor);
	}

	to {
		background: #141414;
	}
}

.morph-overlay.active {
	width: 100vw !important;
	height: 100vh !important;
	top: 0 !important;
	left: 0 !important;
	position: fixed;
	border-radius: 0;
}

.morph-overlay.anim {
	transition: width 0.9s ease, height 0.9s ease, top 0.9s ease, left 0.9s ease;
}

.fade-overlay {
	display: none;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.morph-content {
	position: fixed;
	width: 100%;
	height: 100%;
	color: #fff;
	top: 0;
	left: 0;
	padding: 40px 0 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.1s linear;
	overflow: auto;
}

.ov-h.has-scroll .morph-content {
	padding-right: 17px;
}

.box-add.active .morph-content {
	z-index: 7;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s linear;
}

.morph-content .quit-msg-overlay {
	background: url(../images/icon-exit-w.svg) no-repeat right center;
	background-size: 17px 20px;
	color: #fff;
	font-size: 13px;
	padding: 3px 29px 3px 0;
	position: fixed;
	top: 34px;
	right: 80px;
	z-index: 3;
}

.morph-content.bg-white {
	color: #000;
}

.morph-content.bg-white .quit-msg-overlay {
	background: url(../images/icon-exit.svg) no-repeat right center;
	background-size: 17px 20px;
	color: #000;
}

.morph-content .record-time {
	min-width: 88px;
	display: inline-block;
	margin-bottom: 22px;
	border-radius: 7px;
	padding: 2px;
}

.morph-content .record-time.active {
	background: var(--themeColor);
}

.morph-content .recorder-footer-max .record-time.active {
	background: none;
}

.fs-msg-overlay {
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 7;
}

.fs-msg-overlay.hide-content:before {
	content: '';
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s linear;
}

.fs-msg-overlay:before {
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}

.fs-msg-overlay.active {
	visibility: visible;
	opacity: 1;
}

.fs-msg-overlay .content-left {
	background: var(--themeColor);
	position: fixed;
	left: -100%;
	color: #fff;
	height: 100%;
	padding: 222px 0 50px;
	overflow: auto;
	z-index: 4;
	transition: left 0.5s linear 0.1s;
}

.fs-msg-overlay .content-left,
.fs-msg-overlay.active .content-left.to-rb:before {
	width: 32.3%;
}

.fs-msg-overlay .content-left.to-rb {
	background: none;
	padding-top: 128px;
	left: 0;
}

.fs-msg-overlay .content-left.to-rb:before {
	content: '';
	background: var(--themeColor);
	width: 20%;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 1s ease 0.1s;
}

.fs-msg-overlay.active .content-left.to-rb:before {
	height: 100%;
}

.fs-msg-overlay.active .content-left {
	left: 0;
}

.fs-msg-overlay .progress-type-title {
	display: block;
	width: 200px;
	padding-top: 82px;
	left: 20%;
}

.txt-msg-overlay .progress-type-title {
	position: static;
	width: auto;
	margin-bottom: 0;
	padding-top: 0;
}

.fs-msg-overlay .progress-type-title:before {
	display: none;
}

.fs-msg-overlay .btn-next {
	position: fixed;
	top: 50%;
	right: 80px;
	transform: translateY(-50%);
}

.fs-msg-overlay .rec-info {
	display: block;
	font-size: 15px;
	font-weight: 400;
	padding-top: 24px;
}

.fs-msg-slides {
	color: #000;
	height: 100%;
	overflow: auto;
	margin-left: 32.3%;
	padding: 72px 40px 0;
}

.fs-msg-slides .fs-slide-exit {
	right: 40px;
}

.fs-msg-slides .goto-back {
	margin-left: 0;
}

.fs-msg-slides .fs-slide-content {
	left: 0;
	right: 0;
}

.fs-msg-slide-content {
	display: none;
	max-width: 640px;
}

.fs-msg-slide-content.active {
	display: block;
}

.fs-msg-slide-content.pt {
	padding-top: 200px;
}

.video-wrapper {
	position: relative;
	width: 840px;
	// max-height: 472px;
	font-size: 0;
	margin-bottom: 48px;
	z-index: 4;
	transition: all 0.3s ease-out;
}

.video-wrapper.cloned {
	width: 100%;
	height: 360px;
	background-color: #ccc;
}

.video-wrapper .recorder-display {
	position: absolute;
	right: 14.3%;
	bottom: 20%;
	transition: all 0.3s ease-out;
}

.video-wrapper.cloned .recorder-display {
	right: 0;
	bottom: 0;
	left: 0;
}
.video-wrapper video {
	display: block;
}

.trimmer {
	position: relative;
	height: 66px;
	background: #48484a;
	margin-bottom: 24px;
	border-radius: 10px;
	padding: 5px 24px;
	overflow: hidden;
}

.trimmer .trim-btn {
	background: #48484a;
	text-align: center;
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 8px;
	cursor: pointer;
}

.trimmer .trim-btn img {
	width: 8px;
}

.trimmer .trim-btn-left {
	left: 0;
}

.trimmer .trim-btn-right {
	right: 0;
}

.trimmer .frames {
	position: relative;
}

.frames .trim-bar {
	background: #fff;
	width: 5px;
	height: 83px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 60px;
	position: absolute;
	top: -13px;
	cursor: pointer;
}

.config {
	margin: 0 -3px;
}

.config label {
	background: #d6d5d5;
	position: relative;
	display: inline-block;
	width: 152px;
	height: 88px;
	margin: 0 3px 24px;
	border-radius: 22px;
	overflow: hidden;
	cursor: pointer;
}

.config input:checked+span {
	background: var(--themeColor);
}

.config span {
	display: inline-block;
	background: #48484a;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 11px 12px 13px;
}

.config-effect img {
	max-width: 100%;
}

.config-effect label:after {
	content: '';
	background: currentColor;
	opacity: 0.32;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 44px;
}

.config-sound label {
	background-image: url(../images/icon-music-dark.svg);
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center 12px;
}

.config-msg-title {
	max-width: 339px;
	margin: 0 0 24px;
}

.recorder-wrap {
	position: relative;
	max-width: 840px;
	margin: 0 auto 32px;
	transition: max-width 0.3s linear;
}

.recorder {
	height: 417px;
	margin: 0 auto;
	position: fixed;
	top: 87px;
	left: 0;
	z-index: 3;
	cursor: pointer;
	transition: all 0.5s linear;
}

.recorder.scalable {
	position: static;
	transition: all 0.5s linear 0.8s;
}

.recorder-wrap.anim .recorder {
	width: 840px;
	height: 472px;
}

.recorder-wrap.anim .recorder.maximize {
	background: #000;
	width: 100%;
	height: 100%;
	top: 0 !important;
	left: 0 !important;
}

.recorder-display {
	background: #ccc;
	display: block;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.recorder-wrap .icon-maximize {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 24px;
	bottom: 24px;
	z-index: 1;
	cursor: pointer;
}

.recorder-footer {
	/* position: absolute; */
	padding: 0 0 40px;
	opacity: 0;
	width: 100%;
	/* bottom: 60px; */
	margin: auto;
	transition: opacity 1.2s linear 0.8s;
}

.recorder-footer-video {
	bottom: 0;
	position: relative;
	margin-bottom: 30px;
}

.recorder-footer .link-import {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.recorder-footer.fade {
	opacity: 1;
}

.recorder-footer-overlay {
	background: rgba(72, 72, 74, 0.28);
	max-width: 0;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-radius: 22px;
	position: fixed;
	left: 50%;
	bottom: 40px;
	z-index: 3;
	transition: all 0.5s linear;
}

.recorder.maximize .recorder-footer-overlay {
	max-width: 1658px;
	width: 100%;
	height: 111px;
}

.recorder-footer-max {
	display: none;
	margin: 0 8%;
	padding: 15px 50px;
}

.recorder-footer-max .flex-grid {
	flex-wrap: inherit;
}

.recorder-footer-max .record-time {
	margin-bottom: 0;
}

.link-import {
	background: url(../images/icon-import.svg) no-repeat;
	color: #fff;
	padding-left: 30px;
	cursor: pointer;
}

.link-import.uploading {
	background: none;
	padding-left: 0;
	line-height: 20px;
}

.rec-btn {
	background: none;
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	font-size: 0;
	border: 4px solid #fff;
	border-radius: 100%;
	cursor: pointer;
}

.rec-btn.blink {
	border-color: #920C63;
}

.rec-btn:before {
	content: '';
	background: #920C63;
	width: 66px;
	height: 66px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -33px 0 0 -33px;
	border-radius: 100%;
	transition: all 0.3s;
}

.rec-btn.active:before {
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 4px;
}

.countdown-wrap.shown {
	display: block;
}

.countdown-wrap,
.countdown-wrap.ng-hide {
	display: none;
}

.countdown-wrap .countdown {
	background: rgba(0, 0, 0, 0.25);
	font-size: 96px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.recipient-title {
	position: relative;
	padding-right: 100px;
}

.recipients .boxed-btn {
	position: relative;
	text-align: left;
	margin-bottom: 18px;
}

.boxed-btn {
	background: #fff;
	min-height: 110px;
	color: #8b8b8b;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	border-radius: 22px;
	border: none;
	padding: 20px;
}

.boxed-btn.selected,
.boxed-btn.default {
	background: var(--themeColor);
	color: #fff;
}

.boxed-btn.selected .title,
.boxed-btn.default .title {
	color: #fff;
}

.add-new {
	cursor: pointer;
}

.boxed-btn.has-image .boxed-image,
.boxed-btn.has-icon:not(.has-image):before,
.add-new:before {
	content: '';
	display: inline-block;
	background: var(--themeColor) url(../images/add-contact.svg) no-repeat center;
	background-size: 24px auto;
	width: 24px;
	height: 23px;
	margin-right: 15px;
	padding: 31px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 26px;
	vertical-align: middle;
}
.boxed-btn.has-image .boxed-image {
	width: 62px;
	height: 62px;
	padding: 0;
	display: block;
}

.boxed-btn.icon-add:before {
	background: var(--themeColor) url(../images/icon-add.svg) no-repeat center;
	background-size: 14px auto;
}

.boxed-btn.selected.has-icon:before,
.add-new.selected:before {
	background-color: var(--themeInverseColor);
	background-image: url(../images/theme/add-contact.svg);
}

.boxed-btn.default:before {
	background: #fff url(../images/theme/contacts.svg) no-repeat center;
	background-size: 25px auto;
}

.boxed-btn.icon-contacts-w:before {
	background-image: url(../images/contacts-w.svg);
	background-size: 25px auto;
}
.boxed-btn.selected.icon-contacts:before,
.boxed-btn.icon-contacts:before {
	background-color: #fff;
	background-image: url(../images/theme/contacts.svg);
	background-size: 25px auto;
}

.boxed-btn .avatar {
	width: 62px;
	height: 62px;

	max-width: 100%;
	margin-right: 14px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.boxed-btn .avatar img {
	max-width: 24px;
	max-height: 24px;
}

.boxed-btn .title {
	color: #000;
	margin-bottom: 4px;
}

.boxed-btn p {
	font-size: 13px;
	line-height: 1.38;
	margin-bottom: 4px;
}

.boxed-btn .media-info {
	background: url(../images/media.svg) no-repeat left center;
	background-size: 11px auto;
	font-size: 8px;
	padding: 2px 0 2px 21px;
	text-transform: uppercase;
}

.boxed-btn .media-video {
	background-image: url(../images/video.svg);
	background-size: 19px auto;
}

.boxed-btn .media-text {
	background-image: url(../images/text.svg);
	background-size: 19px auto;
}

.boxed-btn.selected .media-info,
.boxed-btn.default .media-info {
	background-image: url(../images/media-w.svg);
}

.number-of-recipient {
	margin-bottom: 40px;
}

.number-of-recipient img {
	width: 22px;
	height: 20px;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 6px;
}

.edit-recipient {
	background: #fff;
	display: none;
	padding-top: 40px;
	padding-right: 17px;
	position: fixed;
	top: 64px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	overflow: auto;
}

.edit-recipient .top {
	padding-right: 120px;
}

.recipient-info {
	position: absolute;
	top: 63px;
	right: 0;
}

.recipient-info .info {
	display: block;
	margin-bottom: 9px;
	padding: 3px 0;
}

.recipient-info .date {
	background: url(../images/calendar.svg) no-repeat left center;
	background-size: 20px 22px;
	padding-left: 32px;
}

.recipient-info .photos {
	background: url(../images/photo.svg) no-repeat left center;
	background-size: 20px 22px;
	padding-left: 32px;
}

.recipient-info .media {
	background: url(../images/media.svg) no-repeat 2px center;
	background-size: 16px auto;
	padding-left: 32px;
}

.photo-box,
.photo-placeholder {
	background: #f2f2f7;
	height: 439px;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 40px;
}

.photo-placeholder .photo-uploader {
	background-image: url(../images/photo-w.svg);
	background-position: center;
}

/* .slideshow {
	overflow: hidden;
} */
/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-initialized .slick-slide {
	background: #fff;
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 30px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	content: '•';
	text-align: center;

	opacity: .25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

.slick-prev:before,
.slick-next:before {
	font-size: 0;
}


.loader {
	/*animation: loader 1s infinite linear;*/
}

@keyframes loader {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

.flex-grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}

[class*="col-"] {
	padding: 0 8px;
}

.col-4 {
	width: 33.33333333%;
}

.col-6 {
	width: 50%;
}

.flex-grid>* {
	margin: 0 10px 10px;
}

.grid-item-2>* {
	width: 47.5%;
}

.grid-item-3>* {
	width: 33.3333%;
}

/*Modal*/
.modal.has-bg {
	background: rgba(0, 0, 0, 0.59);
}

.modal .selection .title {
	margin-bottom: 24px;
}

.modal .selection a {
	background: #fff;
	width: 160px;
	height: 160px;
	color: #000;
	margin: 0 8px;
	border-radius: 22px;
	padding: 15px;
}

.modal .selection a span {
	display: block;
}

.modal .selection .icon {
	display: block;
	height: 20px;
	margin: 0 auto 5px;
}

.modal .selection .icon-single {
	width: 16px;
}

.modal .selection .icon-several {
	width: 22px;
}

#photoPreview {
	background: rgba(0, 0, 0, 0.59);
	-webkit-backdrop-filter: blur(3px) brightness(150%);
	backdrop-filter: blur(3px) brightness(150%);
}

#photoPreview .modal-title {
	margin-bottom: 27px;
}

#photoPreview .modal-title .modal-close {
	top: 1px;
}

#photoPreview .slick-track {
	display: flex;
	align-items: center;
}

.deletion-wrap {
	display: none;
}

.deletion {
	padding-top: 10px;
}

.deletion .cta {
	margin-bottom: 40px;
}

.modal .cta .has-icon {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	margin-right: 24px;
	padding: 1px 0 1px 30px;
}

.modal .cta .icon-edit {
	background-image: url(../images/icon-edit.svg);
}

.modal .cta .icon-delete {
	background-image: url(../images/icon-delete.svg);
}

.message-video {
	margin-bottom: 24px;
}

/*Text message*/
.modal .banner {
	display: block;
	width: 100%;
}

.modal .content {
	margin-bottom: 24px;
	padding: 40px 20px 30px;
}

.modal .content.bg-white {
	color: #000;
}

.modal .content-footer p {
	font-size: 6px;
}

.modal-confirmation .content {
	background: #fff;
	max-width: 270px;
	width: 100%;
	border-radius: 22px;
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08);
	padding: 30px 17px 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.text-toolbar,
.expand-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 680px;
	width: 100%;
	background: #f2f2f7;
	border-radius: 0 0 22px 22px;
	padding: 13px 24px 16px;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.has-scroll .text-toolbar,
.has-scroll .expand-toolbar {
	margin-left: -17px;
}

.text-toolbar select {
	background: #fff url(../images/caret-down.svg) no-repeat 11px center;
	font-size: 14px;
	border: none;
	border-radius: 10px;
	padding: 12px 24px;
	-webkit-appearance: none;
	appearance: none;
}

.text-toolbar .btn-bold {
	font-size: 20px;
	border: none;
	padding: 0;
}

.expand-toolbar {
	display: none;
	padding: 0 24px 3px;
}

.text-message {
	background: #fff;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	margin-top: 54px;
}

.text-message .content {
	margin-bottom: 24px;
	padding: 40px 50px 30px;
}

.text-message .banner {
	width: 100%;
}
.text-danger {
	color: red;
}
.btn-absolute-right {
	position: absolute;
	top: 50%;
	right: 40px;
	z-index: 1;
	transform: translateY(-50%);
}
.morph-content .btn-next {
	position: fixed;
	top: 50%;
	right: 80px;
	z-index: 1;
	transform: translateY(-50%);
}

.btn-next-br {
	right: 20px;
	bottom: 20px;
	margin: 0;
	position: fixed;
	z-index: 1;
}

.content-left-inner {
	max-width: 334px;
	margin-left: auto;
	margin-right: 44px;
	position: relative;
}

.pages {
	display: flex;
	flex-wrap: wrap;
}

.pages .pg {
	background: #fff;
	width: 160px;
	margin-right: 7px;
	margin-bottom: 15px;
}

.pages .pg .content {
	padding: 8px 8px 8px;
}

.pages .pg .content-footer {
	margin-top: -10px;
}

.pages .pg h2,
.pages .pg .h2 {
	font-size: 6px;
}

.pages .pg .title {
	font-size: 4px;
	line-height: 2.8;
	margin-top: -10px;
}

.pages .pg p {
	font-size: 4px;
	margin-bottom: 5px;
}

.pages .pg .logo {
	width: 15px;
	height: 4px;
}

.pages .banner {
	width: 100%;
}

.txt-msg-overlay .content-left .btn-modify {
	position: static;
}

.btn-modify.has-icon {
	background-image: url(../images/icon-modify.svg);
	background-size: 18px;
}

.fs-msg-overlay .pg {
	color: #000;
}

/*Helper Classes*/
.fz-0 {
	font-size: 0 !important;
}

.h-centered {
	margin: 0 auto;
}

.bg-theme .vh-100 {
	height: calc(100vh - 143px);
	overflow: auto;
}

.has-link-overlay {
	position: relative;
}

.mw-100 {
	max-width: 100%;
}

.w-100 {
	width: 100%;
}

.cursor-default {
	cursor: default;
}

.cursor-pointer {
	cursor: pointer;
}

.tdu {
	text-decoration: underline;
}

.tdu:hover {
	text-decoration: none;
}

.bdr-0 {
	border: none !important;
}

.link-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.theme-color {
	color: var(--themeColor);
}

.content-box {
	background: #fff;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 22px;
	padding: 28px 20px;
}

.progress-bar .progress {
	background: var(--themeColor);
	height: 20px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 19px;
}

.payment-info-title {
	margin-bottom: 25px;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-mute {
	color: #8b8b8b;
}

.text-lg {
	font-size: 16px;
}

.mb-10 {
	margin-bottom: 10px !important;
}

/*  Footer
-------------------------------------- */
#footer-wrap {}

#footer {}

#footer-left {}

#footer-center {}

#footer-right {}

.fl {
	float: left
}

.fr {
	float: right
}

.cl {
	clear: both;
	font-size: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Typography */
.text-dark {
	color: #000;
}

.text-light {
	color: #fff;
}

.sft-light {
	font-family: 'sfProTextLight', sans-serif !important;
}

.sft-semi-bold {
	font-family: 'SFProTextSemi', sans-serif !important;
}

.sft-bold {
	font-family: 'sfProTextBold', sans-serif !important;
}

.sfd-bold {
	font-family: 'sfProDisplayBold', sans-serif !important;
	font-weight: 700 !important;
}

.fw-normal {
	font-weight: normal;
}

.text-sm {
	font-size: 11px;
}

.text-md {
	font-size: 13px;
}

/*Display*/
.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}

.p-relative {
	position: relative;
}

.d-flex {
	display: flex;
}

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

.flex-wrap {
	flex-wrap: wrap;
}

.d-inline-flex {
	display: inline-flex;
}

.d-none {
	display: none !important;
}

.align-items-center {
	align-items: center;
}

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

.justify-content-between {
	justify-content: space-between;
}

.align-items-end {
	align-items: flex-end;
}

.justify-content-around {
	justify-content: space-around !important;
}

.ov-h {
	overflow: hidden;
}

.ov-h.has-scroll {
	padding-right: 17px;
}

.ov-h.has-scroll #header-wrap {
	padding-right: 17px;
}

.radius-0 {
	border-radius: 0 !important;
}

.g-1 {
	gap: 1rem
}

.g-2 {
	gap: 2rem
}

.mh-auto {
	min-height: auto !important;
}

/*Spacings*/
.p-0 {
	padding: 0 !important;
}

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

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 1rem !important;
}

.mb-2 {
	margin-bottom: 2rem !important;
}

.mb-3 {
	margin-bottom: 3rem !important;
}

.mt-1 {
	margin-top: 1rem !important;
}

.mt-2 {
	margin-top: 2rem !important;
}

.mt-3 {
	margin-top: 3rem !important;
}

@media (max-width: 979px) {}

@media (max-width: 480px) {}

@media (max-width: 320px) {}

.btn.has-iwt:hover:before {
	background-color: #fff;
}

.has-iwt.icon-add:before {
	background-image: url(../images/icon-add.svg);
}

.has-iwt.icon-add:hover:before {
	background-image: url(../images/theme/icon-add.svg);
}

.has-iwt.icon-chevron-right:before {
	background-image: url(../images/chevron-right-white.svg);
}

.has-iwt.icon-chevron-right:hover:before {
	background-image: url(../images/chevron-right.svg);
}

.has-iwt.icon-key:before {
	background-image: url(../images/icon-key-white.svg);
	background-size: 26px 14px;
}

.has-iwt.icon-key:hover:before {
	background-image: url(../images/theme/icon-key.svg);
}

.code-fields .form-control {
	width: 56px;
	font-size: 24px;
	font-family: 'sfProTextBold';
	text-align: center;
	margin-left: 36px;
	padding: 6px;
	display: inline-block;
}

.code-fields .form-control:first-child {
	margin-left: 0;
}

.view-password {
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 20px;
	line-height: 60px;
	border-radius: 0 22px 22px 0;
	z-index: 1;
}

.col-sm-6.text-center {
	margin: auto;
}

.text-white {
	color: #fff !important;
}

@media (min-width: 768px) {
	.col-sm-4 {
		width: 33.33%;
	}

	.col-sm-6 {
		width: 50%;
	}
}

/* ckeditor */
.cke_reset_all.cke_top {
	position: fixed;
	max-width: 680px;
	left: 0;
	right: 17px;
	top: 0;
	margin: auto;
	box-sizing: border-box;
	z-index: 9999;
	background: #f2f2f7;
	border-radius: 0 0 22px 22px;
	border: 0;
}

.cke .cke_reset {
	min-height: 700px;
}
.cke.cke_reset {
	background: #fff;
	box-shadow: 0 5px 28px rgb(0 0 0 / 16%);
	margin-top: 100px;
	padding-top: 200px;
	border: 0;
}

.cke_bottom.cke_reset_all {
	border: 0;
}

#cke_32,
#cke_30,
#cke_23,
#cke_16 {
	display: none;
}

.cke_toolbar_break:last-child+.cke_toolbar+.cke_toolbar,
.cke_toolbar_break:last-of-type+.cke_toolbar {
	display: block;
}

.video-coloroverlay {
	opacity: 0.3;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}


/*via digital*/

.get-started {
	margin-bottom: 24px;
}

.get-started .title,
.get-started .btn {
	margin-bottom: 40px;
}

.custom-tooltip {
	background-color: #f2f2f7;
	border-radius: 22px;
	padding: 30px 24px;
}

.categories {
	margin-bottom: 40px;
}

.categories>div {
	display: flex;
	justify-content: center;
	/* min-width: 120px; */
	flex: 1;
}

.categories .category {
	/* width: 16.667%; */
	display: inline-block;
	color: #000;
	text-align: center;
	padding: 15px;
}

.categories .category:before {
	content: '';
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 56px;
	height: 56px;
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.08);
	margin: 0 auto 15px;
	border-radius: 25px;
}

.btn.icon-category:before {
	background-color: #fff;
	background-size: 20px;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
}

.suggestions-list .category-1,
.categories .category-1:before,
.icon-category-1:before {
	background-image: url(../images/categories/theme/category-1.svg);
}

.suggestions-list .category-2,
.categories .category-2:before,
.icon-category-2:before {
	background-image: url(../images/categories/theme/category-2.svg);
}

.suggestions-list .category-3,
.categories .category-3:before,
.icon-category-3:before {
	background-image: url(../images/categories/theme/category-3.svg);
}

.suggestions-list .category-4,
.categories .category-4:before,
.icon-category-4:before {
	background-image: url(../images/categories/theme/category-4.svg);
}

.suggestions-list .category-5,
.categories .category-5:before,
.icon-category-5:before {
	background-image: url(../images/categories/theme/category-5.svg);
}

.suggestions-list .category-6,
.categories .category-6:before,
.icon-category-6:before {
	background-image: url(../images/categories/theme/category-6.svg);
}

.suggestions-list .category-7,
.categories .category-7:before,
.icon-category-7:before {
	background-image: url(../images/categories/theme/category-7.svg);
}

.suggestions-list .category-8,
.categories .category-8:before,
.icon-category-8:before {
	background-image: url(../images/categories/theme/category-8.svg);
}

.suggestions-list .category-9,
.categories .category-9:before,
.icon-category-9:before {
	background-image: url(../images/categories/theme/category-9.svg);
}

.suggestions-list .category-10,
.categories .category-10:before,
.icon-category-10:before {
	background-image: url(../images/categories/theme/category-10.svg);
}

.suggestions-list .category-11,
.categories .category-11:before,
.icon-category-11:before {
	background-image: url(../images/categories/theme/category-11.svg);
}

.suggestions-list .category-12,
.categories .category-12:before,
.icon-category-12:before {
	background-image: url(../images/categories/theme/category-12.svg);
}

.categories .category.active:before {
	background-color: var(--themeColor);
}

.categories .category-1.active:before {
	background-image: url(../images/categories/category-1.svg);
}

.categories .category-2.active:before {
	background-image: url(../images/categories/category-2.svg);
}

.categories .category-3.active:before {
	background-image: url(../images/categories/category-3.svg);
}

.categories .category-4.active:before {
	background-image: url(../images/categories/category-4.svg);
}

.categories .category-5.active:before {
	background-image: url(../images/categories/category-5.svg);
}

.categories .category-6.active:before {
	background-image: url(../images/categories/category-6.svg);
}

.categories .category-7.active:before {
	background-image: url(../images/categories/category-7.svg);
}

.categories .category-8.active:before {
	background-image: url(../images/categories/category-8.svg);
}

.categories .category-9.active:before {
	background-image: url(../images/categories/category-9.svg);
}

.categories .category-10.active:before {
	background-image: url(../images/categories/category-10.svg);
}

.categories .category-11.active:before {
	background-image: url(../images/categories/category-11.svg);
}

.categories .category-12.active:before {
	background-image: url(../images/categories/category-12.svg);
}

.suggestions-title,
.addition-title {
	display: inline-block;
	color: #707070;
	margin-bottom: 25px;
}

.suggestions-title {
	background: url(../images/icon-repeat.svg) no-repeat right center;
	padding-right: 32px;
}

.suggestions-list {
	margin: 0;
}

.suggestions-list > div {
	flex: 1;
}
.suggestions-list {
	gap: 24px
}
.suggestions-list-custom {
	margin: 0 -12px;
	gap: 0;
}
.suggestions-list-custom > div {
	width: 50%;
	max-width: 50%;
	padding: 12px;	
	flex: auto;
}

.suggestions-list .item {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 24px center;
	position: relative;
	font-size: 15px;
	display: block;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.08);
	margin: 0;
	border-radius: 22px;
	padding: 19px 58px;
	text-decoration: none;
	cursor: pointer;
}

.suggestions-list:not(.suggestions-list-custom) .item.has-icon {
	padding: 19px 200px;
}

.suggestions-list .item:after {
	content: '';
	background: #fff url(../images/theme/icon-add.svg) no-repeat center;
	background-size: 8px;
	width: 24px;
	height: 24px;
	font-size: 0;
	border: none;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 50px;
	padding: 2px 0 5px;
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -13px;
}

.suggestions-list .item:hover:after {
	background: var(--themeColor) url(../images/icon-add.svg) no-repeat center;
	background-size: 8px;
}

.grid-btns .btn {
	margin-bottom: 24px;
}

/*Helper Classes*/
.fz-0 {
	font-size: 0 !important;
}

.h-centered {
	margin: 0 auto;
}

.bg-theme .vh-100 {
	height: calc(100vh - 143px);
	overflow: auto;
}

.has-link-overlay {
	position: relative;
}

.mw-100 {
	max-width: 100%;
}

.w-100 {
	width: 100%;
}

.cursor-default {
	cursor: default;
}

.cursor-pointer {
	cursor: pointer;
}

.tdu {
	text-decoration: underline;
}

.tdu:hover {
	text-decoration: none;
}

.bdr-0 {
	border: none !important;
}

.link-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.theme-color {
	color: var(--themeColor);
}

.content-box {
	background-color: #fff;
	box-shadow: 0 5px 28px rgba(0, 0, 0, 0.16);
	border-radius: 22px;
	padding: 28px 20px;
}

.progress-bar .progress {
	background-color: var(--themeColor);
	height: 20px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 19px;
}

.payment-info-title {
	margin-bottom: 25px;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-mute {
	color: #8b8b8b;
}


.fl {
	float: left
}

.fr {
	float: right
}

.cl {
	clear: both;
	font-size: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Typography */
.text-dark {
	color: #000;
}

.text-light {
	color: #fff;
}

.text-theme {
	color: var(--themeColor);
}

.sft-light {
	font-family: 'sfProTextLight', sans-serif !important;
}

.sft-semi-bold {
	font-family: 'SFProTextSemi', sans-serif !important;
}

.sft-bold {
	font-family: 'sfProTextBold', sans-serif !important;
}

.sfd-bold {
	font-family: 'sfProDisplayBold', sans-serif !important;
	font-weight: 700 !important;
}

.fw-normal {
	font-weight: normal;
}

.text-sm {
	font-size: 11px;
}

.text-md {
	font-size: 13px;
}

.text-lg {
	font-size: 16px;
}

/*Display*/
.text-center {
	text-align: center;
}

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

.text-left {
	text-align: left;
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}

.p-relative {
	position: relative;
}

.p-static {
	position: static;
}

.d-flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.d-inline-flex {
	display: inline-flex;
}

.d-none {
	display: none !important;
}

.align-items-center {
	align-items: center;
}

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

.align-items-end {
	align-items: flex-end;
}

.justify-content-around {
	justify-content: space-around !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.ov-h {
	overflow: hidden;
}

.ov-h.has-scroll {
	padding-right: 17px;
}

.ov-h.has-scroll #header-wrap {
	padding-right: 17px;
}

/*Spacings*/
.mb-10 {
	margin-bottom: 10px !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}



/*slider digital*/

.slidecontainer {
	width: 100%;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	border-radius: 3px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	border-style: solid;
	border-width: 25px 15px;
	border-color: var(--themeColor) transparent transparent;
	width: 20px;
	border-radius: 4px;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	border-style: solid;
	border-width: 25px 15px;
	border-color: var(--themeColor) transparent transparent;
	width: 20px;
	border-radius: 4px;
	cursor: pointer;
}

.home-main {
	position: relative;
	z-index: 1;
}

.mon_logo {
	max-width: 235px;
}

.mon-userimg {
    object-fit: cover;
	border-radius: 300px;
	width: 150px;
	height: 150px;
}

.empty-avatar .mon-userimg img {
	width: 75px
}

.empty-avatar .mon-userimg {
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin: auto;
}

.mon-dob {
	line-height: 1.7;
}

.mon-collapse-button strong {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

.mon-collapse-button:focus,
.mon-collapse-button:hover {
	text-decoration: none;
}

.mon-collapse-button img {
	max-width: 30px;
	max-height: 30px;
	display: block;
	margin: 40px auto 20px;
}

.mon-collapse-button {
	display: block;
	color: #707070;
	font-size: 14px;
	text-decoration: none;
}
.btn-arrow.btn-fab {
	background-color: #707070;
	transform: rotate(-90deg);
	position: fixed;
	left: 50%;
	bottom: 0;
	display: none;
	z-index: 99;
	margin-left: 385px;
}

.fix-box .btn-arrow.btn-fab {
	display: block;

}
.mon-collapse-content h4 {
	font-size: 20px;
}

.mon-collapse-content {
	padding: 40px 0;
}

.link-box-2:focus,
.link-box-2:hover,
.link-box-2 {
	padding: 20px;
	color: #000;
	text-decoration: none;
	font-size: 20px;
	margin-bottom: 15px;
}
.link-box-2.disabled {
	opacity: .6;
	cursor: default;
}

.has-iwt.icon-key.link-box-2:before {
	background-image: url(../images/theme/icon-key.svg);
}

.has-iwt.icon-phone.link-box-2:before {
	background-image: url(../images/theme/icon-smartphone.svg);
	background-size: auto 100%;
}

.has-iwt.icon-home.link-box-2:before {
	background-image: url(../images/icon-home.svg);
	background-size: auto 100%;
}

.has-iwt.icon-user.link-box-2:before {
	background-image: url(../images/contact.svg);
	background-size: auto 100%;
}

.has-iwt.link-box-2:before,
.has-iwt.link-box-2:before {
	border-radius: 0;
	background-color: transparent;
	background-size: 30px;
	margin-right: 0;
	padding: 15px;
	width: 30px;
	height: 30px;
	margin-right: 16px;
}

.link-box-2:after {
	width: 11px;
	height: 20px;
	margin-top: -10px;
	background-image: url("../images/chevron-right.svg");
}

.mon-messangel-page .item-note {
	max-width: none;
}

.stats-box-clickable img {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto 20px;
}

.stats-box-clickable:focus,
.stats-box-clickable:hover {
	text-decoration: none;
}

.stats-box-clickable {
	display: block;
	background: #f2f2f7;
	margin-bottom: 24px;
	border-radius: 22px;
	padding: 30px;
	text-decoration: none;
	color: #000;
}

.listing-header {
	padding: 20px;
	margin-bottom: 20px;
}

.listing-header h2 {
	font-size: 24px;
	flex: 1;
	text-align: center;
	margin-right: 15px;
}

.listing-header img {
	width: 15px;

}

.listing-main-content {
	padding: 20px 0;
}

.no-arrow.link-box:after {
	background-image: none;
}

.assign-bar {
	position: absolute;
	right: 20px;
	top: -22.5px;
	display: flex;
	gap: 10px;
}

.listing-assign-link {
	background: var(--themeColor);
	width: 45px;
	height: 45px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	overflow: hidden;
}

.listing-assign-link img {
	height: auto;
}

.small-thumbnail {
	max-width: 150px;
	height: auto;
}

.morph-content audio {
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	margin: auto;
}


/* Recorder */
.audio-recorder {
	background-color: rgba(72, 72, 74, 0.45);
	position: static;
	width: auto;
	cursor: default;
	margin: 0 auto 30px;
	height: 417px;
}

.audio-recorder canvas {
	display: block;
	margin: auto;
}

.anim-fade {
	opacity: 0;
}

.anim-fade.in {
	transition: opacity 0.4s ease-in-out;
	opacity: 1;
}

.pointer {
	cursor: pointer;
}

.thumbnail {
	max-width: 200px;
	max-height: 200px;
}

.confirmation-custom-modal.fade:not(.in) {
	display: none !important
}


.confirmation-custom-modal.fade.in {
	display: flex;
}

.gallery-image img {
	max-height: 300px;
}


.text-uppercase {text-transform: uppercase;}
#finalTextwrap {
	position: absolute;
	left: -3000px;
	top: -3000px;
}
#finalText > div > *,
#finalText > * {
	page-break-before: auto;
	page-break-after: auto;
	page-break-inside: avoid;
	max-width: 13cm;
}
#finalText h2 {
	margin: 15px 0 !important;
	margin: auto;
}
.mainPageLoading {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 100vh;
}

@media (max-width: 991px) {
	#header .container {
		width: auto;
		margin-left: 128px;
		margin-right: 156px;
	}

	#logo {
		width: 128px;
	}
}


[ng-click] {
	cursor: pointer;
}

/* .social-digital-page .fs-slide-content {
	padding-top: 34px;
} */

.text-bold {
	font-weight: bold;
}
.height-auto {
	height: auto;
}

.form-control.has-icon-left {
	padding-left: 56px;
}

.ck.ck-toolbar>.ck-toolbar__items {
	justify-content: space-between;
}
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
	background: #f9f9f9;
	padding: 10px 20px;
	border-radius: 0 0 10px 10px !important;
	margin-bottom: 20px;
}
.ck.ck-editor__main>.ck-editor__editable {
	border: 0;
	padding-top: 200px;
	box-shadow: 0 3px 7px 1px rgba(0, 0, 0, .1);
	min-height: 700px;
}

.ck.ck-toolbar {
	border: 0 !important;
}
#editor-wrapper {
	position: absolute;
	right: 0;
	left: 0;
	top: -40px;
}
.inside-slider,
.inside-slider .slick-initialized .slick-slide {
	background: #f2f2f7;
}
.inside-slider .dropzone-wrapper {
	width: auto;
	height: auto;
	position: absolute;
	margin: 20px;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 1;
}
.inside-slider .photo-uploader {
	margin: 0;
}
.inside-slider .td-underline {
	display: none;
}

.subscription-option {
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 15px;
	margin: 10px;
	width: 300px;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 12px;
	flex-direction: column;
	gap: 10px;
	transition: border-color 0.3s;
}
.subscription-btn {
	background-color: #B30B80;
	border-radius: 20px;
	padding: 15px;
	margin: 10px;
	width: 300px;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #ffff;
	font-size: 12px;
	flex-direction: column;
	gap: 10px;
	transition: border-color 0.3s;
}
.subscription-option label {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	width: 100%;
}
.subscription-option input[type="radio"] {
	display: none;
	width: 10px;
    height: 10px;
    opacity: 100;
    position: fixed;
	accent-color: #9c027f;
	cursor: pointer;
}
.subscription-option.selected {
	border-color: #9c027f;
}

.subscription-list-checked{
	width: 300px;
	margin: 15px 0px;
	text-align: left;
	font-size: 12px;
}

.subscription-list-checked li{
	background: url(../images/icon-awsome-check.svg) no-repeat left center;
	background-size: 12px auto;
	padding-left: 27px;
	line-height: 22px;
	margin-bottom: 0px;
}