:root{
	--marine: #2DBBB3;
	--marine-dark: #3E8E8F;
	--footer-bg: #1A5657;
	--orange: #FF8543;
	--orange-hover: #E67132;
	--orange-light: #FFC7A9;
	--orange-light-alpha: rgba(255, 199, 170, 0.5);
	--background: #EDF2F4;
	--blue: rgb(36, 47, 75);
	--link: #E04E00;
	--text: #242F4B;
	--button-border: #D3D7E3;
	--table-row: #E5F3F9;
	--tag-orange-bg: #FFF3EC;
	--tag-marine-bg: #ECF8F7;
	--tag-closed-bg: #878DA0;
	--grey-text: #B3C1C6;
	--grey-light: #EDF2F4;
	--grey-border: #D8DEEE;
	--grey-light-alpha: rgba(236, 241, 244, 0.75);
	--grey-marine: #D9E1F5;
	--grey-dark: #A3ABC6;
	--grey-fi: #878DA0;
	--white: #FFFFFF;
	--white45: rgba(255,255,255,0.45);
	--lkbg: #EBF0F4;
	--telegram: #2AABEE;
	--youtube: #FF0000;
	--vk: #0077FB;

	--shadow: 1px 2px 1.83rem rgba(29, 107, 124, 0.2);
	--shadow2: 2px 2px 2.78rem #D7E3E5;

	--base: 400 1rem/150% 'Ubuntu';
	--buttons-bread: 500 0.94rem/150% 'Ubuntu';
	--p17m: 500 1.05rem/auto 'Ubuntu';
	--p18m: 500 1.125rem/auto 'Ubuntu';
	--p15m: 500 0.83rem/auto 'Ubuntu';
	--p15: 400 0.83rem/auto 'Ubuntu';
	--p14m: 500 0.77rem/120% 'Ubuntu';
	--menu: 500 1.06rem/auto 'Ubuntu';
	--p24b: 700 1.5rem/110% 'Ubuntu';
	--p23: 500 1.4rem/130% 'Ubuntu';
	--h1: 700 2.8rem/110% 'Ubuntu';
	--h2: 700 1.8rem/110% 'Ubuntu';
	--h3: 700 1.3rem/110% 'Ubuntu';
	--h4: 700 1.2rem/110% 'Ubuntu';
	--h5: 500 1rem/130% 'Ubuntu';

	
	--main-width: 1300px;
}

.dev
{
	display: block;
	padding: 0 2rem;
}

body, html
{
	margin: 0;
	padding: 0;
	width: 100%;
	font: var(--base);
}

body, html
{
	font-size: 16px;
}

h1, h2, h3
{
	margin: 0;
}

h3
{
	color: var(--orange);
}

.static-content h2, .static-content h1
{
	margin: 3rem 0 2rem;
}

.static-content *
{
	text-align: left !important;
	font-style: normal !important;
}

.content>h1
{
	padding-left: 3rem;
}

h1, .h1
{
	font: var(--h1);
}

h2, .h2
{
	font: var(--h2);
}

h3, .h3
{
	font: var(--h3);
}

header
{
	height: 10rem;
	width: 100%;
	background-image: url('/images/head.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

header a
{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.orange
{
	color: var(--orange);
}

body>.content
{
	display: block;
	position: relative;
	margin-top: -2.22rem;
	border-top-left-radius: 2.22rem;
	border-top-right-radius: 2.22rem;
	background: var(--white);
	padding: 1.3rem 1.3rem 3.6rem;
	width: -webkit-fill-available;
	box-sizing: border-box;
}

body .wrapper
{
	max-width: var(--main-width);
	margin: 0 auto;
}

.big-shadow
{
	padding: 1.89rem 2.67rem;
	margin: 0 -2.67rem;
	position: relative;
	border-radius: 1.67rem;
	background: var(--white);
	box-shadow: var(--shadow);
	margin-bottom: 1rem;
}

a
{
	text-decoration: none;
	color: var(--link);
	transition: all 0.3s ease;
}

a:hover
{
	color: var(--orange-hover);
}

a i.icon-chevron-d
{
	font-size: 0.7em;
	margin-left: 0.625rem;
}

.orange
{
	color: var(--orange);
}

.header
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.8rem;
	margin-left: -0.72rem;
}

.header>div:nth-child(1)
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.header>div:nth-child(2)
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1.3rem;
	font: var(--buttons-bread);
}

.breadcrumbs
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.75rem;
	color: var(--grey-text);
	font: var(--p17m);
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.breadcrumbs i
{
	font-size: 0.8em;
}

.breadcrumbs a
{
	color: var(--grey-text);
}

.breadcrumbs a:last-child
{
	color: var(--orange);
}

.button
{
	display: flex;
	justify-content: flex-start;
	gap: 0.54rem;
	padding: 0.66rem 1rem;
	border-radius: 0.72rem;
	background: var(--orange);
	color: var(--white);
	font: var(--buttons-bread);
}

.button i
{
	font-size: 1.2em;
	color: var(--white);
}

.button:hover
{
	background: var(--orange-hover);
	color: var(--white);
}

.button-blank
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.54rem;
	padding: 0.66rem 1rem;
	border-radius: 0.72rem;
	border: 2px solid var(--grey-light);
	background: var(--white);
	color: var(--text);
	font: var(--buttons-bread);
}

.button-blank i
{
	font-size: 0.8em;
	color: var(--black);
}

.mt-buttons .button-blank i {color: var(--orange);}


.header .main-menu
{
	display: flex;
	justify-content: flex-start;
	gap: 2px;
	font: var(--menu);
}

