@charset "UTF-8";
 
button,
textarea,
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=email],
input[type=password],
input[type=search],
input[type=text] {
  border-radius: 0;
}

.clearfix, .l-container-width, .l-header, .h-second, .translate__inputgroup, .top-nav, .top-nav__sublist, .list__content, .banner, .footer, .footer__left, .footer__left__top, .footer__left__text, .footer__right, .footer__bottom {
  *zoom: 1;
}

.clearfix:before,
.l-container-width:before,
.l-header:before,
.h-second:before,
.translate__inputgroup:before,
.top-nav:before,
.top-nav__sublist:before,
.banner:before,
.footer:before,
.footer__left:before,
.footer__left__top:before,
.footer__left__text:before,
.footer__right:before,
.footer__bottom:before,
.list__content:after,
.list__content:before,
.clearfix:after, .l-container-width:after, .l-header:after, .h-second:after, .translate__inputgroup:after, .top-nav:after, .top-nav__sublist:after, .banner:after, .footer:after, .footer__left:after, .footer__left__top:after, .footer__left__text:after, .footer__right:after, .footer__bottom:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after, .l-container-width:after, .list__content:after, .l-header:after, .h-second:after, .translate__inputgroup:after, .top-nav:after, .top-nav__sublist:after, .banner:after, .footer:after, .footer__left:after, .footer__left__top:after, .footer__left__text:after, .footer__right:after, .footer__bottom:after {
  clear: both;
}

/*Global*/
/*Глобальные классы для полей формы*/
.g-form-input, .login-form__input, .user-profile__input {
  border: 1px solid #d9d9d9;
  margin-bottom: 8px;
  transition: border-color 0.3s;
}

.g-img-responsive {
  max-width: 100%;
}

.g-form-input:focus, .login-form__input:focus, .user-profile__input:focus {
  border-color: #a2a1a1;
  transition: border-color 0.3s;
}

.g-color--blue {
  color: #016cb7;
}
.g-color--grey {
  color: #505050;
}

.g-relative {
  position: relative;
  display: block;
}

/*Глобальные стили для кнопок*/
.g-btn {
  display: inline-block;
  border: 0 none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.btn-green-pulse {
  background-color: #59CD9D;
  border: none;
  display: block;
  color: #fff;
  padding: 6px 10px;
  text-align: center;
  font-size: 13px;
  letter-spacing: .03em;
  position: relative;
  -webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  /*&:before */
  /*&:hover:before,*/
}
.btn-green-pulse:hover {
  background-color: #78d6b0;
}
.btn-green-pulse:focus {
  outline: none;
}
.btn-green-pulse:after {
  background-color: #59CD9D;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn-green-pulse:hover:after {
  border-color: transparent;
}

@-webkit-keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
@-moz-keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
@keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}

.g-btn--yellow {
  background: #ffd506;
}

.g-btn--blue {
  background: #016cb7;
  color: #fff;
}

.g-btn--grey {
  background: #e6e6e6;
  color: #373737;
}

.g-btn--grey:hover,
.g-btn--grey:active {
  background: #373737;
  color: #e6e6e6;
}

.g-btn--red {
  background: #f7595c;
  color: white;
  transition: background 0.3s;
}

.g-btn--red:hover,
.g-btn--red:active {
  background: #da5053;
  transition: background 0.3s;
}

.g-btn--green {
  background: #74b884;
  color: white;
  transition: background 0.3s;
}

.g-btn--green:hover,
.g-btn--green:active {
  transition: background 0.3s;
  background: #5f916b;
}

.g-btn--grey {
  background: #e5e5e5;
  color: #016cb7;
}

.g-btn--block {
  display: block;
  width: 100%;
}

.g-btn--medium {
  padding: 10px 35px;
  font-size: 16px;
}

.g-margin-bottom--half {
  margin-bottom: 16px;
} 

.g-margin-top--quarter {
  margin-top: 10px;
}

.g-margin-top--half {
  margin-top: 16px;
} 

.g-margin-bottom {
  margin-bottom: 24px;
}

.g-margin-top {
  margin-top: 24px;
}

.l-main {
  float: left;
  margin: 0 0 0 25px;
  width: 845px;
}

.l-content--margin {
  margin-top: 30px; 
}

.l-content--margin-sm {
  margin-top: 8px;
}

/*Сетка*/
.l-col {
  float: left;
  margin-left: 2%;
}

.l-col:first-child {
  margin-left: 0;
}

.l-center--fwidth {
  width: 100%;
}

.l-col--six {
  width: 48%;
}

.l-col--four {
  width: 32%;
}

.l-col--eight {
  width: 64%;
}

.l-col--two {
  width: 50%;
  margin: 0;
}

.l-col--two:nth-child(2n+2) {
  margin-left: 0;
}

.l-center__fifth__left {
  float: left;
  width: 280px;
}

.l-center__fifth__right {
  float: left;
  width: 440px;
}
/*Центральнsий блок*/
.l-center {
  width: 846px;
  float: left;
  position: relative;
  /*Контент без левой колонки*/
}

.l-center__top {
  width: 526px;
  float: left;
}

.l-center__content {
  width: 525px;
  float: left;
}

.l-center__content--margin {
  margin-left: 25px;
}

.l-center__colgroup {
  float: left;
}

.l-center--fwidth {
  width: 100%;
}

.l-center__first {
  float: left;
  width: 253px;
}

.l-center__second {
  float: left;
  width: 253px;
  margin-left: 20px;
}

.l-center__third {
  float: right;
  width: 300px;
  margin-left: 20px;
}

.l-center__fourth {
  float: left;
  width: 573px;
  margin-left: 20px;
}

.l-center__fifth {
  float: left;
  width: 720px;
}

.l-center__fifth__left {
  width: 280px;
  float: left;
}

.l-center__fifth__right {
  width: 440px;
  float: left;
}

/*Боковые блок*/
.l-sidebar--left {
  width: 170px;
  float: left;
}
.o-aside__block .o-ads--sticky,
.l-sidebar--left .o-ads--sticky  {
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}
.o-aside__block .o-ads--sticky.is_stuck,
.l-sidebar--left .o-ads--sticky.is_stuck {
  padding-top: 110px;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}

.l-sidebar--right {
  margin-left: 25px;
  width: 240px;
  float: left;
}



/*Контенер задает ширину страницы*/
.l-container-width {
  width: 1192px;
  padding: 0 10px;
  margin: 0 auto;
  box-sizing: border-box;
}

/*Шапка*/
.l-header {
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
  width: 100%;
  padding-top: 31px;
}

.l-header div {
  font-family: "Roboto Condensed",sans-serif;
}

/*Убрать когда поставим все шапки*/
.l-header * {
  box-sizing: border-box;
  font-family: "Roboto Condensed",sans-serif;
}

.l-header *::after, .l-header *::before {
  box-sizing: border-box;
}

.l-content--top {
  margin: 10px 0;
}

.lang {
  text-transform: capitalize;
}

/*Табы*/
.tabs {
  margin-bottom: 14px;
}
.tabs__link {
  display: inline-block;
  padding: 4px 7px;
  color: #373737;
  text-decoration: none;
  font-size: 11px;
}

.tabs__link--active {
  background: #363636;
  color: #ffd506;
}

.tabs__text {
  display: inline-block;
  padding: 4px 7px;
}

.tabs--views {
  width: 526px;
  float: left;
  margin-bottom: 14px;
}

/*Шапка первая часть*/
.h-first {
  font-size: 13px;
  background: #363636;
  color: #fff;
  z-index: 2001;
}

