.Window {
    margin: 0;
    font-size: 16px;
}

/*begin landing-item*/
.landing-item {
    position: relative;
    margin: auto;
    width: 1200px;
    max-width: 1920px;
    min-width: 950px;
}

@media screen and (max-width:2048px) {
	.landing-item {
		width: 1200px;
	}
}

@media screen and (max-width:1680px) {
	.landing-item {
		width: 1200px;
	}
}

@media screen and (max-width:1280px) {
	.landing-item {
		width: 95%;
	}
}

@media screen and (max-width:950px) {
	.landing-item {
		width: 100%;
	}
}
/*end landing-item*/


/*begin top-bar*/
#top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 950px;
}

#top-bar #fast-link {
	float: right;
	margin-right: 3.4em;
	padding: 0.7em 0;
	font-size: 0.9em;
}

#top-bar #fast-link *[comment="Быстрые ссылки"] {
    float: right;
    height: 1.5em;
}

#top-bar #fast-link *[comment="Быстрые ссылки"] .List {
    float: left;
    height: inherit;
	margin-right: 8px;
}

#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .info:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .email:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .phone:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .vk:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .youtube:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .telegram:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .rutube:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .ok:before {
	content: "";
	display: block;
	float: left;
	width: 1.5em;
	height: inherit;
	margin-right: 3px;
	background-size: 100% 100%;
}
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .info,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .email,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .phone {
	margin-right: 16px;
}

#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .phone:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .vk:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .youtube:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .telegram:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .rutube:before,
#top-bar #fast-link *[comment="Быстрые ссылки"] > .List .ok:before {
	margin-right: 0;
}

#top-bar #fast-link *[comment="Быстрые ссылки"] .List:last-child {
	margin: 0;
}

#top-bar #fast-link *[comment="Быстрые ссылки"] .List .DataBinding {
	position: relative;
    width: inherit;
    height: inherit;
	line-height: 1.5em;
    cursor: pointer;
}

#top-bar #main-tools {
    float: right;
    height: 1.5em;
	padding: 0.7em 0;
	font-size: 0.9em;
}

/*language*/

#top-bar #main-tools .Details {
    float: left;
    height: inherit;
}

#top-bar #main-tools .Details[comment="Текущий пользователь"] {
	display: none;
    margin-left: 3.05em;
}

#top-bar #main-tools .Details > img {
    width: 1.5em;
    height: inherit;
    cursor: pointer;
}

#top-bar .ViewComponent[comment="Логотип и название"] {
    position: absolute;
    bottom: -9.3em;
    left: 0;
    height: 8.1em;
    width: 35.2%;
	display: flex;
	align-items: center;
}

#top-bar .landing-item {
}

#top-bar .top-bar-first-line {
	padding: 0 0 1.4em 0;
}

#top-bar .ViewComponent[comment="Логотип и название"] .DataBinding[comment="Логотип"] {
	/*width: 40%;
    height: inherit;
    margin-right: 6%;*/
    /*height: 70%;*/
	height: 100%;
	margin-right: 7%;
	cursor: pointer;
}

#top-bar .ViewComponent[comment="Логотип и название"] .DataBinding[comment="Логотип"] > img {
	/*width: 100%;*/
	height: 100%;
	/*filter: invert(5%) sepia(63%) saturate(7456%) hue-rotate(221deg) brightness(77%) contrast(108%);*/
}

#top-bar .ViewComponent[comment="Логотип и название"] .DataBinding[comment="Строка"] {
	display: none;
    width: 50%;
    font-size: 1em;
    text-transform: uppercase;
}

#top-bar #global-menu {
    position: absolute;
    top: 1.2em;
    left: 35.22%;
    height: 8.1em;
    width: 57%;
    letter-spacing: 1px;
}

#top-bar #global-menu *[comment="Общее меню"] > .List {
    height: 5em;
    padding: 0 1%;
    vertical-align: middle;
	background: inherit;
}