.header .main-menu a

{
	padding: 0.78rem 0.72rem;
	border-radius: 0.54rem;
	background: transparent;
	text-decoration: none;
	color: var(--text);
	font: var(--menu);
	font-weight: 500;
}

.header .main-menu a:hover
{
	background: var(--grey-light);
}

.header .main-menu a.selected
{
	/*background: var(--orange-light);*/
	color: var(--orange);
}

.header .search
{
	margin-left: 1rem;
}

.header .search form
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
}

.header .search form button
{
	-webkit-appearance:none;
	background: transparent;
	border:none;
	font-size: 1rem;
	color: var(--grey-text);
}

.header .search form input
{
	-webkit-appearance:none;
	font: var(--menu);
	color: var(--grey-fi);
	border: none;
	display: block;
}

.info-block
{
	display: block;
	
}

.info-block .ib-value.ib-editable .button
{
	font: var(--p14m);
}

.info-block .ib-value.ib-editable .v-editor, .info-block .ib-value.ib-editable.editing .value
{
	display: none;
}

.info-block .ib-value.ib-editable .value, .info-block .ib-value.ib-editable.editing .v-editor
{
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
	align-items: center;
}


.slider.main-slider
{
	display: block;
	margin: 0 -4.5rem;
	position: relative;
}

.slider .slides
{
	display: flex;
	width: calc(var(--main-width) + 9rem);
	overflow: hidden;
	margin-bottom: 3.125rem;
	padding-right: 1.89rem;
	box-sizing: border-box;
}

.slide
{
	width: calc(var(--main-width) + 5.34rem);
	flex: none;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 5rem;
	padding: 1.89rem 2.67rem 3.89rem;
	margin: 1.83rem;
	box-sizing: border-box;
	position: relative;
	border-radius: 1.67rem;
	background: var(--white);
	box-shadow: var(--shadow);

	/*margin-bottom: 1rem;*/
}

.slide img
{
	max-height: 21rem;
	height: 100%;
	max-width: 100%;
}

.news-slider
{
	width: var(--main-width);
	display: flex;
	overflow: hidden;
	margin-left: -20px;
}

.news-slider .news-list
{
	flex: none;
	width: var(--main-width);

}


.slide-image
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.slide-text
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.slide-text p
{
	/*margin-bottom: 40px;*/
}

.slider-nav
{
	position: absolute;
	bottom: 2.5rem;
	left: 2.67rem;
	right: 2.67rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.slider-nav>a
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--grey-light);
	color: var(--blue);
	font-size: 0.7rem;
	height: 2.1rem;
	width: 2.1rem;
	border-radius: 50%;
}

.slider-nav>a:hover
{
	background: var(--grey-dark);
}

.slider-nav .points
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.54rem;
}

.slider-nav .points>a
{
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background: var(--grey-light);
	border-radius: 50%;
}

.slider-nav .points>a.selected
{
	background: var(--marine);
}

.main-info
{
	display: block;
	margin-top: 4.22rem;
}

.mi-blocks
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.1rem;
	margin-top: 2.5rem;
}

.iblock
{
	display: block;
	position: relative;
	border-radius: 1.1rem;
	color: var(--white);
	padding: 1.2rem 3rem 1.2rem 1.44rem;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.iblock:after
{
	font-family: "icomoon";
	content: "\e903";
	font-size: 0.8rem;
	position: absolute;
	right: 1rem;
	bottom: 0.3rem;
}

.iblock .title
{
	font: var(--h3);
}

.iblock .text
{
	margin: 0.5rem 0 0;
}

.iblock:hover {transform: scale(1.03);}

.iblock.green-block { background:var(--marine); }
.iblock.orange-block { background:var(--orange); }

.iblock.green-block:hover { color:var(--white); background:var(--marine-dark);}
.iblock.orange-block:hover { color:var(--white); background:var(--orange-hover);}

.grey-content
{
	background: var(--grey-light);
	padding: 4.1rem 0 9.2rem;
}

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

.content-title a
{
	display: flex;
	align-items: center;
	gap: 0.54rem;
}

.content-title .ct-left
{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 1.08rem;
}

.content-title .ct-buttons
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1.08rem;
}

.content-title .ct-buttons a, .p-gallery .nav a
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--grey-light);
	color: var(--black);
	font-size: 0.7rem;
	height: 2.1rem;
	width: 2.1rem;
	border-radius: 50%;
}

.content-title .ct-buttons a:hover, .p-gallery .nav a:hover
{
	background: var(--grey-dark);
}

.content-title .ct-buttons.white a
{
	background: var(--white);
}

.news-list
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1.08rem;
	margin-top: 2.5rem;
	margin-bottom: 1.08rem;
	padding: 0 0rem;
	box-sizing: border-box;
}

.news-item
{
	display: block;
	border-radius: 1.67rem;
	background: var(--white);
	padding: 1.11rem;
	transition: all 0.3s ease;
	box-shadow: var(--shadow2);
}

.news-item.type-3
{
	background: var(--orange);
}

.news-item:hover
{
	transform: scale(1.02);
}