.h-first--fixed {
  top: 0;
  width: 100%;
  position: fixed;
}

.h-first__right {
  float: right;
}

.h-first__left {
  float: left;
}

.h-first__nav {
  float: left;
  margin-right: 8px;
  background: #363636;
}

.h-first__nav:nth-last-child(1) {
  margin-right: 0;
}

.h-first__nav__list {
  margin: 0;
  padding: 0;
}


.h-first__nav__item {
  float: left;
  position: relative;
  list-style: none;
  margin-left: 0;
}

.h-first__nav__item--lmargin {
    margin-left: 8px;
}


.h-first__nav__item--nl {
  padding: 8px 10px;
}

.h-first__nav__item--sep {
  padding: 8px 0;
  color: #fff;
}

.h-first__nav__link {
  font-family: "Roboto Condensed",sans-serif;
  display: inline-block;
  padding: 8px 10px;
  color: #fff;
  text-decoration: none;
}

/*Выбранный язык*/
.lang--selected {
  color: #ffd506;
}

.h-first__nav__link--icon {
    padding: 9px 0 5px;
}

.h-first__nav__link:hover,
.h-first__nav__link:active {
  color: #ffd506;
}

.h-first__nav__link--home {
  padding: 8px 10px 8px 0;
}

.h-first__nav__icon {
  float: left;
  margin-right: 8px;
  /*Иконка домик*/
}

.h-first__nav__icon--user {
  margin-top: 2px;
}

.h-first__nav__icon--notification {
  margin-right: 0;
}

