.header .header-menu {
  padding-left: 192px;
  height: 69px;
  position: relative;
  box-sizing: border-box;
  background-color: #507093;
}

.header .header-menu > ul {
  list-style-type: none;
  height: 100%;
  width: 870px;
  float: left;
}

.header .header-menu > ul > li {
  float: left;
  height: 100%;
}

.header .header-menu > ul > li.active {
  background-color: #28415d;
}

.header .header-menu > ul > li:not(.active):hover {
  background-color: #405c7b;
}

.header .header-menu > ul > li > .border {
  position: relative;
  bottom: 5px;
  left: 0;
  background-color: #fe4817;
  height: 5px;
  width: 100%;
  display: none;
}

.header .header-menu > ul > li.active > .border {
  display: block;
}

.header .header-menu > ul > li.active:after,
.header .header-menu > ul > li.active a {
  color: #ffffff;
}

.header .header-menu > ul > li.has-submenu:after {
  content: '';
  position: absolute;
  top: 31px;
  right: 18px;
  background-image: url('/National_Library/oe_/https://rfs.ru/css/img/chevron-down-icon.png');
  width: 9px;
  height: 6px;
}

.header .header-menu > ul > li > a {
  position: relative;
  display: block;
  height: 100%;
  padding: 0 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 69px;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
}

.header .header-menu > ul > li > a:before,
.header .header-menu > ul > li > a:after {
  content: '';
  height: 6px;
  width: 2px;
  background-color: #798897;
  position: absolute;
  top: 32px;
  transition-property: all;
  transition-duration: .5s, .5s, .5s;
  transition-delay: .5s, .5s, .5s;
}

.header .header-menu > ul > li > a:after {
  right: 16px;
  transform: rotate(45deg);
}

.header .header-menu > ul > li > a:before {
  right: 20px;
  transform: rotate(-45deg);
}

.header .header-menu > ul > li:hover > a:after {
  right: 16px;
  transform: rotate(-45deg);
}

.header .header-menu > ul > li:hover > a:before {
  right: 20px;
  transform: rotate(45deg);
}

.header .header-menu > ul > li.has-submenu > ul.submenu {
  list-style-type: none;
  position: absolute;
  background-color: #405c7b;
  min-width: 100%;
  -webkit-transform: translateY(-7px);
  -moz-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  z-index: 3;
}

.header .header-menu > ul > li.has-submenu > ul.submenu.fadeshow {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.header .header-menu > ul > li.has-submenu > ul.submenu > li {
  position: relative;
}

.header .header-menu > ul > li.has-submenu > ul.submenu > li.active,
.header .header-menu > ul > li.has-submenu > ul.submenu > li:hover {
  background-color: #31465c;
}

.header .header-menu > ul > li.has-submenu > ul.submenu > li > a {
  font-size: 16px;
  color: #ffffff;
  height: 100%;
  display: block;
  line-height: 44px;
  padding: 0 34px;
  cursor: pointer;
  white-space: nowrap;
}

.header .header-menu > ul > li.has-submenu > ul.submenu > li > a.yell {
  color: #fff240;
}

.header .header-menu .header-menu-blocks {
  position: absolute;
  top: 69px;
  left: 0;
  height: 0;
  visibility: hidden;
}

.header .header-menu .header-menu-blocks .header-menu-blocks-item {
  width: 1232px;
  position: relative;
  background-color: #405c7b;
  height: 0;
  visibility: hidden;
  opacity: 0;
  top: 4px;
}

.header .header-menu .header-menu-blocks .header-menu-blocks-item .main-menu-block {
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.header .header-menu .header-menu-blocks.show {
  height: auto;
  visibility: visible;
  opacity: 1;

  transition-property: height, visibility, opacity;
  transition-delay: .5s, .5s, .5s;
  transition-duration: 0s, 0s, .5s;
}

.header .header-menu .header-menu-blocks.show .header-menu-blocks-item {
  height: auto;
  visibility: visible;
  opacity: 1;
  top: 0;

  transition-property: height, visibility, opacity, top;
  transition-delay: .5s, .5s, .5s, .5s;
  transition-duration: 0s, 0s, .5s, .5s;
}

.header .header-menu .header-menu-blocks.show .header-menu-blocks-item .main-menu-block {
  height: auto;
  visibility: visible;
  opacity: 1;

  transition-property: height, visibility, opacity;
  transition-delay: .5s, .5s, .5s;
  transition-duration: 0s, 0s, .5s;
}

.header .header-menu .header-menu-blocks .header-menu-blocks-item:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  box-shadow: 0 2px 3px rgb(40, 65, 93);
  z-index: 1;
}

.header .header-menu .header-menu-blocks .header-menu-blocks-item .common-link {
  font-size: 12px;
  font-weight: 600;
  color: white;
  background-color: #fe4817;
  text-transform: uppercase;
  height: 18px;
  padding: 4px 8px 0;
}

.header .header-menu .header-menu-blocks .header-menu-blocks-item .common-link:hover {
  text-decoration: none;
}

.header .header-menu .header-menu-blocks .header-menu-blocks-item.separate:after {
  content: '';
  position: absolute;
  bottom: 68px;
  left: 20px;
  width: 985px;
  height: 1px;
  background-color: #7a8da3;
}

/*Шапка фиксированная*/
body > .header.fixed .header-menu {
  margin-top: 0;
  position: relative;
}

body > .header.fixed .header-title-optional-btn {
  background: url('/National_Library/oe_/https://rfs.ru/css/img/header-optional-btn-without-ico.png') no-repeat center;
  width: 109px;
  height: 23px;
  right: 33px;
  top: 20px;
}

.main-menu-block {
  width: 205px;
  padding: 26px 20px 60px;
  box-sizing: border-box;
  float: left;
  position: relative;
  vertical-align: top;
}

.main-menu-block.dark {
  background-color: #385473;
  height: 438px !important;
}

.main-menu-block .block-title {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

.main-menu-block div.block-title {
  height: 14px;
}

.main-menu-block a.block-title[href]:hover {
  color: #68b7ee;
  cursor: pointer;
}

/*Блок с новостями*/
.main-menu-block.news {

}

.main-menu-block .block-post {
  margin-bottom: 8px;
  border-bottom: 1px solid #7a8da3;
}

.main-menu-block .block-post.with-image {
  text-align: left;
}

.main-menu-block .block-post.with-image .block-post-img {
  display: inline-block;
  margin-bottom: 6px;
  position: relative;
  height: 100px;
}

.main-menu-block .block-post.with-image:hover .block-post-img:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(112, 170, 70, 0.5);
  padding: 0;
}

.main-menu-block .block-post .block-post-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  display: inline-block;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 62px;
}