.news-item .ni-image
{
	display: block;
	padding-top: 60%;
	border-radius: 0.56rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.news-item .ni-title
{
	font: var(--h5);
	color: var(--text);
	margin-top: 0.56rem;
	padding: 0 0.44rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 2.6em;
}

.news-item.type-3 .ni-title
{
	color: var(--white);
}

.news-item .ni-info
{
	margin-top: 1.22rem;
	display: flex;
	justify-content: flex-start;
	gap: 0.33rem;
}

.news-type
{
	font: var(--p14m);
	padding: 0.44rem 0.61rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.56rem;
}

.news-type.type-1
{
	background: var(--tag-orange-bg);
	color: var(--orange);
}

.news-type.type-2
{
	background: var(--tag-marine-bg);
	color: var(--marine);
}

.news-type.type-3
{
	background: var(--white);
	color: var(--orange);
}

.news-date
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid var(--grey-text);
	color: var(--text);
	font: var(--p15m);
	padding: 0.33rem 0.5rem;
	gap: 0.54rem;
	border-radius: 0.54rem;
}

.news-date i
{
	color: var(--grey-text);
	font-size: 1.2em;
}

.news-item.type-3 .news-date
{
	color: var(--white);
}

.news-item.type-3 .news-date i
{
	color: var(--orange-light);
}

.text-block
{
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-gap: 3.8rem;
	padding: 3.5rem 0;
	margin-bottom: 7.4rem;
}

.text-block img
{
	max-width: 100%;
}


.timeline
{
	margin-top: 3rem;
	margin-left: calc(var(--main-width) / 2 - 50vw + 0.5rem);
	margin-right: calc(var(--main-width) / 2 - 50vw + 0.5rem);
	width: calc(100vw - 1rem);
	padding-left: 3rem;
	box-sizing:border-box;
	/*width: calc(50vw + var(--main-width) / 2 - 1.3rem);*/
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.timeline>div
{
	flex: none;
	width: 24rem;
}

.timeline>div img
{
	max-width: 19rem;
}

.tl-title
{
	color: var(--orange);
	font: var(--h3);
	line-height: 2.5rem;
}

.tl-text
{
	padding: 0 2rem 0 0;
}

.tl-line
{
	display: block;
	height: 0.125rem;
	position: relative;
	background: var(--orange);
	margin: 1.5rem 0 3rem;
}

.tl-line:before
{
	content: "";
	display: block;
	background: var(--orange);
	left: -0.25rem;
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	top: -0.15rem;
	transform: rotate(45deg);
}

footer
{
	background: var(--footer-bg);
	padding: 2.1rem 3.89rem 1.5rem;
}

.top-footer
{
	display: flex;
	justify-content: space-between;
	grid-gap: 9vw;
}

.top-footer a img
{
	width: 18rem;
}

.footer-menu
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px;
}

.footer-menu a
{
	color: var(--white);
	font: var(--buttons-bread);
}

.footer-menu a:hover
{
	color: var(--orange-light);
}

.footer-menu a.button:hover
{
	color: var(--white);
}

.footer-menu>div
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1rem;
}

a.document
{
	display: grid;
	grid-template-columns: 2rem 1fr;
	padding: 1.5rem 1rem;
	border-radius: 0.625rem;
	border: 0.125rem solid var(--marine);
	color: var(--white);
	grid-gap: 1rem;
	font: var(--h5);
	margin-top: 4rem;
}

a.document i
{
	color: var(--marine);
	font-size: 2rem;
	display: flex;
	align-items: center;
}

.footer-line
{
	display: block;
	height: 2px;
	background: var(--marine);
	margin: 2rem 0 1rem;
}

.footer-bottom
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--marine-dark);
}

.footer-bottom a
{
	color: var(--white);
	margin-left: 1.125rem;
}

.footer-bottom a:hover
{
	color: var(--marine-dark);
}

#pager
{
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	list-style-type: none;
	margin-top: 5rem;
}

#pager li a
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.375rem;
	height: 2.375rem;
	border-radius: 0.625rem;
	background: var(--background);
	border: 0.125rem solid var(--background);
	color: var(--blue);
	text-decoration: none;
}

#pager li.space a
{
	width: 0.75rem;
	background: var(--white);
	border: 0.125rem solid var(--white);
}

#pager li.current a
{
	background: var(--orange);
	border: 0.125rem solid var(--orange);
	color: var(--white);
}

#pager>li:first-child a, #pager>li:last-child a
{
	background: var(--white);
	color: var(--blue);
}

#pager>li:first-child
{
	padding-right: 0.5rem;
}

#pager>li:last-child
{
	padding-left: 0.5rem;
}


#pager>li:first-child.unvisible a, #pager>li:last-child.unvisible a
{
	color: var(--grey);
}

.filter
{
	display: grid;
	grid-template-columns: 1fr 15.625rem;
	padding: 0 0rem;
	margin-top: 2rem;
}

.filter-actions
{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 0.5rem;
}

.filter .filters-list
{
	display: flex;
	justify-content: flex-start;
	/*flex-wrap: wrap;*/
	gap: 2rem;
}
.filter-column .filters-list
{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 2rem;
	position: sticky;
	top: 0.5rem;
}

.filter-item
{
	min-width: 11.5rem;
	width: 100%;
}

.selected-vars
{
	display: block;
	font: var(--p14m);
	color: var(--grey-text);
}

.filter-item .cb-column
{
	gap: 0.625rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.filter-name
{
	font: var(--h3);
	display: block;
	margin-bottom: 0.872rem;
}

.selector
{
	display: block;
	position: relative;
}

.selector .selector-hint
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--grey-light);
	border-radius: 0.4rem;
	height: 2rem;
	box-sizing: border-box;
	padding: 0 0.85rem;
	font: var(--p16m);
	color: var(--blue);
	gap: 2rem;
}

.selector .selector-hint:after
{
	font-family: "icomoon";
	content: "\e906";
	font-size: 0.9em;
}

