* {
	outline: none !important;
}

html,
body {
	width: 100%;
	height: auto;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Clear Sans', sanf-serif;
	line-height: 1.4;
	color: #262626;
	background: #fff;
}



/**
 * TEMPLATE-PAGE
 */
.template-page {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100vh;
}

.template-page .edit-album-panel {
	width: 100%;
	text-align: center;
	background: #5a5454;
	padding: 20px;
	margin: 0 0 30px;
}

.template-page .edit-album-panel button {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	background: #e73d50;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	margin: 0 10px;
	padding: 15px 30px;
	cursor: pointer;
	border: none;
	border-radius: 4px;
}

.template-page .edit-album-panel button:hover {
	opacity: 0.8;
}

.popup-form label.photo-label-checkbox {
	width: 36px;
	height: 36px;
	display: block;
	position: relative;
}

input[type="checkbox"].photo-checkbox+span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}

input[type="checkbox"].photo-switch-checkbox+span {
	background-image: url('../img/panel/show_red.png');
}

input[type="checkbox"].photo-switch-checkbox:checked+span {
	background-image: url('../img/panel/hide_red.png');
}

input[type="checkbox"].photo-cover-checkbox+span {
	background-image: url('../img/panel/album.svg');
	opacity: 0.5;
}

input[type="checkbox"].photo-cover-checkbox:checked+span {
	opacity: 1;
}


/**
 * OTHER STYLES
 */

.full-width {
	width: 100% !important;
}

.btn-small {
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	margin: 0;
	padding: 1px 4px 3px;
	border: 1px solid #262626;
	border-radius: 3px;
	text-decoration: none !important;
}

.btn-supersmall {
	-webkit-appearance: none;
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	margin: 0;
	padding: 1px 4px 3px;
	border: 1px solid #262626;
	border-radius: 3px;
	text-decoration: none !important;
}

.btn-red {
	-webkit-appearance: none;
	color: #e73d50;
	border-color: #e73d50;
	background: #fff;
}

.btn-red:hover {
	color: #fff;
	background: #e73d50;
}

.btn-primary {
	-webkit-appearance: none;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	background: #e73d50;
	border: none;
	border-radius: 3px;
	margin: 0;
	padding: 13px 45px 14px;
	cursor: pointer;
}

.btn-primary:hover {
	opacity: 0.9;
}

.btn-secondary {
	-webkit-appearance: none;
	color: #fff;
	background: #b8b8b8;
	border: none;
	border-radius: 3px;
	margin: 0;
	padding: 13px 25px 14px;
	cursor: pointer;
}

.btn-secondary:hover {
	opacity: 0.9;
}

.btn-transparent {
	-webkit-appearance: none;
	color: #26262688;
	font-size: 14px;
	line-height: 1;
	background: transparent;
	border: none;
	border-radius: 3px;
	margin: 0;
	padding: 13px 20px 14px;
	cursor: pointer;
}

.btn-transparent:hover {
	background: rgba(0, 0, 0, 0.05);
}

label input[type="checkbox"]+.styled-checkbox {
	cursor: pointer;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	background: url(../img/panel/icon-checkbox.png) center center no-repeat transparent;
	background-size: 16px;
}

label input[type="checkbox"]+.styled-checkbox:hover {
	opacity: 0.9;
}

label input[type=checkbox]:checked+.styled-checkbox {
	background: url(../img/panel/icon-checkbox-active.png) center center no-repeat transparent;
	background-size: 16px;
}

label input[type=checkbox].replaced {
	display: none;
}

.styled-select {
	display: block;
	width: 100%;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	position: relative;
	background: #ffffff;
	cursor: pointer;
}

.styled-select:before {
	content: ' ';
	position: absolute;
	z-index: 1;
	width: 22px;
	height: 22px;
	top: calc(50% - 11px);
	right: 10px;
	background: url(../img/template/icon-select.png) center center no-repeat transparent;
	background-size: 7px;
}