.main-menu-block .block-post.with-image:hover .block-post-title,
.main-menu-block .block-post .block-post-title:hover {
  color: #68b7ee;
}

/*Блок с рекламой*/
.block-friends {
  position: relative;
  display: block;
  width: 166px;
  height: 338px;
}

.block-friends > img {
  width: 100%;
  height: 100%;
}

/*Блок со командами*/
.block-team {
  margin-bottom: 24px;
  display: inline-block;
  position: relative;
}

.block-team:hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(112, 170, 70, 0.5);
  padding: 0;
}

/*Блок с трофеями*/
.block-trophies {
  position: relative;
  display: block;
  width: 166px;
  height: 338px;
}

.block-trophies > img {
  width: 100%;
  height: 100%;
}

/*Блок с ссылками*/
.block-link {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 20px;
  display: block;
}

.block-link.with-image {
  padding-left: 35px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 12px;
}

.block-link.with-image.vk,
.block-link.with-image.ok,
.block-link.with-image.fb,
.block-link.with-image.tw,
.block-link.with-image.in,
.block-link.with-image.yt {
  position: relative;
}

.block-link.with-image.vk:before,
.block-link.with-image.ok:before,
.block-link.with-image.fb:before,
.block-link.with-image.tw:before,
.block-link.with-image.in:before,
.block-link.with-image.yt:before {
  content: '';
  background-image: url(/National_Library/oe_/https://rfs.ru/css/img/socials-spray.png);
  background-repeat: no-repeat;
  background-position-y: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 163px 112px;
}

.block-link.with-image.vk:before {
  background-position-x: -1px;
}

.block-link.with-image.ok:before {
  background-position-x: -138px;
}

.block-link.with-image.fb:before {
  background-position-x: -29px;
}

.block-link.with-image.tw:before {
  background-position-x: -58px;
}

.block-link.with-image.in:before {
  background-position-x: -86px;
}

.block-link.with-image.yt:before {
  background-position-x: -114px;
}

.block-link[href]:hover {
  color: #68b7ee !important;
}

.block-link.border {
  border-bottom: 1px solid #7a8da3;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.block-link.bold {
  font-weight: 700;
}

.main-menu-block.links .block-link {
  margin-bottom: 28px;
}

.main-menu-block.links .column {
  position: relative;
}

.main-menu-block.links .column:after {
  content: '';
  position: absolute;
  top: 5%;
  right: 0;
  height: 80%;
  width: 1px;
  background-color: #7a8da3;
}

.main-menu-block.links .column .block-link {
  margin-right: 42px;
  font-weight: 300;
}

/*Блок с турнирами*/
.block-tournament {
  margin-bottom: 16px;
  display: inline-block;
  position: relative;
}

.block-tournament:hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(112, 170, 70, 0.5);
  padding: 0;
}

.main-menu-block.tournament .block-link {
  font-size: 14px;
  color: #ffffff;
  display: block;
}

.main-menu-block.tournament:not(:first-child) .block-link.border {
  padding-bottom: 61px;
}