.selector .selector-variants
{
	display: none;
	background: transparent;
	transition: all 0.3s ease;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}

.selector .selector-variants.visible
{
	background: var(--white);
	display: block;
	position: absolute;
	left: 0;
	top: 2.5rem;
	max-height: 18rem;
	overflow: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.selector .selector-variants a
{
	display: block;
	font: var(--p14m);
	padding: 0.5rem 1.25rem;
	white-space: nowrap;
	color: var(--blue);
}

.selector .selector-variants a.selected
{
	background: var(--orange);
	color: var(--white);
}

.left-content
{
	display: grid;
	grid-template-columns: 46rem 1fr;
	grid-gap: 6.75rem;
	margin-bottom: 5rem;
}

.left-content>div:last-child
{
	display: block;
	position: relative;
}

.left-content>div:last-child>*
{
	position: sticky;
	top: 2rem;
	max-width: 100%;
}

.news-item-date
{
	display: block;
	margin: 1.625rem 0 1.75rem;
	color: var(--grey-fi);
	font: var(--p23);
	color: var(--grey-text);
}

.left-content .tags
{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 3.125rem;
}

.left-content .tags span:nth-child(n+7)
{
	display: none;
}

.left-content .tags.all-tags span:nth-child(n+7)
{
	display: block;
}

.article-tag
{
	font: var(--super-small);
	padding: 0.5rem 0.55rem;
	border-radius: 0.625rem;
	white-space: nowrap;
	background: var(--tag-orange-bg);
	color: var(--orange);
}

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

input[type=checkbox]+label
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	color: var(--blue);
	font:var(--p14);
	
}

input[type=checkbox]+label:before
{
	font-family: "icomoon";
	content: "\e90c";
	color: var(--grey-light);
	font-size: 1.375rem;
}

input[type=checkbox]:checked+label:before
{
	content: "\e90d";
	color: var(--orange);
}

.mus-list
{
	display: grid;
	grid-template-columns: 16.25rem 1fr;
	grid-gap: 4.75rem;
	margin-top: 7rem;
	padding: 0 0rem;
}

.ml-top
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.875rem;
}

.grey-button
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	color: var(--black);
	background: var(--grey);
	border-radius: 0.625rem;
	font: var(--p15);
}

.grey-button:hover
{
	background: var(--grey-dark);
	color: var(--black);
}

.list-view
{
	display: flex;
	justify-content: flex-start;
	gap: 0.5rem;
}

.list-view a
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	color: var(--black);
	background: var(--grey-light);
	border-radius: 0.625rem;
	font-size: 0.9rem;
	line-height: 120%;
}

.list-view a i
{
	font-size: 1.125rem;
}

.list-view a.selected
{
	color: var(--white);
	background: var(--orange);
}

.mus-tile-list
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.25rem;
}

.tile-link
{
	display: block;
	border-radius: 1.25rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 20rem;
	position: relative;
	transition: all 0.3s ease;
}

.tile-link:hover
{
	transform: scale(1.01);
}