#top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"] {
    width: 100%;
    overflow: hidden;
}

#top-bar #global-menu *[comment="Общее меню"] > .List:before {
    content: attr(title);
    position: static;
    font-size: 1.1em;
    padding-bottom: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    display: block;
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover:before {
    text-decoration: underline;
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"] {
    position: absolute;
    top: 8.1em;
    left: 0;
    padding-top: 3em;
    /*margin-top: 1em;*/
    padding-bottom: 45px;
    overflow: visible;
    width: 114.5%;
    height: auto;
    background: inherit;
}

@media screen and (max-width:1280px) {
    #top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"] {
	width: 100%;
    }
}

#top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"]:before {
    content: "";
    position: absolute;
    bottom: 0;
	left: calc(100% - 1200px - (100vw - 1200px + 100%) / 2);
    width: calc(1200px - 100% + (100vw - 1200px + 100%) / 2);
    height: 100%;
    background: inherit;
    display: none;
}

@media screen and (max-width:1280px) {
    #top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"]:before {
	left: -66.2%;
	width: 66.2%;
    }
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"]:before {
    display: block;
}

#top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"]:after {
    content: "";
    position: absolute;
    bottom: 0;
	right: calc((1200px - 100vw) / 2 + 14px);
    width: calc((100vw - 1200px) / 2 - 14px);
    height: 100%;
    background: inherit;
    display: none;
}

@media screen and (max-width:1280px) {
    #top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"]:after {
		right: -18.2%;
		width: 18.2%;
    }
}

@media screen and (max-width:1015px) {
    #top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"]:after {
		right: calc((950px - 100vw) / 2 - 65px);
		width: calc((100vw - 950px) / 2 + 65px);
    }
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"]:after {
    display: block;
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover:after {
    content: "";
    display: block;
    position: absolute;
    left: -60%;
    top: 8.1em;
    width: 172%;
    border-top: 1px solid;
}

#top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"] > .SelectionField {
    float: left;
    width: 22%;
    height: 3.5em;
    padding: 1.3em 1% 0 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
	display: none;
	transition: all .2s ease-in-out;
}

#top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"] > .SelectionField:first-child {
    font-size: 1.1em;
    font-weight: bold;
}

#top-bar #global-menu *[comment="Общее меню"] > .List *[comment="Подменю"] > .SelectionField + .SelectionField {
    height: auto;
    padding: 0.5em;
    font-size: 0.9em;
    color: inherit;
    text-align: left;
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"] > .SelectionField {
    display: block;
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"] > .SelectionField:hover {
	transform: translateY(-3px);
}

#top-bar #global-menu *[comment="Общее меню"] > .List:hover *[comment="Подменю"] > .SelectionField:first-child {
    position: absolute;
    left: -52%;
    width: 50%;
    font-size: 1.5em;
    text-align: left;
    top: 0.8em;
}

#top-bar #main-search {
    position: absolute;
    bottom: -9.3em;
    left: 92%;
    height: 6.1em;
    width: 4%;
    padding: 1em 0;
}

#top-bar #main-search a[title="search"],
#top-bar #main-search a[title="close"],
#top-bar #section-menu a[title="section-menu"] {
    height: 1.7em;
    width: 1.7em;
    margin-top: 2.2em;
}

#top-bar #main-search a[title="search"] {
    display: block;
    margin-left: 1em;
}

#top-bar #main-search a[title="close"] {
    display: none;
    text-decoration: none;
}

#top-bar #main-search a[title="close"]:visited {
    text-decoration: none;
}

#top-bar #main-search .Form .wrapper {
    position: absolute;
    left:-1420%;
    top: 0;
    width: 1437%;
    height: 8.1em;
    border: none;
    display: none;
}

#top-bar .search-anchor:target + .landing-item + .landing-item #main-search .Form .wrapper {
    display: block;
	background: inherit;
}

