@charset "UTF-8";

*, *:before, *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: "BaseFont";  /* no free */
  src: url("fonts/HelveticaNeue.eot");
  src: url("fonts/HelveticaNeue.eot?#iefix") format("embedded-opentype"),
  url("fonts/HelveticaNeue.woff") format("woff"),
  url("fonts/HelveticaNeue.ttf") format("truetype"),
  url("fonts/HelveticaNeue.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BaseFontMedium";
  src: url("fonts/HelveticaNeue-Medium.eot");
  src: url("fonts/HelveticaNeue-Medium.eot?#iefix") format("embedded-opentype"),
  url("fonts/HelveticaNeue-Medium.woff") format("woff"),
  url("fonts/HelveticaNeue-Medium.ttf") format("truetype"),
  url("fonts/HelveticaNeue-Medium.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaLight";
  src: url("fonts/HelveticaLight.eot");
  src: url("fonts/HelveticaLight.eot?#iefix") format("embedded-opentype"),
  url("fonts/HelveticaLight.woff") format("woff"),
  url("fonts/HelveticaLight.ttf") format("truetype"),
  url("fonts/HelveticaLight.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueCyr-Roman";
  src: url("fonts/HelveticaNeueCyr-Roman.eot");
  src: url("fonts/HelveticaNeueCyr-Roman.eot?#iefix") format("embedded-opentype"),
  url("fonts/HelveticaNeueCyr-Roman.woff") format("woff"),
  url("fonts/HelveticaNeueCyr-Roman.ttf") format("truetype"),
  url("fonts/HelveticaNeueCyr-Roman.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Athelas-Italic"; /* no free */
  src: url("fonts/Athelas-Italic.eot");
  src: url("fonts/Athelas-Italic.eot?#iefix") format("embedded-opentype"),
  url("fonts/Athelas-Italic.woff") format("woff"),
  url("fonts/Athelas-Italic.ttf") format("truetype"),
  url("fonts/Athelas-Italic.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Athelas-Bold"; /* no free */
  src: url("fonts/Athelas-Bold.eot");
  src: url("fonts/Athelas-Bold.eot?#iefix") format("embedded-opentype"),
  url("fonts/Athelas-Bold.woff") format("woff"),
  url("fonts/Athelas-Bold.ttf") format("truetype"),
  url("fonts/Athelas-Bold.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Athelas-Bold-Italic"; /* no free */
  src: url("fonts/Athelas-BoldItalic.eot");
  src: url("fonts/Athelas-BoldItalic.eot?#iefix") format("embedded-opentype"),
  url("fonts/Athelas-BoldItalic.woff") format("woff"),
  url("fonts/Athelas-BoldItalic.ttf") format("truetype"),
  url("fonts/Athelas-BoldItalic.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Athelas-Regular"; /* no free */
  src: url("fonts/Athelas-Regular.eot");
  src: url("fonts/Athelas-Regular.eot?#iefix") format("embedded-opentype"),
  url("fonts/Athelas-Regular.woff") format("woff"),
  url("fonts/Athelas-Regular.ttf") format("truetype"),
  url("fonts/Athelas-Regular.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GaramondPremrPro-ItDisp"; /* no free */
  src: url("fonts/GaramondPremrPro-ItDisp.eot");
  src: url("fonts/GaramondPremrPro-ItDisp.eot?#iefix") format("embedded-opentype"),
  url("fonts/GaramondPremrPro-ItDisp.woff") format("woff"),
  url("fonts/GaramondPremrPro-ItDisp.ttf") format("truetype"),
  url("fonts/GaramondPremrPro-ItDisp.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyr-Medium"; /* no free */
  src: url("fonts/AvenirNextCyr-Medium.eot");
  src: url("fonts/AvenirNextCyr-Medium.eot?#iefix") format("embedded-opentype"),
  url("fonts/AvenirNextCyr-Medium.woff") format("woff"),
  url("fonts/AvenirNextCyr-Medium.ttf") format("truetype"),
  url("fonts/AvenirNextCyr-Medium.svg#JournalRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoCondensed-Bold"; /* no free */
  src: url("fonts/RobotoCondensed-Bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  src: url("fonts/HelveticaNeue-Condensed-Bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoCondensed-Bold"; /* no free */
  src: url("fonts/RobotoCondensed-Bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  font: normal 16px/20px BaseFont, Arial, serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

img {
  border: 0;
  display: block;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


.top-bn > div,
.center-bn > div {
  max-width: 1260px;
  margin: 0 auto;
  overflow: hidden;
}
.article-block-material .bottom-bn {
  clear: both;
  width: calc(100% + 16px);
}

header,
.content {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0;
}


.content {
  background-color: #fff;
}

.burger {
  display: block;
  width: 25px;
  height: 21px;
  position: relative;
  top: 7px;
  left: 24px;
  float: left;
  cursor: pointer;
  margin-right: 42px;
  z-index: 1;
}
.burger span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 9px;
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 2px;
}
.burger:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 2px;
}
.burger:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 2px;
}

.mobile-logo {
  position: absolute;
  width: 84px;
  top: 17px;
  left: 46px;
  z-index: 1;
}
.mobile-logo img {
  width: 100%;
  height: auto;
}

.header-menu-content-mobile {
  display: none;
  height: 22px;
}

.modal-menu-open {
  overflow: hidden;
}
.modal-menu-open .modal-menu {
  z-index: 15000;
  opacity: 1;
  display: block;
}
.modal-menu-open header .header-menu.fix {
  z-index: 100;
}

.open-read-also-for-mobile {
  overflow: hidden;
}

.show-read-also-for-mobile {
  display: none;
}

.modal-menu {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background-color: #1A1A1A;
  color: #fff;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-menu .modal-menu-body {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  font-family: BaseFontBold, Arial, serif;
}
.modal-menu .modal-menu-top-news {
  display: none;
  position: relative;
  font-family: BaseFontDemi, Arial, serif;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}
.modal-menu .modal-menu-top-news img {
  width: 100%;
  height: auto;
}
.modal-menu .modal-menu-top-news span {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 3% 5%;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-menu .modal-head {
  padding: 25px 0 36px;
  border-bottom: 2px solid #FF3423;
}
.modal-menu .modal-head .modal-menu-close,
.modal-menu .modal-head .modal-menu-logo {
  float: left;
}
.modal-menu .modal-head .modal-menu-logo img {
  width: 303px;
  height: 43px;
}
.modal-menu .modal-head .modal-menu-close img {
  width: 22px;
  height: 23px;
}
.modal-menu .modal-head .modal-menu-close {
  cursor: pointer;
  padding: 10px 27px 0 0;
}
.modal-menu .modal-head:after {
  content: '';
  display: block;
  clear: both;
}
.modal-menu .modal-content {
  padding-bottom: 37px;
}
.modal-menu .modal-content .tablet,
.modal-menu .modal-content .mobile {
  display: none;
}
.modal-menu .modal-content .href-content {
  padding: 40px 0 16px;
  border-bottom: 1px solid #FF3423;
}
.modal-menu .modal-content .href-content:last-of-type {
  border-bottom: 0;
  padding: 24px 0 0;
}
.modal-menu .modal-content .href-content:after {
  content: '';
  display: block;
  clear: both;
}
.modal-menu .modal-content .href-content ul {
  float: left;
  width: 24.1%;
  padding-left: 1.696%;
  margin-bottom: 30px;
}
.modal-menu .modal-content .href-content ul li {
  list-style-type: none;
  text-transform: uppercase;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 14px;
  letter-spacing: .06em;
  margin-top: 16px;
  margin-bottom: -6px;
}
.modal-menu .modal-content .href-content ul li a {
  color: #777;
}
.modal-menu .modal-content .href-content ul .section,
.modal-menu .modal-content .href-content ul .section a {
  color: #fff;
}
.modal-menu .modal-content .href-content ul .section a.awards-2018 {
  padding-bottom: 15px;
  background: url(../img/awards2018/vote-bg.png) no-repeat;
  background-size: 106%;
  background-position: bottom center;
  font-family: "RobotoCondensed-Bold" ,sans-serif;
  letter-spacing: -0.7px;
  text-decoration: none;
  font-size: 14px;
}
.modal-menu .modal-content .href-content ul .section {
  margin-top: 0;
  margin-bottom: 10px;
}
.modal-menu .modal-content .href-content ul .section:last-of-type {
  margin-bottom: -6px;
}
.modal-menu .modal-content .href-content ul .disabled {
  color: #303030;
  margin-top: 16px;
  margin-bottom: 10px;

}
.modal-menu .modal-content .href-content .about-journal {}
.modal-menu .modal-content .href-content .about-journal li {
  text-transform: none;
}
.modal-menu .modal-content .subscription-magazine {
  float: left;
  width: 50%;
  padding-top: 19px;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  /*временно скрыто*/
  display: none;
}
.modal-menu .modal-content .subscription-magazine .form-delivery {
  float: left;
  width: 39.4%;
  margin-left: 3.051%;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form {}
.form-delivery form .email {
  float: left;
  border-radius: 2px 0 0 2px;
  border-top: 0;
  border-right: 1px solid #FF3423;
  border-bottom: 0;
  border-left: 0;
  width: 76.2%;
  padding: 14px 14px 13px;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input[type="submit"] {
  float: left;
  width: 23.3%;
  height: 42px;
  border-radius: 0 2px 2px 0;
  background: #fff url("../img/subscription-magazine-button.png") center center no-repeat;
  cursor: pointer;
  text-indent: -10000px;
  border: 0;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input {
  outline: 0;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input[placeholder] {
  text-overflow: ellipsis;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input::-webkit-input-placeholder {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #777;
  text-overflow: ellipsis;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input::-moz-placeholder {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #777;
  text-overflow: ellipsis;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input:-moz-placeholder {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #777;
  text-overflow: ellipsis;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form input:-ms-input-placeholder {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #777;
  text-overflow: ellipsis;
}
.modal-menu .modal-content .subscription-magazine .form-delivery form span {
  display: block;
  margin-bottom: 16px;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
}
.modal-menu .modal-content .subscription-magazine .item-pic-journal {
  float: right;
  width: 48.2%;
  margin-top: 2px;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #fff;
}
.modal-menu .modal-content .subscription-magazine .item-pic-journal a {
  color: #fff;
}
.modal-menu .modal-content .subscription-magazine .item-pic-journal a:hover {
  text-decoration: none;
}
.modal-menu .modal-content .subscription-magazine .item-pic-journal img {
  float: left;
  width: 34.814%;
  height: auto;
  margin-right: 8.1%;
}
.modal-menu .modal-content .subscription-magazine .item-pic-journal span {
  margin-top: 12.5%;
  display: inline-block;
}

.modal-menu .modal-content .magazine-to-apps {
  float: left;
  width: 25%;
  padding-top: 21px;
  padding-left: 2px;
}
.modal-menu .modal-content .magazine-to-apps img {
  float: left;
}
.modal-menu .modal-content .magazine-to-apps .pic-journal-in-apps {
  width: 35.84%;
  height: auto;
  margin-right: 6.6%;
}
.modal-menu .modal-content .magazine-to-apps .apps-google-apple {
  width: 43.69%;
  height: auto;
  margin-bottom: 11px;
}

.modal-menu .modal-menu-footer {
  height: 90px;
  background-color: #000;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 35px 10px 0 10px;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block {
  float: right;
  position: relative;
  top: -4px;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block a {
  display: block;
  position: relative;
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 17px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block a:hover {
  opacity: .7;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block .ig {
  width: 30px;
  background: url('../img/instgrm-f.svg') 0 0 no-repeat;
  background-size: contain;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block .fb {
  background: url('../img/fcb-f.svg') 0 0 no-repeat;
  background-size: contain;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block .tw {
  background: url('../img/twee-f.svg') 0 0 no-repeat;
  background-size: contain;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .social-block a:last-child {
  margin-right: 0;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content .copy {
  float: left;
  color: #B3B3B3;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 14px;
  letter-spacing: .05em;
}
.modal-menu .modal-menu-footer .modal-menu-footer-content:after {
  content: '';
  display: block;
  clear: both;
}
.modal-menu.big-height .modal-menu-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.modal-menu .modal-menu-special {
  border-bottom: 1px solid #FF3423;
  padding: 27px 0;
}


.header-menu-for-big-width {
  display: none;
  position: absolute;
  z-index: inherit;
  width: 107px;
  /*height: 633px;*/
  top: -4px;
  left: -17px;
  padding: 35px 36px 0 30px;
}
.header-menu-for-big-width .burger {
  border-top: 3px solid #fff;
  width: 40px;
  height: 23px;
  top: 0;
  left: 0;
  float: none;
}
.header-menu-for-big-width .burger:before {
  top: 7px;
}
.header-menu-for-big-width .burger:before,
.header-menu-for-big-width .burger:after {
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.header-menu-for-big-width .name {
  margin-top: 138px;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  letter-spacing: .06em;
  color: #333C49;
  white-space: nowrap;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.header-menu-for-big-width .social-block {
  position: absolute;
  /*bottom: 0;*/
  top: 389px;
  width: 40px;
  border-bottom: 3px solid #333C49;
}
.header-menu-for-big-width .social-block a {
  display: block;
  background: url('../img/header-menu-for-big-width-social.png') no-repeat;
  width: 23px;
  height: 22px;
}
.header-menu-for-big-width .social-block a.ok {
  width: 23px;
  height: 23px;
  margin: 0 0 26px 7px;
  background: url('../img/ok-leftside-red-icon.png') 0 0 no-repeat;
}
.header-menu-for-big-width .social-block a.facebook {
  background-position: 0 0;
  margin: 0 0 26px 7px;
}
.header-menu-for-big-width .social-block a.twitter {
  width: 28px;
  margin: 0 0 27px 5px;
  background-position: -55px 0;
}
.header-menu-for-big-width .social-block a.instagram {
  margin: 0 0 29px 7px;
  background-position: -115px 0;
}
.header-menu-for-big-width .social-block a.vkontakte {
  width: 28px;
  height: 17px;
  margin: 0 0 27px 4px;
  background-position: -170px -3px;
}
.header-menu-for-big-width .social-block a span {
  display: block;
  text-indent: -10000px;
  line-height: 17px;
}

header .header-menu {
  padding: 23px 0 0;
  border-top: 5px solid #FF3423;
  position: relative;
  z-index: 1;
  height: 86px;
  background-color: rgba(0,0,0,.3);
  background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,0));
}
header .header-menu:after {
  content: '';
  position: absolute;
  width: calc(100% - 44px);
  border-top: 1px solid #fff;
  bottom: 0;
  left: 22px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
header .header-menu.fix {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 1360px;
  height: 86px;
  background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.6));
}
header .header-menu.fix:after {
  width: 100%;
  left: 0;
}
header .header-menu.fix-admmenu {
  top: 29px;
}
header .header-menu-content {
  position: absolute;
  width: 100%;
  height: 35px;
  z-index: 2;
}
header .header-menu-content:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -5px;
  left: 0;
  width: 142px;
  height: 45px;
  background-color: #FF3423;
}
header .header-menu-content .ok-magazine-logo {
  float: left;
  z-index: 1;
  position: relative;
  /*width: 28%;*/
  width: 343px;
  max-width: 343px;
}
header .header-menu-content .ok-magazine-logo img {
  width: 100%;
  height: auto;
}
header .block-links {
  float: left;
  margin-top: 2px;
  margin-left: 44px;
}
header .block-links:before/*,
header .block-links:after*/ {
  content: '';
  position: relative;
  height: 30px;
  border-left: 1px solid #696668;
}
header .block-links:before {
  float: left;
  margin-right: 35px;
}
/*header .block-links:after {
  float: right;
  margin-left: 35px;
}*/
header .block-links .all {
  color: #CCCCCC;
  font-size: 14px;
  line-height: 9px;
  font-weight: bold;
  cursor: pointer;
  float: left;
  display: inline-block;
}
header .block-links li, header .block-links-mobile li {
  float: left;
  list-style: none;
  margin-right: 26px;
}
header .block-links li:last-child, header .block-links-mobile li:last-child {
  margin-right: 0;
}
header .block-links li a, header .block-links-mobile li a {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 17px;
  line-height: 33px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}
header .block-links li a[href*="ok-awards-2017"] {
  color: transparent;
  background: url(/special/ok-awards-2017/about-awards/img/aw-menu.png) no-repeat;
  display: inline-block;
  width: 183px;
  height: 28px;
  margin-top: 1px;
}
header .block-links li a[href*="ok-awards-2018"], header .block-links li a[href*="ok-awards-2019"], header .block-links-mobile li a[href*="ok-awards-2019"] {
  padding-bottom: 15px;
  background: url(../img/awards2018/vote-bg.png) no-repeat;
  background-size: 106%;
  background-position: bottom center;
  font-family: "RobotoCondensed-Bold" ,sans-serif;
  letter-spacing: -0.7px;
  text-decoration: none;
}

header .block-links li a.special-harry {
  color: transparent;
  background: url(../img/special/wedding-sm.png) no-repeat;
  display: inline-block;
  width: 153px;
  height: 32px;
  margin-top: -3px;
}
header .block-links li a.active {
  color: #ff3729;
}
header .block-links li a.active.special {
  color: transparent;
}

header .header-menu-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 64%;
  height: 100%;
  padding-right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  background-color: #ffffff;
}
header .header-menu-search form {
  position: relative;
  width: calc(100% - 93px);
  height: 100%;
}
header .header-menu-search form:after {
  content: '';
  display: block;
  clear: both;
}
header .header-menu-search .x-form-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 93px;
  height: 100%;
  border-left: 1px solid #FF3423;
  background: url("../img/x-search-top-menu.png") 28px center no-repeat;
  cursor: pointer;
}
header .header-menu-search input[type="submit"], header .header-menu-search input[type="text"]:focus {
  outline: none;
}
header .header-menu-search input[type="submit"] {
  float: left;
  width: 80px;
  height: 100%;
  border: 0;
  background: url("../img/searchbutton-bg-black.svg") center center no-repeat;
  background-size: 32%;
  text-indent: -10000px;
  cursor: pointer;
}
header .header-menu-search .fake-submit {
  position: absolute;
  right: 24px;
  width: 38px;
  height: 100%;
  cursor: pointer;
}
header .header-menu-search input[type="text"] {
  float: right;
  display: none;
  width: calc(100% - 109px);
  height: 22px;
  border: 0;
  padding: 0 32px 0 0;
  margin: 29px 29px 0 0;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 17px;
  line-height: 17px;
  background: url("../img/arrow-search-top-menu.png") right center no-repeat;
}
/*
header .header-menu-search input[type="text"]:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s;
}
header .header-menu-search input[type="text"]:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s;
}
header .header-menu-search input[type="text"]:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s;
}
*/
header .header-menu-search input[placeholder] {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
}
header .header-menu-search input::-webkit-input-placeholder {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
}
header .header-menu-search input::-moz-placeholder {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
}
header .header-menu-search input:-ms-input-placeholder {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
}
header .header-menu-search.input-focus-true {
  opacity: 1;
  z-index: 30;
  border-bottom: 1px solid #000;
}
header .header-menu-search.input-focus-true input[type="text"] {
  display: block;
}
header .header-menu-search-open {
  position: absolute;
  z-index: 11;
  right: 43px;
  top: 25px;
  width: 24px;
  height: 30px;
  border: 0;
  background: url("../img/searchbutton-bg.svg") center center no-repeat;
  background-size: contain;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
header .header-menu-search-open:after{
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  left: -35px;
  border-left: 1px solid #696668;
}
header .header-menu-search-open.true {
  z-index: -1;
}

.main-slider {
  position: relative;
  display: none;
  margin-top: -81px;
  max-height: 630px;
  min-height: 560px;
}
.main-slider.show {
  display: block;
}
.main-slider .slick-dots {
  position: absolute;
  width: calc(100% - 375px - 22px);
  left: 0;
  bottom: 0;
  border-top: 1px solid rgba(255,255,255,.35);
}
.main-slider .slick-dots li {
  float: left;
  width: 20%;
  height: 26px;
  list-style: none;
  border-right: 1px solid rgba(255,255,255,.35);
}
.main-slider .slick-dots li:last-of-type {
  border-right: 0;
}
.main-slider .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-clip: padding-box;
  color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0,0,0,0);
  outline: none;
  cursor: pointer;
}
.main-slider .slick-dots .slick-active button {
  background-color: rgba(255,255,255,.35);
}
.top-main-material {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
  /*margin-top: -81px;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.top-main-material:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: radial-gradient(circle farthest-corner at 35% 50%, rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, .3) 40%);*/
  background: radial-gradient(ellipse farthest-corner at 30% 55%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, .4) 45%);
}
.top-main-material img {
  max-width: 100%;
  max-height: 630px;
  min-height: 560px;
  width: 100%;
  height: auto;
  opacity: 0;
}
.top-main-material .block-text {
  position: absolute;
  width: calc(100% - 443px);
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 0 0 5.7% 6.5%;
}
.top-main-material .block-text .name-material {
  display: block;
  font-family: Athelas-Bold, Arial, serif;
  font-size: 52px;
  line-height: 52px;
  font-weight: normal;
}
.top-main-material .block-text .author-material {
  display: block;
  font-family: GaramondPremrPro-ItDisp, Arial, serif;
  font-size: 42px;
  line-height: 42px;
  letter-spacing: 1px;
  margin-top: 3%;
}


.main-block-material:after {
  content: '';
  clear: both;
  display: block;
}
.main-block-material {
  padding: 60px 22px 60px 0;
}

.main-block-material .block-left {
  float: left;
  width: calc(100% - 375px);
  /*padding: 0 45px 0 83px;*/
  padding: 0 3.634% 0 6.704%;
}
.main-block-material .block-left:after {
  content: '';
  display: block;
  clear: both;
}
.main-block-material .block-left:before {
  content: '';
  display: block;
  width: 100%;
  border-top: 5px solid #333C49;
  margin-bottom: 35px;
}
.main-block-material .block-left .item-material {
  border-bottom: 1px solid #DADADA;
  padding-bottom: 29px;
  margin-bottom: 29px;
}
.main-block-material .block-left .item-material:nth-last-child(2) {
  border-bottom: 1px solid #333C49;
}
.main-block-material .block-left .item-material:after {
  content: '';
  clear: both;
  display: block;
}
.main-block-material .block-left .item-material img {
  float: left;
  width: 32.652%;
  height: auto;
  margin-right: 4%;
}
.main-block-material .block-left .item-material .section {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  margin-bottom: 24px;
  letter-spacing: .04em;
}
.main-block-material .block-left .item-material .section a {
  color: #FF3423;
}
.main-block-material .block-left .item-material .section a:nth-child(2) {
  color: #c4c4c4;
}
.main-block-material .block-left .item-material .section a:nth-child(2):before {
  content: ' / ';
}
.main-block-material .block-left .item-material .name {
  display: block;
  font-family: Athelas-Bold, Arial, serif;
  font-size: 23px;
  line-height: 25px;
  letter-spacing: -.02em;
  color: #262626;
  margin-bottom: 14px;
}
.main-block-material .block-left .item-material .description {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #636363;
  margin-left: 36.652%;
}
.main-block-material .block-left .item-material.tips-from-stars .name {
  font-family: Athelas-Italic, Arial, serif;
  font-size: 35px;
  line-height: 35px;
  text-transform: none;
  color: #ff3729;
}
.main-block-material .block-left .item-material.tips-from-stars .section {
  padding-top: 22px;
  margin-bottom: 15px;
}
.main-block-material.first {
  padding-top: 35px;
  margin-bottom: 0px;
  padding-bottom: 0;
}
/*.main-block-material.first .block-left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}*/
.main-block-material.first .block-left .wrap-left {
  float: left;
  width: 46.94%;
}
.main-block-material.first .block-left .wrap-right {
  float: right;
  width: 46.94%;
}
.main-block-material.first .block-left .wrap-left .item-material,
.main-block-material.first .block-left .wrap-right .item-material {
  width: 100%;
}
.main-block-material.first .block-left .item-material {
  float: right;
  width: 46.94%;
  border-bottom: 5px solid #333C49;
  padding-bottom: 30px;
  margin-bottom: 35px;
}
.main-block-material.first .block-left .item-material.big-width {
  display: none;
}
.main-block-material.first .block-left .item-material:nth-of-type(odd) {
  float: left;
}
.main-block-material.first .block-left .item-material img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 21px;
  float: none;
}
.main-block-material.first .block-left .item-material img.circular-preset {
  width: 80.7%;
  margin: 0 auto 21px;
}
.circular-preset {
  border-radius: 50%;
}
.main-block-material.first .block-left .item-material .name {
  font-size: 23px;
  margin-bottom: 0;
  width: 89%;
}
.main-block-material.first .block-left .item-material .name + .description {
  margin-top: 15px;
  width: 89%;
  margin-left: 0;
}

.main-block-material.first .item-material.partners a:first-of-type {
  position: relative;
}
.main-block-material.first .item-material.partners a:first-of-type:after {
  content: '';
  display: block;
  position: absolute;
  width: 147px;
  height: 22px;
  bottom: 22px;
  left: 1px;
  background: url('../img/label-partners.png') no-repeat;
}

.main-block-material.second .block-left {}
.main-block-material.second .block-left:after {
  content: '';
  display: none;
  border-top: 5px solid #333C49;
}
.main-block-material.second .block-left:before {
  display: none;
}
.news-day {
  clear: both;
  position: relative;
  top: 4px;
  width: 100%;
  border-top: 1px solid #333C49;
  padding-top: 42px;
  margin-top: 10px;
}
.news-day:after {
  content: '';
  display: block;
  clear: both;
}
.news-day .block-name,
.news-day .name-material,
.news-day .description {
  float: left;
  width: 57%;
}
.news-day .block-name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 1px;
  color: #FF3423;
  text-transform: uppercase;
}
.news-day .name-material {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 35px;
  line-height: 35px;
  color: #262626;
  margin-top: 26px;
}
.news-day .description {
  color: #636363;
  margin-top: 15px;
}
.news-day .img-material {
  float: right;
  /*width: 270px;*/
  width: 36.734%;
  margin-top: -2px;
}
.news-day .img-material.for-mobile {
  display: none;
}
.news-day .img-material img {
  max-width: 100%;
  height: auto;
}

.show-more {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: .04em;
  color: #393f4a;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.show-more:hover {
  text-decoration: underline;
}
.main-block-material .block-left .show-more {
  margin-bottom: 22px;
  padding-top: 11px;
}
.main-block-material .block-left .show-more a {
  color: inherit;
}

.main-block-material .block-right {
  float: right;
  width: 375px;
  position: relative;
  background-color: #fff;
}
.main-block-material.first .block-right {
  *margin-top: -510px;
}
.main-block-material .block-right .bn {
  width: 300px;
  max-width: 300px;
  overflow: hidden;
  margin: 40px 36px 39px 39px;
}
.main-block-material.three .block-right {
  border-top: 5px solid #333C49;
}

.hot-news {
  background-color: #F7F7F7;
  padding: 23px 36px 27px 39px;
}
.page-node .hot-news {
  margin-bottom: 40px;
}
.hot-news .name,
.editors-choice .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ff3729;
  margin-bottom: 18px;
}
.hot-news .reload-hot-news {
  float: right;
  width: 20px;
  height: 20px;
  margin: 3px 2px 0 0;
  background: url("../img/reload-hot-news.png") no-repeat;
  cursor: pointer;
}
.hot-news .item-material {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.hot-news .item-material .img-material,
.editors-choice .item-material .img-material {
  display: block;
  margin-bottom: 18px;
}
.hot-news .item-material .img-material img,
.editors-choice .item-material .img-material img {
  max-width: 100%;
  height: auto;
}
.hot-news .item-material .name-material,
.editors-choice .item-material .name-material {
  display: inline-block;
  margin-bottom: 15px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  line-height: 20px;
  color: #262626;
}
.hot-news .item-material .date {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .06em;
  color: #b2b2b2;
  text-transform: uppercase;
}
.hot-news .all-news,
.main-block-material .block-right .all-news,
.article-block-material .block-right .all-news
{
  display: block;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 20px;
  color: #393f4a;
  text-transform: uppercase;
  text-align: center;
  margin-top: 28px;
  letter-spacing: 1px;
}

.editors-choice {
  border: 5px solid #FF3423;
  padding: 25px 35px 27px 35px;
}
.editors-choice .name {
  text-align: center;
  margin-bottom: 25px;
}
.editors-choice .item-material {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 23px;
  padding-bottom: 6px;
}
.editors-choice .item-material:hover .name-material {
  color: #ff3729;
}
/*.editors-choice .item-material.red {
  border: 1px solid #FF3423;
}
.editors-choice .item-material.red .name-material {
  color: #ff3729;
  margin: -5px 10px 10px 17px;
}   */

.partner-news {
  padding: 23px 0 0 0;
}
.page-node .partner-news {
  margin-bottom: 40px;
}
.partner-news:empty {
  padding: 0;
}
.partner-news .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #393f4a;
  text-align: center;
  margin-bottom: 22px;
}
.partner-news .partner-news-name {
  position: relative;
  float: left;
  width: 50%;
  padding: 18px 0 17px;
  overflow: hidden;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 19px;
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #D2D3D5;
  cursor: pointer;
}
.partner-news .partner-news-name.active {
  background-color: #FF3423;
}
.partner-news .partner-news-name.active:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: #F7F7F7;
  left: calc(100% / 2 - 6px);
  bottom: -7px;
  transform: rotate(45deg);
}
.partner-news .partner-news-text {
  padding: 29px 40px 0 40px;
  clear: both;
  background-color: #F7F7F7;
  display: none;
}
.partner-news .partner-news-text.active {
  display: block;
}
.partner-news .partner-news-text .item-material {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 14px;
  padding-bottom: 0;
}
.partner-news .partner-news-text .item-material:last-child {
  margin-bottom: 0;
}
.partner-news .partner-news-text .name-material {
  display: inline-block;
  margin-bottom: 15px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  line-height: 20px;
  color: #262626;
}
.main-block-material .block-right .partner-news .all-news,
.article-block-material .block-right .partner-news .all-news{
  background-color: #F7F7F7;
  margin-top: 0;
  padding: 28px 0 27px;
}


.exclusive {
  position: relative;
  background-color: #EEEFF2;
  padding: 74px 0 72px 6.58%;
}
.exclusive:after {
  content: '';
  clear: both;
  display: block;
}
.exclusive .top-pic {
  position: absolute;
  width: 32.7%;
  height: calc(100% + 80px);
  right: 0;
  bottom: 0;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.exclusive .top-pic img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.exclusive .all-exclusive-material {
  width: 62.5%;
  float: left;
}
.exclusive .all-exclusive-material .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  text-transform: uppercase;
  color: #ff3729;
  border-bottom: 5px solid #333C49;
  letter-spacing: 1px;
  padding-bottom: 25px;
}
.exclusive .all-exclusive-material a:nth-child(2) {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0;
  color: #262626;
  border-bottom: 1px solid;
  padding: 38px 0 37px;
}
.exclusive .all-exclusive-material a {
  display: block;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: .02em;
  color: #262626;
  border-bottom: 1px solid #CACDD1;
  padding: 26px 0 22px;
}
.exclusive .all-exclusive-material a:last-child {
  border-bottom: 0;
  padding: 22px 0 0;
}


.horoscope {
  background: url("../img/horoscope-bg.jpg") no-repeat;
  background-size: cover;
}
.horoscope-gallery {
  width: 100%;
  margin: 0 auto;
  /*padding: 73px 105px 62px;*/
  padding: 73px 8.334% 62px;
  display: none;
}
.horoscope-gallery.show {
  display: block;
}
.horoscope-gallery .horoscope-gallery-item {
  margin: 0;
  /*padding: 0 48px;*/
  padding: 0 1.143%;
  overflow: hidden;
  outline: none;
}
.horoscope-gallery .horoscope-gallery-item a {
  display: block;
  color: #fff;
  text-align: center;
  outline: none;
}
.horoscope-gallery-item .block-img {
  display: block;
  margin-bottom: 24px;
}
.horoscope-gallery-item .block-img img {
  display: inline-block;
}
.horoscope-gallery-item .block-text {
  display: block;
}
.horoscope-gallery-item .block-text .name {
  display: block;
  margin-bottom: 16px;
  font-family: Athelas-Bold, Arial, serif;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
}
.horoscope-gallery-item .block-text .description {
  font-family: HelveticaLight, Arial, serif;
  font-size: 15px;
  line-height: 21px;
}
.horoscope-gallery-item .block-text .description:after {
  content: '\2026';
}
.horoscope-gallery .slick-prev,
.horoscope-gallery .slick-next {
  position: absolute;
  top: 0;
  display: block;
  width: 8.334%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  background: url("../img/horoscope-gallery-arrow.png") no-repeat;
}
.horoscope-gallery .slick-prev {
  left: 0;
  background-position: 74% 49%;
}
.horoscope-gallery .slick-next {
  transform: rotate(180deg);
  right: 0;
  background-position: 70% 51%;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}


.choice-ok {
  padding: 47px 6.508% 49px;
}
.choice-ok:after {
  content: '';
  display: block;
  clear: both;
}
.choice-ok .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 1px;
  color: #ff3729;
  text-transform: uppercase;
  border-bottom: 5px solid #333C49;
  padding-bottom: 23px;
  margin-bottom: 30px;
}
.choice-ok .name a {
  color: inherit;
}
.choice-ok .name img {
  display: inline;
}
.choice-ok .item-material {
  float: left;
  width: 30.566%;
  margin-right: 4.106%;
}
.choice-ok .item-material.big-width {
  display: none;
}
.choice-ok .item-material a {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 23px;
  line-height: 25px;
  color: #262626;
  letter-spacing: .02em;
}
.choice-ok .item-material a:hover span {
  text-decoration: underline;
}
.choice-ok .item-material a span {
  display: inline-block;
  width: 76%;
}
.choice-ok .item-material:nth-of-type(3),
.choice-ok .item-material:last-child {
  margin-right: 0;
}
.choice-ok .item-material img {
  max-width: 100%;
  height: auto;
  margin-bottom: 21px;
}


.columnist-ok {
  background: #3C444F url("../img/columnist-ok-bg.jpg") repeat-x;
  background-size: contain;
  position: relative;
}
.columnist-ok .name {
  position: absolute;
  left: 6.5%;
  top: 11.4%;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #fff;
}
.columnist-ok .name img {
  display: inline-block;
}
.columnist-ok-gallery {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0 10.1% 0;
}
.columnist-ok-gallery .show {
  display: block;
}
.columnist-ok-gallery .columnist-ok-gallery-item {
  position: relative;
  outline: none;
  overflow: hidden;
}
.columnist-ok-gallery .columnist-ok-gallery-item:after {
  content: '';
  display: block;
  clear: both;
}
.columnist-ok-gallery .columnist-ok-gallery-item a {
  display: table;
  outline: none;
  height: 100%;
}
.columnist-ok-gallery .columnist-ok-gallery-item a:hover {
  text-decoration: none;
}
.columnist-ok-gallery .columnist-ok-name {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 45px;
  line-height: 40px;
  color: #fff;
  padding-top: 4px;
}
.columnist-ok-gallery .columnist-ok-content {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 54%;
  padding: 78px 0 67px;
  background-color: #F7F7F7;
}
.columnist-ok-gallery .columnist-ok-pic {
  float: left;
  width: 38.096%;
  margin-left: -2.17%;
}
.columnist-ok-gallery .columnist-ok-content:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -99%;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.columnist-ok-gallery .columnist-ok-pic img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}
.columnist-ok-gallery .columnist-ok-text {
  float: right;
  width: 60%;
  margin-top: 3px;
}
.columnist-ok-gallery .columnist-ok-text .zag {
  display: block;
  width: 98%;
  font-family: Athelas-Regular, Arial, serif;
  font-size: 35px;
  line-height: 35px;
  letter-spacing: 0.02em;
  color: #000;
  margin-bottom: 23px;
  padding-right: 4%;
}
.columnist-ok-gallery .columnist-ok-text .pod-zag {
  display: block;
  width: 85%;
  color: #636363;
  font-size: 14px;
  line-height: 20px;
}
.columnist-ok-gallery .columnist-ok-text .pod-zag p {
  margin-bottom: 20px;
}

/*.columnist-ok-gallery .slick-list {
  background-image: linear-gradient(to right, rgba(30,87,153,0) 27%, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%);
}*/
.columnist-ok-gallery .slick-prev,
.columnist-ok-gallery .slick-next {
  position: absolute;
  top: 0;
  display: block;
  width: 8%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  background: url("../img/horoscope-gallery-arrow.png") no-repeat;
}
.columnist-ok-gallery .slick-prev {
  left: 0;
  background-position: 76% 50%;
}
.columnist-ok-gallery .slick-next {
  transform: rotate(180deg);
  right: 0;
  background-position: 77% 50%;
}
.columnist-ok-gallery .slick-dots {
  position: absolute;
  bottom: 54px;
  left: 6.4%;
}
.columnist-ok-gallery .slick-dots li {
  list-style-type: none;
  float: left;
  width: 11px;
  height: 11px;
  margin-right: 15px;
}
.columnist-ok-gallery .slick-dots li button {
  width: inherit;
  height: inherit;
  text-indent: -10000px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #38414C;
}
.columnist-ok-gallery .slick-dots .slick-active button {
  background: #fff;
}

.page-section .main-block-material {
  padding-top: 31px;
  padding-bottom: 70px;
}
.page-section .main-block-material .block-right {
   *margin-top: -510px;
 }
.page-section.empty-section .main-block-material .block-right {
  margin-top: 0;
}
.page-section .main-block-material .block-left:before {
  display: none;
}
.page-section .main-block-material .section-name {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 32px;
  line-height: 32px;
  color: #FF3423;
  text-transform: uppercase;
}
.page-section .main-block-material .section-name:before {
  content: '';
  display: inline-block;
  width: 49px;
  height: 24px;
  margin-right: 11px;
  background: url('../img/ok-section-name.png') no-repeat;
  background-size: contain;
}
.page-section .main-block-material .section-name:after {
  content: '';
  display: block;
  width: 100%;
  border-top: 5px solid #333C49;
  margin-top: 16px;
  margin-bottom: 29px;
}
.page-section .main-block-material .block-left .item-material.tips-from-stars .section {
  display: block;
}
.page-section  .main-block-material .block-left .show-more {
  margin-top: -4px;
  margin-bottom: 0;
  padding-top: 0;
}
.page-section .block-right .hot-news {
  margin-bottom: 40px;
}
.page-section .block-right .editors-choice {
  margin-bottom: 32px;
}

.page-node.node-type-horoscope header .header-menu {
  background-color: rgba(0,0,0,.3);
  background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,0));
}
.page-node.node-type-horoscope header .header-menu.fix {
  background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.6));
}
.page-node.node-type-horoscope header .header-menu:after {
  display: block;
}
.page-node.node-type-horoscope .top-main-material {}
.page-node.node-type-horoscope .top-main-material:before {
  display: none;
}
.page-node.node-type-horoscope .top-main-material .block-text {
  padding: 0 0 6.3% 6.5%;
}
.page-node.node-type-horoscope .top-main-material .bread-crumbs {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 17px;
}
.page-node.node-type-horoscope .top-main-material .horoscope-title {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 56px;
  line-height: 56px;
  margin-bottom: 57px;
}
.page-node.node-type-horoscope .top-main-material .author {
  border-top: 1px solid #fff;
  padding-top: 40px;
}
.page-node.node-type-horoscope .top-main-material .author:after {
  content: '';
  display: block;
  clear: both;
}
.page-node.node-type-horoscope .top-main-material .author .author-photo {
  float: left;
  max-width: 150px;
  max-height: 150px;
  min-height: 0;
  margin-left: 12px;
  border-radius: 50%;
  opacity: 1;
}
.page-node.node-type-horoscope .top-main-material .author .author-name {
  margin-left: 212px;
  margin-bottom: 12px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}
.page-node.node-type-horoscope .top-main-material .author .author-description {
  width: 65%;
  margin-left: 212px;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 15px;
  line-height: 20px;
}

.page-node.node-type-horoscope .main-block-material {
  padding-top: 31px;
  padding-bottom: 0;
}
.page-node.node-type-horoscope .main-block-material .block-right {
  margin-top: -510px;
}
.page-node.node-type-horoscope .main-block-material .block-left:before {
  display: none;
}
.block-horoscope {
  padding-top: 28px;
}
.block-horoscope .horoscope-item {
  border-bottom: 1px solid #000;
  padding-bottom: 58px;
  margin-bottom: 59px;
}
.block-horoscope .horoscope-item:after {
  content: '';
  display: block;
  clear: both;
}
.block-horoscope .horoscope-item:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}
.block-horoscope .horoscope-item .icon-name-dates {
  float: left;
  width: 137px;
  margin-top: 7px;
  margin-left: 1.8%;
}
.block-horoscope .horoscope-item .icon {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 21px;
}
.block-horoscope .horoscope-item .name {
  float: left;
  width: 100%;
  margin-bottom: 9px;
  text-align: center;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}
.block-horoscope .horoscope-item .dates {
  float: left;
  width: 100%;
  text-align: center;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 19px;
  line-height: 21px;
  color: #FF4539;
}
.block-horoscope .horoscope-item .arrow {
  display: none;
  position: absolute;
  right: 15px;
  width: 28px;
  height: 100%;
  background: url("../img/page-horoscope-arrow.png") right center no-repeat;
  background-size: 50%;
  transition: all .4s;
}
.block-horoscope .horoscope-item .arrow.open {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-position: center;
}
.block-horoscope .horoscope-item .text {
  float: right;
  width: calc(100% - 1.8% - 138px);
  padding-left: 8%;
  padding-right: 2%;
  font-family: Athelas-Regular, Arial, serif;
  font-size: 23px;
  line-height: 30px;
}



.page-node .top-bn > div,
.page-node header,
.page-node .content,
.page-stars-index .content,
.page-stars-index header {
  max-width: 100%;
}
.article-block-material .bottom-bn > div {
  max-width: 100%;
  margin: 0 auto;
}

.page-node header .header-menu,
.page-stars-index header .header-menu {
  background: #212121;
}
.page-node header .header-menu:after,
.page-stars-index header .header-menu:after {
  display: none;
}



.article-block-material {
  padding: 49px 16px 0 0;
}
.article-block-material:after {
  content: '';
  display: block;
  clear: both;
}
.article-block-material .block-left {
  float: left;
  width: calc(100% - 375px);
  padding: 0 3.4% 0 7.67%;
}

.article-block-material .block-right {
  float: right;
  width: 375px;
  position: relative;
  padding-top: 36px;
  background-color: #fff;
}
.article-block-material .block-right .bn {
  width: inherit;
  max-width: inherit;
  overflow: hidden;
  padding-top: 36px;
  padding-bottom: 38px;
  margin-bottom: 40px;
  border: 1px solid #D7D9DA;
}
.article-block-material .block-right .bn > div {
  width: 300px;
  max-width: 300px;
  margin: 0 auto;
}

.ok-material .ok-material-data,
.ok-material .section-name,
.ok-material h1, .ok-material h2, .ok-material h3, .ok-material h4, .ok-material > p, .ok-material span[itemprop="articleBody"] > p, .ok-material span[itemprop="articleBody"] > ul,
.ok-material > ul, .ok-material > ol,
.ok-material .subtitle,
.ok-material .quote-star,
.ok-material blockquote,
.ok-material .quote-caption,
.ok-material .similar-in-theme,
.ok-material .socNetworks-footer-article {
  margin-left: 7.6%;
}
.ok-material > ul,
.ok-material > ol {
  margin-bottom: 30px;
}
.ok-material span[itemprop="articleBody"] > ul li,
.ok-material > ul li,
.ok-material > ol li {
  margin-left: 40px;
  font-family: Athelas-Regular, Arial, serif;
  font-size: 23px;
  line-height: 30px;
}
.ok-material-data {
  border-bottom: 1px solid #333C49;
  margin-bottom: 37px;
}
.ok-material-data:after {
  content: '';
  display: block;
  clear: both;
}
.ok-material-data .author,
.ok-material-data .date {
  float: left;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  line-height: 15px;
  color: #939393;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.ok-material-data .author {
  margin-right: 40px;
}
.ok-material-data .date {
  margin-right: 24px;
}
.ok-material-socNetworks {
  float: right;
  margin-top: -2px;
  margin-bottom: 21px;
}
.ok-material-socNetworks a {
  display: block;
  float: left;
  position: relative;
  height: 18px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 13px;
  line-height: 18px;
  color: #393f4a;
  padding-left: 14px;
  padding-right: 0;
}
.ok-material-socNetworks .b-share-icon {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  /*background: url("../img/ok-material-socNetworks.png") no-repeat;*/
  background-size: contain;
  background-repeat: no-repeat;
}
.ok-material-socNetworks .facebook .b-share-icon {
  background-image: url("../img/share-fb.svg");
}
.ok-material-socNetworks .twitter .b-share-icon {
  background-image: url("../img/share-tw.svg");
}
.ok-material-socNetworks .vkontakte .b-share-icon {
  background-image: url("../img/share-vk.svg");
}
.ok-material-socNetworks .ok .b-share-icon {
  background-image: url("../img/share-ok.svg");
}

.ok-material-socNetworks-for-mobile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  opacity: 0;
  z-index: -1;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #e4381d;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}
.ok-material-socNetworks-for-mobile.true {
  opacity: 1;
  z-index: 10000;
}
.ok-material-socNetworks-for-mobile a {
  display: inline-block;
  width: 25%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  border-right: 1px solid #fff;
}
.ok-material-socNetworks-for-mobile a:last-of-type {
  border-right: 0;
}
.ok-material-socNetworks-for-mobile .facebook {
  background-image: url("../img/ok-material-sNFM-facebook.png");
  background-size: 10px;
}
.ok-material-socNetworks-for-mobile .vkontakte {
  background-image: url("../img/ok-material-sNFM-vkontakte.png");
  background-size: 29px;
}
.ok-material-socNetworks-for-mobile .twitter {
  background-image: url("../img/ok-material-sNFM-twitter.png");
  background-size: 23px;
}
.ok-material-socNetworks-for-mobile .whatsapp {
  background-image: url("../img/ok-material-sNFM-whatsapp.png");
  background-size: 24px;
}
.ok-material-socNetworks-for-mobile .ok {
  background-image: url("../img/ok-material-sNFM-ok.png");
  background-size: 12px;
}

.ok-material .section-name {
  margin-bottom: 17px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.06em;
  color: #FF3423;
  text-transform: uppercase;
}
.ok-material .section-name a,
.ok-material .section-name a span
{
  color: #FF3423;
}
.ok-material .section-name span {
  color: #000;
}
.ok-material .section-name ul li {
  list-style: none;
  display: inline;
}

.ok-material h1 {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 52px;
  line-height: 52px;
  margin-bottom: 30px;
  font-weight: normal;
}

.ok-material h1.de-statused {
  background: #ff3423;
}

.ok-material .subtitle {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 58px;
}

.ok-material > p,
.ok-material span[itemprop="articleBody"] > p
{
  font-family: Athelas-Regular, Arial, serif;
  font-size: 23px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.ok-material > p strong,
.ok-material span[itemprop="articleBody"] > p strong
{
  font-family: Athelas-Bold, Arial, serif;
  font-weight: normal;
}
.ok-material > p a,
.ok-material span[itemprop="articleBody"] > p a,
.ok-material a {
  color: #EA212D;
}
.ok-material > p + .ok-material-img-box,
.ok-material > p + .media-element-container,
.ok-material > p + .field-img,
.ok-material span[itemprop="articleBody"] > p + .ok-material-img-box,
.ok-material span[itemprop="articleBody"] > p + .media-element-container,
.ok-material span[itemprop="articleBody"] > p + .field-img
{
  margin-top: 37px;
  margin-bottom: 33px;
}
.ok-material > h2, .ok-material > h3 {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 33px;
  line-height: 40px;
  font-weight: normal;
  margin-top: 44px;
}
.ok-material > h2 + p, .ok-material > h3 + p {
  margin-top: 20px;
}
.ok-material .media-youtube-player {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.ok-material-img-box.first-pic {
  margin-bottom: 60px;
}
.ok-material-img-box.first-pic img {
  width: 100%;
  max-height: none;
}
.ok-material-img-box.first-pic .loupe {
  cursor: default;
}
body.node-type-journal .ok-material-img-box.first-pic img {
  width: auto;
  max-height: none;
}

.ok-material-img-box,
.media-element-container,
.field-img {
  position: relative;
  margin-bottom: 30px;
}
.ok-material-img-box .item-pic,
.media-element-container .item-pic,
.field-img .item-pic {
  display: block;
  position: relative;
  background: #F4F4F4;
}
.ok-material-img-box .item-source,
.media-element-container .item-source,
.field-img .item-source,
.ok-material-img-box .item-source-right,
.media-element-container .item-source-right  {
  display: block;
  width: 45%;
  margin-top: 10px;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 13px;
  line-height: 13px;
  color: #767676;
}
.ok-material-img-box .item-source-right, .media-element-container .item-source-right {
  float: right;
  text-align: right;
}
.ok-material-img-box img,
.media-element-container img,
.field-img img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: 527px;
  width: auto;
}

.ok-material .quote-star {
  margin-top: 41px;
  margin-bottom: 41px;
  padding: 34px 0 33px 1.5%;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
/*.ok-material .quote-star:after {
  content: '';
  display: block;
  clear: both;
}*/
.ok-material .quote-star img {
  width: 20.725%;
  max-width: 150px;
  height: auto;
  margin: 6px 0 0;
  float: left;
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.ok-material .quote-star p {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 23px;
  line-height: 30px;
  margin-left: 27.6%;
}
.ok-material .quote-star p + .caption {
  margin-top: 23px;
}
.ok-material .quote-star .caption {
  font-family: Athelas-Italic, Arial, serif;
  font-size: 20px;
  line-height: 25px;
  color: #e63a2e;
}

.ok-material > p + blockquote,
.ok-material span[itemprop="articleBody"] > p + blockquote
{
  margin-top: 41px;
  margin-bottom: 42px;
}
.ok-material blockquote {
  font-family: Athelas-Italic, Arial, serif;
  font-size: 38px;
  line-height: 42px;
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 42px 7.6% 39px 0;
}
.ok-material blockquote strong {
  font-weight: normal;
}

.ok-material > p + .quote-caption,
.ok-material > p + blockquote.red-quote,
.ok-material span[itemprop="articleBody"] > p + .quote-caption,
.ok-material span[itemprop="articleBody"] > p + blockquote.red-quote
{
  margin-top: 41px;
  margin-bottom: 42px;
}
.ok-material .quote-caption, .ok-material blockquote.red-quote {
  border-left: 3px solid #FF3729;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 26px;
  line-height: 28px;
  color: #FF3729;
  padding: 14px 3.3% 20px 3.3%;
  border-top: none;
  border-bottom: none;
  text-align: left;
}

.similar-in-theme {
  border-top: 1px solid #DADADA;
  margin-top: 61px;
  padding-top: 32px;
  padding-bottom: 29px;
}
.similar-in-theme:after {
  content: '';
  display: block;
  clear: both;
}
.similar-in-theme .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 13px;
  line-height: 25px;
  text-transform: uppercase;
  color: #FF3423;
  margin-top: 22px;
  margin-bottom: 9px;
}
.similar-in-theme img {
  width: 22.427%;
  max-width: 165px;
  height: auto;
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  float: left;
  margin-left: 0.5%;
}
.similar-in-theme p {
  font-family: Athelas-Italic, Arial, serif;
  font-size: 35px;
  line-height: 35px;
}
.similar-in-theme p a {
  color: #000;
}
.similar-in-theme .name,
.similar-in-theme p {
  margin-left: 28.6%;
}

.socNetworks-footer-article {
  border-top: 5px solid #333C49;
  text-align: center;
  padding-top: 41px;
  padding-bottom: 80px;
}
.socNetworks-footer-article a {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 42px;
  background-repeat: no-repeat;
  background-size: contain;
}
.socNetworks-footer-article a:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%; height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
}
.socNetworks-footer-article a:hover:after {
  z-index: 1;
}
.socNetworks-footer-article a:last-child {
  margin-right: 0;
}
.socNetworks-footer-article .facebook,
.socNetworks-for-modal .facebook {
  background-image: url("../img/share-fb-red.svg");
}
.socNetworks-footer-article .facebook:after {
  background-image: url("../img/share-fb.svg");
}
.socNetworks-footer-article .twitter,
.socNetworks-for-modal .twitter {
  background-image: url("../img/share-tw-red.svg");
}
.socNetworks-footer-article .twitter:after {
  background-image: url("../img/share-tw.svg");
}
.socNetworks-footer-article .vkontakte,
.socNetworks-for-modal .vkontakte {
  background-image: url("../img/share-vk-red.svg");
}
.socNetworks-footer-article .vkontakte:after {
  background-image: url("../img/share-vk.svg");
}
.socNetworks-footer-article .ok,
.socNetworks-for-modal .ok {
  background-image: url("../img/share-ok-red.svg");
}
.socNetworks-footer-article .ok:after {
  background-image: url("../img/share-ok.svg");
}

.socNetworks-for-modal {
  float: right;
  margin: 7px 12px 0 0;
}
.socNetworks-for-modal a {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin-left: 27px;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -10000px;
}
.socNetworks-for-modal a:first-of-type {
  margin-left: 0;
}
.socNetworks-for-modal .instagram {
  background-image: url("../img/share-inst-red.svg");
}

.node-type-horoscope .main-block-material .read-also,
.article-block-material .read-also {
  clear: both;
  position: relative;
  background: #F5F5F5;
  background: linear-gradient(to bottom, #f5f5f5, #fdfdfd);
  padding: 46px 4.5% 0 12.3%;
  margin-top: 50px;
}
.node-type-horoscope .main-block-material .read-also:before,
.article-block-material .read-also:before {
  content: '';
  position: absolute;
  right: -16px;
  top: 0;
  width: 16px;
  height: 100%;
  background-color: #F5F5F5;
  background: linear-gradient(to bottom, #f5f5f5, #fdfdfd);
}
.node-type-horoscope .main-block-material .read-also .name,
.article-block-material .read-also .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: .03em;
  color: #ff3729;
  text-transform: uppercase;
  border-bottom: 5px solid #333C49;
  padding-bottom: 23px;
  margin-bottom: 30px;
}
.node-type-horoscope .main-block-material .read-also .block-material:after,
.article-block-material .read-also .block-material:after {
  content: '';
  display: block;
  clear: both;
}
.node-type-horoscope .main-block-material .read-also .item-material,
.article-block-material .read-also .item-material {
  float: left;
  width: 30.566%;
  margin-right: 4.106%;
  margin-bottom: 48px;
}
.node-type-horoscope .main-block-material .read-also .item-material:nth-of-type(4n+3),
.article-block-material .read-also .item-material:nth-of-type(4n+3) {
  margin-right: 0;
}
.node-type-horoscope .main-block-material .read-also .item-material:nth-of-type(4n+5),
.article-block-material .read-also .item-material:nth-of-type(4n+5) {
  clear: both;
}
.node-type-horoscope .main-block-material .read-also .item-material a,
.article-block-material .read-also .item-material a {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 23px;
  line-height: 25px;
  color: #262626;
  letter-spacing: .02em;
}
.node-type-horoscope .main-block-material .read-also .item-material img,
.article-block-material .read-also .item-material img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.node-type-horoscope .main-block-material .read-also .item-material.big-width,
.article-block-material .read-also .item-material.big-width {
  display: none;
}
.node-type-horoscope .main-block-material .read-also .show-more,
.article-block-material .read-also .show-more {
  display: none;
  border-top: 1px solid #000;
}

.ok-material > p + .gallery,
.ok-material span[itemprop="articleBody"] > p + .gallery
{
  margin-top: 37px;
}
.gallery {
  border: 1px solid #EAEAEA;
  margin: 0 0 52px;
}
.article-gallery {
  display: none;
}
.article-gallery .article-gallery-item .block-img {
  display: block;
}
.article-gallery .article-gallery-item .item-source {
  display: inline-block;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 13px;
  line-height: 13px;
  color: #767676;
  width: 100%;
  text-align: center;
  padding: 10px 0 0 0;
}
.article-gallery .article-gallery-item img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.gallery .prev-next-arrow {
  text-align: center;
  padding: 18px 0 14px;
}
.gallery .paging-info {
  display: inline-block;
  position: relative;
  top: -21px;
  padding: 0 36px;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 16px;
  line-height: 16px;
}
.gallery .prev-next-arrow .arrow {
  display: inline-block;
  width: 47px;
  height: 47px;
  border: 1px solid #CFCFD0;
  border-radius: 50%;
  background: url("../img/article-gallery-arrow.png") 17px 15px no-repeat;
  cursor: pointer;
}
.gallery .prev-next-arrow .arrow.next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gallery .prev-next-arrow .arrow[data-disabled="true"] {
  opacity: .3;
  cursor: default;
}

.for-tablet-right-column {
  display: none;
  float: right;
  width: 339px;
  padding-left: 39px;
  padding-bottom: 40px;
  background-color: #fff;
}
.for-tablet-right-column .bn {
  margin-bottom: 30px;
}

.page-search header .header-menu {
  background-color: #212121;
}
.page-search header .header-menu:after {
  display: none;
}
.page-search .main-block-material .block-right {
  margin-top: -204px;
}
.page-search .main-block-material .block-right .bn {
  margin-top: 0;
}
.page-search .content {
  padding-top: 0;
}
.page-search .main-block-material {
  padding-top: 0;
}
.page-search .main-block-material .block-left .item-material .section {
  display: none;
}
.page-search .main-block-material .block-left:before {
  margin-bottom: 25px;
}
.page-search .main-block-material .block-left .item-material {
  margin-bottom: 25px;
}
.page-search .main-block-material .block-left .item-material img {
  margin-top: 4px;
}
.form-result-block {
  width: calc(100% - 397px);
  padding: 46px 3.634% 43px 6.704%;
}
.form-result-block .block-name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 25px;
  color: #FF3423;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-left: -2px;
  margin-bottom: 30px;
}
.form-result-block form {
  position: relative;
}
.form-result-block form .form-item {
  margin-bottom: 47px;
}
.form-result-block form input[type="text"] {
  display: block;
  width: 100%;
  height: 46px;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  padding: 4px 10px 4px 57px;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 18px;
  line-height: 18px;
}
.form-result-block form input[type="submit"] {
  position: absolute;
  left: -1px;
  top: 0;
  width: 55px;
  height: 48px;
  border: 0;
  background: url('../img/searchbutton-bg.png') center center no-repeat;
  background-size: 33%;
  text-indent: -10000px;
  cursor: pointer;
}
.form-result-block form input[type="text"],
.form-result-block form input[type="submit"] {
  outline: none;
}
.form-result-block .ap-solr-filter {
  padding-left: 15px;
}
.form-result-block .ap-solr-filter:after {
  content: '';
  display: block;
  clear: both;
}
.form-result-block .ap-solr-filter .link-sort {
  float: left;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 17px;
  line-height: 17px;
  text-transform: uppercase;
  color: #000;
  margin-right: 25px;
  letter-spacing: .04em;
}
.form-result-block .ap-solr-filter .link-sort:before {
  content: '';
  display: block;
  float: left;
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.form-result-block .ap-solr-filter .link-sort.active-link:before {
  box-shadow: inset 0 0 0 3px #FFF;
  background-color: #FF3423;
}

.page-archive header .header-menu {
  background: #212121;
}
.page-archive header .header-menu:after {
  width: 100%;
  left: 0;
}
.page-archive .main-block-material {
  padding: 45px 22px 60px 0;
}
.page-archive .main-block-material .block-right {
  padding-top: 40px;
}
.page-archive .main-block-material .block-right .bn {
  width: inherit;
  max-width: inherit;
  overflow: hidden;
  margin: 0 0 40px;
  padding: 36px 0 38px;
  border: 1px solid #D7D9DA;
}
.page-archive .main-block-material .block-right .bn > div {
  width: 300px;
  max-width: 300px;
  margin: 0 auto;
}
.page-archive .main-block-material .block-left {
  padding: 0 3.6% 0 6.7%;
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;*/

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-archive .main-block-material .block-left:before {
  display: none;
}
.page-archive .main-block-material .block-left .section-name {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 29px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: .05em;
  color: #FF3423;
  text-transform: uppercase;
  border-bottom: 1px solid #333C49;
}
.page-archive .main-block-material .block-left .archive-filter {
  /*float: left;*/
  width: 28.6%;
  position: relative;

  margin-right: 6.1%;
}
.page-archive .main-block-material .block-left .archive-filter .number input {
  width: 100%;
  height: 37px;
  padding: 1px 11px 0;
  margin: 0 0 10px 0;
  border: 1px solid #E9E9E9;
  border-radius: 3px;
  outline: 0;
  color: #000;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.archive-filter .number input[placeholder] {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #000;
}
.archive-filter .number input::-webkit-input-placeholder {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #000;
}
.archive-filter .number input::-moz-placeholder {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #000;
}
.archive-filter .number input:-ms-input-placeholder {
  text-overflow: ellipsis;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  color: #000;
}
.page-archive .main-block-material .block-left .archive-filter .number input:focus {
  border-color: #CBC8C8;
}
.page-archive .main-block-material .block-left .archive-magazine {
  /*float: right;*/
  width: 65.3%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-archive .main-block-material .block-left .item-material {
  width: 48.4%;
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
}
.page-archive .main-block-material .block-left .item-material img {
  float: none;
  width: 100%;
  margin: 0;
}
.page-archive .main-block-material .block-left .item-material.hover .name.true {
  display: block;
}
.page-archive .main-block-material .block-left .item-material .name {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #212121;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 13px;
  line-height: 17px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding: 19px 40px 16px;
}
.page-archive .main-block-material .block-left .item-material .material-magazine {
  display: none;
}
.page-archive .main-block-material .block-left .show-more {
  width: 100%;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 15px;
}

.modal-menu-archive {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 90px 0 0;
  z-index: -1;
  opacity: 0;
  background-color: rgba(25,25,25,.97);
  color: #fff;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-menu-archive .magazine {}
.modal-menu-archive .mma-content {
  position: relative;
  width: 60.7%;
  max-width: 1000px;
  margin: 0 auto;
}
.modal-menu-archive .modal-menu-archive-x {
  position: absolute;
  z-index: 1;
  top: -29px;
  right: -24.5%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url("../img/modal-menu-archive-x.png") no-repeat;
}
.modal-menu-archive-x-mobile {
  display: none;
  width: 100%;
  height: 43px;
  margin: 26px 0 40px;
  background: url("../img/modal-menu-archive-x-mobile.png") center center no-repeat;
  background-size: contain;
}
.modal-menu-archive-open {
  overflow: hidden;
}
.modal-menu-archive-open .modal-menu-archive {
  z-index: 15000;
  opacity: 1;
  display: block;
}
.modal-menu-archive .magazine:after {
  content: '';
  display: block;
  clear: both;
}
.modal-menu-archive .magazine .pic {
  width: 39.736%;
}
.modal-menu-archive .magazine .pic img {
  width: 100%;
  height: auto;
}
.modal-menu-archive .magazine .name,
.modal-menu-archive .magazine .download {
  float: right;
  width: 52.7%;
}
.modal-menu-archive .magazine .name {
  border-bottom: 1px solid #707070;
  margin-top: 11px;
  padding-bottom: 33px;
  margin-bottom: 35px;
  letter-spacing: .02em;
}
.modal-menu-archive .magazine .name .number {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 28px;
  line-height: 38px;
  color: #FF3423;
  margin-bottom: 8px;
}
.modal-menu-archive .magazine .name .number em {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-style: normal;
}
.modal-menu-archive .magazine .name .title {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 38px;
  line-height: 38px;
}
.modal-menu-archive .magazine .name .title:first-letter {
  text-transform: uppercase;
}
.modal-menu-archive .magazine .download {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: .03em;
}
.modal-menu-archive .magazine .download.hide {
  display: none;
}
.modal-menu-archive .magazine .download .mob {
  display: none;
}
.modal-menu-archive .magazine .download a:first-of-type img {
  margin-top: 23px;
  margin-bottom: 15px;
}
.modal-menu-archive .magazine-article {
  margin-top: 55px;
}
.modal-menu-archive .magazine-article .name {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: .02em;
  color: #FF3423;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 2px solid #707070;
}
.modal-menu-archive .magazine-article .name.no-href {
  display: none;
}
.modal-menu-archive .magazine-article a {
  display: block;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  border-bottom: 1px solid #707070;
  padding: 23px 0 22px;
}
.modal-menu-archive .magazine-article a:last-of-type {
  border-bottom: 0;
}


/* индекс звёзд */
.block-stars-index {
  /*padding: 45px 196px 70px 162px;*/
  padding: 45px 14.693% 28px 12.144%;
}
.block-stars-index .section-name {
  position: relative;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 18px;
  line-height: 25px;
  color: #FF3423;
  text-transform: uppercase;
  letter-spacing: .045em;

  padding-bottom: 16px;
  margin-bottom: 59px;
}
.block-stars-index .section-name:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 118.3%;
  border-bottom: 1px solid #000;
}

.choice-stars-ru-en {
  margin-bottom: 56px;
}
.choice-stars-ru-en > div {
  display: inline-block;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 50px;
  line-height: 50px;
}
.choice-stars-ru-en .text {
  color: #FF3423;
  cursor: pointer;
}
.choice-stars-ru-en .text.active {
  font-family: Athelas-Bold-Italic, Arial, serif;
  color: #000;
  cursor: default;
}
.choice-stars-ru-en .separator {
  margin: 0 .12em 0 .15em;
}

.choice-stars-ABC .stars-ABC,
.block-stars-letter {
  display: none;
}
.choice-stars-ABC .stars-ABC.active {
  display: block;
}
.block-stars-letter.active {
  display: flex;
}

.choice-stars-ABC {
  margin-bottom: 61px;
}
.choice-stars-ABC .stars-ABC-arrow {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 24px;
  height: 100%;
  background: url("../img/stars-ABC-arrow.png") left center no-repeat;
  background-size: contain;
}
.choice-stars-ABC .stars-ABC {
  font-family: Athelas-Bold-Italic, Arial, serif;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: .04em;
  border-bottom: 1px solid #D7DADC;
  padding-bottom: 12px;
  padding-left: 2px;
}
.choice-stars-ABC .stars-ABC > .no-active {
  color: #B9B9B9;
  cursor: default;
}
.choice-stars-ABC .stars-ABC > * {
  display: inline-block;
  color: #000;
  text-decoration: none;
  /*margin-right: 0.57em;*/
  padding: 0 .32em 0 .25em;
}
.choice-stars-ABC .stars-ABC > *:first-of-type {
  padding-left: 0;
}
.choice-stars-ABC .stars-ABC > *:last-of-type {
  padding-right: 0;
}

.block-stars-letter {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.block-stars-letter .symbol {
  width: 21.533%;
  margin-right: 4.611%;
  margin-bottom: 40px;
}
.block-stars-letter .symbol:nth-of-type(4n+4) {
  margin-right: 0;
}
.block-stars-letter .symbol .initial-letter {
  font-family: Athelas-Bold-Italic, Arial, serif;
  font-size: 50px;
  line-height: 50px;
  text-transform: uppercase;
  border-bottom: 1px solid #D7DADC;
  padding-bottom: 24px;
  margin-bottom: 32px;
}
.block-stars-letter .symbol a {
  display: block;
  margin-bottom: 16px;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}
.block-stars-letter .symbol a:hover {
  color: #FF3423;
}


.node-type-biography header .block-links li a[href="/stars"] {
  color: #ff3729;
}
.node-type-biography .top-main-material .block-text .name-section, .node-type-biography .top-main-material .block-text a.name-section {
  display: inline-block;
  position: relative;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 17px;
  line-height: 17px;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-bottom: 35px;
  margin: 0 0 24px 2px;
  color: white;
}
.node-type-biography .top-main-material .block-text .name-section:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  border-top: 4px solid #fff;
}
.star-and-material {
  margin: 44px 22px 72px 83px;
}
.star-and-material:after {
  content: '';
  display: block;
  clear: both;
}
.star-and-material .star {
  float: left;
  width: 31.17%;
}
.star-and-material .materials {
  float: right;
  width: 63.637%;
}

.star-and-material .star .star-photo {
  position: relative;
  margin-bottom: 32px;
}
.star-and-material .separator {
  border-top: 5px solid #333C49;
  margin: 15px 0 37px;
}
.star-and-material .star .star-pic img {
  border-radius: 50%;
  max-width: 140px;
}
.star-and-material .star .star-pic {
  position: relative;
  display: block;
  z-index: 2;
}
.star-and-material .star .star-pic:nth-of-type(n+2) {
  display: none;
}
.star-and-material .star .star-pic:nth-of-type(2) {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 43px;
  opacity: .6;
}
.star .count-photos {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 149px;
  padding: 3px 10px 2px 6px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #333C49;
  color: #fff;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
}
.star-and-material .star .star-title {
  font-family: Athelas-Bold-Italic, Arial, serif;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 21px;
}
.star-and-material .star .star-regalia {
  font-family: Athelas-Italic, Arial, serif;
  font-size: 18px;
  line-height: 24px;
  color: #848484;
  margin-bottom: 47px;
}
.star-and-material .star .full-star-description {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  line-height: 24px;
  color: #636363;
}

.star-and-material .materials .tab-popular,
.star-and-material .materials .tab-new {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 39px;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #333C49;
  cursor: pointer;
}
.star-and-material .materials .separator {
  margin: 13px 0 29px;
}
.star-and-material .materials .item-material {
  border-bottom: 1px solid #ccc;
  margin-bottom: 29px;
}
.star-and-material .materials .item-material img {
  float: left;
  width: 32.654%;
  height: auto;
  margin-bottom: 29px;
}
.star-and-material .materials .item-material:after {
  content: '';
  display: block;
  clear: both;
}
.star-and-material .materials .item-material .section {
  display: none;
}
.star-and-material .materials .item-material.no-img .name,
.star-and-material .materials .item-material.no-img .description {
  margin-left: 0;
}
.star-and-material .materials .item-material .name {
  display: block;
  position: relative;
  top: -4px;
  margin-left: 36.8%;
  margin-bottom: 11px;
  font-family: Athelas-Bold, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  text-transform: uppercase;
  color: #212121;
}
.star-and-material .materials .item-material .description {
  display: block;
  margin-left: 36.8%;
  margin-bottom: 29px;
  font-size: 15px;
  line-height: 20px;
  color: #636363;
}
.star-and-material .materials .show-more {
  border-top: 1px solid #333C49;
  padding-top: 22px;
  margin-top: -30px;
}

.block-star-slider {
  position: relative;
  background-color: #FAFAFB;
  padding: 66px 6.508% 20px 6.588%;
}
.block-star-slider .blk-before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FAFAFB;
}
.block-star-slider .letter-index-star {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 46px;
  border-bottom: 5px solid #333C49;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: .04em;
  color: #FF3423;
  text-transform: uppercase;
}
.block-star-slider .letter-index-star strong {
  margin-right: 11px;
  font-family: Athelas-Bold-Italic, Arial, serif;
  font-weight: normal;
  font-size: 50px;
  letter-spacing: .05em;
  color: #333C49;
}
.block-star-slider .slider-other-star {
  position: relative;
  display: none;
  margin-bottom: 55px;
  padding: 0 48px 0 65px;
}
.block-star-slider .slider-other-star.show {
  display: block;
}
.block-star-slider .slider-other-star.no-arrow {
  padding: 0;
}
.block-star-slider .slider-other-star.no-arrow .slick-track {
  margin: 0 auto;
}
.slider-other-star .slick-prev,
.slider-other-star .slick-next {
  position: absolute;
  top: 0;
  height: 150px;
  background: url("../img/slider-other-star-arrow.png") center center no-repeat;
  cursor: pointer;
}
.slider-other-star .slick-prev {
  width: 48px;
  left: 0;
  background-position: 0 50px;
}
.slider-other-star .slick-next {
  width: 65px;
  right: 0;
  background-position: 0 44px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.block-star-slider .href-all-star {
  position: absolute;
  top: 80px;
  right: 6.508%;
}
.block-star-slider .href-all-star:after {
  content: '';
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-left: 12px;
  margin-bottom: -0.15em;
  background: url("../img/href-all-star-arrow.png") no-repeat;
  background-size: contain;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slider-other-star .slider-item {
  display: block;
  width: 150px;
  color: #333C49;
  outline: none;
  text-align: center;
}
.slider-other-star .slider-item img {
  border-radius: 50%;
  margin: 0 auto 20px;
  width: 150px;
  height: 150px;
}
.slider-other-star .slider-item span {
  display: inline-block;
  font-family: Athelas-Bold-Italic, Arial, serif;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: .04em;
}


.href-all-star {
  display: block;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #333C49;
}
.star .href-all-star:before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 12px;
  margin-bottom: -0.15em;
  background: url("../img/href-all-star-arrow.png") no-repeat;
  background-size: contain;
}

footer .footer-top {
  background-color: #EFECEC;
}
.footer-top-new-magazine {
  padding: 63px 0 61px;
  width: 75%;
  max-width: 962px;
  margin: 0 auto;
}
.footer-top-new-magazine:after {
  content: '';
  clear: both;
  display: block;
}
.footer-top-new-magazine .iphone-and-ipad,
.footer-top-new-magazine .magazine-app,
.footer-top-new-magazine .magazine,
.footer-top-new-magazine .magazine-new {
  float: left;
}
.footer-top-new-magazine .iphone-and-ipad {
  width: 20%;
  padding: 0 0 0 4.1%;
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: .02em;
}
.footer-top-new-magazine .iphone-and-ipad .text {
  margin-top: -3px;
  margin-bottom: 35px;
}
.footer-top-new-magazine .iphone-and-ipad img {
  margin-top: 16px;
}
.footer-top-new-magazine .magazine-app {
  width: 28%;
  padding-left: 5%;
}
.footer-top-new-magazine .magazine-app img {
  max-width: 100%;
  height: auto;
}
.footer-top-new-magazine .magazine {
  width: 26.3%;
  padding-left: 5%;
}
.footer-top-new-magazine .magazine img {
  float: right;
  max-width: 100%;
  height: auto;
}
.footer-top-new-magazine .magazine-new {
  width: 25%;
  padding-left: 6.2%;
}
.footer-top-new-magazine .magazine-new .new-n {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: .01em;
  margin-bottom: 17px;
}
.footer-top-new-magazine .magazine-new .n-in-sell {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.footer-top-new-magazine .magazine-new a {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 14px;
  line-height: 25px;
  color: #fd0048;
  text-decoration: underline;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 2px;
}

footer .footer-top .delivery {
  background-color: #FF3423;
  padding: 30px 0;
  /*временно скрыта*/
  display: none;
}
.block-delivery-form {
  width: 46%;
  max-width: 590px;
  margin: 0 auto;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
}
.block-delivery-form:after {
  content: '';
  clear: both;
  display: block;
}
.block-delivery-form > div {
  float: left;
  width: 35%;
  letter-spacing: 0.02em;
  margin-left: 2px;
  height: 40px;
  line-height: 38px;
}
.block-delivery-form form {
  float: right;
  width: 64.1%;
}
.block-delivery-form form input {
  outline: 0;
  float: left;
  height: 40px;
  border: 0;
}
.block-delivery-form form input[type="text"] {
  /*width: 309px;*/
  width: 81.75%;
  margin-right: 5px;
  padding: 0 16px;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  letter-spacing: .01em;
}
.block-delivery-form form input[type="text"]::-webkit-input-placeholder {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  letter-spacing: .01em;
  color: #808080;
}

.block-delivery-form form input[type="text"]::-moz-placeholder {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  letter-spacing: .01em;
  color: #808080;
}

.block-delivery-form form input[type="text"]:-moz-placeholder {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  letter-spacing: .01em;
  color: #808080;
}
.block-delivery-form form input[type="text"]:-ms-input-placeholder {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 15px;
  letter-spacing: .01em;
  color: #808080;
}
.block-delivery-form form input[type="submit"] {
  background-color: #FF3423;
  border: 2px solid #fff;
  color: #fff;
  /*width: 64px;*/
  width: 16.932%;
  cursor: pointer;
}

.footer-top .ok-magazine-href {
  background-color: #151515;
}
.footer-top .ok-magazine-href a {
  color: #fff;
}
.ok-magazine-href-content {
  max-width: 1095px;
  margin: 0 auto;
  padding: 49px 0 30px;
  color: #fff;
  font-family: BaseFontMedium, Arial, serif;
  font-size: 14px;
  line-height: 18px;
}
.ok-magazine-href-content:after {
  content: '';
  clear: both;
  display: block;
}
.ok-magazine-href-content .logo-in-footer {
  /*width: 283px;*/
  width: 25.845%;
  float: left;
  margin-left: 1px;
  position: relative;
}
.ok-magazine-href-content .logo-in-footer:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -4px;
  left: -84px;
  width: 146px;
  height: 37px;
  background-color: #FF3423;
}
.ok-magazine-href-content .logo-in-footer img {
  width: 100%;
  height: auto;
  position: relative;
}
.ok-magazine-href-content .href {
  float: left;
  width: 56.2%;
  margin-top: -3px;
  margin-left: 6%;
}
.ok-magazine-href-content .href ul {
  -moz-column-count: 3; /* Firefox */
  -webkit-column-count: 3; /* Safari and Chrome */
  column-count: 3;
  margin-bottom: 17px;
}
.ok-magazine-href-content .href li {
  list-style-type: none;
  margin-bottom: 12px;
  letter-spacing: .09em;
}
.ok-magazine-href-content .href a {
  color: #fff;
  text-transform: uppercase;
}
.ok-magazine-href-content .href p {
  width: 100%;
  clear: both;
  font-size: 12px;
}

.ok-material-gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.ok-material-gallery-item {
  width: 33.33%;
  padding: 0 1.5% 25px;
}
.ok-material-gallery-item .caption {
  font-size: 13px;
  line-height: 14px;
  display: block;
  margin-top: 6px;
}
.ok-material-gallery-item img {
  width: 100%;
  height: auto;
}



#ok-banner-gallery-right {
  position: fixed;
  width: 100%;
  max-width: 300px;
  max-height: 600px;
  top: 83px;
  right: 100px;
  z-index: 99;
}
#pbOverlay.on #pbCloseBtn {
  top: 0;
  right: 0;
  padding: 30px 39px 20px 20px;
}

#pbOverlay.on #pbCloseBtn:before,
#pbOverlay.on #pbCloseBtn:hover:before {
  display: none;
}
#pbCloseBtn:before {
  content: '' !important;
  font: bold 0em/0 arial !important;
}
#pbCloseBtn:hover:before {
  padding: 0 !important;
  background: none !important;
}
.on #pbCloseBtn:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../img/modal-menu-close-v0.1.svg") no-repeat;
  background-size: contain;
}
#pbOverlay.show {
  background: rgba(25,25,25,.95);
}
#pbOverlay .pbWrapper {
  height: calc(100% - 130px);
}
#pbOverlay .pbWrapper img {
  display: inline;
  max-width: calc(100% - 200px);
}
#pbOverlay .pbWrapper.b-true img {
  max-width: calc(100% - 460px);
}
#pbOverlay #pbNextBtn b:after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 56px;
  background: url("../img/pbNextBtn.png") no-repeat;
}
#pbOverlay #pbPrevBtn b:before {
  content: '';
  display: inline-block;
  width: 31px;
  height: 56px;
  background: url("../img/pbPrevBtn.png") no-repeat;
}
#pbOverlay.on .prevNext:hover{
  opacity:1 !important;
  filter: alpha(opacity=100);
}
#pbOverlay #pbCaption .counter {
  display: none;
}
#pbCaption .title,
#pbCaption .counter {
  font-family: Athelas-Italic, Arial, serif;
  font-size: 20px;
  line-height: 18px;
  font-weight: normal;
}
#ok-banner-gallery-right-fake {
  width: 440px;
  display: inline-block;
  position: relative;
  height: 0;
}
.pbWrapper.b-false #ok-banner-gallery-right-fake {
  width: 0;
}
#pbOverlay #pbNextBtn {
  width: 65%;
}
.on #pbAutoplayBtn {
  display: none !important;
}
.pbThumbs li.active a img {
  border-color: #FF3922 !important;
}
#ok-gallery-title {
  /*display: block;*/
  display: none;
  height: auto;
  color: #fff;
  font-family: Athelas-Italic, Arial, serif;
  font-size: 20px;
  line-height: 18px;
  margin: 0 80px;
  width: auto;

  box-shadow: none;
  background: transparent;
}
.ok-banner-gallery-right div[id^=AdFox] {
  margin: 0 auto;
}
.ok-gallery-activated {
  overflow: hidden;
}