.tile-link .shadow-block
{
	display: flex;
	border-radius: 1.25rem;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 1.125rem;
	justify-content: space-between;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.tile-link .shadow-block:hover
{
	background: rgba(0, 0, 0, 0.5);
}

.tile-link .shadow-block.closed-sb
{
	background: var(--grey-light-alpha);
}

.tile-link .museum-name
{
	font: var(--p24b);
	color: var(--white);
}

.tile-link .closed-sb .museum-name
{
	color: var(--grey-fi);
}

.tile-link .tile-bottom
{
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	gap: 0.875rem;
}

.tile-link .m-metro, .tile-link .m-addr, .tile-link .work-time 
{
	display: flex;
	justify-content: flex-start;
	gap: 0.5rem;
	color: var(--white);
	font: var(--p17m);
}

.tile-link .closed-sb .m-metro, .tile-link .closed-sb .m-addr, .tile-link .closed-sb .work-time 
{
	color: var(--tag-closed-bg);
}

.tile-link .m-metro:before, .tile-link .m-addr:before, .tile-link .work-time:before
{
	font-family: "icomoon";
	color:var(--grey-fi);
	font-size: 1.25rem;
	width: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tile-link .m-metro:before {content: "\e911"; font-size: 1rem;}
.tile-link .m-addr:before {content: "\e910";}
.tile-link .work-time:before {content: "\e905";}

.tile-link .other-info
{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	flex-direction: column;
	gap: 0.25rem;
}

.tile-link .mus-labels
{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.375rem;
	padding-top: 0.9rem;
}

.tile-link .ml
{
	display: flex;
	padding: 0.5rem 0.7rem;
	border-radius: 0.625rem;
	gap: 0.375rem;
	justify-content: flex-start;
	align-items: center;
	color: var(--white);
	font: var(--p15);
}

.tile-link .ml.age
{
	background: var(--marine);

}

.tile-link .ml.ready
{
	background: var(--orange);
}

.tile-link .ml.closed
{
	background: var(--grey-fi);
}

.tile-link .ml.ready:before, .tile-link .ml.closed:before
{
	font-family: "icomoon";
	font-size: 0.9rem;
	color: var(--orange-light);
}

.tile-link .ml.ready:before {content: "\e90f"}
.tile-link .ml.closed:before {content: "\e90e"; font-size: 0.625rem; display: flex; align-items: center; justify-content: center; color: var(--background); border-radius: 50%; background: rgba(255, 255, 255, 0.7); width: 1rem; height: 1rem;}


.museums-view-list, .museums-view-list ul
{
	list-style-type: none;
	padding: 0;
}


.museums-view-list 
{
	margin-bottom: 3rem;
}

.museums-view-list>li
{
	display: block;
	border-bottom: 2px solid var(--grey-light);
	padding: 1.1rem 0;
}

.museums-view-list ul
{
	display: block;
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: all 0.3s ease;
}

.museums-view-list .opened ul
{
	display: block;
	padding: 0;
	opacity: 1;
	height: auto;
}

.museums-view-list>li span
{
	display: flex;
	justify-content: space-between;
	font-size: 1.5rem;
	line-height: 150%;
	font-weight: 700;
}

.museums-view-list>li span:after
{
	display: block;
	font-family: "icomoon";
	content: "\e906";
	font-size: 0.8em;
	transition: all 0.3s ease;
}

.museums-view-list>li.opened span:after
{
	transform: rotate(-180deg);
}

.union-list
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.25rem;
}

.union-item
{
	display: grid;
	grid-template-columns: 9.25rem 1fr;
	grid-gap: 0.75rem;
	background: var(--grey-light);
	border-radius: 0.875rem;
	padding: 1rem 1.125rem;
	box-sizing: border-box;
}

.union-item:hover
{
	background: var(--grey-dark);
}

.union-list-img
{
	display: block;
	border-radius: 0.5rem;
	height: 6.25rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.union-list-name
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.125rem;
	line-height: 130%;
	color: var(--text);
}

.museums-list>img
{
	margin: 1.5em 0;
}

.museums-list>p
{
	line-height: 160%;
}

.filter-column .filter-actions
{
	margin-top: 2.25rem;
	justify-content: flex-start;
}

.mus-top
{
	display: grid;
	grid-template-columns: 1fr 27rem;
	grid-gap: 3.75rem;
	padding: 1.875rem 2.67rem;
	border-radius: 1.875rem;
	box-shadow: 2px 2px 20px 0px #D7E3E5;
	margin-bottom: 4.25rem;
	margin-left: -2.5rem;
	margin-right: -2.5rem;
}

.mus-top h1
{
	margin-bottom: 1.875rem;
}

.mus-top .mt-image
{
	background-size: cover;
	background-position: center;
	border-radius: 0.625rem;
	position: relative;
}

.mus-top .mt-image .opened
{
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	background: var(--white);
	font: var(--p17m);
}

.mus-top .mt-image .closed
{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	background: var(--white);
	font: var(--p17m);
}

.mus-top .mt-image .opened i
{
	color: var(--marine);
}

.mus-top .mt-image .closed i
{
	color: var(--grey-dark);
}

.mt-buttons
{
	display: flex;
	justify-content: flex-start;
	margin-top: 1.25rem;
}

.mus-cat
{
	display: block;
	padding: 0.5rem 0.875rem;
	border-radius: 0.625rem;
	background: var(--tag-orange-bg);
	color: var(--orange);
	font-weight: 500;
}

.age-cat
{
	display: block;
	padding: 0.5rem 0.875rem;
	border-radius: 0.625rem;
	background: var(--tag-marine-bg);
	color: var(--marine);
	font-weight: 500;
}

.mus-top-line
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.mus-top-line>*:first-child
{
	width: 7.5rem;
	flex: none;
}

.mt-info
{
	display: flex;
	justify-content: flex-start;
	gap: 0.5rem;
	margin-top: 0.45rem;
	font-size: 1rem;
	line-height: 1.875rem;
}

.mt-info:before
{
	font-family: "icomoon";
	color: var(--grey-light);
	flex: none;
	width: 1.25rem;
	font-size: 1.25rem;
}

.mt-info.mti-web:before {content: "\e918";}
.mt-info.mti-addr:before {content: "\e910";}
.mt-info.mti-metro:before {content: "\e911";}
.mt-info.mti-phone:before {content: "\e91c";}

.mt-bottom
{
	margin-top: 3rem;
}

.mus-full-info
{
	display: grid;
	grid-template-columns: 1fr 14rem;
	grid-gap: 6.25rem;
}

.mfi-data
{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding-left: 3rem;
}

.mfi-data .list-item
{
	display: block;
	width: 100%;
	padding-left: 3.75rem;
	position: relative;
	box-sizing: border-box;
}

.mfi-data .list-item:before
{
	font-family: "icomoon";
	content: "\e917";
	color: var(--orange);
	font-size: 2.25rem;
	position: absolute;
	left: 0;
	top:0.3rem;
}

.mfi-data-item
{
	/*display: flex;*/
	display: block;
	/*align-items: center;
	justify-content: flex-start;
	gap: 0.375rem;*/
	margin-bottom: 0.875rem;
}

.mfi-data-item b
{
	margin-right: 0.375rem;
}

.mfi-rezhim
{
	display: grid;
	grid-template-columns: 10fr 22fr;
	grid-gap: 2rem;
	margin-top: 1.5rem;
}

.mfi-rezhim-data
{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.mfi-rezhim-data>div
{
	display: block;
	border-radius: 0.875rem;
	padding: 0.8rem 1.1rem;
	border: 1px solid var(--grey-light);
	box-sizing: border-box;
}

.mfi-worktime
{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	flex-direction: column;
}

.schedule-iten
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.schedule-iten>span
{
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--grey-light);
	color: var(--blue);
	border-radius: 0.75rem;
}

.schedule-iten>span:first-child
{
	width: 3.8rem;
	height: 3.25rem;
}

.schedule-iten>span:last-child
{
	width: 8.5rem;
	height: 3.25rem;
}

.schedule-iten.notwork>span
{
	border-color: var(--grey-light);
	color: var(--grey-light);
}

.osobennost
{
	background: var(--orange-light-alpha);
	padding: 1.75rem 3.75rem;
	display: grid;
	grid-template-columns: 1fr 12.5rem;
	grid-gap: 2.5rem;
	box-sizing: border-box;
	border-radius: 1.25rem;
}

.osobennost>div:last-child img
{
	max-width: 12.5rem;
}

.mus-on-map-top
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.75rem;
}



