/* v 2.1 */

/*  
Content:
- FONTS
- GENERAL STYLES
- Project styles
-- Colors
-- Decor
- WOOCOMMERCE
- Header
- Social icons
- Home page
- Menu main
- Scroll menu
- Side menu (частично повторяет стили side_menu)
- Sidebar
- Page
- Single
- POP-UP
- Form
- Scroll-menu
- Flag
- Sidebar
- Slider
- Page
- Footer
- Img item
- Gallery
- News
- News item
- Conferences
- Conferences-item
- Publications item
- Journals
- Journals-item
- Announces
- Section title
- Tags item
- Map
- Load
- Main-slider
- Parallax
- Center-htc
- Title
- Page title
- Buttons & Links
- Navigation
- Years-filter
- Search-form
*/

:root {
    --main-color: #1c3c50;
    --main-color-hover: #0e5c9b;
    --common-color: #000;
    --common-color-hover: #000;
}
.clr-main {
	color: var(--main-color);
}
.back-clr-main {
	background-color: var(--main-color);
}

/************************************************************************************
FONTS
*************************************************************************************/

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}


/************************************************************************************
GENERAL STYLES
*************************************************************************************/

body {
	font: 16px/150% Roboto, Arial, Helvetica, sans-serif;
}

#wrapper {
	position: relative;
	z-index: 2;
}
a {
	color: #B57F02;
	transition: all .3s linear 0s;
}
a:hover {
	color: #956800;
	text-decoration: none;
}

.list {
	
}
.list .post {

}

.post-thumbnail {
	padding-bottom: 40%;
	width: 100%;
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.post-thumbnail-square {
	padding-bottom: 100%;
}

main {
	width: 100%;
}
.totop {
	z-index: 2;
	color: white;
	border-radius: 10px;
	background-color: #2c3e50;
	line-height: 1.4;
}
.totop:hover {
	color: white;
}

.fixed-panel {
	z-index: 2;
	color: white;
	border-radius: 10px;
	background-color: #2c3e50;
	line-height: 1.4;
	padding: 5px 10px;
	position: fixed;
  bottom: 85px;
  right: 20px;
  text-align: center;
  box-shadow: 2px 1px 2px #808080;
  transition: opacity 0.5s linear;
  cursor: pointer;
  font-family: Arial;
  opacity: .7;
}
.fixed-panel:hover {
	color: white;
	opacity: .9;
}
.fixed-panel a {
	color: white;
}

.logo {
	height: 50px;
	margin: 10px 20px 10px 0px;
}
.logo img {
	height: 100%;
	width: auto;
	object-fit: contain;
}

section.raw#back {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

ul, ol {
	display: inline-block;
	width: 100%;
}

.back-style {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
}

:root {
	--content-width: 1440px;
}

/******************************************
		Project styles
******************************************/

/*		Colors
*************************************************************************************/

.border-clr-2 {
	border-color: #E97D1F;
}
/* тёмный */
.back-clr-1 { 
	background-color: #222;
}
/* тёмно-синий */
.back-clr-2 { 
	background-color: #1c3c50;
}
/* светло-серый */
.back-clr-3 {
	background-color: #F9F9F9;
}
/* светло-синий */
.back-clr-4 {
	background-color: #f5f8fd;
}
.clr-1 {
	color: #333;
}
.clr-2 {
	color: #E97D1F;
}

/*		Decor
*************************************************************************************/

.border-radius {
	border-radius: 20px;
}

/******************************************
		HEADER
******************************************/

#header .content {
	z-index: 2;
}

#header.inscroll {
	color: #5f5f5f;
	background-color: white;	
	z-index: 3;
	position: fixed;
	box-shadow: 0px 0px 10px #717171;
}
#header.inscroll h1 a {
//	color: #5f5f5f;
}
#header.inscroll .back {
	opacity: 0.8;
	background-color: white;
}
#header.inscroll hgroup {
	height: 60px;
}
#header.inscroll .menu li a {
	height: 60px;
}
#header.inscroll .header__header {
	display: none;
}
#header.inscroll .header__title {
	font-size: 1.6rem;
}

#header h1 a {

}

#header.inscroll .menu li a {
	color: #5f5f5f;
}
.menu li a:hover, .menu li.current-menu-item a {
	background-color: #eee;
	text-decoration: none;
}

#header .social-icones a .icone {
	background-size: contain !important;
	min-height: 20px;
	min-width: 20px;
	display: inline-block;
}
#header .social-icones .vk .icone {
	background: url('../images/icones/vk.png') no-repeat 50% 50%;
}
#header .social-icones .fb .icone {
	background: url('../images/icones/fb.png') no-repeat 50% 50%;
}
#header .social-icones .yt .icone {
	background: url('../images/icones/yt.png') no-repeat 50% 50%;
}
#header .social-icones .ok .icone {
	background: url('../images/icones/ok.png') no-repeat 50% 50%;
}

.header {
	z-index: 3;
}
.header a {
	color: #333;
}
.header__header {
	border-bottom: 1px solid #ddd;
	z-index: 3;
	position: relative;
}
.header__header-item {
	padding: 5px 10px;
	font-size: 14px;
}
.header__header-item .fa {
	color: #B57F02; 
}

.header__header-item a {
	transition: all .3s linear 0s;
}
.header__header-item a:hover {
	text-decoration: none;
	color: #B57F02;
}
a.header__header-item {
	transition: all .3s linear 0s;
}
a.header__header-item:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1C3C50;
}

