body {
    font-family: MuseoSansCyrl, sans-serif;
    font-size: 14px;
    min-width: 320px;
    max-width: 2560px;
    color: #000;
    position: relative;
    margin: 0 auto;
    background: #fff;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1;
    background-image: url(../images/bg/bg_body.jpg)
}

*, body {
    padding: 0
}

* {
    margin: 0;
    box-sizing: border-box
}

button {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px
}

a {
    text-decoration: none;
    color: blue
}

p {
    color: #000
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

strong {
    font-weight: 700
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input, textarea {
    border: none;
    outline: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000
}

input:-moz-placeholder, input::-moz-placeholder,
textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #000
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000
}

.container {
    width: 100%;
    height: auto;
    min-width: 290px;
    max-width: 980px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    .container {
        max-width: 950px
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .container {
        max-width: 715px
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .container {
        max-width: 90%
    }
}

.visitor {
    height: 20px;
    width: 100px;
    background: #eba928
}

.scroll_top {
    position: fixed;
    bottom: 20px;
    right: 100px;
    z-index: 3;
    cursor: pointer
}

.hamburger {
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 5;
    margin-left: 45px;
    display: block;
    margin-top: 2px
}

.hamburger:hover {
    opacity: 1
}

.hamburger-box {
    width: 32px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 32px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner:after {
    top: -16px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

@font-face {
    font-family: MuseoSansCyrl;
    src: url(../fonts/MuseoSansCyrl_3.eot);
    src: url(../fonts/MuseoSansCyrl_3.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MuseoSansCyrl_3.woff) format("woff"),
    url(../fonts/MuseoSansCyrl_3.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display:swap;
}

/*@font-face {
    font-family: MuseoSansCyrl;
    src: url(../fonts/MuseoSansCyrl_500.eot);
    src: url(../fonts/MuseoSansCyrl_500.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MuseoSansCyrl_500.woff) format("woff"),
    url(../fonts/MuseoSansCyrl_500.ttf) format("truetype");
    font-style: normal;
    font-weight: 500
}*/

@font-face {
    font-family: MuseoSansCyrl;
    src: url(../fonts/MuseoSansCyrl_0.eot);
    src: url(../fonts/MuseoSansCyrl_0.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MuseoSansCyrl_0.woff) format("woff"),
    url(../fonts/MuseoSansCyrl_0.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display:swap;
}

.bg-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.promo {
    width: 100%;
    height: 350px;
    position: relative
}

.logo {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 25px;
}

.logo, .subtitle {
    text-align: center;
    display: block;
}

.subtitle {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.476;
        margin-bottom: 15px;
    margin-top: 20px;
  
   /* left: 80px*/
}

/*.subtitle:after {
    content: "";
    position: absolute;
    width: 63px;
    height: 2px;
    background: #fff;
    left: -80px;
    top: 15px
}*/

.puck {
    position: absolute;
    top: 165px;
    z-index: 3;
    left: -180px
}

.section__nav {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #111
}

.nav ul {
    display: -ms-flexbox;
    display: flex
}

.blog {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.blog__wrap {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    background: #fff
}

.content {
    padding-top: 20px;
    padding-bottom: 50px;
    width:100%;
}

.card {
    border: 1px solid #ebe9e9;
    margin-bottom: 30px
}

.card__img {
    overflow: hidden;
    position: relative
}

.card__img img {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    width: 100%;
}

.card__img:after {
    background-image: url(../images/card-logo.png);
    background-repeat: no-repeat;
    width: 297px;
    height: 47px;
    z-index: 3
}

.card__img:after, .card__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.card__img:before {
    background-image: url(../images/card-after.png);
    background-repeat: no-repeat;
    width: 434px;
    width: 100%;
    height: 65px;
    left: 0;
    z-index: 2
}

.card__info {
    padding: 25px 20px
}

.card-title {
    font-size: 22px;
    line-height: 1.273
}

.card-title a{
    color:black;
    transition: 0.3s;
}

.card-title a:hover{
        color: #4d5fbe;
}

.card__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0
}

.card-date {
    color: #000;
    font-size: 14px;
    font-weight: 300
}

.card-rubric {
    background: #f9c700;
    height: 25px;
    padding: 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 15px
}

.card-rubric a{
    color:black;
}

.card-description {
    line-height: 1.375;
    font-size: 16px;
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 20px;
    margin-bottom: 15px
}

.card-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 300;
    width: 178px;
    height: 41px;
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    margin: auto 0 auto auto;
    cursor: pointer;
    transition: .3s
}

.card-btn:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3)
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pagination a, .pagination span {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination a, .pagination span{
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    color: #000
}

.pagination a:hover, .pagination .current {
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    color: #fff
}

.pagination .prev {
    min-width: 112px;
    height: 40px;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    margin-right: 20px;
    background-image: -moz-linear-gradient( 90deg, #e5b31e 0%, #f0d34d 100%);
    background-image: -webkit-linear-gradient( 90deg, #e5b31e 0%, #f0d34d 100%);
    background-image: -ms-linear-gradient( 90deg, #e5b31e 0%, #f0d34d 100%);
    transition: .3s
}

.pagination .prev:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3)
}

.pagination .next {
    min-width: 112px;
    height: 40px;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    background-image: -moz-linear-gradient( 90deg, #e5b31e 0%, #f0d34d 100%);
    background-image: -webkit-linear-gradient( 90deg, #e5b31e 0%, #f0d34d 100%);
    background-image: -ms-linear-gradient( 90deg, #e5b31e 0%, #f0d34d 100%);
    margin-left: 20px;
    transition: .3s
}

.pagination .next:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3)
}

.sidebar {
    min-width: 335px;
    background: #f4f6fd;
    min-height: 500px;
    margin-left: 15px;
    padding: 20px 15px
}

.sidebar-title {
    width: 100%;
    height: 50px;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: -1px
}

.sidebar__item {
    margin-top: 25px
}

.sidebar__banner {
    height: 470px;
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 10px
}

.sidebar__banner-box {
    background: #fff;
    width: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #666
}

.sidebar__rubric {
    background: #f5f5f5;
    border: 1px solid #fff
}

.sidebar__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px
}

.sidebar__social-title {
    text-align: right;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    position: relative
}

.sidebar__social-title:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 1px;
    background-color: #ecc612;
    top: 7px;
    left: 0
}

.sidebar__social-link {
    width: 36px;
    height: 36px;
    border: 1px solid #bfc8f3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    margin-left: 10px;
    transition: .2s
}

.sidebar__social-link:hover {
    background: #bfc8f3
}

.search__box {
    background: #e8edfd;
    padding: 15px
}

.search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.searchTerm {
    height: 40px;
    width: 100%;
    font-size: 15px;
    padding-left: 20px;
    /*font-family: "MuseoSansCyrl";*/
    color: #111
}

.searchButton {
    min-width: 40px;
    height: 40px;
    background-color: #ecc612;
    cursor: pointer;
    transition: .3s
}

.searchButton:hover {
    background: #cfad0f
}

.popular__articles {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 10px 15px 25px
}

.popular__articles_item {
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 0 10px
}

.popular__articles_item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.popular__articles_item-img {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.popular__articles_item-img img {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*max-width: 300px;*/
    width: 100%;
}

.popular__articles_item-link {
    line-height: 1.467;
    font-size: 15px;
    color: #000;
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    transition: .2s
}

.popular__articles_item-link:hover {
    color: #4d5fbe
}

.nav__rubric li:last-child a {
    border-bottom: none
}

.nav__rubric li a {
    height: 41px;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    position: relative
}

.nav__rubric li a:hover {
    background: #ecc612
}

.nav__rubric li a:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #7b7b7b;
    left: 10px;
}

.submenu li a {
    padding-left: 60px
}

.menu {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.menu__wrap {
    background-image: -moz-linear-gradient( 90deg, rgba(47,55,74,.9) 0%, rgba(166,171,182,.9) 200%);
    background-image: -webkit-linear-gradient( 90deg, rgba(47,55,74,.9) 0%, rgba(166,171,182,.9) 200%);
    background-image: -ms-linear-gradient( 90deg, rgba(47,55,74,.9) 0%, rgba(166,171,182,.9) 200%);
    border-top: 1px solid #3c495c
}

.menu .menu, .menu__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.menu .menu a {
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 15px 25px;
    font-weight: 300;
    position: relative;
    transition: .2s;
    border-right: 1px solid #2b3344
}

.menu .menu a:hover, .menu .menu .current-menu-item a {
    background: hsla(0, 0%, 100%, .23)
}

.menu__down {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 55px
}

.menu__down_wrap {
    background-color: #5765a8;
    height: 40px;
    display: -ms-flexbox;
    display: flex
}

.menu__down .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.menu__down .menu a {
    font-size: 16px;
    color: #fff;
    display: block;
    margin: 0 25px;
    font-weight: 300;
    position: relative;
    transition: .2s
}

.menu__down .menu a:hover {
    color: #ecc62e
}

.menu__down .menu a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background: #fff;
    right: -25px;
    top: 4px
}

.menu__second {
    width: 100%;
    height: auto;
    position: relative
}

.menu__second:after {
    content: "";
    position: absolute;
    background-image: url(../images/menu-second.png);
    width: 1010px;
    height: 55px;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.menu__second .menu, .menu__second__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fff
}

.menu__second .menu a {
    font-size: 16px;
    color: #000;
    display: block;
    padding: 13px 25px 9px;
    transition: .2s;
    border-bottom: 4px solid transparent;
    z-index: 3;
    position: relative
}

.menu__second .menu a:last-child:after {
    display: none
}

.menu__second .menu a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background: #fff;
    right: 0;
    margin-right: 0;
    top: 50%;
    margin-top: -5px
}

.menu__second .menu a:hover, .menu__second .menu .current-menu-item a, .menu__second .menu .current-menu-parent a {
    background: hsla(0, 0%, 100%, .23);
    box-shadow: 0 0 6px 0 rgba(66, 77, 103, .4);
    border-bottom: 4px solid #5f74b6
}

.line {
    width: 100%;
    height: auto;
    position: relative
}

.line__wrap {
    background: #fff;
    width: 100%;
    height: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.line__wrap span {
    background: #6d8189;
    width: 100%;
    height: 1px
}

.footer {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #131625;
    padding: 45px 0 55px
}

.footer-logo {
    max-width: 260px
}

.footer__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: center
}

.footer-text {
    font-size: 15px;
    color: #fff
}

.footer-link, .footer-text {
    display: block;
    margin-bottom: 10px;
    font-weight: 300
}

.footer-link {
    color: #ecc62e;
    text-decoration: underline;
    transition: .2s
}

.footer-link:hover {
    color: #fff
}

.footer__social, .footer__social-link {
    display: -ms-flexbox;
    display: flex
}

.footer__social-link {
    width: 36px;
    height: 36px;
    border: 1px solid #bfc8f3;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    margin-right: 10px;
    transition: .2s
}

.footer__social-link:hover {
    background: #bfc8f3
}

.mobile__head {
    width: 100%;
    height: auto;
    position: relative;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    padding: 10px 0;
    display: none
}

.mobile__head_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile__head .search__box {
    padding: 0;
    width: 100%
}

.mobile__menu {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    display: none
}

.mobile__menu_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.mobile__menu_list a {
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #4f67a9;
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile__menu_list a:last-child {
    border-bottom: none
}

.modal {
    width: 100%;
    max-width: 430px;
    height: auto;
    background-color: transparent;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
    display: none;
    background: #fff;
    padding: 55px 40px 40px
}

.modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    opacity: 1;
    z-index: 5;
    border: 1px solid #ebeaea;
    width: 30px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .3s;
}

.modal-close:hover{
    border: 1px solid #000;
}

.modal-close:hover .modal-close__first,
.modal-close:hover .modal-close__two{
    background: #000;
}

.modal-close__first {
    transform: rotate(45deg)
}

.modal-close__first, .modal-close__two {
    position: absolute;
    background-color: #ebeaea;
    width: 22px;
    height: 2px;
    top: 13px;
    transition: .3s;
    left: 3px
}

.modal-close__two {
    transform: rotate(135deg)
}

.overlay {
    background-color: rgba(0, 0, 0, .9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 6;
    display: none;
    cursor: pointer
}

.modal-title {
    display: block;
    text-align: center;
    font-size: 29px;
    font-weight: 500
}

.modal__form {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px
}

.modal__form, .modal__form_wrap {
    display: -ms-flexbox;
    display: flex
}

.modal__form_wrap {
    margin-bottom: 10px;
    position: relative;
    z-index: 2
}

.modal__form input {
    border: 1px solid #ebeaea;
    height: 36px;
    width: 100%;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    font-weight: 300;
    font-family: "MuseoSansCyrl";
    margin-right: 10px
}

.modal__form input:last-child {
    margin-right: 0
}

.modal__form textarea {
    border: 1px solid #ebeaea;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    padding-top: 10px;
    font-weight: 300
}

.modal__form .submit {
    width: 100%;
    max-width: 254px;
    height: 41px;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    color: #fff;
    border-radius: 4px;
    font-weight: 300;
    transition: .3s;
    margin: 0 auto;
    margin-top: 25px;
    cursor: pointer;
}

.modal__form .submit:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3)
}

.modal-1 {
    position: absolute;
    left: -180px;
    top: -100px;
    z-index: 1
}

.modal-2 {
    position: absolute;
    bottom: -80px;
    right: -130px
}

.contacts {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.contacts-title {
    font-size: 20px;
    margin-bottom: 30px;
    display: block;
    color: #000
}

.contacts__wrap {
    border: 1px solid #ebeaea;
    padding: 20px 10px
}

@media screen and (max-width: 680px) {
    .contacts__wrap {
        padding: 20px 10px
    }
}

.contacts__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    color: #7b9700;
    font-size: 24px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

@media screen and (max-width: 767px) {
    .contacts__top {
        font-size: 18px
    }
}

.contacts-text {
    display: block;
    margin-bottom: 30px;
    color: #737373
}

.contacts__comments_top {
    background-image: none;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px
}

.order_comments {
    margin-top: 25px
}

.form {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.form, .form__wrap, .form__wrapper {
    display: -ms-flexbox;
    display: flex
}

.form__wrapper {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.form input {
    font-family: MuseoSansCyrl;
    font-weight: 300;
    border: 1px solid #ebeaea;
    display: block;
    background-color: #fff;
    width: 100%;
    max-width: 207px;
    height: 37px;
    font-size: 16px;
    color: #000;
    padding-left: 15px;
    margin-bottom: 20px;
    margin-right: 20px
}

.form input:last-child {
    margin-right: 0
}

.form .textarea {
    font-family: MuseoSansCyrl;
    font-weight: 300;
    border: 1px solid #ebeaea;
    display: block;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    padding-left: 15px;
    padding-top: 15px;
    width: 100%;
    min-height: 85px
}

.form .submit {
    width: 254px;
    height: 41px;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    transition: .3s;
    cursor: pointer
}

.form .submit:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3)
}

.politic {
    margin-top: 20px
}

.politic span {
    color: #737373;
    font-size: 14px;
    display: block
}

.politic a {
    font-size: 14px;
    color: #b1c64a;
    border-bottom: 1px solid #b1c64a;
    display: inline-block;
    margin-top: 3px
}

.articles__top-title {
    font-size: 24px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 25px;
    display: block
}

.articles__top .articles__rubric {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.articles__top .articles__rubric-icon {
    margin: 0
}

.articles__top .articles__rubric-icon img {
    width: auto
}

.articles__top .articles__rubric-title {
    margin-bottom: 0
}

.articles__top .articles__bottom {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

@media screen and (max-width: 680px) {
    .articles__top .articles__bottom {
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 15px
    }
}

.articles__top_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -17px
}

@media screen and (max-width: 680px) {
    .articles__top_row {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.articles__box_content {
    border: 1px solid #83a400;
    border-radius: 20px;
    padding: 12px 20px 20px;
    margin: 20px 0 30px
}

.articles__box_content-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    display: block
}

.articles__box_content-list {
    margin-left: 20px
}

.articles__box_content-list li {
    position: relative
}

.articles__box_content-list li:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #85a800;
    left: -17px;
    top: 50%;
    margin-top: -1px;
    border-radius: 100%
}

.articles__box_content-list li a {
    font-size: 16px;
    color: #79655d;
    margin-bottom: 10px;
    display: block;
    cursor: pointer
}

.articles__box_content-list li a:hover {
    text-decoration: underline
}

.text_block  blockquote{
    background-color: #4e62a6;
    padding: 15px 15px 20px 20px;
    margin: 30px 0;
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    font-weight: 300;
    position: relative;
    border-left: 4px solid #ecc612
}
.text_block  blockquote p{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    font-weight: 300;
}

.articles__info .card {
    border: none
}

.articles__info .card .card-title {
    margin-top: 0
}

.articles__info .card__row {
    margin-bottom: 0
}

.articles__info .card__info {
    padding: 0;
    padding-top: 20px
}

.articles__info p {
    line-height: 1.5;
    color: #4b4b4b;
    font-size: 16px;
    margin: 8px 0
}

.articles__info p a {
    color: #4d5fbe;
    transition: .3s
}

.articles__info p a:hover {
    text-decoration: underline
}

.articles__info h2 {
    margin: 20px 0;
    font-size: 20px;
    color: #000;
    line-height: 1.2;
    font-weight: 700
}

.articles__info h3 {
    line-height: 1.2;
    font-size: 20px;
    color: #5a2c1c;
    margin: 12px 0
}

.articles__info h4 {
    line-height: 1.2;
    font-size: 18px;
    color: #000
}

.articles__info img {
    max-width: 100%;
    /*border-radius: 20px*/
}

.text_block ul {
    margin: 20px 0
}

.text_block ul li {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5;
    color: #4b4b4b;
    font-size: 16px;
}

.text_block ul li:before {
    content:"";
    display: block;
    min-width: 10px;
    min-height: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ecc612;
    margin: 5px 15px 0 0;
    border-radius: 100%
}

.text_block ul li p {
    margin: 0
}

.text_block ol{
    margin: 20px 0
}

.text_block ol li {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
        counter-increment: step-counter;
            line-height: 1.5;
    color: #4b4b4b;
    font-size: 16px;
}

.text_block ol li:before {
    content: counter(step-counter); 
    display: block;
    min-width: 23px;
    min-height: 23px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #4e62a6;
    margin: 5px 15px 0 0;
    font-size: 15px;
    color: #fff;
    font-weight: 300
}

.text_block ol li p {
    margin: 0
}

.article__table {
    background: #e5e5e5;
    margin-top: 25px
}

.article__table_row {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 4px solid #fff
}

.article__table_row:first-child .article__table_item {
    background: #4e62a6
}

.article__table_row:nth-child(2n) .article__table_item {
    background: #f2f2f2
}

.article__table_item {
    width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 1.2;
    height: 40px;
    border-left: 4px solid #fff
}

.article__table_item:first-child {
    width: 15%
}

.share {
    margin-top: 15px
}

.share-title {
    font-size: 20px;
    display: block;
    font-weight: 500;
    color: #2a2c2b;
    margin-bottom: 15px
}

.share__box {
    width: 100%;
    margin-bottom:20px;
}

.similar__articles {
    margin-top: 30px
}

.similar__articles-title {
    color: #000;
    font-size: 20px;
    display: block;
    margin-bottom: 15px
}

.similar__articles_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -10px
}

@media screen and (max-width: 680px) {
    .similar__articles_wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.similar__articles_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    width: 32%;
    max-width:182px;
}

@media screen and (max-width: 680px) {
    .similar__articles_item {
        margin-right: 0;
        margin-bottom: 20px;
        width:100%;
        max-width:100%;
    }
}

.similar__articles_item-img {
    width: 100%;
    /*height: 110px;*/
    overflow: hidden;
    position: relative;
    transition: .3s
}

.similar__articles_item-img img {
   /* position: absolute;
    left: 50%;
    top: 50%;
    max-width: 220px;
    transform: translate(-50%, -50%);
    transition: .3s*/
}

.similar__articles_item-title {
    display: block;
    margin-top: 12px;
    font-size: 16px;
    width: 100%;
    max-width: 182px;
    color: #000;
    font-weight: 500;
    transition: .3s
}

.similar__articles_item-link {
    width: 100%;
    height: 41px;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    transition: .3s;
    cursor: pointer;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300
}

.similar__articles_item-link:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .3)
}

.similar__articles_row {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0
}

.similar__articles_row, .similar__articles_row-circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.similar__articles_row-circle span {
    display: block;
    width: 4px;
    height: 4px;
    background: #8fb000;
    border-radius: 100%;
    margin: 0 4px
}

.similar__articles_row-line {
    height: 1px;
    width: 310px;
    background: #8fb000;
    display: block;
    margin: 0 10px
}

.email__box {
    background-image: url(../images/bg/bg_email.png);
    width: 604px;
    height: 230px;
    position: relative
}

@media screen and (max-width: 1200px) {
    .email__box {
        display: none
    }
}

.email__box .form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 4
}

.email__box .form input {
    width: 241px;
    height: 44px;
    margin: 0;
    font-family: "MuseoSansCyrl";
    margin-right: 20px
}

.email__box .form .submit {
    width: 241px;
    height: 44px;
    margin: 0
}

.post_comments {
    margin-top: 40px
}

.post_comments-title {
    font-size: 20px;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.comment {
    padding: 10px
}

@media screen and (max-width: 680px) {
    .comment {
        padding: 0
    }
}

.comment-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
    border: 1px solid #ebeaea;
    padding: 12px
}

.reply-mobile{
    display: none;
}




.comment .avatar {
    min-width: 75px;
    height: 85px;
    background-color: #f6ebd7;
    position: relative;
    overflow: hidden
}

.comment .avatar img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100px
}

.comment .children {
    margin-left: 30px
}

.comment .children .comment-body {
    background: #f0f2ff;
    border: none
}

.comment .reply {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: auto 0 auto auto
}

.comment .reply a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #5361a5;
    transition: .3s;
    text-decoration: underline
}