.social
{
	display: flex;
	justify-content: flex-start;
	gap: 1.25rem;
	align-items: center;
	padding-left: 0rem;
}

.social h2
{
	padding-right: 1.5rem;
}

.social-link
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-shadow: var(--shadow);
	background: var(--white);
	color: var(--blue);
	padding: 0.75rem 1.125rem;
	gap: 0.625rem;
}

.social-link img
{
	max-height: 1.875rem;
	max-width: 1.875rem;
}

.static-block
{
	display: block;
	max-width: 50rem;
	margin-top: 3.25rem;
	box-sizing: border-box;
}



.two-el-slider
{
	display: flex;
	/*grid-template-columns: repeat(2, 1fr);*/
	gap: 1.25rem;
	margin-top: 2.75rem;
	max-width: calc(var(--main-width) - 23.5rem);
	box-sizing: border-box;
	overflow: hidden;
}

.two-el-slider.pad2
{
	padding: 0 2rem;
	gap: 2rem;
}

.two-el-slider a.fancybox
{
	display:block;
	flex: none;
	width: calc(50% - 0.625rem);
	height: 18.75rem;
	background-size: cover;
	background-position: center;
	border-radius: 1.875rem;
}

.two-el-slider a.news-item
{
	flex: none;
	width: calc(50% - 0.625rem);
	margin: 2rem 0rem;
	box-sizing: border-box;
}

.two-el-slider a.hidden
{
	/*display: none;*/
}

.two-el-slider-nav
{
	display: flex;
	justify-content: space-between;
	margin-top: 0.375rem;
}

.two-el-slider-nav>a
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	flex: none;
	border-radius: 50%;
	background: var(--grey-light);
	color: var(--blue);
	font-size: 0.75rem;
}

.tes-points
{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.tes-points a
{
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--grey-light);
}

.tes-points a.current
{
	background: var(--marine);
}

.opinions
{
	display: block;
}

.opinion
{
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	background: var(--background);
	border-radius: 1.875rem;
	padding: 2.25rem;
	box-sizing: border-box;
	font:var(--p18m);
	gap: 2.375rem;
	margin: 2.25rem 0;
}

.opinion.hidden
{
	display: none;
}

.opinion .o-date
{
	display: flex;
	justify-content: flex-start;
	gap: 0.375rem;
	padding: 0.5rem 0.75rem;
	background: var(--white);
	border-radius: 0.625rem;
}

.opinion .o-date:before
{
	font-family: "icomoon";
	content: "\e905";
	color: var(--grey-light);
	font-size: 0.75rem;

}

.static-content
{
	display: block;
	width: 100%;
	padding-left: 0rem;
}

.static-content img, .static-content iframe
{
	display: block;
	padding: 1.25rem;
	border-radius: 0.625rem;
	background: var(--background);
	margin: 1.25rem auto;
}

.static-content li img
{
	left: -2.75rem;
	position: relative;
}

.static-content li li img
{
	left: -5rem;
}

.mfi-menu>div
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem;
	border-left: 0.125rem solid var(--grey-light);
	position: sticky;
	top: 2.5rem;
}

.mfi-menu>div a
{
	display: block;
	font: var(--p18m);
	color: var(--blue);
	padding: 0.3rem 0 0.3rem 1.25rem;
	border-left: 0.125rem solid transparent;
	margin-left: -0.125rem;
}

.mfi-menu>div a.current, .mfi-menu>div a:hover
{
	color: var(--orange);
	border-color: var(--orange);
}

.exclam
{
	padding: 1.25rem;
	border-radius: 0.625rem;
	background: var(--tag-orange-bg);
	margin: 0.625rem 0;
}

div.exclam
{
	padding-left: 3.75rem;
	position: relative;
}

.slide-text ul, .static-content ul,.static-content ol, .slide-text ol, .museum-desc ul, .museum-desc ol, .article-text ul, .article-text ol
{
	list-style-type: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	padding-left: 1.5rem;
	counter-reset: item 0;
	margin-bottom: 3rem;
}

ul .exclam
{
	margin-bottom: 0;
}

.list_open ul
{
	margin-top: 0.6rem;
}

.slide-text ul>li,.static-content ul>li, .static-content ol>li, .slide-text ol>li, .museum-desc ul>li, .museum-desc ol>li, .article-text ul>li, .article-text ol>li
{
	display: block;
	padding-left: 2rem;
	position: relative;
	counter-increment: item;
	width: 100%;
	box-sizing: border-box;
}

.slide-text ul>li:before, .static-content ul>li:before, .museum-desc ul>li:before, .article-text ul>li:before
{
	content: "\e917";
	font-family: "icomoon";
	color: var(--orange);
	font-size: 1.4rem;
	line-height: 100%;
	position: absolute;
	left: 0;
	top: 0.1rem;
}

.static-content .sc-wrapper
{
	display: grid;
	grid-template-columns: 70% 1fr;
	grid-gap: 5rem;
}

.static-content .sc-wrapper>.mfi-menu
{
	position: relative;
}

div.exclam:before
{
	color: var(--orange);
	font-size: 2.25rem;
	line-height: 100%;
	position: absolute;
	left: 1.25rem;
	top: 1.25rem;
}