#top-bar .search-anchor:target + .landing-item + .landing-item #main-search .Form a[title="search"] {
    display: none;
}

#top-bar .search-anchor:target + .landing-item + .landing-item #main-search .Form a[title="close"] {
    display: block;
	margin-left: 1em;
}

#top-bar #main-search .Form input[type="text"] {
	font-style: inherit;
	font-weight: inherit;
    height: 2em;
    margin-top: 3.8em;
    padding-left: 2.3em;
    width: 94.2%;
    border: none;
    border-bottom: 1px solid;
    border-color: inherit;
}

#top-bar #main-search .Form input[type="text"]:focus {
    outline: none;
}

#top-bar #main-search .Form input[type="submit"] {
	position: relative;
    width: 1.7em;
    height: 1.7em;
    border: none;
    top: -2.2em;
    margin-left: 0.1em;
}

#top-bar #section-menu {
    position: absolute;
    bottom: -9.3em;
    left: 96%;
    height: 6.1em;
    width: 4%;
    padding: 1em 0;
}

#top-bar #section-menu a[title="section-menu"] {
    display: block;
    margin-left: 1.33em;
}

.section-menu-anchor:target + * + * + * {
    display: none;
}

.section-menu-anchor:target + * + * {
    display: none;
}

.section-menu-anchor:target + * {
    display: none;
}

.section-menu-anchor:target {
    display: none;
}

.section-menu-anchor:target + * + * + * + #top-bar #global-menu {
	display: none;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu a[title="section-menu"] {
    display: none;
}

.section-menu-anchor:target + * + * + * + #top-bar #main-search {
	padding-right: 2.5em;
	background: inherit;
}

@media screen and (max-width:1280px) {
	.section-menu-anchor:target + * + * + * + #top-bar #main-search {
		padding-right: 1.3em;
		background: inherit;
	}
}

.section-menu-anchor:target + * + * + * + #top-bar #main-search .Form {
	position: relative;
}

.section-menu-anchor:target + * + * + * + #top-bar #main-search .Form input[type="submit"] {
    background: url(https://design.omsu.ru/design/112/search_white.svg) no-repeat;
    background-size: 100% 100%;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #main-search .Form .wrapper {
    display: block;
	top: -3.19em;
	left: -1438%;
    width: 1451%;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item .ViewComponent[comment="Логотип и название"] {
	left: -0.55em;
	background: inherit;
}

@media screen and (max-width:1280px) {
	.section-menu-anchor:target + * + * + * + #top-bar .landing-item .ViewComponent[comment="Логотип и название"] {
		background: inherit;
	}
}

/*.section-menu-anchor:target + * + * + * + #top-bar .landing-item .ViewComponent[comment="Логотип и название"] *[comment="Логотип"] > img {
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(39deg) brightness(112%) contrast(112%);
}*/

.section-menu-anchor:target + * + * + * + #top-bar .landing-item .ViewComponent[comment="Логотип и название"] *[comment="Логотип"] > img {
	display: none;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item .ViewComponent[comment="Логотип и название"] *[comment="Логотип"] {
	background: url(https://design.omsu.ru/design/112/top_logo_white.png) no-repeat;
    background-size: 100% 100%;
    width: 16.4561em;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item .ViewComponent[comment="Логотип и название"] *[comment="Строка"] {
    color: inherit;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #main-search .Form input[type="text"] {
	background: inherit;
    color: inherit;
    border-color: inherit;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #main-search .Form a[title="search"] {
    display: none;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #main-search .Form a[title="close"] {
    display: block;
	margin-left: 3.76em;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #main-search .Form a[title="close"] > img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(39deg) brightness(112%) contrast(112%);
}

#top-bar #section-menu *[comment="Меню раздела"] {
    display:none;
	padding-top: 8.1em;
}

#top-bar #section-menu *[comment="Меню раздела"] > .List [comment="Подменю"] {
	float: left;
	width: 19%;
	margin: 0 1% 2% 0;
	line-height: 1.4em;
	cursor: pointer;
}