.comment .reply a:hover {
    color: #000
}

.comment .text {
    color: #737373;
    font-size: 14px;
    line-height: 1.286
}

.comment .info {
    margin-left: 12px
}

@media screen and (max-width: 680px) {
    /*.comment .info {*/
        /*margin-left: 0;*/
        /*margin-top: 10px*/
    /*}*/
}

.comment .info_top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.comment .info_top .author {
    font-size: 14px;
    color: #000;
    margin-right: 18px;
    position: relative
}

.comment .info_top .author:after {
    content: "";
    position: absolute;
    height: 13px;
    width: 1px;
    background: #000;
    right: -9px;
    top: 2px
}

.comment .info_top .date {
    font-size: 14px;
    color: #000;
    display: block;
    margin-top: 3px
}

.contacts_comment {
    margin-top: 30px
}

.contacts__comments_top {
    background: none;
    font-size: 18px;
    color: #7b9700;
    font-weight: 700
}

.subscribe-to-comments {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.subscribe-to-comments input {
    margin: 0;
    width: 12px !important;
    height: 12px !important;
    font-family: "MuseoSansCyrl";
    margin-right: 10px
}

@media screen and (max-width: 1100px) {
 

    .logo {
        max-width: 440px
    }

    .menu__second:after, .puck {
        display: none
    }

    .menu__second .menu {
        background: #f7c608
    }

    .scroll_top {
        display: none !important
    }
}

@media screen and (max-width: 991px) {
    .footer__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .visitor {
        margin-top: 15px
    }

    .blog__wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sidebar {
        -ms-flex-order: -1;
        order: -1;
        margin-left: 0;
        padding: 0;
        min-height: auto;
        margin-bottom: 25px
    }

    .menu, .menu__down, .menu__second {
        display: none
    }

    body {
        background-image: none
    }

    .line, .mobile_dn, .sidebar__social {
        display: none
    }

    .content {
        padding-top: 0
    }

    .sidebar__rubric {
        display: none
    }

    .sidebar__item {
        margin-top: 0
    }

    .bg-head {
        display: none
    }

    .promo {
        background-image: url(../images/mm.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 25px
    }

    .logo {
        width: 100%;
    }

    .logo, .subtitle {
        position: relative
    }

    .subtitle {
	    top: 0;
	    left: 0;
	    margin-top: 10px;
	    display: block;
	    font-size: 16px;
	    margin-bottom: 80px;
    }

    .subtitle:after {
        display: none
    }

    .sidebar-title_rubric {
        border-radius: 4px
    }

    .mobile__head {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .footer__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .comment .reply a{
        display: none;
    }

    .comment .reply-mobile a{
        display: block !important;
        margin-top: 10px;
    }

    .form__wrap {
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .form__wrap, .form__wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form__wrapper {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .form input {
        width: 100%;
        max-width: 100%;
        margin-right: 0
    }

    .form .submit {
        margin-top: 20px
    }

    .footer__social {
        margin-top: 10px
    }

    .footer-logo {
        margin-bottom: 20px
    }

    .visitor {
        margin-top: 20px
    }

    .sidebar {
        min-width: 280px
    }

    .blog__wrap {
        padding: 0
    }

    .card__img {
        height: 220px
    }

    .modal {
        padding: 55px 15px 30px;
        width: 90%
    }

    .modal-2 {
        position: absolute;
        bottom: -110px;
        right: -80px;
        max-width: 140px
    }

    .modal__form_wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal__form input {
        margin-bottom: 10px
    }

    .modal__form input:last-child {
        margin-bottom: 0
    }

    .comment .children{
        margin-left: 10px;
    }

    .subscribe-to-comments input{
        margin-right: 10px;
    }

    .form .submit{
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .card__img img {
        max-width: 400px
    }

    .similar__articles_item-title{
        max-width: 320px;
    }

    .similar__articles_item-img img{
        max-width: 100%;
        width: 100%;
    }

    .similar__articles_item-img{
        /*height: 180px;*/
    }

    .similar__articles_wrap{
        margin-right: 0;
    }

    .card-btn {
        width: 100%;
        height: 50px;
        font-size: 16px
    }

    .card-title {
        font-size: 18px
    }

    .paginator_prev-icon, .paginator_prev-text {
        display: none
    }

    .paginator_prev {
        min-width: 40px
    }

    .paginator_prev:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(-135deg);
        margin-left: 2px
    }

    .paginator_next {
        min-width: 40px
    }

    .paginator_next:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        margin-left: -2px
    }
}

@media screen and (max-width: 374px) {
    .card__img:after, .card__img:before {
        display: none
    }
}




.breadcrumbs{
    margin-bottom:20px;
}

.breadcrumbs a{
    color:black;
    transition:0.3s;
}

.breadcrumbs a:hover{
    color:#4d5fbe;
}

.tablepress .post-ratings img, .share__box .post-ratings img{
    width:18px;
    display: inline;
}

.tablepress img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: none;
       margin: 0 auto !important;
    display: block;
    width: auto;
}


.tablepress tfoot th, .tablepress thead th{
        background: #4e62a6 !important;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    height: 40px;
}


.knopka{
    color: #fff;
    background: #FFA500;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid #FF8247;
    transition:0.3s;
}

.knopka:hover{
    cursor: pointer;
    background:#FF8247;
}

#toc_container.no_bullets li:before{
    display:none !important;
}

#toc_container a{
    color:#4d5fbe;
}

 .desc iframe,  .desc img{max-width:100%;height: auto;}

 .desc .aligncenter, .desc div.aligncenter{display:block;margin:5px auto;}
 .desc .alignright{float:right;margin:5px 0 20px 20px;}
 .desc .alignleft{float:left;margin:5px 20px 20px 0;}
 .desc a img.alignright{float:right;margin:5px 0 20px 20px;}
 .desc a img.alignnone{margin:5px 20px 20px 0;}
 .desc a img.alignleft{float:left;margin:5px 20px 20px 0;}
 .desc a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
 .desc .wp-caption{background:#fff none repeat scroll 0 0;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
 .desc .wp-caption.alignnone{margin:5px 20px 20px 0;}
 .desc .wp-caption.alignleft{margin:5px 20px 20px 0;}
 .desc .wp-caption.alignright{margin:5px 0 20px 20px;}
 .desc .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
 .desc .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
 .title_cat {
    margin-bottom: 20px;
 }


 .sidebar__table table{
    margin-top: 20px !important;
 }

 .sidebar__table td, .sidebar__table th{
    padding:8px 3px !important;
    text-align:center !important;
vertical-align: middle !important;

 }

  .sidebar__table img{
max-width: 90px !important;
    height: auto;
    margin: 0px !important;
  }


  .notCorrect{
  	border:1px solid red !important;
  }


  .clipboard {
  margin-bottom: 1.6em;
}

.clipboard-block {
	display: inline-flex;
    align-items: center;
    border: 2px dashed #7b7b7b;
    padding-left: 25px;
}

.clipboard-text {
  color: #010101;
  font-weight: bold;
  font-size: 1.5rem;
  margin-right: 1rem;
}

.clipboard-btn .btn{  
    cursor:pointer;
    width:158px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.clipboard-btn .btn-red {
color: #fff;
    width: auto;
    background-color: #f6151d;
    border-color: #f6151d;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-border-radius: 0;
    border-radius: 0;
    /* -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; */
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; */
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; */
    border-radius: 5px;
    padding: 18px 35px;
    padding-left: 55px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 20px;
    color: #fff;
    background-color: #9b59b6;
    box-shadow: 0px 6px 16px 0px #2f0087;
    background: rgb(193,101,221);
    background: linear-gradient(180deg, rgba(193,101,221,1) 0%, rgba(92,39,254,1) 100%);
    border-bottom: 3px solid #150091;
    transition: 0.3s;
    position: relative;
}
.clipboard-btn .btn-red:before{
background: url(https://promokod-bkbonus.ru/wp-content/uploads/2020/05/ruka.png);
    content: "";
    position: absolute;
    top: 12px;
    left: -19px;
    display: block;
    width: 66px;
    height: 69px;
}
.clipboard-btn .btn-red:hover {
    background: linear-gradient(180deg, rgb(155, 81, 177) 0%, rgb(66, 7, 247) 100%);
}

.btn-red:hover {
    background-color: #48E68B;
}
.clipboard-btn .btn-red:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    box-shadow: 0px 1px 0px 0px;
}
.clipboard-btn .btn-success:before{
background: url(https://promokod-bkbonus.ru/wp-content/uploads/2020/05/ruka.png);
    content: "";
    position: absolute;
    top: 12px;
    left: -19px;
    display: block;
    width: 66px;
    height: 69px;
}


.clipboard-btn .btn-success {
color: #fff;
    width: auto;
    background-color: #f6151d;
    border-color: #f6151d;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-border-radius: 0;
    border-radius: 0;
    /* -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; */
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; */
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; */
    border-radius: 5px;
        padding: 18px 18px;
    padding-left: 55px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 20px;
    color: #fff;
    background-color: #9b59b6;
    box-shadow: 0px 6px 16px 0px #15ec1447;
    background: rgb(193,101,221);
    background: linear-gradient(180deg, rgb(101, 221, 123) 0%, rgb(18, 187, 102) 100%);
    border-bottom: 3px solid #3b8e4d;
    transition: 0.3s;
    position: relative;
}

.clipboard-btn .btn-success:hover {
    background-color: #48E68B;
}




.bonus{
margin-bottom:30px;
}
.bonus img{
    text-align: center;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.bonus_flex{
    display: flex;
        justify-content: center;
}

.bonus_item {
    margin: 0 20px;
}
.bonus_name{
    border: 1px solid transparent;
    border-style: dashed;
    color: #212529;
    background-color: #fffb8c;
    border-color: #bdb94e;
        padding: 10px 20px;
    min-width: 300px;
        text-align: center;
}

.bonus_sum{
    white-space: nowrap;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
    text-align: center;
}

.bonus_buton{
    color: #fff;
    background-color: #f6151d;
    border-color: #f6151d;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
        padding: 10px 20px;
        min-width: 300px;
            text-align: center;
            cursor:pointer;
}

.bonus_date{
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
    text-align: center;
}
.bonus_flex .icon{
    display: inline-block;
    margin-left: .75rem;
    margin-bottom: .125rem;
    vertical-align: middle;
}
.bonus_flex .icon svg{
    display: block;
    fill: #fff;
    width: 1em;
    height: 1em;
}

.bonus_sum .icon svg {
    display: block;
    fill: #b7070d;
    width: 1em;
    height: 1em;
}
.bonus_sum .icon{
    margin-bottom: 7px;
}

.btn-success{
    border-color: #28a745;
    background-color: #d8f6df;
    color: #145523;
}

@media (max-width: 413px)
{
.bonus_flex{
        flex-direction: column;
}
.bonus_name,.bonus_buton{
    min-width: 100%;
}
.bonus_item {
    display: flex;
    flex-direction: column;
}
.bonus_name{
    order:2;
}
.bonus_sum{
    margin-bottom: 10px;
}
	
	.clipboard-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
	padding-left: 0px;
    padding-top: 10px;
}

}



.text_block a.open_link{
    color: #fff;
    background-color: #f6151d;
    border-color: #f6151d;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    user-select: none;
    border: 1px solid transparent;
       padding: .75rem .75rem;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.5;
}


.text_block a.open_link:hover{
    color: #fff;
    background-color: #dc0810;
    border-color: #d0080f;
}
.text_block a.open_link.pulse
{

}

.text_block a.pulse::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: .75rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z' fill='%23fff' /%3E%3C/svg%3E") center no-repeat;
    background-size: 90%;
}

.text_block a.pulse::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    -o-transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s;
    -webkit-animation: pulse-animation 1s ease-out infinite;
    animation: pulse-animation 1s ease-out infinite;
    
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0;
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}


.faq{

}

.faq .faq_title{
        margin: 20px 0;
    font-size: 20px;
    color: #000;
    line-height: 1.2;
    font-weight: 700;
}

.faq .faq_list{
    
}

.faq .faq_item{
    border: 1px solid #e9eaec;
    border-radius: 3px;
    margin-bottom: 20px;
}

.faq .faq_item_title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #999;
    padding: 15px;
    color: #fff;
        display: flex;
    justify-content: space-between;
}

.faq .faq_item_title span{
float: right;
    color: black;
    font-size: 14px;
    cursor: pointer;
    margin-left: 15px;
}

.faq .faq_item_answer{
        padding: 15px;
    padding-top: 0px;
    font-size: 15px;
    line-height: 18px;
}

.faq .faq_item_title .faq_item_title_name{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

		.knopka_effect
		{
			cursor:pointer;
		    font-size: 1rem;
		    font-weight: 400;
		    line-height: 1.5;

		    display: inline-block;

		    padding: .375rem .75rem;

		    -webkit-user-select: none;
		       -moz-user-select: none;
		        -ms-user-select: none;
		            user-select: none;
		    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		    text-align: center;
		    vertical-align: middle;
		    white-space: nowrap;

		    border: 1px solid transparent;
		    border-radius: .25rem;
		}
		.knopka_effect:focus,
		.knopka_effect:hover
		{
		    text-decoration: none;
		}
		.knopka_effect:focus
		{
		    outline: 0;
		    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
		}
		.knopka_effect:disabled
		{
		    opacity: .65;
		}
		.knopka_effect
		{
		    color: #212529;

		    border-color: #ffc107;
		    background-color: #ffc107;
		}
		.knopka_effect:hover
		{
		    color: #212529;

		    border-color: #d39e00;
		    background-color: #e0a800;
		}
		.knopka_effect:focus
		{
		    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
		}
		.knopka_effect:disabled
		{
		    color: #212529;

		    border-color: #ffc107;
		    background-color: #ffc107;
		}




		.knopka_effect
		{
		    font-size: 13px;
		    font-weight: bold;

		    padding: 13px 28px;

		    letter-spacing: 1px;
		    text-transform: uppercase;

		    border-radius: 2px;
		    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .2);
		    text-shadow: 1px 1px 1px rgba(0, 0, 0, .14);
		}
		.knopka_effect
		{
		    padding: 18px 49px;
		}
		.knopka_effect
		{
		    color: #fff!important;

		    -webkit-animation: AnimationName 3s ease infinite;
		    -webkit-animation: AnimationName 3s ease infinite;
		       -moz-animation: AnimationName 3s ease infinite;
		       -moz-animation: AnimationName 3s ease infinite;
		            animation: AnimationName 3s ease infinite;
		            animation: AnimationName 3s ease infinite;

		    border: medium none;
		    background: #e5ae09;
		    background:    -moz-linear-gradient(-45deg, #e5ae09 0%, #ffd044 50%, #ffc107 51%, #fc9014 71%, #f1890b 100%);
		    background: -webkit-linear-gradient(-45deg, #e5ae09 0%,#ffd044 50%,#ffc107 51%,#fc9014 71%,#f1890b 100%);
		    background:         linear-gradient(135deg, #e5ae09 0%,#ffd044 50%,#ffc107 51%,#fc9014 71%,#f1890b 100%);
		    background-size: 400% 400%;

		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ae09', endColorstr='#f1890b',GradientType=1 );
		}



		@-webkit-keyframes AnimationName
		{
		    0%
		    {
		        background-position: 0 31%;
		    }50%
		    {
		        background-position: 100% 70%;
		    }100%
		    {
		        background-position: 0 31%;
		    }
		}
		@-moz-keyframes AnimationName
		{
		    0%
		    {
		        background-position: 0 31%;
		    }50%
		    {
		        background-position: 100% 70%;
		    }100%
		    {
		        background-position: 0 31%;
		    }
		}
		@keyframes AnimationName
		{
		    0%
		    {
		        background-position: 0 31%;
		    }50%
		    {
		        background-position: 100% 70%;
		    }100%
		    {
		        background-position: 0 31%;
		    }
		}

.sidebar__table .knopka{
    background: linear-gradient(180deg, rgba(255,166,82,1) 0%, rgba(255,110,30,1) 100%);
    text-indent: -10000px;
    width: 60px;
    height: 50px;
    border-radius: 0;
    border: none;

}

.sidebar__table .knopka:after{
    content: "";
    display: block;
    background-image: url(../images/next.svg);
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    top: -7px;
    left: 14px;
}

.footer__wrap .subscribe{
	margin-top: 15px;
}
.footer__wrap .subscribe .subscribe_title{
	font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}
.footer__wrap .subscribe form{
    display: flex;
}

.footer__wrap .subscribe form input{
    text-transform: uppercase;
    border: 1px solid #616682;
    background: transparent;
    border-radius: 5px;
    height: 40px;
    width: 230px;
    margin-top: 5px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
}

.footer__wrap .subscribe form input::placeholder {
   	color:#fff;
   	opacity: 0.5;
}
.footer__wrap .subscribe form button{
    width: 150px;
    background: linear-gradient(180deg, rgba(255,166,82,1) 0%, rgba(255,110,30,1) 100%);
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    height: 40px;
    margin-top: 5px;
    margin-left: 10px;
}


@media screen and (max-width: 767px) and (min-width: 320px)
{
	.footer__wrap .subscribe form{
		flex-direction: column;
	}

	.footer__wrap .subscribe form button{
		margin-left:0px;
	}
}

.bonus_items{
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.bonus_items .item_bonus{
    width: 30%;
    border: 1px solid #f2f2f2;
    text-align: center;
    padding-top: 10px;
        margin-bottom: 30px;
}


.bonus_items .item_bonus .title_item_bonus{
	font-size: 16px;
    max-width: 90%;
    font-weight: bold;
    line-height: 20px;
    margin: 10px auto 20px;
}


.bonus_items .item_bonus .bonus_item_bonus{
	color: #3c54a1;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}


.bonus_items .item_bonus .bonus_item_bonus span{
	    margin: 10px 0;
    display: block;
    font-size: 24px;
}


.bonus_items .item_bonus a{
	background: linear-gradient(180deg, rgba(255,166,82,1) 0%, rgba(255,110,30,1) 100%);
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    height: 40px;
    margin-top: 15px;
    display: block;
    width: 100%;
    line-height: 40px;
}

.bonus_items .item_bonus img{
	max-width: 90%;
	height: 43px;
}

@media screen and (max-width: 767px) and (min-width: 320px){
	.bonus_items .item_bonus{
		width: 100%;
	}
}
.slick-slide a{
	display: block;
}
/*.slick-slide img{
	max-width: 120px;
	    margin-top: 80px;
}*/

.slick-slide img{
	max-width: 196px;
}

.slick-initialized .slick-slide:focus{
	border:none;
}

.slick-dots li{
	width: 3px !important;
}

.slick-dots li button:before{
	font-size: 8px !important;
	color:#0050ca !important;
}

.slick-dots li.slick-active button:before{
	font-size: 12px !important;
}

@media screen and (max-width: 767px) and (min-width: 320px){
	.slick-slide img{
		max-width: 100%;
	}
}
.footer__wrap .subscribe .result{
    font-size: 12px;
    color: #fff;
    display: none;
    text-transform: uppercase;
    margin-top: 15px;
}

.sidebar__rubric2222{
    display: none;
}
@media screen and (max-width: 767px) {
    .sidebar__rubric2222{
        display: block;
    }
}

.bonus_mobile{
    display: none;
}
@media screen and (max-width: 767px) {
    .bonus_mobile{
        display: block;
        margin-top:15px;
    }

}

.bonus_mobile .title_bonus_mobil{
    width: 100%;
    height: 50px;
    background-image: -moz-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -webkit-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    background-image: -ms-linear-gradient( 90deg, #32458f 0%, #677bba 100%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: -1px;
}

.bm_item{
background: #efefef;
    margin-top: 10px;
    box-shadow: 0 0 2px #dadada;
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: space-between;

}


.bm_price{
    font-size: 18px;
    font-weight: bold;
}

.bm_item img{
width: 100px;
}

.bm_item a{
background: linear-gradient(180deg, rgba(255,166,82,1) 0%, rgba(255,110,30,1) 100%);
    text-indent: -10000px;
    width: 60px;
    height: 50px;
    border-radius: 0;
    border: none;
    position: relative;
}

.bm_item a:after {
    content: "";
    display: block;
    background-image: url(../images/next.svg);
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 15px;
    left: 20px;
}

.bm_item.bm_item2 a:after
{
    display: none;
}

.bm_item.bm_item2 a{
    width: auto;
    text-indent: inherit;
    line-height: 50px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.bm_item.bm_item2 img{
    margin-left:10px;
}