ul.exclam>li:before, div.exclam:before
{
	content: "!";
	font-weight: bold;
	font-family: 'Ubuntu';
	padding-left: 1.25rem;
}

.static-content ol>li:before, .slide-text ol>li:before, .museum-desc ol>li:before, .article-text ol>li:before
{
	content: counter(item);
	color: var(--black);
	display: flex;
	height: 1.7rem;
	width: 1.7rem;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	border-radius: 50%;
	background: var(--background);
	position: absolute;
	left: 0;
	top: 0;
}

.koefs
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.koef-item
{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1rem;
}

.koef-item>span:nth-child(1)
{
	flex: none;
	width: 11rem;
	height: 3.25rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.875rem;
	background: var(--tag-marine-bg);
	color: var(--marine-dark);
	font-size: var(--p17m);
}

.koef-item>span:nth-child(2)
{
	padding-top: 0.5rem;
}

.upper
{
	display: none;
	position: fixed;
	right: 2rem;
	bottom: 4rem;
}

.gallery-list
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-top: 3rem;
}

.gallery-list a
{
	display: block;
}

.gallery-list a img
{
	display: block;
	border-radius: 2rem;
	max-width: 100%;
}

.select-photo-year
{
	display: flex;
	justify-content: space-between;
}

.select-photo-year>a
{
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text);
	width: 3rem;
	padding: 0.5rem 1rem;
	border: 1px solid var(--grey-marine);
	box-sizing: border-box;
	border-radius: 0.5rem;
}

.select-photo-year .spy-years
{
	display: flex;
	justify-content: center;
	gap: 0.5rem;
}

.select-photo-year .spy-years a
{
	display: block;
	padding: 0.5rem 1rem;
	background: var(--grey-marine);
	color: var(--text);
	border-radius: 0.5rem;
}

.select-photo-year .spy-years a.selected
{
	background: var(--orange);
	color: var(--white);
}

.select-photo-type
{
	display: flex;
	gap: 1rem;
	justify-content: flex-start;
	margin: 1rem 0 0;
}

.select-photo-type a
{
	display: block;
	color: var(--text);
	padding: 0.5rem 1rem;
	border: 1px solid var(--grey-marine);
	box-sizing: border-box;
	border-radius: 0.5rem;
}

.sel-finder
{
	padding: 0.5rem 1.25rem;
}

.sel-finder input
{
	margin: 0;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 0.5rem;
	background: var(--grey-light);
	box-sizing: border-box;
	width: 100%;
}

.p-gallery
{
	display: grid;
	grid-template-columns: 3rem 1fr 3rem;
	grid-gap: 1rem;
}

.p-gallery .nav
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.p-gallery .pg-photos
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-gallery .pg-photos img
{
	display: none;
}

.p-gallery .pg-photos img.visible
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
}

.cabinet-block
{
	display: grid;
	grid-template-columns: 1fr 19.5rem;
	gap: 3.5rem;
	margin-top: 3.125rem;
}

.cabinet-content
{
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
}

.cabinet-content>.my-white-block
{
	width: 100%;
}

.my-white-block
{
	display: block;
	padding: 1.5rem;
	border-radius: 1.25rem;
	background: var(--white);
	box-sizing: border-box;
}

.my-orange-block
{
	display: block;
	padding: 1.5rem;
	border-radius: 1.25rem;
	background: var(--orange);
	box-sizing: border-box;
	color: var(--white);
}

.margin-r-2
{
	margin-right: 2rem;
}

.hideble .hideble-text
{
	display: none;
	width: 100%;
	margin-top: 1.25rem;
}

.hider
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--white);
}

.hider:hover
{
	color: var(--white);
}

.hideble .hider:after
{
	font-family: "icomoon";
	content: "\e906";
	transition: all 0.3s ease;
}

.hideble.unhide .hider:after
{
	transform: rotate(180deg);
}

.hideble.unhide .hideble-text
{
	display: block;
}

.flex-line
{
	display: flex;
	flex-direction: row;
	gap: 1.3rem;
}

.flex-line.left-center
{
	justify-content: flex-start;
	align-items: center;
}

.flex-line.sb-center
{
	justify-content: space-between;
	align-items: center;
}

.my-photo
{
	display: block;
	position: relative;
}