.styled-select select {
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 1;
	color: #1c1b1b;
	width: 100%;
	padding: 12px 20px;
	background: none;
	border: none;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.colorpicker-container {
	background: #fff;
	padding: 20px;
	border-radius: 3px;
}



/**
 * ALERT
 */

#alert {
	position: fixed;
	display: block;
	top: -60px;
	left: calc(50% - 120px);
	z-index: 500;
	opacity: 0;
	width: 240px;
	background: #1ac415;
	color: #fff;
	margin: 0;
	padding: 8px 18px 10px;
	font-size: 11px;
	line-height: 1.4;
	text-align: center;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}

#alert.active {
	opacity: 1;
	top: 0px;
}

#alert.error {
	background: #e73d50;
}

/**
 * UPLOADER
 */

#uploader {
	display: none;
}



/*
 * PANEL OPENER
 */
#panel-opener {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 300;
	display: block;
	width: 80px;
	height: 80px;
	background: url(../img/panel/icon-opener.png) center center no-repeat transparent;
	background-size: 100%;
}

#panel-opener>span {
	cursor: pointer;
	position: absolute;
	top: 13px;
	right: 13px;
	width: 22px;
	height: 22px;
	background: url(../img/panel/icon-opener-open.png) center center no-repeat transparent;
	background-size: 22px;
}

#panel-opener.active>span {
	background: url(../img/panel/icon-opener-close.png) center center no-repeat transparent;
	background-size: 16px;
}



/**
 * PANEL BG
 */

#panel-bg {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}



/**
 * PANEL CONAINER
 */
#panel-container {
	display: block;
	width: 390px;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 100%;
	background: #fff;
	z-index: 200;
}

#panel-container.active {
	left: calc(100% - 390px);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

@media (max-width: 575.5px) {
	#panel-container {
		width: 100%;
	}

	#panel-container.active {
		left: 0;
	}
}



/**
 * PANEL
 */
#panel {
	display: block;
	width: 100%;
	height: 100vh;
	overflow: auto;
}

#panel-content {
	width: 240px;
	margin: 0 auto;
	padding: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.panel-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	padding: 60px 0 0;
}

.panel-photo {
	width: 100%;
	max-width: 70px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.panel-photo a {
	display: block;
	margin: 0;
	padding: 0;
	opacity: 1;
}

.panel-photo a:hover {
	opacity: 0.9;
}

.panel-photo img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.panel-tariff {
	flex-grow: 1;
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 12px;
	color: #9e9e9e;
}

.panel-tariff-label {
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	padding: 3px 5px 4px;
	background: #2f4ffd;
	border-radius: 3px;
	color: #fff;
}

.panel-tariff .btn {
	margin-top: 10px;
}

.panel-menu {
	margin: 50px 0 0;
	padding: 40px 0;
	width: 100%;
	border-top: 1px solid #edf1f7;
	border-bottom: 1px solid #edf1f7;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.panel-menu-item+.panel-menu-item {
	margin-top: 20px;
}

.panel-menu-item {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.panel-menu-item a {
	color: #262626;
	cursor: pointer;
	text-decoration: none;
}

.panel-menu-item a:hover {
	color: #878787;
}

.panel-menu-item-submenu {
	/* display:none; */
	padding: 0 0 0 30px;
}

.panel-menu-item-submenu a {
	font-weight: 400;
	font-size: 14px;
	color: #262626;
	display: inline-block;
}

.panel-menu-item-submenu a:not(:first-child) {
	margin-top: 20px;
}

.panel-footer {
	padding: 40px 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.panel-footer-item+.panel-footer-item {
	margin-top: 20px;
}

.panel-footer-item a {
	cursor: pointer;
	color: #262626;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	margin: 0;
}

.panel-copyright {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 60px;
	font-size: 12px;
	color: #747474;
}



/**
 * POPUP
 */

#popup-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 400;
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

#popup {
	display: block;
	margin: 100px auto;
	padding: 0;
	width: 100%;
	max-width: calc(100% - 60px);
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#popup-container[data-size="XXL"] #popup {
	max-width: 1200px;
}

#popup-container[data-size="XL"] #popup {
	max-width: 1000px;
}

#popup-container[data-size="L"] #popup {
	max-width: 800px;
}

#popup-container[data-size="M"] #popup {
	max-width: 630px;
}

#popup-close {
	display: block;
	width: 14px;
	height: 14px;
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
	background: url(../img/panel/icon-popup-close.png) center center no-repeat transparent;
	background-size: 14px;
}