.header__title {
	font-size: 2rem;
	line-height: 1.4em;
	margin: 1rem 0 1rem;
}
.header__title-link {
	color: #1C3C50;
}
.header__title-link:hover {
	text-decoration: none;
}

.header__wrapper {
	position: relative;
}
.header__wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 29%;
	background-color: #1c3c50;
}
.header__wrapper .col:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	background: url('../images/header-greed.png') no-repeat 50% 50%;
	background-size: contain;
}
.header__footer {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.second-menu {
	z-index: 2;
	background-color: rgba(256, 256, 256, 0.8);
	box-shadow: 0px 0px 1px #242424;
}
.second-menu ul {
	margin: 0px auto;
	width: 978px;
}
.second-menu li {
	display: table-cell;
	width: 999px;
	vertical-align: middle;
	padding: 0px;
}
.second-menu li a {
	width: 999px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	font-size: 16px;
	height: 50px;
	transition: all 0.3s linear 0s;
	border-top: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid rgba(0, 0, 0, 0);
	box-sizing: border-box;
}
.second-menu li a:hover {
	border-bottom: 5px solid #7B39B7;
	text-decoration: none;
}

@media (max-width: 1200px) {
	.header__title {
		font-size: 1.8rem;
	}
}
@media (max-width: 992px) {
	.header__title {
		font-size: 1.8rem;
	}
	.header__wrapper::after {
		display: none;
	}
	.header__wrapper .col:after {
		display: none;
	}
}
@media (max-width: 768px) {
	.header__title {
		font-size: 1.4rem;
	}
	#header.inscroll .header__header {
		display: block;
	}
	.header__wrapper {
		border-bottom: 1px solid #ddd;
	}
}

/******************************************
		SOCIAL ICONS
******************************************/

.social-icons {
	padding: 5px;
}
.el_social-icons__icon {
	width: 24px;
	height: 24px;
}
.el_social-icons:hover .el_social-icons__icon {
	background-color: transparent;
	opacity: .7;
}

/******************************************
		HOME PAGE
******************************************/

.home .line h2 {
	font-size: 48px;
	margin-bottom: 0px;
}

.arrow-down {
	display: block;
	color: white;
	width: 50px;
	text-align: center;
	left: 50%;
	margin-left: -25px;
	font-size: 60px;
	position: absolute;
	bottom: 4%;
	z-index: 10;
	opacity: 0;
	transition: all 0.2s linear 0s;
}
.arrow-down:hover {
	text-decoration: none;
}
section:hover .arrow-down {
	opacity: 1;
}

/*************************
	MENU MAIN
**************************/

.menu-main {
	justify-content: space-between;
}
.menu-main__item {
	transition: all 0.2s linear 0s;
	flex-grow: 1;
}
body .menu-main .menu-main__item a.menu-main__item-link {
	width: 100%;
	display: inline-block;
	padding: 10px 5px;
}
.menu-main__item:hover a {
	text-decoration: none;
}

.menu-main__item:hover {
	background-color: #313131;
}
.menu-main__item:hover a {
	color: #fff;
}
.menu-main .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #313131;
	color: white;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear 0s;
}
.menu-main__item:hover .submenu {
	opacity: 1;
	visibility: visible;
}
.submenu a {
	color: white;
}
.submenu .menu-item { 
	text-align: left;
	padding-bottom: 10px;
	font-weight: 300;
	font-size: 1.4rem;
	transition: all .2s linear 0s;
}
.submenu .menu-item:hover a {
	color: #ccc;
}

.menu-main__item--current {
	background-color: #ececec;
}

@media (max-width:992px) {
	.menu-main__item {
		font-size: 1.4rem;
	}
}

/*************************
	SCROLL MENU
**************************/

.scroll-menu {
	position: fixed;
	bottom: 110px;
	right: 50px;
	text-align: center;
	z-index: 1;
	width: 50px;
	text-align: center;
	transition: all 0.3s linear 0s;
	opacity: 0;
}
.scroll-menu:hover { 
	opacity: 1 !important;
}
.scroll-menu ul {
	list-style-position: inside;
	margin-left: 0px;
	display: inline-block;
}
.scroll-menu li {
	width: 100%;
	height: 24px;
	list-style-type: none;
}
.scroll-menu li a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 7px;
	border-radius: 5px;
	text-indent: -999px;
	position: relative;
	z-index: 2;
	box-shadow: 0px 0px 2px 0px #7B39B7;
	background-color: #7B39B7;
	transition: all 0.3s linear 0s;
	overflow: hidden;
}
.scroll-menu li a:hover, .scroll-menu li a.current {
//	box-shadow: 0px 0px 3px 1px #7B39B7;
	width: 14px;
	height: 14px;
	margin-top: 4px;
	border-radius: 7px;
}

/*************************
	SIDE MENU продублировано со стилей side_menu
**************************/

.menu__list {
	padding-left: 0px;
	list-style-type: none;
}

.menu--institute.active {
	display: block;
}

.menu--institute .menu__list {
	margin-left: 0;
	flex-wrap: wrap;
}
.menu--institute .menu-item {
	font-size: 1.8rem;
	display: block;
	width: 100%;
}
.menu--institute .menu-item--current a {
	background-color: #eee;
}
.menu--institute .menu-item a {
	display: block;
	padding: 3px 10px;
}