.h-first__nav__sublist {
  list-style: none;
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px 0;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.h-first__nav__sublist:before {
  content: ' ';
  left: 30%;
  top: -5px;
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-style: solid;
  border-width: 0 5.5px 5px 5.5px;
  border-color: transparent transparent #fff transparent;
}

.h-first__nav__sublist .h-first__nav__subitem {
  margin-left: 0;
}

.h-first__nav__sublist--user-profile {
  width: 210px;
  left: -47px;
}

.h-first__nav__sublist--notification {
  top: 33px;
  left: -295px;
  width: 310px;
  padding: 5px;
}

.h-first__nav__sublist--notification:before {
  left: auto;
  right: 3px;
}

.notification-list {
  padding: 0;
}

.notification-list__item {
  background: #f4f4f4 none repeat scroll 0 0;
  display: block;
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  width: 100%;
}

.notification-list__item:nth-last-child(1) {
  margin: 0;
}

.notification-list__img__wrap {
  float: left;
  display: block;
  width: 74px;
}

.notification-list__img__wrap img {
  float: left;
  display: block;
}

.notification-list__text {
  padding-left: 10px;
  width: 215px;
  color: #707070;
  font-size: 14px;
  float: left;
}



/*Шапка вторая часть*/
.h-second {
  font-size: 13px;
  padding: 29px 0 21px 0;
  color: #6f6f6f;
}

.h-second__item {
  float: left;
  margin-right: 29px;
}

.h-second__item:nth-child(1) {
  width: 202px;
}

.h-second__item:nth-child(2) {
  width: 240px;
}

.h-second__item:nth-child(3) {
  width: 220px;
  margin: 0 20px 0 0;
}

.h-second__item:nth-child(4) {
  width: 300px;
  float: right;
}

.h-second__item:nth-last-child(1) {
  margin-right: 0;
}

/*Логотип + слоган*/
.logo__slogan {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  margin: 2px 0 0 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.logo--sw {
  height: 83px;
  margin-left: -35px;
  margin-top: -4px;
  position: relative;
  width: 244px;
}

.logo--sw .bb-eight {
  position: absolute;
  z-index: 100;
  width: 65px;
  height: 83px;
  left: 0;
  top: 0;
  background: url(../img/sw/bb-eight.png) no-repeat;
  text-decoration: none;
}

.logo--sw .logo__img {
    background: url(../img/sw/logo-tfa.png) no-repeat;
    width: 244px;
    height: 83px;
    text-decoration: none;
}

.logo--ny {
  height: 83px;
  margin-left: -28px;
  margin-top: 5px;
  position: relative;
  width: 251px;
}

.logo--ny .logo__img {
  background: transparent none repeat scroll 0 0;
  height: 62px;
  width: 243px;
  margin-top: -8px;
}

.l-header .logo img {
  height: 83px !important;
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
  width: 243px !important;
}

.logo--ny a {
  display: block;
}

.logo--h-second {
  float: left;
}

.logo--footer {
  margin-top: 35px;
  width: 96px;
  height: 15px;
}

/*Блок часы-календарь*/
.datetime--h-second {
  width: 120px;
  float: left;
  color: #6f6f6f;
  min-height: 33px;
}

.datetime__link {
  text-decoration: none;
}

.datetime__date {
  color: #016cb7;
}

/*Ссылки на соц сети*/
.social--h-second {
  width: 120px;
  float: left;
  margin-top: 1px;
  text-align: right;
}

.social--footer .social__link {
  color: #acacac;
  display: block;
  float: none;
  clear: both;
}

.social--footer .social__link:hover,
.social--footer .social__link:active {
  color: #ffd506;
}

.social__text {
  margin-left: 12px;
}

.social__link {
  display: inline-block;
  margin-right: 13px;
  margin-bottom: 10px;
  text-decoration: none;
}

.social__link:nth-last-child(1) {
  margin-right: 0;
}

.social__icon {
  display: block;
  float: left;
}

.social__icon--fb {
  margin: 0 7px 0 8px;
}

.social__icon--tw {
  margin: 0 3px;
}

.social__icon--rss {
  margin: 0 5px;
}

/*Блок иконка + текст*/
.icon-block {
  font-size: 13px;
  width: 100%;
  float: left;
}

.icon-block--h-second {
  float: left;
}

.icon-block--currency {
  margin-top: 12px;
}

.icon-block__icon {
  float: left;
  margin-right: 14px;
}

.icon-block__icon--currency {
  margin-top: 4px;
}

.icon-block__icon--weather {
  width: 33px;
  height: 30px;
}

.icon-block__icon--weather img {
  max-width: 100%;
}

.icon-block__link {
  text-decoration: none;
  color: #016cb7;
}

/*Поиск*/
.search {
  width: 100%;
  height: 30px;
  margin-top: 15px;
  border: 1px solid #d9d9d9;
}

.search--h-second {
  float: left;
}

.search__input {
  float: left;
  margin: 6px 0 5px 0;
  padding: 0 8px 0 0;
  border: 0 none;
  background: transparent;
}

.search__input--h-second {
  width: 203px;
}

.search__btn {
  display: block;
  float: left;
  padding: 7px 8px;
  border: 0 none;
  background: transparent;
  cursor: pointer;
}

.search__icon {
  display: block;
}

/*Переводчик*/
.translate__title {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #373737;
  margin-bottom: 5px;
  line-height: 13px;
}

.translate__title:hover {
  color: #016cb7;
}

.translate__area {
  width: 100%;
}

.translate__lang {
  float: left;
  margin-bottom: 5px;
}

.translate__lang select {
  width: 134px;
  height: 20px;
  border: 1px solid #d9d9d9;
}

.translate__swap {
  float: left;
  margin: 0 8px;
}

.translate__input {
  height: 30px;
  width: 198px;
  padding: 8px;
  float: left;
  background: transparent;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 0 none;
}

.translate__inputgroup {
  height: 31px;
  position: relative;
}

/*.translate__inputgroup--lang {
  height: auto;
}*/

.translate__btnwrap {
  float: left;
  width: 34%;
}

.translate__btn {
  height: 30px;
  line-height: 26px;
  width: 100%;
  float: left;
  background: #ffd506;
  border: 0 none;
  font-size: 13px;
  cursor: pointer;
}

.translate__btn:hover,
.translate__btn:active {
  background: #f5cb00;
}

/*Верхнее меню*/
.fixed-nav {
  background: #494949 none repeat scroll 0 0;
  box-shadow: 0 1px 3px 0 rgba(173, 173, 173, 0.41);
  left: 0;
  position: fixed;
  top: 31px;
  width: 100%;
  z-index: 2000;
}


.top-nav {
  width: 100%;
  display: block;
  background: #fbfbfb none repeat scroll 0 0;
  display: block;
}

.top-nav.top-nav--hover {
    background: #494949 none repeat scroll 0 0;
}

.fixed-nav .top-nav.top-nav--hover {
  background: #494949;
}

.top-nav__list {
  margin: 0;
  padding: 0;
  position: relative;
}

.top-nav__item {
  position: relative;
  float: left;
  margin-left: 0;
  list-style: none;
  font-family: 'Roboto Condensed', sans-serif;
}

.top-nav__item:nth-last-child(1) {
  margin-right: 0;
}

.top-nav__item:hover > .top-nav__link {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #363636;
  z-index: 3000;
  position: relative;
}

.top-nav__sublist {
  background: #fff none repeat scroll 0 0;
  display: none;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);  
  list-style: outside none none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  min-width: 120px;
  width: auto;
  z-index: 1000;
}

.top-nav__subitem {
  float: none;
  margin-left: 0;
}

.top-nav__subitem__link {
  color: #5a5a5a;
  display: inline-block;
  min-width: 140px;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding: 6px 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.top-nav__subitem__link:hover,
.top-nav__subitem__link:active {
  text-decoration: none;
  color: #0068b4;
}

.top-nav__link {
  color: #fff;
  display: block;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.top-nav__link--parent {
  padding-right: 24px;
  position: relative;
}

.top-nav__icon {
  display: block;
  top: 15px;
  right: 9px;
  position: absolute;
}

.top-nav__link:hover,
.top-nav__link:active {
  background: #363636;
  color: #ffd506;
}

/*Горизонтальная навигация верх контента*/
.hor-nav {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
}

.hor-nav__title {
  display: inline-block;
}

.hor-nav__item {
  display: inline-block;
}

.hor-nav--red .hor-nav__item {
  color: #f7595c;
  text-decoration: none;
  margin-right: 4px;
  padding: 3px 6px;
}

.hor-nav--red .hor-nav__item:active,
.hor-nav--red .hor-nav__item:hover {
  color: #fff;
  background: #f7595c;
}

.hor-nav--red .hor-nav__title {
  margin-right: 11px;
}


.hor-nav--grey {
    background: #f4f4f4 none repeat scroll 0 0;
    font-size: 13px;
    height: 30px;
}
.hor-nav--grey .hor-nav__item {
    color: #0068b4;
    float: left;
    padding: 6px 10px;
    text-decoration: none;
}
.hor-nav--grey .hor-nav__item:active, .hor-nav--grey .hor-nav__item:hover, .hor-nav--grey .hor-nav__item--selected  {
    background: #0068b4 none repeat scroll 0 0;
    color: #fff;
}
.hor-nav--grey .hor-nav__title {
    background: #363636 none repeat scroll 0 0;
    color: #fff;
    float: left;
    padding: 6px;
}


.pagination {
    text-align: center;
}
.pagination__item {
    display: inline-block;
    font-size: 17px;
    padding: 5px;
    text-decoration: none;
    color: #016cb7;
    min-width: 32px;
}

.pagination__item:hover,
.pagination__item:active {
    background: #016cb7;
    color: #fff;
}

.pagination__item--disabled:active,
.pagination__item--disabled:hover,
.pagination__item--disabled {
  color: #eee;
  background: none;
}



.pagination__item--selected {
    display: inline-block;
    font-size: 17px;
    padding: 5px;
    text-decoration: none;
    background: #363636;
    color: #fff;
    min-width: 32px;
}


.mail-counter--yellow {
  color: #fff;
  display: inline-block;
  margin: 8px 4px 0 0;
  text-decoration: none;
}

.mail-counter__icon--yellow  {
  display: inline-block;
  float: left;
  height: 12px;
  margin-right: 5px;
  margin-top: 2px;
  width: 16px;
}

/*Баннеры*/
.banner img {
  display: block;
  float: left;
}

.banner--top {
  height: auto;
  text-align: center;
}

.banner--top > div {
  display: inline-block;
  margin: 0 auto 20px auto!important;
}

.banner--right {
  margin-bottom: 20px;
  text-align: center;
}

.banner--right > div {
  display: inline-block;
  z-index: 998;
  position: relative;
} 


/* Блок входа в левой колонке */
.login-form {
  background: #f4f4f4;
  padding: 16px;
  margin-bottom: 25px;
}

.login-form__input {
  padding: 4px 9px;
  width: 138px;
}

.login-form__btn {
  padding: 4px 0 3px;
}

.login-form__link--forget {
  text-decoration: none;
  color: #707070;
  text-align: center;
  width: 100%;
  display: block;
}

.login-form__link--forget:active,
.login-form__link--forget:hover {
  text-decoration: underline;
}

.login-form__link--register {
  text-decoration: none;
  font-size: 12px;
}

.login-form__icon--user {
  display: block;
  float: left;
  margin-top: 2px;
  margin-right: 6px;
}

.login-form__forget {
  padding: 9px 0;
}

.login-form__register {
  border-top: 0 none;
  padding: 0;
}

.login-form__register i {
  display: none;
}

.login-form__mem {
  display: block;
  margin-bottom: 14px;
}

.login-form__mem__check {
  float: left;
  margin: 2px 6px 0 0;
}

.login-form__mem__lbl {
  float: left;
}

/* Меню пользователя в левой колонке */
.user-profile {
  background: #f4f4f4;
  padding: 16px 16px 16px 0;
  margin-bottom: 25px;
}

.user-profile__top {
  padding-bottom: 15px;
  margin: 0 0 16px 16px;
  border-bottom: 1px solid #e0e0e0;
}

.user-profile__top--h-first__nav {
  margin: 0;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
  border: 0 none;
}

.user-profile__content {
  clear: both;
  float: left;
  width: 100%;
}

.user-profile__icon {
  float: left;
  display: inline-block;
}

.user-profile__icon--profile {
  margin-left: 2px;
  margin-right: 9px;
}

.user-profile__icon--mail {
  margin-right: 10px;
}

.user-profile__icon--disk {
  margin-right: 12px;
  margin-left: 2px;
}

.user-profile__icon--photo {
  margin-right: 11px;
}

.user-profile__icon--video {
  margin-right: 12px;
  margin-left: 2px;
}

.user-profile__icon--sendmail {
  margin-top: 2px;
  float: right;
}

.user-profile__mails {
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  text-align: right;
  width: 33px;
  margin-top: 2px;
}

.user-profile__mails__container {
  float: right;
}

.user-profile__icon--settings {
  margin: 2px 7px 0 0;
}

.user-profile__btn {
  padding: 7px;
}

.user-profile__btn--logout {
  color: #373737;
  margin: 4px 0;
  font-size: 11px;
}

.user-profile__link {
  text-decoration: none;
}

.user-profile__nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.user-profile__nav--blue {
  margin-top: 14px;
}

.user-profile__nav__item {
  padding: 0 5px 0 0;
  margin: 0;
}

.user-profile__nav__item:hover,
.user-profile__nav__item:active {
  background: #fff;
}

.user-profile__nav__item--blue {
  border-left: 3px solid #fff;
}

.user-profile__nav__item--blue a {
  font-size: 14px;
}

.user-profile__nav__item--blue:hover,
.user-profile__nav__item--blue:active {
  background: #f4f4f4;
  border-color: #016cb7;
}

.user-profile__nav__item--blue:hover a,
.user-profile__nav__item--blue:active a {
  color: #016cb7;
}

.user-profile__nav__link {
  width: 130px;
  color: #373737;
  padding: 5px 0 5px 16px;
  text-decoration: none;
  display: inline-block;
}

.user-profile__nav__link--profile,
.user-profile__nav__link--mail {
  width: 100%;
}

.user-profile__nav__link--icon {
  float: right;
  padding: 0;
  width: auto;
  margin-top: 7px;
}

.user-profile__avatar {
  float: left;
  width: 38px;
  margin-right: 5px;
}

.user-profile__avatar__img {
  float: left;
}

.user-profile__avatar--h-first__nav {
  margin-right: 13px;
}

.user-profile__info {
  float: left;
  width: 95px;
}

.user-profile__info--h-first__nav {
  width: 119px;
}

.user-profile__logout {
  float: left;
  width: 45px;
}

.user-profile__rank {
  float: left;
  width: 95px;
  color: #6f6f6f;
  font-size: 11px;
  text-transform: uppercase;
}

.user-profile__rank--h-first__nav {
  float: left;
  width: 43px;
  margin-right: 31px;
  font-size: 13px;
}

.user-profile__input {
  padding: 4px 9px;
  width: 138px;
}

.user-profile__link--username {
  text-decoration: none;
  word-wrap: break-word;
  width: 100%;
  line-height: 15px;
  color: 14px;
  float: left;
  color: #373737;
}

.user-profile__link--forget {
  text-decoration: none;
  color: #707070;
  text-align: center;
  width: 100%;
  display: block;
}

.user-profile__link--forget:active,
.user-profile__link--forget:hover {
  text-decoration: underline;
}

.user-profile__link--register {
  text-decoration: none;
}

.user-profile__icon--user {
  display: block;
  float: left;
  margin-right: 6px;
}

.user-profile__forget {
  padding: 9px 0;
}

.user-profile__register {
  border-top: 1px solid #d9d9d9;
  padding: 8px 0 0 0;
}

.user-profile__mem {
  display: block;
  margin-bottom: 14px;
}

.user-profile__mem__check {
  float: left;
  margin: 2px 6px 0 0;
}

.user-profile__mem__lbl {
  float: left;
}

/* Рейтинг пользователя */

.rank__text {
  width: 100%;
  clear: both;
  display: block;
}

.rank__link {
  text-decoration: none;
  color: #373737;
}

.rank__link:active,
.rank__link:hover {
  color: #016cb7;
}

.rank__progress {
  margin: 2px 0 0 0;
  width: 100%;
  clear: both;
  display: block;
  border: 1px solid #016cb7;
  height: 6px;
}

.rank__progress__line {
  background: #016cb7;
  height: 100%;
}

/* Подвал */
.footer {
  font-size: 13px;
  background: #363636;
  padding: 57px 0 40px 0;
  color: #7f7f7f;
  min-width: 100%;
  width: 100%;
  margin-top: 40px;
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  position: relative;
  z-index: 2000;
  position: absolute;
  left: 0;
}

.footer * {
  box-sizing: border-box;
}

.footer *::after, .footer *::before {
  box-sizing: border-box;
}

.footer__left {
  width: 50%;
  float: left;
  padding: 0 50px 36px 0;
}

.footer__left__text {
  padding-top: 25px;
}

.footer__right {
  width: 50%;
  float: left;
  padding-bottom: 36px;
}

.footer__bottom {
  width: 100%;
  float: left;
  border-top: 1px solid #474747;
  padding-top: 28px;
}

.footer__link {
  color: #7f7f7f;
  text-decoration: none;
}

.footer__link:hover,
.footer__link:active {
  color: white;
  text-decoration: underline;
}

.footer-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-nav__link {
  color: #acacac;
  text-decoration: none;
}

.footer-nav__link:hover,
.footer-nav__link:active {
  color: #ffd506;
}

.footer-nav__item {
  float: left!important;
  margin: 0 0 10px 0!important;
  width: 100%;
  clear: both;
}

/*Иконки*/
.sprite, .icon--keybord, .icon-new, .micon, .top-nav__icon, .icon--abc, .print__icon, .on_wall__icon, .photo-icon, .photo-icon--small, .h-first__nav__icon--logout, .video-icon--big, .video-icon--small, .mail-counter__icon--yellow, .video-icon, .sprite-comment_blue, .meta__icon--comments, .sprite-comment_blue_small, .meta__icon--comments-sm, .count__icon--comments, .sprite-crown, .title__icon--crown, .sprite-currency, .icon-block__icon--currency, .sprite-disk, .user-profile__icon--disk, .sprite-editpost, .user-profile__icon--editpost, .sprite-eye_blue, .meta__icon--eye, .sprite-eye_blue_small, .count__icon--eye, .sprite-fb, .social__link--fb, .sprite-fb_yellow, .social__icon--fb, .sprite-hide, .is--shown .dd__triger__icon, .sprite-home, .h-first__nav__icon--home, .sprite-like_blue, .meta__icon--like, .sprite-liked_blue, .meta__icon--liked, .sprite-lines, .sprite-link_blue, .meta__icon--share, .sprite-logo, .logo__img, .sprite-logo_yellow, .logo__img--footer, .sprite-mail, .user-profile__icon--mail, .sprite-mail_yellow, .sprite-msg_white, .h-first__nav__icon--msg, .sprite-msg_yellow, .h-first__nav__icon--msg-active, .sprite-notification_white, .h-first__nav__icon--notification, .sprite-notification_yellow, .h-first__nav__icon--notification-active, .sprite-photo, .user-profile__icon--photo, .sprite-profile, .user-profile__icon--profile, .sprite-question, .referendum__icon--question, .sprite-rss, .social__link--rss, .sprite-rss_yellow, .social__icon--rss, .title__icon--rss, .sprite-search, .search__icon, .sprite-sendmail, .user-profile__icon--sendmail, .sprite-settings, .user-profile__icon--settings, .sprite-show, .dd__triger__icon, .sprite-star, .h-first__nav__icon--star, .sprite-swap, .translate__swap, .sprite-tw, .social__link--tw, .sprite-tw_yellow, .social__icon--tw, .sprite-upload, .user-profile__icon--upload, .sprite-user_blue, .login-form__icon--user, .user-profile__icon--user, .sprite-user_white, .sprite-user_yellow, .h-first__nav__icon--user, .sprite-video, .user-profile__icon--video, .sprite-vk, .social__link--vk, .sprite-vk_yellow, .social__icon--vk, .sprite-weather {
  background-image: url(../img/icons/spritesheet.png);
  background-repeat: no-repeat;
}


.micon {
  display: inline-block;
  vertical-align: middle;
}

.micon--video {
  background-position: -151px -2007px;
  width: 16px;
}

.micon--photo {
  background-position: -124px -2007px;
  width: 16px;
}

.micon--adv {
  background: #ffd506 none repeat scroll 0 0;
 
}

.ticon {
  border: 0 none;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Arial;
  font-size: 8px;
  font-weight: normal!;
  height: 12px;
  line-height: 13px;
  padding: 0 3px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.ticon--online {
  background: #ffd506 none repeat scroll 0 0;
  color: #000;
}

.ticon--rekl {
  background: #494949 none repeat scroll 0 0;
  color: #fff;
}

 .icon-new {
  background-position: -71px -1989px;
  height: 14px;
  margin-right: 4px;
  width: 26px;
  float: left;
  margin-top: 1px;
}

.top-nav__icon--dd {
  background-position: -178px -2007px;
  width: 9px;
  height: 6px;
}

.top-nav__item:hover .top-nav__icon--dd,
.top-nav__item:active .top-nav__icon--dd {
  background-position: -170px -2007px;
}

.micon--video {
  background-position: -151px -2007px;
  width: 16px;
}

.micon--photo {
  background-position: -124px -2007px;
  width: 16px;
}

.micon--online {
  background-position: -71px -2008px;
  width: 43px;
  height: 11px;
}

.icon--keybord {
   background-position: -72px -2032px;
   display: inline-block;
   width: 24px;
   height: 16px;
}

.icon--abc {
   background-position: -100px -2032px;
   display: inline-block;
   width: 25px;
   height: 17px;
   margin-top: 2px;
}

.icon--close {
   background-position: -131px -2032px;
   display: inline-block;
   width: 10px;
   height: 10px;
}


.print__icon {
  display: inline-block;
  float: left;
  width: 19px;
  height: 19px;
  background-position: -15px -2217px;
  margin-right: 10px;
}

.on_wall__icon--plus {
  width: 18px;
  height: 18px;
  background-position: -15px -2176px;
  display: inline-block;
}

.sprite-comment_blue, .meta__icon--comments {
  width: 14px;
  height: 14px;
  background-position: -15px -15px;
}

.sprite-comment_blue_small, .meta__icon--comments-sm, .count__icon--comments {
  width: 10px;
  height: 9px;
  background-position: -15px -59px;
}

.sprite-crown, .title__icon--crown {
  width: 18px;
  height: 10px;
  background-position: -15px -98px;
}

.sprite-currency, .icon-block__icon--currency {
  width: 32px;
  height: 28px;
  background-position: -15px -138px;
}

.sprite-disk, .user-profile__icon--disk {
  width: 17px;
  height: 17px;
  background-position: -15px -196px;
}

.sprite-editpost, .user-profile__icon--editpost {
  width: 15px;
  height: 15px;
  background-position: -15px -243px;
}

.sprite-eye_blue, .meta__icon--eye {
  width: 12px;
  height: 8px;
  background-position: -15px -288px;
}

.sprite-eye_blue_small, .count__icon--eye {
  width: 12px;
  height: 8px;
  background-position: -15px -326px;
}

.sprite-fb, .social__link--fb {
  width: 9px;
  height: 18px;
  background-position: -15px -364px;
}

.sprite-fb_yellow, .social__icon--fb {
  width: 9px;
  height: 18px;
  background-position: -15px -412px;
}

.sprite-hide, .is--shown .dd__triger__icon {
  width: 9px;
  height: 5px;
  background-position: -15px -460px;
}

.sprite-home, .h-first__nav__icon--home {
  width: 14px;
  height: 14px;
  background-position: -15px -495px;
}

.sprite-like_blue, .meta__icon--like {
  width: 14px;
  height: 14px;
  background-position: -15px -539px;
}

.sprite-liked_blue, .meta__icon--liked {
  width: 14px;
  height: 14px;
  background-position: -15px -583px;
}

.sprite-lines {
  width: 9px;
  height: 9px;
  background-position: -15px -627px;
}

.sprite-link_blue, .meta__icon--share {
  width: 14px;
  height: 14px;
  background-position: -15px -666px;
}

.sprite-logo, .logo__img {
  width: 202px;
  height: 52px;
  background-position: -15px -710px;
  display: block;
}

.sprite-logo_yellow, .logo__img--footer {
  width: 96px;
  height: 15px;
  background-position: -15px -792px;
}

.sprite-mail, .user-profile__icon--mail {
  width: 21px;
  height: 14px;
  background-position: -15px -837px;
}

.sprite-mail_yellow, .mail-counter__icon--yellow {
  width: 16px;
  height: 12px;
  background-position: -15px -881px;
}

.sprite-msg_white, .h-first__nav__icon--msg {
  width: 14px;
  height: 14px;
  background-position: -15px -923px;
}

.sprite-msg_yellow, .h-first__nav__icon--msg-active {
  width: 14px;
  height: 14px;
  background-position: -15px -967px;
}

.h-first__nav__icon--logout {
  width: 11px;
  height: 14px;
  background-position: -15px -2093px; 
}

.sprite-notification_white, .h-first__nav__icon--notification {
  width: 14px;
  height: 14px;
  background-position: -15px -1011px;
}

.sprite-notification_yellow, .h-first__nav__icon--notification-active {
  width: 14px;
  height: 14px;
  background-position: -15px -1055px;
}

.sprite-photo, .user-profile__icon--photo {
  width: 20px;
  height: 18px;
  background-position: -15px -1099px;
}

.sprite-profile, .user-profile__icon--profile {
  width: 20px;
  height: 20px;
  background-position: -15px -1147px;
}

.sprite-question, .referendum__icon--question {
  width: 7px;
  height: 12px;
  background-position: -15px -1197px;
}

.sprite-rss, .social__link--rss {
  width: 14px;
  height: 15px;
  background-position: -15px -1239px;
}

.sprite-rss_yellow, .social__icon--rss, .title__icon--rss {
  width: 14px;
  height: 15px;
  background-position: -15px -1284px;
}

.sprite-search, .search__icon {
  width: 13px;
  height: 13px;
  background-position: -15px -1329px;
}

.sprite-sendmail, .user-profile__icon--sendmail {
  width: 15px;
  height: 11px;
  background-position: -15px -1372px;
}

.sprite-settings, .user-profile__icon--settings {
  width: 14px;
  height: 14px;
  background-position: -15px -1413px;
}

.sprite-show, .dd__triger__icon {
  width: 9px;
  height: 5px;
  background-position: -15px -1457px;
}

.sprite-star, .h-first__nav__icon--star {
  width: 15px;
  height: 16px;
  background-position: -15px -1492px;
}

.sprite-swap, .translate__swap {
  width: 15px;
  height: 18px;
  background-position: -15px -1538px;
}

.translate__swap:hover {
  background-position: -31px -1538px;
}

.sprite-tw, .social__link--tw {
  width: 18px;
  height: 15px;
  background-position: -15px -1586px;
}

.sprite-tw_yellow, .social__icon--tw {
  width: 18px;
  height: 15px;
  background-position: -15px -1631px;
}

.sprite-upload, .user-profile__icon--upload {
  width: 15px;
  height: 15px;
  background-position: -15px -1676px;
}

.sprite-user_blue, .login-form__icon--user, .user-profile__icon--user {
  width: 13px;
  height: 13px;
  background-position: -15px -1721px;
}

.sprite-user_white {
  width: 13px;
  height: 13px;
  background-position: -15px -1764px;
}

.sprite-user_yellow, .h-first__nav__icon--user {
  width: 13px;
  height: 13px;
  background-position: -15px -1807px;
}

.sprite-video, .user-profile__icon--video {
  width: 17px;
  height: 15px;
  background-position: -15px -1850px;
}

.sprite-vk, .social__link--vk {
  width: 24px;
  height: 14px;
  background-position: -15px -1895px;
}

.sprite-vk_yellow, .social__icon--vk {
  width: 24px;
  height: 14px;
  background-position: -15px -1939px;
}

.sprite-weather {
  width: 31px;
  height: 32px;
  background-position: -15px -1983px;
}

.video-icon {
  width: 41px;
  height: 41px;
  background-position: -15px -2032px;
}

.video-icon--small {
  background-position: -155px -2130px;
}

.video-icon--big {
   background-position: -63px -1840px;
}



/* для даты в шапке */
#date-time .hT {
    color: #fff;
}

/**/
.username {
  color: #373737;
  text-decoration: none;
}

.article .time,
.time {
  color: #9e9e9e ;
}

.time--md {
  font-size: 14px;
}

.article .cat,
.cat {
  font-family: 'Roboto Condensed', sans-serif;
  text-decoration: none;
  color: #016cb7;
}

.article .article__views,
.article__views {
  color: #3a3a3a;
  font-family: 'Roboto Condensed', sans-serif;
  float: right;
  display: block;
}
.article__views img {
  width: auto!important;
}
.article__views .meta__icon--eye {
  margin: 4px 5px 0 0;
}


.all {
  padding: 5px;
  text-align: center;
}

/*Счетчик*/
.count {
  position: relative;
  padding-left: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 11px;
  color: #9e9e9e;
}

.count__icon {
  position: absolute;
  top: 50%;
  left: 0;
}

.count__icon--eye {
  display: inline-block;
  margin-top: -4px;
}

.count__icon--comments {
  display: inline-block;
  margin-top: -5px;
}



/* стили формы входа */

.col-1 {
  float: left;
  position: relative;
  width: 170px;
}

.col-1 .none {
  color: #000;
  position: static;
}

.col-1 label {
  color: #636363;
  left: 11px;
  position: absolute;
  top: 5px;
}

.inp {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #aeaeae;
  padding: 4px 10px 5px;
  width: 130px;
}

.reg {
  margin-bottom: 20px;
  padding-top: 10px;
}

.reg a {
  background: rgba(0, 0, 0, 0) url("../img/btn-2.png") no-repeat scroll 0 0;
  color: #000;
  display: block;
  height: 22px;
  padding-top: 7px;
  text-align: center;
  text-decoration: none;
  width: 138px;
}

.reg a.click {
  background: rgba(0, 0, 0, 0) url("../img/btn-2_act.png") no-repeat scroll 0 0;
}

.enter {
  background: rgba(0, 0, 0, 0) url("../img/btn-4.png") no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 20px;
  padding-top: 5px;
  text-align: center;
  text-decoration: none;
  width: 57px;
}

#close a {
  background: rgba(0, 0, 0, 0) url("../../close2.gif") no-repeat scroll 0 3px;
  color: #a7a7a7 !important;
  font-size: 14px;
  height: 18px;
  position: absolute;
  right: 30px;
  text-decoration: none;
  top: 20px;
  width: 18px;
}

.clear::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  overflow: hidden;
  width: 0;
}

#provider {
  top: 0!important;
}