#popup-close:hover {
	opacity: 0.8;
}

.popup-content-container {
	display: block;
	width: 100%;
	padding: 60px 80px;
	background: #f3f3f3;
}

.popup-content-container h2 {
	font-family: 'Noto Serif', serif;
	font-size: 36px;
	line-height: 50px;
	color: #2b2b2b;
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	font-weight: 200;
	text-transform: unset;
}

.popup-content-container h2 span {
	font-size: 18px;
	opacity: 0.6;
	font-style: italic;
	position: relative;
	top: -10px;
}



/**
 * POPUP FORM
 */

.help-block:empty {
	display: none;
}

.help-block {
	font-size: 12px;
	line-height: 1.4;
	display: block;
	width: 100%;
	margin: 5px 0 20px;
	padding: 0 19px;
	color: #e73d50;
}

.popup-form {
	display: block;
	width: 100%;
}

.popup-form .form-h3 {
	font-size: 14px;
	font-weight: bold;
	color: #262626;
	display: block;
	width: 100%;
	margin: 0 0 18px;
}

.popup-form .form-h3-sub {
	font-size: 12px;
	font-weight: 400;
	color: #999;
	display: block;
	width: 100%;
	margin: -13px 0 18px;
}

.popup-form .form-h3-sub u {
	text-decoration: none !important;
	display: inline-block;
	border-bottom: 1px dashed;
}

.popup-form .form-gap {
	display: block;
	width: 100%;
	height: 30px;
}

.popup-form .form-group {
	width: 100%;
	margin: 0;
	padding: 0;
}

.popup-form .form-group+.form-group {
	margin-top: 10px;
}

.popup-form [type="text"],
.popup-form [type="email"],
.popup-form [type="number"],
.popup-form [type="password"],
.popup-form textarea {
	width: 100%;
	border: 1px solid #dfdfdf;
	box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .08);
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.4;
	color: #1c1b1b;
	margin: 0;
	padding: 10px 18px;
	display: block;
}