/*************************
	FLAG
**************************/

.flag {
	width: auto;
	height: 36px;
    display: inline-block;
	transition: all .3s linear 0s;
	opacity: 1;
}
.flag img { 
	height: 100%;
}
.flag:hover img { 
	opacity: 0.8;
}

/*************************
	SIDEBAR
**************************/

#sidebar {
	padding: 0px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
#sidebar.right {
	padding-left: 30px;
}
#sidebar.left {
	padding-right: 30px;
}

/*************************
  MOBILE-MENU
**************************/

.mobile-menu-btn {
	width: 40px;
	height: 40px;
	background: center center url(/assets/images/static/icons/menu.png) no-repeat;
	cursor: pointer;
	z-index: 3;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	color: #B57F02;
}
.mobile-menu-btn:hover {
	background-color: #B57F02;
	color: #fff;
}
.mobile-menu {
	background-color: #1C3C50;
	padding: 60px 16px 45px;
	transform: translateX(-100%);
	z-index: 3;
	transition: all 0.3s linear 0s;
	overflow: hidden;
}
.mobile-menu.active {
	transform: translateX(0);
}
.mobile-menu__close {
	width: 16px;
	height: 16px;
	color: #fff;
}
.mobile-menu__content {
	font-size: 2.2rem;
	color: white;
/*	overflow: scroll;	*/
	height: 100%;
}
.mobile-menu__content .list {
	margin-bottom: 1rem;
}
.mobile-menu__content a {
	color: white;
}
.mobile-menu__divider {
	background: #FFFFFF;
	opacity: 0.4;
	height: 1px;
	width: 100%;
	margin-bottom: 2rem;
}

/*************************
  SLIDER
**************************/
.slider {
  z-index: 9;
  width: 100%;
  overflow: hidden;
  margin: 0px;
  position: relative;
  text-align: center;
  height: 100%;
}
.slider .interface {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
}
.slider .nav-container {
	max-width: 1170px;
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
}
.slider .prev, .slider .next {
  position: absolute;
  left: 3%;
  line-height: 50px;
  width: 50px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  font-size: 34px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  z-index:1;
  transition: all 0.2s linear 0s;
  opacity: 0;
  background: rgba(256, 256, 256, 0.4);
  border-radius: 25px;
}
.slider:hover .prev, .slider:hover .next {
  opacity: 1;
}
.slider .next {
  left: auto;
  right: 3%;
}
.slider .container > ul, .slider .slide {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.slider .container > ul {
  width: 9999px; 
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 100%;
}
.slider .container > ul .slide {
  list-style-type: none;
  float: left;
  overflow:hidden;
  position: absolute;
//  transition: all 0.5s linear 0s;
  background-size: cover !important;
}
.slider .container > ul .slide > .content { 
	display: inline-block;
	width: 100%;
}
.slider .nav {
  display: inline-block;
  opacity: 0;
  transition: all 0.2s linear 0s;
  margin-top: -2%;
  position: absolute;
	display: none;
}
.slider:hover .nav {
  opacity: 1;
}
.slider .nav span {
  opacity: 0.9;
  background: #fff;
  margin: 0 8px 0 0;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  cursor: pointer;
  overflow: hidden;
  display: block;
  float: left;
  box-shadow: 0 1px 2px #000;
}
.slider .nav span.on {
  background: #909090;
}
.slider .nav span:last-child {
	margin-right: 0px;
}


/******************************************
		PAGE
******************************************/

.single .fa.post-thumb {
	color: #7B39B7;
	font-size: 150px;
	width: 200px;
	text-align: center;
	line-height: 180px;
	float: left;
	margin-right: 10px;
}


/******************************************
		FOOTER
******************************************/

#footer {
	position: relative;
	z-index: 1;
/*	position:fixed;	*/
	bottom: 0px;
	left: 0px;
	width: 100%;
	vertical-align: top;
}
#footer, #footer a {
	color: white;
}

.footer {
	background-color: #313131;
}
.footer__header > .col {
	border-bottom: 1px solid #ddd;
}
.footer__footer {
	background-color: #212121;
}
.footer__title {
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
}
.footer__subtitle {
	margin-right: auto;
	margin-bottom: 5px;
	text-align: left;
}

.footer__menu .menu-item {
	font-weight: 300;
}

.footer__contacts a {
	text-decoration: underline;
}

.en #footer .contacts .fa {
	font-size: 44px;
	color: #b57f02;
	width: auto;
	margin-top: 0px;
	line-height: 1.3;
}

/******************************************
		IMG ITEM
******************************************/

.img-item {

}
.img-item img, .img-item__img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.img-item__link, .img-item a {
	display: inline-block;
	/* height: 100%; */
	width: 100%;
}
.img-item__desc {
	text-align: center;
	font-style: italic;
}

.img-item.img-item--contain img {
	object-fit: contain;
	height: auto;
}

/******************************************
		GALLERY
******************************************/

.gallery {
	display: inline-block;
	width: 100%;
}
.gallery .img-item img {
	/* height: 180px; */
	aspect-ratio: 1 / 1;
}



/******************************************
		NEWS
******************************************/