#provider {
  background: rgba(0, 0, 0, 0) url("/provider.png") repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 2003!important;
}

.provider-inner {
  background: #f4f4f4 none repeat scroll 0 0;
  height: 375px !important;
  left: 50%;
  margin-left: -240px;
  padding: 22px 60px 50px 60px;
  position: relative;
  top: 20% !important;
  width: 480px !important;
  box-sizing: border-box!important;
}

.provider-inner .title {
  font-weight: bold;
  text-transform: none;
  font-size: 18px;
  font-family: "Roboto",sans-serif;
}

#provider_iframe3 {
  bottom: 20px;
  left: 60px;
  position: absolute;
}

/* стили формы входа */


/*Banposter*/
.banposter {
margin: 0 auto;
width: 990px;
}

.banposter > div,
#top_banner {
  margin: 0 auto;
}

/*Вернутс в раздел*/
.back--yellow {
  background: #ffd506 none repeat scroll 0 0;
  color: #363636;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 8px;
  text-decoration: none;
}

.back--yellow:hover,
.back--yellow:active {
  background: #363636;
  color: #ffd506;
}


/*Заголовки*/
.title {
  font-size: 16px;
  color: #373737;
  display: block;
  min-height: 30px;
}

.title--nomargin {
  margin-bottom: 0;
}