#top-bar #section-menu *[comment="Меню раздела"] > .List {
}

#top-bar #section-menu *[comment="Меню раздела"] > .current > [comment="Подменю"] .SelectionField:first-child {
    text-decoration: underline;
}

#top-bar #section-menu *[comment="Меню раздела"] > .List [comment="Подменю"]:nth-child(n+4) {
	margin-right: 0;
}

#top-bar #section-menu *[comment="Меню раздела"] > .List [comment="Подменю"] .SelectionField {
	margin-bottom: 1em;
}

#top-bar #section-menu *[comment="Меню раздела"] > .List [comment="Подменю"] .SelectionField:first-child {
	margin-bottom: 2em;
	font-size: 1.2em;
	line-height: 1em;
}

#top-bar #section-menu *[comment="Баннеры раздела"] {
	padding: 1.875em 0;
	margin-bottom: 1.875em;
	display: none;
	flex-wrap: wrap;
    justify-content: center;
	border-top: 1px solid;
}

#top-bar #section-menu *[comment="Баннеры раздела"] .List {
    padding: 1.67%;
	width: 16.66%;
    cursor: pointer;
}

#top-bar #section-menu *[comment="Баннеры раздела"] .List > .DataBinding {
	position: relative;
	height: 3.375em;
    text-align: center;
}

#top-bar #section-menu *[comment="Баннеры раздела"] .List > .DataBinding[comment="Строка"] {
	height: auto;
	margin-top: 0.5em;
	font-style: inherit;
	font-weight: inherit;
	font-size: 1.3em;
	line-height: 1.1em;
}

#top-bar #section-menu *[comment="Баннеры раздела"] img {
	height: 100%;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu *[comment="Меню раздела"] {
	display: block;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu *[comment="Меню раздела"]:after {
	content: "";
	display: block;
	clear: both;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu *[comment="Баннеры раздела"] {
	display: flex;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 2.6em;
	background: inherit;
	overflow: auto;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:before {
    content:"";
    position: absolute;
    top: 0;
    left: -15%;
    width: 15%;
    height: 100%;
    background: inherit;
}

.section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:after {
    content: "";
    position: absolute;
    top: 0;
    right: -15%;
    width: 15%;
    height: 100%;
    background: inherit;
}

@media screen and (max-width:2048px) {
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:before {
	left: -10%;
	width: 10%;
    }
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:after {
	right: -10%;
	width: 10%;
    }
}

@media screen and (max-width:1680px) {
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:before {
	left: -5.6%;
	width: 5.6%;
    }
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:after {
	right: -5.6%;
	width: 5.6%;
    }
}

@media screen and (max-width:1280px) {
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:before {
	left: -1%;
	width: 1%;
    }
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:after {
	right: -1%;
	width: 1%;
    }
}

@media screen and (max-width:950px) {
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:before {
	width: 0;
    }
    .section-menu-anchor:target + * + * + * + #top-bar .landing-item #section-menu:after {
	width: 0;
    }
}


/*begin main-breadcrumb*/
#page-header #main-breadcrumb {
	position: relative;
}

#page-header #main-breadcrumb:before {
    content: "";
	display: block;
    position: absolute;
    bottom: 0;
    left: calc(100% - 1200px - (100vw - 1200px + 100%) / 2);
    width: calc(1200px - 100% + (100vw - 1200px + 100%) / 2);
    height: 100%;
    background: inherit;
}

#page-header #main-breadcrumb:after {
	content: "";
    position: absolute;
    bottom: 0;
	right: calc((1200px - 100vw) / 2 + 9px);
    width: calc((100vw - 1200px) / 2 - 9px);
    height: 100%;
    height: 100%;
    background: inherit;
}

