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

@font-face {
    font-family: "RobotoCondensed-Bold"; /* no free */
    src: url("https://www.ok-magazine.ru/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;
    padding-top: 100px;
}

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('https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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;
    left:0;
    top: 0;
    width: 100%;
    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 {
    margin-top: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    display: inline-flex;
}
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('https://www.ok-magazine.ru/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('https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/themes/ok2017/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('https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../img/ok-material-socNetworks.png") no-repeat;*/
    background-size: contain;
    background-repeat: no-repeat;
}
.ok-material-socNetworks .facebook .b-share-icon {
    background-image: url("https://www.ok-magazine.ru/../img/share-fb.svg");
}
.ok-material-socNetworks .twitter .b-share-icon {
    background-image: url("https://www.ok-magazine.ru/../img/share-tw.svg");
}
.ok-material-socNetworks .vkontakte .b-share-icon {
    background-image: url("https://www.ok-magazine.ru/../img/share-vk.svg");
}
.ok-material-socNetworks .ok .b-share-icon {
    background-image: url("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../img/ok-material-sNFM-facebook.png");
    background-size: 10px;
}
.ok-material-socNetworks-for-mobile .vkontakte {
    background-image: url("https://www.ok-magazine.ru/../img/ok-material-sNFM-vkontakte.png");
    background-size: 29px;
}
.ok-material-socNetworks-for-mobile .twitter {
    background-image: url("https://www.ok-magazine.ru/../img/ok-material-sNFM-twitter.png");
    background-size: 23px;
}
.ok-material-socNetworks-for-mobile .whatsapp {
    background-image: url("https://www.ok-magazine.ru/../img/ok-material-sNFM-whatsapp.png");
    background-size: 24px;
}
.ok-material-socNetworks-for-mobile .ok {
    background-image: url("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../img/share-fb-red.svg");
}
.socNetworks-footer-article .facebook:after {
    background-image: url("https://www.ok-magazine.ru/../img/share-fb.svg");
}
.socNetworks-footer-article .twitter,
.socNetworks-for-modal .twitter {
    background-image: url("https://www.ok-magazine.ru/../img/share-tw-red.svg");
}
.socNetworks-footer-article .twitter:after {
    background-image: url("https://www.ok-magazine.ru/../img/share-tw.svg");
}
.socNetworks-footer-article .vkontakte,
.socNetworks-for-modal .vkontakte {
    background-image: url("https://www.ok-magazine.ru/../img/share-vk-red.svg");
}
.socNetworks-footer-article .vkontakte:after {
    background-image: url("https://www.ok-magazine.ru/../img/share-vk.svg");
}
.socNetworks-footer-article .ok,
.socNetworks-for-modal .ok {
    background-image: url("https://www.ok-magazine.ru/../img/share-ok-red.svg");
}
.socNetworks-footer-article .ok:after {
    background-image: url("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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('https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../img/pbNextBtn.png") no-repeat;
}
#pbOverlay #pbPrevBtn b:before {
    content: '';
    display: inline-block;
    width: 31px;
    height: 56px;
    background: url("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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("https://www.ok-magazine.ru/../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);
}
.slick-arrow, button, .point, .price-block img {
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .block-links {
        display: none!important;
    }
    header .header-menu-content .ok-magazine-logo {
        display: flex;
        justify-content: center;
        float:none;
        margin-left: auto;
        margin-right: auto;
    }
}