.title__mainlink {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #373737;
  display: block;
  text-decoration: none;
}

.title__mainlink:active,
.title__mainlink:hover {
  color: #016cb7;
}

.title--big {
  font-size: 20px;
  padding: 7px 16px;
}

.title--blue {
  background: #016cb7;
  color: #fff;
  box-sizing: border-box;
}
.title--blue a {
  color: #fff;
  font-size: 19px;
}

.title--blue a:focus,
.title--blue a:hover {
  color: #fff;
}

.title--page {
  margin: 10px 0 30px 0;
}

.title--grey {
  background: #363636;
  color: #fff;  font-size: 16px;
}

.title--yellow {
  background: #ffd505;
  color: #373737;  font-size: 16px;
}

.title--bl {
  margin: 1px 0 18px 0;
  padding: 5px 9px;
}

.title--browsericon {
  line-height: 46px;
}

.title--browsericon img {
  margin-right: 10px;
}

.title--nomargin {
    padding: 5px 9px;
}

.title--bgrey {
  padding: 5px 9px;
  background: #f4f4f4;
  box-sizing: border-box;
}

.title__link {
  float: right;
  text-transform: none;
  font-size: 13px!important;
  color: #016cb7;
  padding: 4px 0;
  text-decoration: none;
}

.title__link--white {
  color: #fff;
}
.title__link--grey {
  color: #363636;
  padding: 1px 0;
}
.title__link--rss {
  margin-top: 3px;
}