@media screen and (max-width:1280px) {
	#page-header #main-breadcrumb:after {
		right: -2.6%;
		width: 2.6%;
    }
}

@media screen and (max-width:1019px) {
	#page-header #main-breadcrumb:after {
		right: calc((950px - 100vw) / 2 + 9px);
		width: calc((100vw - 950px) / 2 - 9px);
    }
}

#page-header #main-breadcrumb > [comment="Цепочка навигации"] {
	/*padding: 1em 0 0.5em 0;*/
}

#page-header #main-breadcrumb > [comment="Цепочка навигации"] > .List {
	display: inline-block;
	cursor: pointer;
	margin: 0 5px 0.5em 0;
}
#page-header #main-breadcrumb > [comment="Цепочка навигации"] > .List:first-child {
	padding-top: 1em;
}

#page-header #main-breadcrumb > [comment="Цепочка навигации"] > .List:last-child {
	padding-bottom: 0.5em;
}

#page-header #main-breadcrumb > [comment="Цепочка навигации"] > .List:not(:last-child) {
	opacity: 0.5;
}

#page-header #main-breadcrumb > [comment="Цепочка навигации"] > .List:not(:last-child):after {
	padding-left: 5px;
	content: "\2192";
}
/*end main-breadcrumb*/

/*begin section-menu*/
#page-header {
	position: relative;
    margin-top: 10.7em;
}

#page-header *[comment="Слайдер"] {
    position:relative;
    width: calc(100vw - 17px);
    /*height: 31em;*/
    overflow:hidden;
}

#page-header *[type="0"] {
    height: 0 !important;
}

#page-header *[comment="Слайдер"] .List:before {
	content: "";
    position: absolute;
	width: calc(100vw - 9px);
	height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width:950px) {
	#page-header *[comment="Слайдер"] .List:before {
		width: 100%;
		left: 0;
	}
}

#page-header *[comment="Слайдер"] .List {
	position: absolute;
	height: 100%;
	top: 0;
    width: inherit;
    transition: all 1s ease-in-out;
}

@media screen and (max-width:950px) {
	#page-header *[comment="Слайдер"] .List {
		width: 100%;
	}
}

#page-header *[comment="Слайдер"] .noviewed {
	display: none;
}

#page-header *[comment="Слайдер"] .DataBinding[comment="Изображение"] {
	height: 100%;
}

#page-header *[comment="Слайдер"] img {
	width: calc(100vw - 9px);
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width:950px) {
	#page-header *[comment="Слайдер"] img {
		width: 100%;
		margin: 0;
	}
}

#page-header *[comment="Слайдер"] .info {
	position: absolute;
	padding: 2% 10% 2% 10%;
	bottom: 20%;
	max-width: 80%;
	max-height: 50%;
}

#page-header *[comment="Слайдер"] .info .DataBinding[comment="Строка"] {
    padding-bottom: 0.55em;
    padding-right: 20px;
    font-style: inherit;
    font-weight: bold;
    font-size: 2.25em;
    line-height: 1.05em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 2px solid;
}

@media screen and (max-width:1380px) {
		#page-header *[comment="Слайдер"] .info .DataBinding[comment="Строка"] {
			font-size: 1.9em;
		}
}

#page-header *[comment="Слайдер"] .info .DataBinding[comment="Ссылка"] {
	width: 7em;
    margin-top: 2em;
    font-style: inherit;
    font-weight: inherit;
    font-size: 1.125em;
    line-height: 1.1em;
	cursor: pointer;
}

#page-header *[comment="Слайдер"] .info .DataBinding[comment="Ссылка"]:before {
	content: attr(title);
	font-style: inherit;
	font-weight: inherit;
	font-size: 1em;
	line-height: 1.4em;
	padding: 0 0 1.5em 0;
}

#page-header *[comment="Слайдер"] .info .DataBinding[comment="Ссылка"]:after {
	content: "	\2192";
    padding-left: 5.5em;
    margin-left: -5.5em;
}