.my-photo span
{
	display: block;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.my-photo span:after
{
	position: absolute;
	right: -0.125rem;
	bottom: -0.125rem;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	background: var(--orange);
	color: var(--white);
	font-family: "icomoon";
	content: "\e926";
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cabinet-menu
{
	position: relative;
}

.cabinet-menu>div
{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 1rem;
	background: var(--white);
	border-radius: 1.25rem;
	position: sticky;
	top: 1rem;
}

.cabinet-menu>div a
{
	display: flex;
	justify-content: flex-start;
	width: 100%;
	box-sizing: border-box;
	color: var(--text);
	gap: 0.75rem;
	align-items: center;
	padding: 0.875rem;
	border-radius: 0.5rem;
}

.cabinet-menu>div a.my-data-editor
{
	margin-top: 3.6rem;
}

.cabinet-menu>div a.selected
{
	background: var(--lkbg);
}

.cabinet-menu>div a i
{
	color: var(--orange);
	font-size: 1.5rem;
}

.my-age-caterogy
{
	background: var(--v);
}

.my-key
{
	display: block;
	position: relative;
	padding: 0.75rem 0.9rem;
	border-radius: 0.875rem;
	border: 0.125rem solid var(--orange) ;
}

.my-age-caterogy
{
	background: var(--tag-marine-bg);
	color: var(--marine);
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
}

.cabinet-button-unfill
{
	display: flex;
	padding: 0.8rem 0.9rem;
	gap: 0.75rem;
	color: var(--orange);
	font: var(--p17m);
	border: 0.125rem solid var(--button-border);
	border-radius: 0.875rem;
}

.cabinet-button-unfill i, .cabinet-button i
{
	font-size: 1.5rem;
}

.cabinet-button-unfill.mini, .cabinet-button.mini
{
	padding: 0.5rem;
	font: var(--p14m);
	align-items: center;
}

.cabinet-button-unfill.mini i, .cabinet-button.mini i
{
	font-size: 1.2rem;
}

.cabinet-button-unfill.uncolored
{
	color: var(--text);
}

.cabinet-button-unfill.uncolored i
{
	color: var(--orange);
}

.cabinet-button
{
	display: flex;
	padding: 0.8rem 0.9rem;
	gap: 0.75rem;
	color: var(--white);
	font: var(--p17m);
	border: 0.125rem solid var(--orange);
	background: var(--orange);
	border-radius: 0.875rem;
}

.cabinet-button:hover
{
	color: var(--white);
}

.my-mus-actions
{
	display: flex;
	gap: 0.5rem;
}

.my-mus-block
{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.my-mus-header
{
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
	align-items: center;
}

.mmh-title
{
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 150%;
	color: var(--text);
}

.mmh-icon
{
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}

.info-blocks
{
	display: flex;
	gap: 1rem;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	font: var(--base);
	margin-top: 1.5rem;
}

.info-blocks .ib-name
{
	font-weight: 600;
}

.info-blocks .info-block
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.25rem;
}

.cabinet-table
{
	border-spacing: 0px 0.5rem;
	margin-right: 2rem;
	width: calc(100% - 2rem);
}


.cabinet-table thead tr td
{
	border: 1px solid var(--white);
	background: var(--orange);
	padding: 1rem 1.25rem;
	color: var(--white);
}

.cabinet-table tr td:first-child
{
	border-top-left-radius: 0.875rem;
	border-bottom-left-radius: 0.875rem;
}

.cabinet-table tr td:last-child
{
	border-top-right-radius: 0.875rem;
	border-bottom-right-radius: 0.875rem;
}

.cabinet-table tbody tr
{
	margin-top: 0.5rem;
}

.cabinet-table tbody tr:nth-child(2n+1) td
{
	border: 1px solid var(--button-border);
	background: var(--white);
	padding: 1rem 1.25rem;
	color: var(--text);
}

.cabinet-table tbody tr:nth-child(2n) td
{
	border: 1px solid var(--white);
	background: var(--tag-marine-bg);
	padding: 1rem 1.25rem;
	color: var(--text);
}

.editable-ti
{
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.editable-ti a
{
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #9ECDC9;
}

.cabinet-table tbody tr:nth-child(2n) .editable-ti a
{
	background: var(--white);
}

.cabinet-table tbody tr:nth-child(2n+1) .editable-ti a
{
	background: var(--tag-marine-bg);
}

.cabinet-table .has-remover
{
	position: relative;
}

.cabinet-table .has-remover .remove
{
	position: absolute;
	right: -1.5rem;
	top: calc(50% - 1rem);
	color: var(--orange);
}

.dark-orange-button
{
	display: flex;
	gap: 1.2rem;
	color: var(--white);
	align-items: center;
	background: var(--orange-hover);
	padding: 0.75rem 1.5rem;
	border-radius: 0.875rem;
}

.dark-orange-button i
{
	color: var(--white45);
}

.cabinet-content input[type=text],
.cabinet-content input[type=password],
.cabinet-content input[type=email],
.cabinet-content input[type=tel]
{
	display: block;
	-webkit-appearance:none;
	border: 1px solid var(--grey-border);
	border-radius: 0.5rem;
	background: var();
	background: #F3F7FB;
	padding: 0.5rem 1.2rem;
}

.editable-ti .value
{
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.editable-ti .v-editor, .editable-ti.editing .value
{
	display: none;
}

.editable-ti.editing .v-editor
{
	display: block;
}

.ready-block
{
	display: flex;
	justify-content: flex-start;
	gap: 0.75rem;
	font: var(--p17m);
}

.ready-block:before
{
	content: "\e90f";
	font-family: "icomoon";
	color: #00B6AC;
}

.my-orange-block.info
{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1.125rem;
}

.my-orange-block.info:before
{
	font-family: "icomoon";
	content: "\e924";
}

.my-mus-states
{
	display: flex;
	justify-content: flex-start;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.state-tag {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid var(--grey-text);
	color: var(--text);
	font: var(--p15m);
	padding: 0.33rem 0.5rem;
	gap: 0.54rem;
	border-radius: 0.54rem;
}

.state-tag:before {
	font-family: "icomoon";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.75rem;
	height: 0.75rem;
	font-size: 0.75rem;
	line-height: 0.75rem;
}

.state-tag.ready:before {
	content: "\e90f";
	color: #00B6AC;
}

.state-tag.unready:before {
	content: "\e92e";
	color: #FF7226;
}

.state-tag.wait:before {
	content: "\e92f";
	color: #F7D428;
}

.state-tag.future:before {
	content: "\e930";
	color: #EDF2F4;
}

.my-grey-block {
	background: #F3F6F9;
	border: 1px solid #CAD8DD;
	border-radius: 1.25rem;
	padding: 2rem;
}

.my-mus-list
{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-top: 2rem;
}