.popup-form [type="text"],
.popup-form [type="email"],
.popup-form [type="number"],
.popup-form [type="password"] {
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

.popup-form input[type="text"][readonly],
.popup-form input[type="email"][readonly] {
	color: #bbb;
	font-style: italic;
}

.popup-form textarea {
	min-height: 100px;
}

.popup-form .btn+.btn,
.popup-form button+button {
	margin-left: 10px !important;
}

.popup-form label {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
}

.popup-form .icon {
	-webkit-appearance: none;
	color: #26262688;
	font-size: 14px;
	line-height: 1;
	background: transparent;
	border: none;
	border-radius: 3px;
	margin: 0;
	padding: 13px 10px 14px 28px;
	cursor: pointer;

	color: #b8b8b8;
	padding: 13px 10px 14px 32px;
}

.popup-form .icon:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.popup-form .icon.icon-remove {
	background-image: url(../img/panel/icon-remove.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 14px;
}

.popup-form .icon.icon-edit {
	padding-left: 35px;
	background-image: url(../img/panel/icon-edit.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 19px;
}

.popup-form .icon.icon-upload {
	color: #fff;
	padding-left: 52px;
	padding-right: 20px;
	background-color: #b8b8b8;
	background-image: url(../img/panel/icon-upload.svg);
	background-position: 20px 7px;
	background-repeat: no-repeat;
	background-size: 26px;
}

.popup-form .icon.icon-color-picker {
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 0;
	border: 1px solid #e0e0e0;
	padding: 0;
}

.popup-form .icon.icon-color-picker:before {
	content: ' ';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 40px;
	height: 100%;
	width: calc(100% - 40px);
	background: rgb(235, 235, 235);
	background: linear-gradient(0deg, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.popup-form .icon.icon-color-picker:after {
	content: ' ';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 40px;
	height: 100%;
	width: calc(100% - 40px);
	background-color: none;
	background-image: url(../img/panel/icon-color-picker.png);
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.popup-form .icon.icon-color-picker:hover {
	border: 1px solid #d0d0d0;
}

.popup-form .icon.icon-add {
	color: #fff;
	padding-left: 52px;
	padding-right: 20px;
	background-color: #b8b8b8;
	background-image: url(../img/panel/icon-add.svg);
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 21px;
}

.popup-form .icon.icon-add:hover {
	background-color: #a9a9a9;
}

.popup-form .form-tabs {
	width: 100%;
}

.popup-form .form-tabs-line {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: 1px solid #dddddd;
	overflow: hidden;
	border-radius: 3px;
}

.popup-form .form-tabs-line>div {
	display: block;
	width: 50%;
}

.popup-form .form-tabs-line>div>label {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #747474;
	text-align: center;
	margin: 0;
	padding: 10px 15px;
	cursor: pointer;
}

.popup-form .form-tabs-line>div>label input[type="radio"] {
	display: none;
}

.popup-form .form-tabs-line>div.active>label {
	color: #fff;
	background: #e73d50;
	cursor: default;
}

.popup-form .form-tabs-line>div:not(.active):hover {
	background: #ddd;
}

.popup-form .form-tabs-content {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0;
	padding: 25px 0 0;
}

.popup-form .form-tabs-content>div {
	display: none;
}

.popup-form .form-tabs-content>div.active {
	display: block;
	width: 100%;
}

.popup-form .ui-colorpicker-map-container {
	width: 256px;
}

.popup-form .ui-colorpicker-hex-container {
	padding-top: 0;
}

.popup-form .ui-colorpicker-hex {
	position: relative;
}

.popup-form .ui-colorpicker-hex label {
	position: absolute;
	left: 10px;
	top: 11px;
	width: auto !important;
	opacity: 0.6;
}

.popup-form .ui-colorpicker-hex-input {
	padding-left: 20px;
	text-transform: uppercase;
}

.popup-form .ui-colorpicker-rgb-container {
	vertical-align: bottom;
}

.popup-form .ui-colorpicker-rgb>* {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 0 0;
	float: left;
	position: relative;
}

.popup-form .ui-colorpicker-rgb .ui-colorpicker-mode {
	display: none;
}

.popup-form .ui-colorpicker-rgb label {
	position: absolute;
	width: auto !important;
	float: left;
	top: 21px;
	left: 10px;
	z-index: 2;
	opacity: 0.6;
}

.popup-form .ui-colorpicker-rgb input {
	width: 100%;
	position: relative;
	z-index: 1;
	padding-left: 25px;
	padding-right: 5px;
}

.popup-form .form-hr {
	width: calc(100% + 160px);
	display: block;
	margin: 35px -80px;
	height: 1px;
	background: #e0e0e0;
}

.table-head {
	color: #9e9e9e !important;
	font-size: 12px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.popup-form-ul li+li {
	margin: 10px 0 0;
}

.popup-form-p {
	font-size: 15px;
	line-height: 1.6;
}

.popup-form-p a {
	color: #e73d50;
	text-decoration: underline;
}

.panel-code {
	display: inline-block;
	margin: 0;
	padding: 1px 7px;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.panel-cole-bold {
	font-weight: bold;
}

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

.popup-form-error {
	display: block;
	width: 100%;
	margin: 5px 0 0;
	padding: 0;
	color: #e73d50;
	font-size: 13px;
	line-height: 1.4;
}

.popup-form-error.with-bg {
	padding: 20px;
	width: 100%;
	background: #fff;
	font-size: 16px;
}



/**
 * POPUP TARIFF
 */

.panel-popup-tariff__title {
	display: block;
	width: 100%;
	font-size: 24px;
	color: #262626;
	font-weight: 700;
	margin: 10px 0;
}

.panel-popup-tariff__line {
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.3;
	padding: 0 0 0 30px;
}

.panel-popup-tariff__line:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	background: url(../img/panel/icon-checked.svg) center center no-repeat;
	background-size: 14px;
	opacity: 0.7;
}

.panel-popup-tariff__line+.panel-popup-tariff__line {
	margin-top: 5px;
}

.tariff-select-months-container {
	display: none;
}



/**
 * POPUP PROFILE
 */

.popup-form .panel-profile-photo-container {
	width: 100%;
	max-width: 240px;
	float: right;
	text-align: center;

	text-align: left;
	max-width: 250px;
}

.popup-form .panel-profile-photo-container .form-h3 {
	text-align: left;
}

.popup-form .panel-profile-photo-container img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}



/**
 * WEBSITE PAGES
 */

.panel-website-pages-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.panel-website-pages-list>li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 22px 20px 22px 40px;
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #e0e0e0;
}

.panel-website-pages-list>li:not(.not):before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 20px;
	top: calc(50% - 10px);
	background: url(../img/svg/drag.svg) center center no-repeat transparent;
	background-size: 100%;
	opacity: 0.9;
}

.panel-website-pages-list>li:not(.not):hover {
	cursor: pointer;
	background: #f5f5f5;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.panel-website-pages-list>li:hover:before {
	opacity: 1;
}

.panel-website-pages-list__item {
	display: flex;
	width: 100%;
	flex-direction: row;
}

.panel-website-pages-list__item>* {
	padding: 0 10px;
	align-self: center;
}

.panel-website-pages-list__title {
	flex-grow: 1;
}

.panel-website-pages-list__title small {
	color: #aaa;
}

.panel-website-pages-list__active {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
}

.panel-website-pages-list__button {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}



/**
 * POPUP WEBSITE MAIN SETTINGS
 */

.panel-website-bg-container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
}

.panel-website-bg-container img {
	display: block;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	border-radius: 3px;
	overflow: hidden;
}

.panel-website-bg-align-container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	cursor: default;
}

.panel-website-bg-align-container:not(.active):hover {
	opacity: 0.8;
}

.panel-website-bg-align-container:not(.active) label {
	cursor: pointer;
}

.panel-website-bg-align-container input[type="radio"] {
	display: none;
}

.panel-website-bg-align-container img {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.panel-website-bg-align-container img.active {
	display: none;
}

.panel-website-bg-align-container.active img {
	display: none;
}

.panel-website-bg-align-container.active img.active {
	display: block;
}

.panel-website-text-font-preview {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	padding: 30px;
	background: #fff;
	color: #1c1b1b;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
}

.panel-website-title-font-preview {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	padding: 30px;
	background: #fff;
	color: #1c1b1b;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
}

.panel-website-favicon-container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.panel-website-favicon-container img {
	display: block;
	width: auto;
	height: auto;
	margin: 20px 0 0;
	border-radius: 3px;
	overflow: hidden;
}



/**
 * POPUP WEBSITE LOGOTYPE
 */

.panel-website-logotype-container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
}

.panel-website-logotype-container img {
	display: block;
	width: auto;
	max-width: 200px;
	height: auto;
	max-height: 200px;
	margin: 20px 0 0;
}

.panel-website-logotype-text-font-preview {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	padding: 30px;
	background: #fff;
	color: #1c1b1b;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
}

.panel-website-text-font-color-container {
	display: none;
}

.panel-website-text-font-color-container .colorpicker-container {
	margin: 20px 0 0;
}

.panel-website-title-font-color-container {
	display: none;

}

.panel-website-title-font-color-container .colorpicker-container {
	margin: 20px 0 0;
}


/**
 * POPUP WEBSITE BG AND FONTS
 */

.panel-website-menu-font-preview {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	padding: 30px;
	background: #fff;
	color: #1c1b1b;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
}

.panel-website-menu-font-preview {
	margin-bottom: 30px;
}

.panel-website-menu-link-color-container,
.panel-website-menu-link-active-color-container,
.panel-website-menu-link-hover-color-container {
	display: none;
	margin: 20px 0 0;
}

.panel-website-logotype-text-font-color-container {
	display: none;
}

.panel-website-logotype-text-font-color-container .colorpicker-container {
	margin: 20px 0 0;
}



/**
 * POPUP WEBSITE GALLERY
 */

.panel-website-gallery-type-container {
	width: 100% !important;
	cursor: pointer;
	position: relative;
	padding: 20px !important;
	opacity: 0.8;
}

.panel-website-gallery-type-container>* {
	position: relative;
	z-index: 2;
}

.panel-website-gallery-type-container .active-bg {
	position: absolute;
	opacity: 0;
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: transparent;
	z-index: 1;
}

.panel-website-gallery-type-container img {
	display: block;
	width: 100%;
}

.panel-website-gallery-type-container [type="radio"] {
	display: none;
}

.panel-website-gallery-type-container.active {
	opacity: 1;
}

.panel-website-gallery-type-container:hover .active-bg {
	opacity: 1;
}

.panel-website-gallery-type-container.active .active-bg {
	opacity: 1;
	background: #fff;
}

.panel-website-gallery-type-container .active-checked {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(../img/panel/icon-selected.svg) center center no-repeat;
	background-size: 100%;
}



/**
 * POPUP WEBSITE SOCIAL
 */

.panel-website-social-url-wrapper {
	position: relative;
	width: 100%;
}

.panel-website-social-url-wrapper:not(.last) {
	margin-bottom: 30px;
}

.panel-website-social-url-wrapper input {
	padding-left: 40px !important;
}

.panel-website-social-url-wrapper:before {
	content: ' ';
	position: absolute;
	z-index: 1;
	top: calc(50% - 10px);
	left: 13px;
	display: block;
	width: 20px;
	height: 20px;
	background: #b2b2b2;

	-webkit-mask-size: contain;
	mask-size: contain;
}

.panel-website-social-url-wrapper[data-social-url-vk]:before {
	-webkit-mask-image: url(../img/panel/social/icon-vk.svg);
	mask-image: url(../img/panel/social/icon-vk.svg);
}

.panel-website-social-url-wrapper[data-social-url-facebook]:before {
	-webkit-mask-image: url(../img/panel/social/icon-facebook.svg);
	mask-image: url(../img/panel/social/icon-facebook.svg);
}

.panel-website-social-url-wrapper[data-social-url-instagram]:before {
	-webkit-mask-image: url(../img/panel/social/icon-instagram.svg);
	mask-image: url(../img/panel/social/icon-instagram.svg);
}

.panel-website-social-url-wrapper[data-social-url-youtube]:before {
	-webkit-mask-image: url(../img/panel/social/icon-youtube.svg);
	mask-image: url(../img/panel/social/icon-youtube.svg);
}

.panel-website-social-url-wrapper[data-social-url-twitter]:before {
	-webkit-mask-image: url(../img/panel/social/icon-twitter.svg);
	mask-image: url(../img/panel/social/icon-twitter.svg);
}

.panel-website-social-url-wrapper[data-social-url-linkedin]:before {
	-webkit-mask-image: url(../img/panel/social/icon-linkedin.svg);
	mask-image: url(../img/panel/social/icon-linkedin.svg);
}



/**
 * POPUP: DOMAIN
 */

.panel-popup-settings-domain-dnar-logo {
	display: inline-block;
	margin: 0 0 0 5px;
}

.panel-popup-settings-domain-dnar-logo img {
	display: inline-block;
	height: 24.5px;
	width: auto;
	margin: 0;
	padding: 0;
}



/**
 * POPUP: UPLOAD FILES
 */
.photo-edit-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 30px;
	margin: 0 0 30px;
}

.photo-edit-container__left {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}

.photo-edit-container__left img {
	display: block;
	width: 100%;
}

.photo-edit-container__right {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-self: center;
}

.photo-edit-container__title {
	width: 100%;
}

.photo-edit-container__description {
	width: 100%;
}



/**
 * FANCYBOX
 */
.carousel__button.fancybox__button--zoom,
.carousel__button.fancybox__button--slideshow,
.carousel__button.fancybox__button--fullscreen {
	display: none !important;
}

.panel__button {
	height: 100px;
}

.panel__button {
	position: absolute;

	right: 7px;
	top: 7px;

	text-decoration: none;
	transform: translateY(-200%);
	transition: all 0.3s ease;
	z-index: 2;
	width: 36px;
}

.macy__item:hover .panel__button {
	transform: translateY(0%);
}

.button__panel {
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	border: none;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
	background-position: center 9px;
	background-repeat: no-repeat;
}

.button__liner {
	border: none;
	width: 36px;
	height: 36px;
	background-position: center 9px;
	background-repeat: no-repeat;
}

.remove__button__red {
	background-image: url(../img/panel/icon-remove-red.svg);
	background-size: 35%;
}

.edit__button {
	background-image: url(../img/panel/icon-edit.svg);
	background-size: 42%;
}

.drag__button {
	background-image: url(../img/svg/drag.svg);
	background-size: 42%;
}

.photo-edit-container__button {
	justify-content: center;
	display: flex;
	cursor: move;
}

.template-page .edit-album-panel button.button__watch {
	background-image: url(../img/panel/show.png);
	background-size: 40%;
	height: 42px;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: -2px;
	padding: 10px 20px;
}

.template-page .edit-album-panel button.button__watch.active {
	background-image: url(../img/panel/hide.png);
	background-color: #ffb3b3;
}

.button__panel.button__watch {
	background-image: url(../img/panel/show_red.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.button__panel.button__watch.active {
	background-image: url(../img/panel/hide_red.png);
}

.template-page .macy .macy__item.macy__item-hide {
	opacity: 0.6;
}

.photo-edit-container__left .button__panel.button__watch {
	background-color: #f3f3f4;
	box-shadow: none;

}

.popup-form .photo-edit-container__left button+button {
	margin-left: 0px !important;
}


.template-page .macy.classic-4 .macy__item,
.template-page .macy.classic-3 .macy__item,
.template-page .macy.classic-2 .macy__item {
	aspect-ratio: 1 / 1;
}

.template-page .macy.classic-4 .macy__item a,
.template-page .macy.classic-3 .macy__item a,
.template-page .macy.classic-2 .macy__item a {
	height: 100%;
	display: flex;
	align-items: center;
}

.template-page .macy {
	opacity: 0;
}

.template-page .macy.start {
	opacity: 1;
}

.template-page .edit-album-panel button.free-button {
	padding: 5px 10px;
	color: #fff;
	background: #c1c1c1;
}

.a-btn {
	text-decoration: none;
}

.icon-album {
	width: 18px;
}

.panel-page-chank .panel-website-pages-list__button {
	width: 210px;
	min-width: 210px;
	max-width: 210px;
}

.panel-page-chank .panel-website-pages-list__active {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

.panel-page-chank .button__liner {
	border-radius: 3px;
	height: 41px;
	background-position: center 12px;
}

.panel-page-chank .button__liner:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.df {
	display: flex;
}

.page-chank__content-edit {
	border: 1px dashed rgb(231 61 80 / 10%);
	padding: 10px;
	width: calc(100% + 22px);
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.article__image-wrapper {
	position: relative;
}

.page-chank__content-edit:hover .panel__button,
.page-chank__content-image-edit:hover .panel__button,
.article__image-wrapper:hover .panel__button,
.panel__button-wrapper:hover .panel__button {
	transform: translateY(0%);
	opacity: 1;
}

.panel__button-center .panel__button {
	right: 50%;
}

.page-chank__content-edit:hover {
	background: rgb(231 61 80 / 10%);
}

.page-chank__content-edit .panel__button,
.page-chank__content-image-edit .panel__button,
.article__image-wrapper .panel__button {
	width: 120px;
	height: 35px;
	opacity: 0;
}

.panel__button button:hover {
	background-color: #e7e7e7;
}

.article__image-wrapper.promo_no_watch .article__image {
	opacity: 0.2;
}

.button_panel_plus {
	text-align: center;
	color: #e73d50;
}

.button_panel_plus button {
	font-size: 24px;
	color: #e73d50;
	border-color: #e73d50;
	margin-bottom: 8px;
}

.button_panel_plus div {}

.no_promo {
	border: 1px dashed rgb(231 61 80 / 10%);
	display: flex;
	align-items: center;
	justify-content: center;

}

.template-page .article__image-wrapper.article-wrapper-mini {
	min-height: 100px;
}

.no_watch .section__block {
	opacity: 0.2;
}

.template-page .article__image-wrapper.article-wrapper {
	height: auto;
	max-height: max-content;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn.btn-primary,
.btn.btn-transparent {
	overflow: hidden;
	position: relative;
}

.template-page .about__image-wrapper.no_chank {
	box-shadow: none;
}

.panel__button-wrapper.h1-body {
	position: relative;
}

.template-page .section.contacts .container1280 {
	width: 100%;
}

.tarfiff-block-2, .tarfiff-block-1 {
	display: none;
}

.block-2.tarfiff-block-2 {
	display: block;
}

.block-1.tarfiff-block-1 {
	display: block;
}

.dn {
	display: none;
}