#page-header .navigation-slider {
	position: absolute;
	display: flex;
    right: calc((100vw - 1200px) / 2);
    font-size: 2em;
	bottom: 7.5em;
}

@media screen and (max-width:1280px) {
	#page-header .navigation-slider {
		right: calc((100vw - 95%) * 2);
	}
}

@media screen and (max-width:1017px) {
	#page-header .navigation-slider {
		right: calc((100vw - 950px) / 2 + 10%);
	}
}

@media screen and (max-width:950px) {
	#page-header .navigation-slider {
		right: calc(100vw - 855px);
	}
}

#page-header *[type="0"] + .navigation-slider {
    display:none;
}

#page-header *[comment="Назад"] {
	cursor: pointer;
	margin-right: 23%;
    margin-left: -23%;
}

#page-header *[comment="Назад"]  .EventOccurrence:after {
	content: "\2190";
	padding: 0.5em 0.5em 0.5em 1em;
}

#page-header *[comment="Вперед"] {
	cursor: pointer;
}

#page-header *[comment="Вперед"]  .EventOccurrence:after {
	content: "\2192";
	padding: 0.5em 1em 0.5em 0.5em;
}

#page-header *[comment="Баннеры страницы"] {
	padding: 1.875em 0;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}

#page-header *[comment="Баннеры страницы"] .List {
    padding: 1.67%;
	width: 16.66%;
	transition: all .25s ease-out;
    cursor: pointer;
}

#page-header *[comment="Баннеры страницы"] .List:hover {
	box-shadow: 0px 0px 5px 1px rgb(201, 202, 203, 1) inset;
}

#page-header *[comment="Баннеры страницы"] .List > .DataBinding {
	position: relative;
	height: 3.375em;
    text-align: center;
}

#page-header *[comment="Баннеры страницы"] .List > .DataBinding[comment="Строка"] {
	height: auto;
	margin-top: 0.5em;
	font-style: inherit;
	font-weight: inherit;
	font-size: 1.3em;
	line-height: 1.1em;
}

#page-header *[comment="Баннеры страницы"] img {
	height: 100%;
}

#page-header *[comment="Заголовок"] {
	font-style: inherit;
    font-weight: bold;
    font-size: 2em;
    line-height: 1em;
}

#page-header *[comment="Заголовок"] .DataBinding {
	margin: 45px 0 22.5px 0;
	padding-bottom: 22.5px;
    border-bottom: 1px solid;
}
/*end page-header*/

.Details[comment="Контент"] {
    position: relative;
    /*min-height:90vh;*/
}

/*begin bottom-bar*/
#bottom-bar {
    min-width: 950px;
	padding: 3.4em 0 4.3em 0;
	margin-top: 2em;
    font-style: inherit;
}

#bottom-bar .ViewComponent[comment="Логотип и название"] {
	display: none;
	float: left;
	width: 20%;
}

#bottom-bar .ViewComponent[comment="Логотип и название"] > .DataBinding[comment="Логотип"] {
	cursor: pointer;
	display: flex;
	justify-content: center;
}

#bottom-bar .ViewComponent[comment="Логотип и название"] > .DataBinding[comment="Логотип"] > img {
	width: 100%;
	/*filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(39deg) brightness(112%) contrast(112%);*/
}

#bottom-bar .ViewComponent[comment="Логотип и название"] > .DataBinding[comment="Строка"] {
	display: none;
	margin-top: 1em;
	text-align: center;
    font-size: 1em;
    line-height: 1.2em;
}

#bottom-bar:after {
	content: "";
	display: block;
	clear: both;
}

#bottom-bar .bottom-right {
	float: left;
	width: 100%;
	/*padding-left: 4%;*/
}

#bottom-bar .bottom-right #bottom-menu-cont:after {
	content: "";
	display: block;
	clear: both;
}