.news {
	width: 100%;
}
.news__more-wrap {
	position: relative;
	text-align: right;
	border-top: 1px solid #ddd;
}
.news__more-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: left center url('../images/back-element.png') no-repeat;
	background-size: contain;
	z-index: -1;
	transform: rotate(180deg);
	transition: all .2s linear 0s;
}
.news__more-wrap:hover::after {
	opacity: .85;
}
.news__more-link {
	color: white;
	padding: 10px 15px;
	display: inline-block;
	font-size: 2rem;
}
.news__more-link:hover {
	text-decoration: none;
	color: white;
}

.news__menu {
	margin-bottom: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.news__menu-title {
	color: #1C3C50;
	font-size: 2.6rem;
	margin-bottom: 10px;
}
.news__menu-list {
	display: flex;
}
.news__menu .menu__item-link {
	padding: 10px;
	transition: all 0.2s linear 0s;
	color: #333;
}
.news__menu .menu__item:hover .menu__item-link {
	background-color: #313131;
	color: #fff;
	text-decoration: none;
}

.news--list .news__list {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 20px;
	margin-bottom: 20px;
}
.news--list .news-item {
    border: 0;
    background-color: transparent;
    border-radius: 0;
	margin-bottom: 0;
}



/******************************************
		NEWS ITEM
******************************************/

.news-item {
	overflow: hidden;
	/* border: 1px solid #ddd;
	background-color: #f9f9f9;
	padding: 20px; */
	margin-bottom: 0;
	position: relative;
}
.news-item__thumb {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.news-item__thumb img {
	/* border-radius: 10px; 
	height: 150px; */
	height: auto;
}
.news .news-item__thumb:not(.no-radius) img {
	border-radius: 10px;
}
section:not(.publications) .news-item__thumb img {
	border: 1px solid #ddd;
	max-height: 300px;
	min-height: 250px;
}
section .img-item.img-item--autoheight img {
	max-height: 200px;
	min-height: 500px;	
}
.news-item__desc {
	text-align: left;
	justify-content: center;
	flex-direction: column;
	/* min-height: 150px; */
}
.news-item .date {
	color: #959595;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: italic;
	font-size: .9em;
}
.news-item .meta > div {
	margin-bottom: 5px;
}
.news-item .type {
	color: #959595;
	font-weight: bold;
}
.news-item .authors {
	font-style: italic;
}
.news-item .title, .news-item .title a {
	margin-bottom: 5px;
	/* color: #333; */
}
.news-item__copy {
	position: absolute;
	right: -1px;
	bottom: -1px;
	color: #959595;
	border: 1px solid #ddd;
	border-top-left-radius: 15px;
	padding: 5px 20px;
	cursor: pointer;
	transition: all .3s linear 0s;
	font-size: 14px;
}
.news-item__copy:hover { 
	background-color: #f0f9fb;
}


.news-item--thumb {
	margin-bottom: 20px;
}
.news-item--thumb .date {
	font-size: 1em;
	margin-bottom: 10px;
}
.news-item--thumb .title, .news-item--thumb .title a {
	margin-bottom: 12px;
}

.news-item--wide .title {
	font-size: 2.4rem;
	margin-top: 0;
	margin-bottom: 10px;
}
.news-item--wide .tags {
	margin-bottom: 6px;
}
.news-item--wide .news-item__thumb img {
	height: 220px;
}

.news-item--detail {
	background-color: transparent;
	border: 0;
	margin-bottom: 20px;
	padding: 0;
}
.news-item--detail .title {
/*	font-size: 3rem; */
	font-size: 2em;
}
.news-item--detail .content {
	display: block;
	margin-bottom: 10px;
}
.news-item--detail .tags {
	margin-bottom: 10px;
}
.news-item--detail .links-block {
	margin-bottom: 15px;
}
.news-item--detail .proindex {
	margin-bottom: 15px;
}
.news-item--detail .news-item__thumb {
	float: left;
	margin-right: 2%;
	width: 29%;
	text-align: center;
	height: auto;
	padding: 5px 10px 10px 0px;
}
.news-item--detail .news-item__thumb img {
	/* height: 200px; */
	height: auto;
	margin-bottom: 5px;
}
.news-item--detail .meta {
	font-size: 2rem;
}

.news-item--wide.news-item--pubs .title {
	font-size: 2rem;
}
.news-item--pubs .news-item__thumb img {
	height: auto;
}
.news-item--pubs.news-item--detail .news-item__thumb {
	width:10%;
}

.news--tight .news-item {
	background: none;
	border: 0px;
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.library-news .news-item {
	background: none;
	border: 0px;
	padding: 0;
}

body .news--thumbs-contain .news-item__thumb img {
	object-fit: contain;
	height: auto;
}

.news--sect .news-item__thumb {
	height: auto;
	aspect-ratio: 4/3;
	position: relative;
	border-radius: 10px;

}
.en .news--sect .news-item__thumb {
	padding-bottom: 75%;
}
.news--sect .news-item__thumb .img-item__link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.news--sect .news-item .title {
	font-size: 2rem;
}
body .news--sect .news-item__thumb img {
	height: 100%;
	object-fit: cover;
	min-height: auto;
}

.news--sect .news-item__thumb .img-item__link .date {
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 10px;
	padding: 4px 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.news--sect .news-item__thumb {

	}
	.news-item--wide .news-item__desc {
		padding-left: 0;
	}
	.news-item--wide .news-item__thumb {
		margin-bottom: 10px;
	}
	.news-item--wide .news-item__thumb img {
		height: 260px;
	}
	.news-item--detail .news-item__thumb {
		width: 50%;
	}

	.news-item--pubs.news-item--detail .news-item__thumb {
		width:30%;
	}

	.news-item--detail .title {
		font-size: 2.4rem;
	}
}
@media (max-width: 400px) {
	.news-item__thumb img {
		height: 250px;
	}
	.news-item__desc {
		margin-top: 10px;
		padding-left: 0;
	}
	.news-item--wide .news-item__thumb img {
		height: 200px;
	}
	.news-item--detail .news-item__thumb {
		width: 100%;
		margin-right: 0;
	}

	.news-item--pubs.news-item--detail .news-item__thumb {
		width:40%;
	}

	.news--sect .news-item__desc {
		padding-left: 20px;
		margin-top: 0;
	}
}


/******************************************
		CONFERENCES
******************************************/

.conferences {
	position: relative;
}
.conferences__more-wrap {
    text-align: center;
    margin-top: 20px;
}

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

.confs-slider {
	position: relative;
}
.confs-slider::before, .confs-slider::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  width: 70px;
  height: 100%;
  pointer-events: none;
}
.confs-slider::before {
  left: 0;
  background: linear-gradient(to right,var(--slider-background-outside-before, var(--slider-background-outside, var(--background-inside, #ffffff))) 30%,transparent);
}
.confs-slider::after {
  right: 0;
  background: linear-gradient(to left,var(--slider-background-outside-before, var(--slider-background-outside, var(--background-inside, #ffffff))) 30%,transparent);
}



/******************************************
		CONFERENCES-ITEM
******************************************/

.conferences-item {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 10px;
}
.conferences-item__img {
	height: 250px;
}
.conferences-item__img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.conferences-item__link {
	color: #333;
}
.conferences-item__link:hover {
	text-decoration: none;
}
.conferences-item__inner {
	position: relative;
	width: 100%;
	/* transform: translateY(70px); */
	transition: all .2s linear 0s;
	flex-wrap: wrap;
	padding: 20px;
}
.conferences-item:hover .conferences-item__inner { 
	/* transform: translateY(0); */
}
/* .conferences-item__inner:after {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	z-index: -1;
	transition: all .3s linear 0s;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
} */
.conferences-item__inner .title {
	flex: 0 0 100%;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: bold;
}
.conferences-item__inner .date {
	flex: 0 0 100%;
}
.conferences-item__inner .place {
	flex: 0 0 100%;
}

@media (max-width: 768px) {

	.conferences-item {
		width: 100% !important;
	}
	.conferences-item__inner {
		align-content: center;
		transform: translateY(0px);
	}

}
@media (max-width: 480px) {

	.conferences-item__inner .title {
		font-size: 1.6rem;
	}

}



/******************************************
		PUBLICATIONS ITEM
******************************************/

.publications-item {
	position: relative;
	padding: 20px;
	border-right: 1px solid #B57F02;
	text-align: left;
	justify-content: left;
}
.box:last-child > .publications-item {
	border-right: 0px;
}
.publications-item .img-item {
//	position: absolute;
//	width: 50px;
	height: auto;
	max-width: 120px;
//	top: -20px;
//	left: -20px;
}
.publications-item__desc {
	text-align: left;
	align-items: stretch;
}

.publications-item .title {
	margin-bottom: 5px;
}
.publications-item .type {
	width: 100%;
	color: #707070;
	margin-bottom: 5px;
	text-align: left;
}
.publications-item .year {
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
}
.publications-item .authors {
	font-style: italic;
	width: 100%;
	margin-bottom: 5px;
}
.publications-item .info {
	width: 100%;
	margin-bottom: 5px;
}

@media (max-width: 768px) {

	.publications-item {
		border-right: 0px;
		border-bottom: 1px solid #B57F02;
		padding-left: 0;
		padding-right: 0;
	}

}

/******************************************
		JOURNALS
******************************************/

.journals {
	position: relative;
}
.journals > .back {
	background-color: #ececec;
	background-color: #f5f8fd;
	/* box-shadow: 0px 0px 20px grey inset; */
	/* margin-left: -20px;
	margin-right: -20px;
	width: calc(100% + 40px);*/
}

.journals .sect-title {
	margin-bottom: 0;
}

.journals__more-wrap {
	text-align: center;
	margin-top: 5px;
}
.journals__more-link {
	font-size: 2rem;
}

/******************************************
		JOURNALS-ITEM
******************************************/

.journals-item {
	background-color: #fff;
}
.journals-item .title {
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 2rem;
	min-height: 50px;
}
.journals-item .desc {
	text-align: left;
	width: 100%;
	font-size: .9em;
	line-height: 1.4em;
}
.journals-item .img-item__img {
	object-fit: contain;
	object-position: top;
}

/******************************************
		ANNOUNCES
******************************************/

.announces .sect-title {
	margin-bottom: 10px;
}

.sect-title--design-1 .sect-title__text {
	border-bottom: 3px solid #1C3C50;
	text-align: right;
	padding-bottom: 5px;
	margin-bottom: 15px;
	color: #1C3C50;
	font-size: 3rem;
	width: 100%;
}

.announces__links {
	margin-bottom: 15px;
}
.announces__links .active-link {
	padding: 5px 10px;
	border-radius: 10px;
}
.announces__links .active-link.active {
	background-color: #B57F02;
	color: #fff;
}
.announces__block {
	display: none;
}
.announces__block.active {
	display: block;
}
.announces-item {
	width: 100%;
	margin-bottom: 10px;
}
.announces__sect-title {
	border-radius: 10px;
	/* background-color: white; */
	color: #1c3c50;
	display: inline-block;
	/*font-size: 2.2rem;*/
	margin-bottom: 10px;
}
.announces-item .date__link {
	font-weight: bold;
	padding-right: 20px;
	color: #9b9b9b;
	font-size: 1.3rem;
}
.announces-item .title {
/*	padding-left: 10px; */
	border-left: 1px solid white;
}

/******************************************
		SECTION TITLE
******************************************/

.sect-title {
	margin-bottom: 10px;
	display: flex;
	width: 100%;
}
.sect-title__text {
	color:#1C3C50;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}
.sect-title__text a {
	transition: all .3s linear 0s;
	color:#1C3C50;
}
.sect-title__text a:hover {
	text-decoration: none;
	color: #1F597D;
}

.sect-title--back::after, .sect-title--back.active-link.active::after {
	content: '';
	background: right center url('../images/back-element.png') no-repeat;
	background-size: cover;
 	width: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 1;
}
.sect-title--back.sect-title__text {
	background-color: #1C3C50;
	color: white;
	padding: 5px 20px;
	margin-top:0;
	display: inline-block;
	position: relative;
}
.sect-title--back.sect-title__text.active-link.active { 
	background-color: #1C3C50;
	color: white;
}
.sect-title--back.sect-title__text.active-link {
	background: #1C3C504F;
	cursor: pointer;
}
.sect-title--back.active-link {
	color: #333;
	font-size: 2.8rem;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sect-title--back.active-link::after {
	opacity: 0;
}
.sect-title--back.sect-title__text a { 
	color: inherit;
}
.sect-title--back.sect-title__text a:hover { 
	text-decoration: none;
}
.sect-title--border {
	border-bottom: 3px solid #1C3C50;
}

.sect-title__tab {
	padding: 11px 0 5px 70px;
	align-items: end;
	position: relative;
	background: #1C3C504F;
	font-size: 2.8rem;
	font-weight: bold;
}
.sect-title__tab.active-link {
	cursor: pointer;
}
.sect-title__tab.active-link.active {
	background-color: #1C3C50;
	color: white;
}
.sect-title__tab::after {
	content: '';
	background: right center url('../images/back-element.png') no-repeat;
	background-size: cover;
 	width: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: .3;
}
.sect-title__tab.active-link.active::after {
	opacity: 1;
}

/******************************************
		TAGS ITEM
******************************************/

.tags-item {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tags-item__link {
	border-radius: 5px;
	background-color: #1C3C50;
	padding: 2px 5px;
	color: #fff;
	transition: all .2s linear 0s;
	white-space: nowrap;
}
.tags-item__link:hover { 
	text-decoration: none;
	background-color: #1F597D;
	color: #fff;
}

/******************************************
		MAP
******************************************/

.map {
	overflow: visible;
}
.map__contacts {
	overflow: visible;
	background-color: #fff;
	padding: 30px;
}
.map__contacts--absolute {
	position: absolute;
	right: 50px;
	top: 100px;
	padding: 30px;
	box-shadow: -4px 4px 8px #31313187;
	border-radius: 20px;
}
.map__contacts a {
	text-decoration: underline;
}
.map__contacts a:hover {
	text-decoration: none;
}
.map__contacts h3.title {
	font-size: 2.8rem;
	font-weight: bold;
	color: #B57F02;
}
.map__contacts .title {
	font-size: 1.8rem;
	color: #333;
}
.map__contacts-item { 
	padding-bottom: 5px;
}

.map iframe {
	display: block;
	height: 400px;
	background: center center url('../images/map.jpg') no-repeat;
	background-size: cover;
}

@media (max-width: 768px) {
	.map__contacts {
		position: static;
		box-shadow: none;
	}
}
@media (max-width:480px) {
	.map__contacts {
		position: relative;
		right: auto;
		top: auto;
		box-shadow: none;
	}
}

/******************************************
		LOAD
******************************************/


.load img {
	max-width: 100px;
}

/******************************************
		MAIN-SLIDER
******************************************/

.main-slider .swiper-button-next, .main-slider .swiper-button-prev {
	color: #fff;
}
.slider-main .swiper-slide img {
	width: 100%;
}


/******************************************
		JS PARALLAX
******************************************/

.js_parallax {
	width: 100%;
}

/******************************************
		CENTER HTC
******************************************/

.center-htc {
/*	height: 500px; */
	align-items: center;
	display: flex;
	width: 100%;
	position: relative;
	text-shadow: #eee 1px 0 10px;
	overflow: hidden;
}
.center-htc__inner {
/*	opacity: .7;	*/
	transition: all .3s linear 0s;
	z-index: 1;
	position: relative;
	text-shadow: #000 0 0 20px;
	width: 100%;
}
.center-htc:hover .center-htc__inner {
	opacity: 1;
}
.center-htc .simpleParallax {
	height: 100%;
}
.center-htc .back {
	filter: blur(3px);
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	width: auto;
	height: auto;
	backgroun-color: #000;
}
.center-htc .back img { 
	opacity: .9;
}

/*.center-htc__inner {
	background-color: white;
	width: 100%;
	box-shadow: -3px 3px 5px #4f4f4f;
}*/
.center-htc__inner .col {
	text-align: center;
}
.center-htc__inner a {
	padding: 40px 20px;
	color: #1C3C50;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	font-size: 5rem;
	line-height: 1.2;
}
.center-htc__inner a:hover {
	text-decoration: none;
}

@media (max-width: 768px) {
	.center-htc__inner a {
		font-size: 2.6rem;
	}
}

/******************************************
		TITLE
******************************************/

.title {
	font-size: 2rem;
	/* color: #1c3c50; */
}
.title a, .title__link {
	/* color: #B57F02; */
	transition: all .3s linear 0s;
}
.title a:hover, .title__link:hover {
	/* color: #9B6D01;*/
	text-decoration: none;
}

.list--short .title {
	font-size: 1.6rem;
}

/******************************************
		PAGE TITLE
******************************************/

.page-title {
	margin-bottom: 20px;
	position: relative;
}
.page-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50%;
	background-color: #1c3c50;
}
.page-title .col {
	background-color: #fff;
}
.page-title .col:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
	background-color: #1c3c50;
}
.page-title__inner {
	color: white;
	padding: 7px 0 7px 25px;
	margin-top: 0;
	font-weight: bold;
	position: relative;
	display: inline-block;
	background-color: #1c3c50;
}
.page-title__inner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: -60px;
	bottom: 0;
	z-index: -1;
	background: right center url('../images/back-element.png') no-repeat;
	background-size: auto 100%;
	transform: scale(1, -1);
}
.page-title__text { 
	margin: 0;
	font-size: 3rem;
}
.page-title__inner a {
	color: white;
}
.page-title__inner a:hover {
	color: white;
}

@media screen and (max-width: 400px) {
	.page-title__text {
	  font-size: 2.6rem;
	}
}

/******************************************
		BUTTONS & LINKS
******************************************/

[type="reset"], [type="submit"], .btn {
	background: #1C3C50;
	border-radius: 5px;
}
[type="reset"]:hover, [type="submit"]:hover, .btn:hover {
	background: #1F597D;
	color: #fff;
}

.btn--small {
	font-size: 1.4rem;
  padding: 6px 15px;
}
.btn--white {
		background: #fff;
		color: #1F597D;
}

a.resource {
        text-decoration: none;
        display: inline-block;
        padding: 6px 0px 0px 45px;
        min-height: 32px;
        vertical-align: middle;
        background-repeat: no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
}
a.resource:hover {
   text-decoration: none
color: #02506B;
}
.pdf {
    background-image: url("../images/icons/sign_PDF.png");
}
.doc, .docx {
    background-image: url("../images/icons/sign_DOC.png");
}
.ppt, .pptx, .potx {
    background-image: url("../images/icons/sign_PPT.png");
}
.site {
    background-image: url("../images/icons/sign_SITE.png");
    background-repeat: no-repeat;
}
.rinc {
    background-image: url("../images/icons/sign_ELIBRARY.gif");
}

/******************************************
		NAVIGATION
******************************************/

.page-nav {
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.page-nav a {
	color: #B57F02;
	transition: all .3s linear 0s;
}
.page-nav a:hover {
	color: #333;
	text-decoration: none;
}

/*************************
  MOBILE-MENU
**************************/

.mobile-menu-btn {
	height: 34px;
}

/*************************
  YEARS-FILTER
**************************/

.years-filter {
	background: #edf6fc;
	padding: 15px;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}
.years-filter div {
	display: table-cell;
	border-spacing:: 15px;
	text-align: center;
}
.years-filter a {
	color: #039be5;
	font-size: 18px;
}
.years-filter a.active {
	font-weight: bold;
}

.results .bx-filter.bx-blue {
	background: #edf6fc;
}
.results .bx-filter .bx-filter-title {
	display: none;
}
.results .bx-filter.bx-blue .bx-filter-section form {
	background: #edf6fc;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.results .bx-filter .bx-filter-section {
	padding-top: 0;
}
.results .bx-filter .bx-filter-input-checkbox {
	align-items: flex-start;
}
.results .bx-filter-parameters-box-container input {
	margin-top: 5px;
}

/*************************
  SEARCH-FORM
**************************/

.search-form form {
	display: flex;
}

/*************************
  TABS
**************************/

.tabs-title {
    font-size:18px;
    overflow: hidden;
    width: 100%;
    margin: 3px 0 0 0;
    padding: 5px;
    list-style: none;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #977829;
}

.tabs-title table {
     width: auto !important;
     margin: 0px !important;
     border-collapse:separate !important;
} 

.tabs-title td {
     padding: 9px 3px 2px  !important;
}

.tabs-title li {
    margin: -2px -7px -11px;
    width: auto;
//float: left;
    display: inline-block;
}
 
.tabs-title a {
    position: relative;
    background: #EDEDED;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    padding: 5px 8px 7px 8px;
    display: table-cell;
    vertical-align: middle;
    width: auto;
    text-decoration: none;
///    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border: 1px solid  #DEDEDE;
    border-radius: 5px 5px 0 0;
}
 
.tabs-title a:hover, .tabs a:hover::after, .tabs a:focus, .tabs a:focus::after {
    background: #DEDEDE;
}
 
.tabs-title a:focus {
    outline: 0;
}
 
.tabs-title #current a, .tabs #current a::after {
    background: #fff;
    z-index: 3;
}
 
.tabs-content {
    padding-top: 2px;
    height: auto;
    position: relative;
    z-index: 4;
}
.tabs-content li {
    margin-left: 10px;
}

.tabs.tabs-column {
    display: inline-block !important;
    width: 100%;
}

.tabs-title ul {
    list-style: none;
    margin-left: 0px;
}
.tabs.tabs-column .tabs-title {
    float: left;
    width: 30%;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 0px;
    border-right: 2px solid #977829;
}
.tabs.tabs-column .tabs-title ul {
    padding-right: 0px;
}
.tabs.tabs-column .tabs-title li {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-left: 0px;
    margin-bottom: 0px;
    transform: translateX(0em);
}
.tabs.tabs-column .tabs-title li a {
    padding: 0px;
    background: none;
    border: 0px;
}
.tabs.tabs-column .tabs-title li#current a {
    background: none;
}
.tabs.tabs-title #current a {
    background: none;
}
.tabs.tabs-column .tabs-title li#current { 
    background-color: #ddcfae;
}
.tabs.tabs-column .tabs-content {
    float: left;
    width: 67%;
    padding-left: 3%;
    box-sizing: border-box;
    border-bottom: 0px !important;
}

.tabs.tabs-column form {
	padding: 0;
	width: 100%;
	max-width: none;
	background-color: transparent;
}
.tabs.tabs-column form .tabs-item .profile-block-shown {
	padding: 15px 25px;
}

.tabs.tabs-column .tabs-content .tabs-item {
	height: 0;
	opacity: 0;
	transition: all .3s linear 0s;
	width: 100%;
	overflow: hidden;
}
.tabs.tabs-column .tabs-content .tabs-item.active {
	height: auto;
	opacity: 1;
}

@media (max-width: 768px) {
	.tabs.tabs-column .tabs-content {
		width: 100%;
		min-height: 600px;
	}
	.tabs.tabs-column .tabs-title {
		position: absolute;
		top: 35px;
		left: -300px;
		width: 300px;
		transition: all .3s linear 0s;
		z-index: 6;
		padding: 15px;
		background-color: white;
		border-top: 2px solid #977829;
		border-bottom: 2px solid #977829;
	}
	.tabs.tabs-column .tabs-title.active {
		position: absolute;
		left: 0;
	}
	.tabs.tabs-column .tabs-title ul {
		margin-bottom: 0;
	}
	.tabs.tabs-column .tabs-title li {
		padding: 0;
		line-height: 1.2;
		text-align: left;
	}
	.tabs.tabs-column .tabs-title p {
		margin-bottom: 10px;
	}
}

/*************************
  SEARCH-FORM
**************************/

.staffSked .thead {
	background-color: #e8e8e8;
	font-weight: bold;
}
.staffSked .thead .cell {
	padding: 5px 10px;
}
.staffSked .cell {
	padding: 3px 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #eee;
}
.staffSked .cell--room {
	text-align: center;
}
.staffSked .cell.name.mobile {
	display: none;
}
.staffSked .cell.name {
	width: 25%;
	min-width: 250px;
}
.staffSked .cell.active { 
	display: table-cell;
}
.staffSked .cell:not(.not-active) {
/*		cursor: pointer;*/
}
.staffSked .cell:not(.not-active):hover {
/*	color: #B57F02; */
}
.staffSked .row.inactive { 
	display: none;
}

#table_filter {
	margin-bottom: 5px;
}
#table_filter a {
	display: inline-block;
}
#table_filter .current {
	color: #333;
}

@media (max-width: 1024px) {
	.staffSked .thead {
		display: none;
	}
	.staffSked {
		display: block;
	}
	.staffSked .row {
		width: 100%;
		display: block;
		background-color: #eee;
		border-radius: 10px;
		margin-bottom: 5px;
	}
	.staffSked .cell {
		width: 100%;
		display: none;
	}
	.staffSked .cell--room {
		text-align: left;
	}
	.staffSked .cell.active {
		display: block;
	}
	.staffSked .cell.name.desctop {
		display: none;
	}
	.staffSked .cell.name.mobile {
		display: block;
		cursor: pointer;
		width: 100%;
	}
	.staffSked .cell.name.active {
		font-weight: bold;
	}


}



.conferences-metro {
	display: none;
}

.error {
	background-color: #fbeaea;
}


.btn-next, .btn-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, #1c3c50);
}
.btn-next {
  right: 0px;
  left: auto;
}
.btn-prev {
  left: 0px;
  right: auto;
}
.btn-next::after {
  content: 'next';
}
.btn-prev::after {
  content: 'prev';
}
.btn-next::after, .btn-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.page-menu.totop {
	position: fixed;
	bottom: 80px;
	right: 20px;
	text-align: right;
	padding: 10px;
	opacity: 0;
	color: white;
	background-color: #2c3e50;
	box-shadow: 2px 1px 2px #808080;
	font-size: 14px;
	font-weight: bold;
	transition: opacity 0.5s linear;
	cursor: pointer;
	z-index: 3;
	font-family: Arial;
	height: auto;
	width: auto;
}
.page-menu.totop a { 
	color: white;
}
.page-menu.totop a:hover { 
	color: #B57F02;
}
.page-menu.totop.visible {
	opacity: 0.6;
}
.page-menu.totop:hover {
	opacity: 1;
}