.title__link--conttop {
  background: #363636 none repeat scroll 0 0;
  color: #fff;
  padding: 4px 6px;
}

.title__link--white {
  color: #fff;
  padding: 1px 0; 
}
.title__link--grey:hover,
.title__link--white:hover {
  text-decoration: underline;
}

.title__icon {
  display: inline-block;
  margin-right: 5px;
  float: left;
}

/*Меню сервисов*/
 
.service-nav__item {
  list-style: none;
  margin: 0 0 17px 0;
  color: #373737;
}

.service-nav__list,
.service-nav__list {
  padding: 0;
}

.cat-nav__item {
  list-style: none;
  margin: 0 0 10px 0;
  color: #373737;
  padding-left: 10px;
}

.cat-nav__link, .service-nav__link {
  color: #373737;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
}

.cat-nav__link:active,
.cat-nav__link:hover,
.service-nav__link:hover,
.service-nav__link:active {
  color: #016cb7;
}

.service-nav__icon {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

/*Блоки над статьями*/
.meta {
    margin: 16px 0;
}

.meta--top {
  margin: 0;
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}


.meta__item {
    color: #373737;
    display: inline-block;
    float: left;
    line-height: 14px;
    margin-right: 10px;
    text-decoration: none;
}

.meta__item--right {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}

.meta__item--blue {
    color: #016cb7;
}
.meta__icon {
    display: inline-block;
    margin-right: 5px;
}
.meta__icon--like {
    float: left;
}
.meta__icon--liked {
    float: left;
}
.meta__icon--comments {
    float: left;
}
.meta__icon--comments-sm {
    float: left;
    margin-top: 4px;
}
.meta__icon--share {
    float: left;
}
.meta__icon--eye {
    float: left;
    margin-top: 4px;
}
.meta__counter {
    display: inline-block;
}
.meta__counter--right {
    float: right;
    margin-left: 4px;
}



/*Списки*/
.list--news {
  margin-bottom: 26px;
}

.list--nomargin {
  margin: 0 0 0 0; 
}

.list--brd {
  border-bottom: 1px solid #e0e0e0;
}

.list--videonews {
  margin-bottom: 24px;
}

.list--video {
  margin-bottom: 24px;
}

.list--video .list__item--half__img {
  margin-top: 0;
}

.list--video .list__item__link {
  display: block;
  float: left;
  position: relative;
}

.list--video .list__item__link img {
  display: block;
}

.list-videonews .list__item__link {
  position: relative;
}

.video-icon--big {
  display: block;
  height: 60px;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 60px;
}

.video-icon {
  display: block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
}

.video-icon--small {
    display: block;
    left: 55px;
    top: 31px;
    height: 28px;
    position: absolute;
    width: 28px;
    margin: 0;
}

.photo-icon {
  display: block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  background-position: -93px -2177px;
}

.photo-icon--small {
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 6px;
  top: 6px;
  background-position: -155px -2190px;
}

.list--videonewstop__item.is--videothmb {
  min-height: 180px;
}

.is--photothmb,
.is--videothmb {
  display: block; 
  position: relative;
}

/*.is--photothmb img,
.is--videothmb img {
  display: block;
  float: left;
}*/

.is--photothmb:hover .photo-icon--small {
    background-position: -155px  -2239px;

}

.is--photothmb:hover .photo-icon {
    background-position: -93px -2238px;
}

.is--videothmb:hover .video-icon--small {
    background-position: -155px -2090px;
}

.is--videothmb:hover .video-icon {
    background-position: -94px -2064px;
}

.list__item--topvideo {
  margin-bottom: 10px;
  float: left;
  display: block;
  position: relative;
  width: 100%;
}

.list__item--topvideo img {
  display: block;
}


.list--photo {
  margin-bottom: 24px;
}

.list
.list--three-col .list__item:nth-child(3n+3) {
  margin-right: 0;
}

.list
.list--three-col .list__item {
  margin-right: 12px;
}

.list__link {
  text-decoration: none;
  color: #373737;
  font-size: 13px;
  line-height: 1;
  width: 100%;
  display: inline-block;
}

.list__link--lg {
  font-size: 17px;
  line-height: 18px;
}

.list__link:hover,
.list__link:active {
  color: #016cb7;
}

.list__link--news__title {
  font-family: 'Noto Serif', serif;
}

.list__img {
  display: block;
  float: left;
}

.list__item--brd {
  border-bottom: 1px solid #d9d9d9;
}

.list__item__username {
  color: #373737;
  text-decoration: none;
  margin: 10px 0;
  display: block;
  float: left;
  width: 100%;
}

.list__item__link--block {
  display: block;
  float: left;
  position: relative;
}

.list__item--photo {
  margin-right: 13px;
  display: block;
  float: left;
  width: 133px;
}

.list__item--photo:nth-last-child(1) {
  margin-right: 0;
}

.list__item--game {
  display: block;
  float: left;
  margin-right: 12px;
  width: 183px;
  min-height: 175px;
}

.list__item--game img {
  max-width: 100%;
}

.list__item--game:nth-child(3n+3) {
  margin-right: 0;
}

.list__item__img {
  display: block;
  float: left;
  width: 100%;
}

.list__item--top {
  margin-bottom: 16px;
  float: left;
}

.list__item--top__link {
  display: block;
  float: left;
}

.list__item--top__img {
  width: 100%;
  display: block;
  float: left;
}

.list__item--sm {
  font-size: 12px;
  line-height: 13px;
  margin: 8px 0 0 0;
  padding: 0 0 16px 0;
  min-height: 65px;
}

.list__item--sm__title {
  font-family: 'Roboto', sans-serif;
}

.list__item--sm__left {
  float: left;
  width: 80px;
}

.list__item--sm__right {
  padding: 0 20px 0 97px;
}

.list__item--sm__top {
  margin-bottom: 7px;
}

.list__item__top {
  margin-bottom: 7px;
}

.list__item--lg {
  margin-bottom: 16px;
  padding: 0;
}

.list__item__title {
  margin-bottom: 10px;
}

.list__item--long {
  font-size: 12px;
  line-height: 13px;
  margin: 16px 0 0 0;
}

.list__item--longnomargin {
  margin: 0;
}

.list__item--long .list__link {
  font-size: 16px;
  line-height: 18px;
}

.list__item--long:nth-child(1) {
  margin-top: 0;
}

.list__item--long__img {
  width: 125px;
  margin-right: 17px;
  float: left;
}

.list__item--long__img img {
  max-width: 100%;
}

.list__item--long__content {
  margin: 8px 0;
  float: left;
  width: 100%;
  clear: both;
}

.list__item--long__titlesmall {
  margin-top: 5px;
}

.list__item--long__text {
  float: left;
  font-size: 14px;
  line-height: 16px;
  width: 380px;
}

.list__item--long__text--fwidth {
  font-size: 14px;
  line-height: 16px;
  font-family: 'Georgia', serif;
}

.list__item--long__title {
  font-size: 14px;
}

.list__item--long__title {
  font-size: 14px;
  font-family: 'Noto Serif', serif;
}

.list__item--long__title a {
  font-size: 14px;
  font-family: 'Noto Serif', serif;
}

.list__item--big__title {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
}

.list__link--big__title {
  text-transform: none;
  font-size: 17px;
  line-height: 1.2;
}

.list__item--half {
  width: 46.9%;
  float: left;
  margin: 0 6% 16px 0;
}

.list__item--half img {
  max-width: 100%;
}

.list__item--half:nth-child(2n+2) {
  margin-right: 0;
}

.list__item--half__img {
  margin: 10px 0 5px 0;
}

.list__item--half__img img {
  max-width: 100%;
}

.list__item--half__top {
  margin: 0 0 6px 0;
}

.list__item--half__bottom {
  margin: 6px 0 0 0;
}

.list__item--halfnomargin {
  width: 46.9%;
  float: left;
  margin: 0 6% 5px 0;
}

.list__item--halfnomargin:nth-child(2n+2) {
  margin-right: 0;
}

.list__item--halfnomargin__img {
  margin: 0 0 12px 0;
}

.list__item--halfnomargin__top {
  margin: 0 0 6px 0;
}

.list__item--halfnomargin__bottom {
  margin: 6px 0 0 0;
}

/* Иконки в заголовках */

.micon {
  display: inline-block;
  height: 14px;
  vertical-align: middle;
}


/*Стили для текстов*/

.article, .article * {
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 15px;
  color: #454545;
}

.article .info a {
    color: #fff;
    font-size: .9em;
    border-bottom: 1px dotted #fff;
}

.article p {
  text-align: justify;
}

.article {
  padding: 16px 20px;
  margin-bottom: 10px;
}

.article ol li,
.article ul li {
  margin-bottom: 10px;
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6{
  font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
  margin-bottom: 0.4em;
}

.article h3, .article h4, .article h5, .article h6 {
  margin-bottom: 0.6em;
}

.article h2 {
  font-size: 24px;
}

.article h3 {
  font-size: 20px;
}

.article h4 {
 font-size: 18px;
}

.article h5 {
 font-size: 16px;
}

.article h6 {
 font-size: 14px;
}

.article__other-lang {
  text-align: right;
}

.article__other-lang,
.article p {
  margin-bottom: 16px;
}

.article img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
 
.article #singlenews img {
/*  width: 100%;*/
  margin: 0 auto;
}

.article__other-lang a {
  font-size: 12px;
  text-align: right;
}

.article--grey {
  background: #f4f4f4;
}

.article__title *,
.article__title {
  font-size: 28px;
  text-align: left;
  font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
  margin-bottom: 8px;
  color: #454545;
}
.article a > *,
.article a,
.article .readmore {
  color: #016cb7;
}

.article a:hover,
.article a:active,
.readmore:hover,
.readmore:active {
  text-decoration: none;
}

.article__top-photo {
   text-align: center;
   margin-bottom: 16px;
}

.article__top-photo img {
  display: inline-block;
  max-width: 100%;
}

.article__bottom {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
}

.article__source {
  float: right;
  color: #8b8b8b;
}

.article iframe {
  display: block;
  margin: 0 auto;
}

 

.article__bottom__row {
  padding: 13px 0;
 
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #8b8b8b;
}

.article__bottom__row--last {
  border-bottom: 0 none;
}

.article__bottom__row input[type="text"] {
  border: 1px solid #e0e0e0;
  height: 22px;
  min-width: 205px;
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
}

.article__bottom__text {
  float: left;
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
  margin-right: 15px;
  color: #8b8b8b;
}

.article__bottom__text:nth-last-child(1) {
  margin-right: 0;
}

.article__bottom__text--label {
  line-height: 22px;
}

.article__source a {
  color: #383838;
  text-decoration: none;
}

.article__source a:hover {
  color: #016cb7;
}

.article__on_wall {
  float: left;
}

.on_wall__icon,
.on_wall__text {
    float: left;
}
.on_wall__text {
  padding-left: 7px;
  color: #016cb7;
}

.on_wall__link {
  text-decoration: none;
}

.on_wall__link:hover .on_wall__icon--plus {
  background-position: -15px -2194px;
}

.on_wall__link:hover .on_wall__text {
  text-decoration: underline;
}

a.print__link {
  font-size: 13px;
  color: #383838;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  display: inline-block;
  margin-top: 2px;
}
a.print__link:hover {
  color: #016cb7;
}

.block {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.block__content {
  padding: 16px;
}

.block__content--titled {
  padding-top: 0;
}

/*===Слайдер новостей===*/
.block--newsslider {
  background: #eeeeee;
  margin-bottom: 8px;
}

.block--newsslider----fwidth {
  background: none;
  margin-bottom: 0;
}

.block--newsslider--fwidth__content .bx-wrapper .bx-default-pager {
  bottom: -29px!important;
  padding-top: 0;
}

.block--newsslider__content {
  padding: 8px 16px 16px 16px;
}

.block--newsslider__content ul {
  list-style: none;
}

/*.newsslider li {
  display: none;
}

.newsslider li:first-child {
  display: block;
}*/

.block--newsslider--fwidth__content {
  padding: 0;
}

.block--newsslider--fwidth__content .supertop__right__top__right__item  {
    position: relative;
}

.block--newsslider--fwidth__content .supertop__right__top__right__item .list__item__title {
  position: absolute;
  left: 0;
  bottom: 10px;
  margin: 0;
  background: rgba(54, 54, 54, .7);
  color: #fff;
}

.block--newsslider--fwidth__content .supertop__right__top__right__item .list__item__title .list__link {
  color: #fff;
}

.block--newsslider--fwidth__content .list__item__title {
  padding: 10px;
  margin-top: 0;
}

.list__item--md__rightnopad {
    padding: 0 0 0 146px;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

.newsslider {
  margin: 0;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto 15px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport { 
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager {
  bottom: -27px;
}

.newsslider__arrs {
  width: 58px;
  top: 0;
  right: 0;
  position: absolute; 
  background: #ebc405;
}

.newsslider__arr--left a {
  background: #ffd506 url(../img/icons/spritesheet.png) -6px -2245px; 
}

.newsslider__arr--right a {
  background: #ffd506 url(../img/icons/spritesheet.png) -35px -2245px;   
}

.newsslider__arr a {
  display: block;
  width: 100%;
  width: 28px;
  height: 30px; 
  text-decoration: none;
      -webkit-transition: background .3s;
     -moz-transition: background .3s;
     -o-transition: background .3s;
     transition: background .3s;
}

.newsslider__arr a:hover {
   background-color: #ebc405;
    -webkit-transition: background .3s;
     -moz-transition: background .3s;
     -o-transition: background .3s;
     transition: background .3s;
}

.newsslider__img {
  width: 140px;
  float: left;
}

.newsslider__slide {
  background: #eeeeee;
 
}

.newsslider__slide:hover {
   cursor: pointer;
}


.newsslider__text {
  float: left;
  margin-left: 16px;
  width: 330px;
  font-size: 15px;
}

.block--newsslider__title {
  position: relative;
}

.supertop__right__top__right__item .list__link--lg {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.1;
}

.newsslider__arr {
  display: block;
  width: 28px;
  height: 30px;
  float: left;
}

.newsslider__arr:nth-child(2) {
  float: right;
}



/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../img/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  float: left;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #d2d2d2;
  padding-top: 13px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #d2d2d2;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #016cb7;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  /*background: url(images/controls.png) no-repeat 0 -32px;*/
}

.bx-wrapper .bx-next {
  right: 10px;
 /* background: url(images/controls.png) no-repeat -43px -32px;*/
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  /*background: url(images/controls.png) -86px -11px no-repeat;*/
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  /*background: url(images/controls.png) -86px -44px no-repeat;*/
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}



.l-main--wide {
  margin-left: 10px; 
}

.l-center__third {
  margin-left: 10px;
}

.l-center__top--wide {
  width: 536px
}

.list--md {
    width: 100%;
    clear: both;
}


/* Спискок контента среднего размера */
.list--md__item {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 8px 0; 
}

.list--md__title,
.list--md__title__link {
  color: #373737;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.list--md__title__link:hover {
  color: #016cb7;
}

.list--md__title {
  margin-bottom: 5px;
}
  
.list--md__img {
   width: 125px;
   height: 95px;
   display: block;
   float: left;
}

.list--md__img {
  margin: 0 10px 0 0;
}

.list--md__img img {
   max-width: 100%;
}

.list--md__content {
  float: left;
  width: 100%;
}

.list--md__text {
  padding-left: 135px;
}

.list--md_link--grey,
.list--md__description {
  font-family: Georgia,Times,Times New Roman,serif;
  font-size: 13px;
}

.list--md_link--grey {
  text-decoration: none;
  color: #707070;
}

.list--md__meta {
    margin: 5px 0 0 0px
}  

.list--md__meta--bottom {
  margin: 5px 0 0 0;
}

.list--videonewstop__title {
  clear: both;
  float: left;
  margin-top: 8px;
  width: 100%;
}

.ban6 {
	margin: 0 auto;
	text-align: center;
}

.more-news--block {
  clear: both;
  width: 100%;
  float: left;
}

.list--videonewstop__item--narrow {
  float: left;
  margin: 0 10px 10px 0;
  min-height: 180px;
  width: 168px;
}

.list--videonewstop__item--wide--nomargin {
  margin-right: 0 !important;
}

/*Блоки новстей*/

.more-news .title {
  display: block!important;
  box-sizing: border-box!important;
}

.list--videonewstop__item--wide {
  float: left;
  margin: 0 10px 10px 0;
  min-height: 180px;
  width: 175px;
}

.icon.icon--olimpic {
    display: inline-block;
    background: url(https://i.online.ua/styles/new/img/olimpic.png);
    width: 36px;
    height: 18px;
    margin: 0 0 0 3px;
    bottom: -3px;
    position: relative;
    background-size: cover;
}