.node-type-author .main-block-material {
  padding-top: 40px;
}
.node-type-author .main-block-material .block-left:before {
  display: none;
}
.node-type-author .main-block-material .section-name {
  font-family: HelveticaNeueCyr-Roman, Arial, serif;
  font-size: 32px;
  line-height: 32px;
  color: #FF3423;
  text-transform: uppercase;
}
.node-type-author .main-block-material .section-name:after {
  content: '';
  display: block;
  width: 100%;
  border-top: 5px solid #333C49;
  margin-top: 16px;
  margin-bottom: 29px;
}

.up-button-page {
  position: absolute;
  opacity: 0;
  width: 107px;
  height: 32px;
  background: url("../img/up-button.png") 39px center no-repeat;
  bottom: 46px;
  left: 0;
  cursor: default;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.up-button-page.true {
  opacity: 1;
  cursor: pointer;
}
.ok-material-img-box span.loupe,
.media-element-container span.loupe {
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/icon_zoom.png") center center no-repeat;
  background-color: rgba(0,0,0,.5);
  transition: opacity .3s linear;
  margin: 0;
}

.ok-material-img-box a:hover span.loupe,
.media-element-container a:hover span.loupe {
  opacity: 1;
}




.editorPanel {
  padding: 20px 70px;
  position: relative;
  height: 0;
}
.editorPanel a {
  color: white;
  background: #333;
  padding: 5px;
  border-radius:5px;
  font-weight: bold;
  position: absolute;
  top: 40px;
  z-index: 2;
}
.editorPanel a:hover {
  background: #ff3423;
}


/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
.drupal-menu {
  max-width: 1280px;
  margin: 0 auto;
  height: 0;
  padding: 0 0 0 70px;
  z-index: 10;
  position: relative;
}
.drupal-menu>ul{
  width:100%;
  list-style:none;
  font-weight:bold;
  margin-bottom:10px;
  position: absolute;
}
.drupal-menu>ul li{
  float:left;
  margin-right:10px;
  position:relative;
  display:block;
}
.drupal-menu>ul li a{
  display:block;
  padding:5px;
  color:#fff;
  background:#333;
  text-decoration:none;

  text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:5px;
}
.drupal-menu>ul li a:hover{
  color:#fff;
  background:#ff3423;
  background:rgba(255,20,0,0.75); /* Выглядит полупрозрачным */
  text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
.drupal-menu>ul ul{
  list-style:none;
  position:absolute;
  left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
  opacity:0; /* Устанавливаем начальное состояние прозрачности */
  -webkit-transition: 0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
  transition: 0.25s linear opacity; /* выпадающие пункты будут проявляться */
}
.drupal-menu>ul ul li{
  padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
  float:none;
  /*background:url(dot.gif);*/
}
.drupal-menu>ul ul a{
  white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
  display:block;
}
.drupal-menu>ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
  left:0; /* Приносим его обратно на экран, когда нужно */
  opacity:1; /* Делаем непрозрачным */
}
.drupal-menu>ul li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
  background:#ff3423;
  background:rgba(255,20,0,0.75); /* Выглядит полупрозрачным */
  text-decoration:underline;
}
.drupal-menu>ul li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
  text-decoration:none;
  -webkit-transition:-webkit-transform 0.075s linear;
}
.drupal-menu>ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
  background:#333;
  background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
  text-decoration:underline;
  -moz-transform:scale(1.05);
  -webkit-transform:scale(1.05);
}