#bottom-bar .bottom-right #bottom-menu-cont {
	width: 68%;
    margin-bottom: 2em;
}

#bottom-bar .bottom-right #bottom-menu-cont > [comment="Нижнее меню"] > .List {
	float: left;
	width: 48%;
    font-size: 1em;
    line-height: 2em;
	margin-right: 2%;
	cursor: pointer;
}

#bottom-bar .bottom-right #bottom-search {
	float: right;
	width: 32%;
}

#bottom-bar .bottom-right .Form {
	margin: 0 0 0.5em 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid;
}

#bottom-bar .bottom-right .Form input[type="submit"] {
	position: absolute;
	top: 0.2em;
	height: 1.3em;
    width: 1.3em;
	margin: auto;
	border: none;
}

#bottom-bar .bottom-right .Form input[type="text"] {
	font-style: inherit;
	font-weight: inherit;
	width: calc(100% - 2em);
	border: none;
	outline: none;
	color: inherit;
	background: rgb(0, 0, 0, 0);
}

#bottom-bar #bottom-tools {
	position: relative;
    width: 31%;
    height: 2em;
    left: 34%;
    padding: 1em 0 3em 0;
    /*border-top: 1px solid;*/
}

#bottom-bar #bottom-tools > .Details {
	position: relative;
    font-size: 1em;
}

@media screen and (max-width:1100px) {
	#bottom-bar #bottom-tools > .Details {
		font-size: 0.95em;
	}
}

#bottom-bar #bottom-tools > .Details > img {
	float: left;
	width: 2em;
	height: 100%;
}

#bottom-bar #bottom-tools > .Details > div {
	float: left;
	width: auto;
	height: 2em;
	line-height: 2em;
	margin-left: 3%;
}

#bottom-bar #bottom-tools:after {
	content: "";
	display: block;
	clear: both;
}

#bottom-bar [comment="Контакты и правообладатели"] {
	position: relative;
	float: left;
	width: 34.563%;
	font-size: 0.75em;
	line-height: 1.3em;
	/*margin-top: 18px;*/
	margin-top: 40px;
}

#bottom-bar [comment="Баннеры"] {
	/*display: none;*/
	position: relative;
	float: right;
	width: 64.7821%;
	/*height: 3.063em;*/
	height: 72px;
}

#bottom-bar [comment="Баннеры"] .List {
	float: right;
	margin: 0 0.5% 0 0;
	width: 24.248%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}

#bottom-bar [comment="Баннеры"] .List:nth-child(n+4) {
	margin: 0;
}

#bottom-bar [comment="Баннеры"] [comment="Изображение"] {
	/*position: relative;
	top: 50%;
	transform: translateY(-50%);*/
	width: 100%;
	height: 100%;
}

#bottom-bar [comment="Баннеры"] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#bottom-bar #bottom-fast-link {
	position: absolute;
    width: 27%;
	right: 57px;
    top: 3.7em;
}

#bottom-bar #bottom-fast-link [comment="Быстрые ссылки"] {
	margin-top: 1em;
	height: 1.5em;
}

#bottom-bar #bottom-fast-link [comment="Быстрые ссылки"] > .List {
    float: left;
	height: inherit;
	margin-right: 0.5em;
}

#bottom-bar #bottom-fast-link [comment="Быстрые ссылки"] > .List:first-child {
	float: none;
    width: inherit;
	height: inherit;
	margin-bottom: 1em;
}

#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .info:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .email:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .phone:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .vk:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .youtube:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .telegram:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .rutube:before,
#bottom-bar #bottom-fast-link *[comment="Быстрые ссылки"] > .List .ok:before {
	content: "";
	display: block;
	float: left;
	width: 1.5em;
	height: inherit;
	margin-right: 0.2em;
	background-size: 100% 100%;
}

#bottom-bar #bottom-fast-link .DataBinding {
	color: inherit;
	height: inherit;
	cursor: pointer;
}
/*end bottom-bar*/