.site-error {
  min-height: 300px;
  padding: 30px 70px;

}

.site-error h1 {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 52px;
  line-height: 52px;
  margin-bottom: 30px;
  /*padding: 0 0 30px;*/
}

.site-error .alert {
  font-family: BaseFontMedium, Arial, serif;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 58px;
}

.media-oembed > iframe, .media-oembed > .twitter-tweet {
  margin: 0 auto !important;
}


body.front .top-main-material .block-text .author-material {
  display: none;
}

.columnist-ok-gallery .for-other {
  display: table;
  height: 100%;
}
.columnist-ok-gallery .for-ipad {
  display: none;
}

a.da-a div.link-img{
  position: relative;
  min-width: 100%;
  max-width: 15.38em;
  padding-top: 66.6667%;
  margin-bottom: 20px;
  overflow: hidden;
}

a.da-a div.link-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -19%;
  max-width: 100%;
  width: 100%;
}

.media-element-container iframe {
  position: relative !important;
}

.editors-choice div[id^=adfox],
.hot-news div[id^=adfox] {
  margin-bottom: 20px;
}

.body-banner {
  text-align: center;
}

.clearfix{
  clear: both;
}


.sticky {
  position: fixed;
  top: 86px;
  z-index: 101;
}

.stop {
  position: relative;
  z-index: 101;
}

.main-block-material .block-right .bn{
  margin: 0 auto;
}

.banner-padding{
  margin: 0 auto;
  padding-bottom: 20px;
  max-width: 300px;
}

iframe.instagram-media{
  margin: 10px auto !important;
}

header .block-links-mobile {
  display: none;
}



  .announce_box, .flex-box {
    display: flex!important;
    justify-content: space-between!important;
    flex-wrap: wrap!important;
  }

.sm-row-1 {
  width: 330px!important;
  flex: 0 0 330px!important;

  padding-right: 30px;
}

.journal-preview--link {
  transform: translate3d(0,0,0);
  transition: all .15s linear;
}

.journal-preview {
  width: 330px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.article-preview__thumbs img{
  padding-bottom: 10px;
}

 h1 {
  font-family: Athelas-Bold, Arial, serif;
  font-size: 52px;
  line-height: 52px;
  margin-bottom: 30px;
  font-weight: normal;
}
.journal-preview__info{
  color: #ff3729;
}
[name="special-df-link"] a {
  text-decoration: none!important;
  color: #000!important;
  padding: 3px 5px;
  background-color: rgb(235, 136, 43);
}