body, p {
    position: relative;
    font-size: 16px;
    line-height: 1.6;
}

/*
.cards a {
    color: #5aaaf5;
}
*/

.cards .novosti_vse_18 * {
    color: #fff;
}

.cards .novosti_vse_list a span {
    color: #708592;
}

.logo_wr_box,
.menu_top_box {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#menu_wr-1 .novosti_vse_18.novosti_vse_18_nn {
    max-width: none;
}

.mobile-header-2020 .plate_select_nn {
    display: none;
}

.go-admin-panel {
    right: 1px;
}

/* Begin Кнопка вверх - назад*/
.inTop {
    position: fixed;
    right: 5px;
    bottom: 54px;
    width: 40px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
    z-index: 1199;
}

.inTop:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1199;
}

.inTop p.top,
.inTop p.down {
    color: #fff;
    display: block;
    background-size: contain;
    font-size: 25px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    border-radius: 50%;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    z-index: 200;
}

.inTop p.top {
    background-image: url(/themes/default/front/img/arrow_top1.svg);
}

.inTop p.down {
    background-image: url(/themes/default/front/img/arrow_down1.svg);
}

/*.inTop p.top:hover,
.inTop p.down:hover {
    background-color: rgba(111, 121, 129, 0.5);
}

.inTop p.top i {
    line-height: .7;
}*/

/* End кнопка вверх - назад*/

.cards #menu_wr.fixed, #menu_wr-1.fixed {
    background-color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 30, 47, 0.15);
}

.cards {
    background-color: #e3eaef;
}

.cards.cards-index {
    background-color: #4b9ce2;
    color: #fff;
}

.cards {

}

.cards-index li {
    list-style-type: none;
    margin-bottom: 20px;
}

.cards-index-list li a {
    color: #fff;
    font: 700 26px/1.2 'Raleway';
    margin: 0;
    transition: .2s;
}

.card-header {
    /*background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 50px;
}

.mobile .card-header {
    margin-top: 62px;
}

.card-header .card-header-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-header {
    height: 435px;
    padding-bottom: 60px;
    z-index: 100;
}

.card-header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
}

.card-header h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    text-align: center;
    transition: .2s;
}

.card-title {
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

.card-header .btn-cards-menu {
    display: none
}

.btn-cards-menu i,
.btn-cards-menu .fa-list-ul,
.fa-list-ul {
    opacity: 1;
    margin: 1px 10px 0 0;
}

.card-lid {
    padding: 55px 8%;
    font-size: 15px;
    line-height: 1.5;
}

.card-lid p,
.card-lid li {
    margin-bottom: .5rem
}

.card-lid ul,
.card-lid ol {
    padding-inline-start: 40px;
}

.card-lid ul li {
    list-style-type: disc;
}

.row-cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.row-cards:before {
    display: none;
}

.cards-list,
.card {
    background-color: #fff;
}

.card-container.activate {
    padding-top: 80px;
}

.item_1.no-offset.card-container.activate {
    padding-top: 0;
}

.cards-list-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 81px;
}

.cards-list-sticky,
.card-container {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.cards-list {
    /*max-height: calc(100vh - 145px);*/
    /*position: sticky;
    position: -webkit-sticky;
    top: 81px*/;
    border-top: 4px solid #397bb4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.1);
}

.cards-list .panel-group {
    margin: 0;
    max-height: calc(100vh - 254px);
    overflow-y: auto;
}

.cards-list-item.panel {
    display: block;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e3eaef;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
}

.cards-list .panel-group div:last-child {
    border-bottom: none;
}

.cards-list-item:hover,
.cards-list-item:focus {
    background-color: rgba(227, 234, 239, .65);
}

.cards-list-item.active:hover,
.cards-list-item.active:focus,
.cards-list-item.active {
    background-color: #5aaaf5 !important;
    color: #fff !important;
}

.cards-list-item a {
    color: #131920 !important;
}

.cards-list-item.active a {
    color: #fff !important;
}

.cards-list .panel-group .panel + .panel {
    margin-top: 0;
}

.card-list-item-heading {
    height: auto;
}

.card-list-item-heading a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    transition: 0s;
}

.list-item-logo {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
    object-position: center;
    background-color: #e8e8e8;
}

.list-item-name {
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    color: #5aaaf5
}

.cards-list-item.active .list-item-name,
.cards-list-item.active .list-item-subtext p {
    color: #fff;
}

.list-item-subtext {
    margin-top: 5px;
}

.list-item-subtext p {
    font: 400 14px/1.5 'Roboto';
    margin: 0;
}

.list-item-subtext:empty {
    display: none;
}

.cards-list-item-extend div {
    padding: 0 20px 20px 80px;
}

.cards-list-item-extend ul {
    text-align: left;
    line-height: 1.6;
    font-weight: 300;
}

.cards-list-item-extend ul > li {
    list-style-type: none;
    position: relative;
    /*text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.41);*/
    cursor: pointer;
    padding-left: 16px;
    line-height: 1.3;
    margin-bottom: 5px;
    transition: .2s;
}

.cards-list-item-extend ul > li:last-child {
    margin-bottom: 0;
}

/*.cards-list-item-extend ul > li:hover,
.cards-list-item-extend ul > li:focus,
.cards-list-item-extend ul > li:active {
    text-decoration-color: #fff;
}*/

.cards-list-item-extend ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 8px;
    transition: .2s;
}

.cards-list-item-extend ul li:hover,
.cards-list-item-extend ul li:focus,
.cards-list-item-extend ul li:active {
    font-weight: 700;
}

.cards-list-item-extend ul li:hover:before,
.cards-list-item-extend ul li:focus:before,
.cards-list-item-extend ul li:active:before {
    font-size: 12px;
    left: -2px;
    top: 2px;
}

.cards-footer {
    background-color: transparent;
    /*border-top: 1px solid #fff;*/
    padding: 15px 20px 0;
}

.cards-footer p,
.cards-footer ul,
.cards-footer li {
    font: 400 12px/1.6 'Roboto';
}

.cards-footer ul {
    margin-top: 5px;
}

.cards-footer li {
    list-style-type: disc;
    list-style-position: inside;
}

.cards-footer a {
    text-decoration: underline;
}

.cards-footer p,
.cards-footer ul,
.cards-footer li {
    color: #131920;
}

/*----------------------------------*/

/*cards-list-left*/

.cards-list-left {
    display: none;
}

/*End of cards-list-left*/

.card-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.card {
    position: relative;
    margin-bottom: 40px;
    padding: 40px 0 80px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05),
    0 16px 32px rgba(0, 0, 0, 0.05);
}

/*.card-logo {
    position: absolute;
    top: -25px;
    left: calc(50% - 45px);
    width: 90px;
    height: 90px;
    border-radius: 50%;
}*/

.card-logo {
    display: block;
    margin: 0 auto 20px;
    height: 90px;
    text-align: center;
}

h2.card-name {
    text-align: center;
    color: #323232;
    font: 700 3.4vw/1.2 'Raleway';
    margin-bottom: 1em;
    padding: 0 20px;
}

.card-main-image,
.card-content img {
    display: block;
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
}

.card-content .plit_block img,
.card-content .photo_small_div_left img,
.card-content .photo_small_div_right img {
    margin-bottom: 0;
}

.plit_block {
    width: 100%;
    display: block;
    margin: 0 0 20px;
}

.description_main_photo {
    font-weight: 700;

    font-size: 13px;
    line-height: 1.3em;
    margin: 0;
    padding-bottom: 4px;
}

.description_main_photo p {
    font-weight: 700;

    font-size: 13px;
    line-height: 1.3em;
    margin: 0;
    padding-bottom: 0;
}

.author_main_photo {

    font-size: 13px;
    line-height: 1.3em;
    margin: 0;
    font-weight: 400;
}

.card-content {
    padding: 0 10%;
    display: inline-block;
}

.card-content p {
    margin-bottom: 20px;
    word-break: break-word;
}

.card-content ol {
    display: block;
    counter-reset: myCounter;
    padding-left: 30px;
    margin: 20px 0;
    width: 100%;
    list-style: decimal;
    font: 400 16px/1.6 'Roboto';
}

.card-content ul {
    list-style-type: disc;
    -webkit-padding-start: 20px;
    padding-left: 30px;
    margin: 20px 0;
    width: 100%;
}

.card-content ul > li {
    list-style-type: disc;
}

.card-content ol li,
.card-content ul li {
    font: 400 16px/1.6 'Roboto';
    margin-bottom: 10px;
}

.card-content ol li:last-child,
.card-content ul li:last-child {
    margin-bottom: 0;
}

.card-content blockquote {
    position: relative;
    margin: 30px 0 30px 20px;
    padding: 0 0 0 20px;

    font-size: 14px;
    line-height: 1.2;
    word-wrap: break-word;
    vertical-align: middle;
    text-align: left;
}

.card-content blockquote:before {
    content: '”';
    position: absolute;
    left: -24px;

    font-size: 90px;
    line-height: 1;
    top: -1px;
    color: #73b2e8;
}

.card-content blockquote .blockquote {
    display: none;
}

.card-content blockquote .right_avtor_block p {
    margin-bottom: 0;
}

.card-content blockquote p.bold_text {
    font-weight: 700;
    color: #566167;
}

.card-content h3 {
    text-align: center;
    color: #323232;
    font: 700 24px/1.2 'Raleway';
    margin: 1.6em 0 .8em;
}

.card-content .inset,
.card-content .update {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    position: relative;
    width: calc(100% + 25%);
    min-height: 90px;
    margin: 0 0 20px -12.5%;
    padding: 20px 12.5%;
    font-weight: 700;
    border: none;
    color: #fff;
    background-color: #eb6400;
}

.card-content .inset:before,
.card-content .update:before {
    content: '!';
    position: absolute;
    top: 22.5px;
    left: calc(10% - 55px);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    font-weight: 700;
    font-size: 31px;
    font-family: serif;
    border: none;
    box-shadow: none;
    color: #eb6400;
    background-color: #fff;
}

.card-content .inset.inset-attention:before {
    content: '!';
    /*color: #5aaaf5;*/
    color: #5aaaf5;
}

.card-content .inset.inset-bonus:before {
    content: '%';
    color: #eb6400;
}

.card-content .inset.inset-attention {
    /*background-color: #5aaaf5;*/
    background-color: #5aaaf5;
}

.card-content .inset.inset-bonus {
    background-color: #eb6400;
}

.card-contacts p {
    margin-bottom: 10px;
}

.card-contacts p:last-child {
    margin-bottom: 0;
}

.card-contacts p i {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 6px;
    background-color: #5aaaf5;
    color: #fff;
    line-height: 26px;
    text-align: center;
}

.card-contacts p i:before {
    font-size: 16px;
    vertical-align: middle;
}

.card-contacts p i.fa-map-marker:before {
    font-size: 20px;
    vertical-align: top;
}

.card-contacts p i.fa-phone:before {
    font-size: 20px;
}

.card-contacts p i.fa-envelope:before {
    font-size: 15px;
    vertical-align: top;
}

.card-contacts p i.fa-link:before {
    font-size: 16px;
    vertical-align: top;
}

.card-contacts p a:hover,
.card-contacts p a:focus,
.card-contacts p a:active {
    text-decoration: underline;
}

.card-contacts-map {
    display: block;
    margin: 10px 0 20px;
    border: 1px solid #ddd;
    max-height: 250px;
    overflow: hidden;
}

.e-contacts {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.socs-button {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
}

.socs-button p {
    margin: 0 10px 0 0;
    white-space: nowrap;
}

.socs-button .soc-button {
    margin-right: 10px;
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #eee;
    transition: .1s;
}

.socs-button .soc-button:last-child {
    margin-right: 0 !important;
}

.socs-button .soc-vk {
    background-image: url(/themes/default/front/img/soc-vk.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-ok {
    background-image: url(/themes/default/front/img/soc-ok.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-fb {
    background-image: url(/themes/default/front/img/soc-fb.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-twitter {
    background-image: url(/themes/default/front/img/soc-twitter.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-youtube {
    background-image: url(/themes/default/front/img/soc-youtube.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-telegram {
    background-image: url(/themes/default/front/img/soc-telegram.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-viber {
    background-image: url(/themes/default/front/img/soc-viber.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-instagram {
    background-image: url(/themes/default/front/img/soc-instagram.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.socs-button .soc-button:hover {
    transform: scale(1.1);
}

.socs-button .soc-button:active {
    transform: scale(1.2);
}

.cards .in-material-carousel {
    margin-bottom: 0;
    line-height: 0;
    background-color: transparent;
}

.cards .in-material-carousel .carousel {
    width: 100%;
    vertical-align: top;
    margin-bottom: 64px;
    display: block !important;
    position: relative;
    line-height: 0;
    background-color: transparent;
}

.cards .in-material-carousel .carousel:before {
    content: "";
    display: block;
    padding-top: 66%;
}

.cards .in-material-carousel .carousel .carousel-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.cards .in-material-carousel .carousel.fade {
    opacity: 1;
}

.cards .in-material-carousel .carousel.fade .item {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 1s;
    z-index: 0;
    background: transparent;
}

.cards .in-material-carousel .carousel.fade .item.active {
    position: relative;
    opacity: 1;
    z-index: 1;
}

.cards .in-material-carousel .carousel .item img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
}

.cards .in-material-carousel .carousel-indicators {
    list-style-type: none;
    position: absolute;
    width: 100%;
    margin: 0 auto 0;
    bottom: -24px !important;
    left: 0;
    line-height: 14px;
    text-align: center;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cards .in-material-carousel .carousel-indicators li,
.cards .in-material-carousel .carousel-indicators li.active {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 2px;
    cursor: pointer;
    border-radius: 50%;
    text-indent: 0;
    transition: .5s;
}

.cards .in-material-carousel .carousel-indicators li {
    border: 1px solid #9ba1a4;
    background-color: #fff;
}

.cards .in-material-carousel .carousel-indicators li.active {
    border: 1px solid #5aaaf5;
    background-color: #5aaaf5;
}

.cards .in-material-carousel .carousel-control.left,
.cards .in-material-carousel .carousel-control.right {
    background-image: none;
    background-color: transparent;
    bottom: 0;
    z-index: 10;
    opacity: .15;
}

.cards .in-material-carousel .carousel-control:hover,
.cards .in-material-carousel .carousel-control:focus {
    opacity: .5;
}

.cards .in-material-carousel .carousel-control:active {
    opacity: .8;
    transition: .1s;
}

.cards .in-material-carousel .arrows.arrow-next,
.cards .in-material-carousel .arrows.arrow-prev {
    border: none;
    width: 80%;
    height: 18.18%;
    position: absolute;
    top: 40.91%;
    left: 10%;
    margin-top: 0;
    border-radius: 50%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 30%;
    background-repeat: no-repeat;
    transition: .2s;
}

.cards .in-material-carousel .arrows.arrow-prev {
    background-image: url(/themes/default/front/img/chevron-thin-left.svg);
    background-position: 46% center;

}

.cards .in-material-carousel .arrows.arrow-next {
    background-image: url(/themes/default/front/img/chevron-thin-right.svg);
    background-position: 54% center;
}

/*CardShare*/

.card-share {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 0;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    border-top: 1px solid #dfe6eb;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05),
    0 16px 32px rgba(0, 0, 0, 0.05);*/
}

.share-buttons {
    /*position: sticky;
    position: -webkit-sticky;
    top: 80px;*/
    width: 100%;
    height: 40px;
}

.share-buttons > div {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}

.social-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #eee;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 3px;
    opacity: 1;
    cursor: pointer;
    border-radius: 50%;
    transition: all .1s ease;
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.05),
    2px 0 4px rgba(0, 0, 0, 0.05),
    8px 0 8px rgba(0, 0, 0, 0.05)
}

.social-btn .svg-icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    transition: transform .2s;
}

.social-btn:hover .svg-icon {
    transform: scale(1.2);
}

/*.social-btn i {
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    margin: 0;
}

.social-btn i,
.social-btn img {
    transition: .2s;
}

.social-btn:hover i,
.social-btn:hover img {
    transform: scale(1.2);
}*/

.btn-vk {
    background-color: #0077ff;
}

.btn-ok {
    background-color: #ff7700;
}

.btn-facebook {
    background-color: #39549f;
}

.btn-twitter {
    background-color: #50abf1;
}

.btn-google {
    background-color: #4285f4;
}

.btn-telegram {
    background-color: #2aabee;
}

.btn-viber {
    background-color: #7360f2;
}

.btn-mail {
    background-color: #3b5bd1;
}

.btn-telegram img {
    width: 21px;
    margin: 11px 3px 0 0;
}

.btn-viber img {
    width: 21px;
    margin-top: 10px;
}

.btn-other img {
    width: 20px;
    margin: 10px 0 0 2px;
}

.btn-other,
.social-hidden {
    display: none;
}

/*.btn-telegram,
.btn-viber,
.btn-twitter,
.btn-mail {
    display: block;
}*/

/*End of CardShare*/

@media (min-width: 768px) {
    .logo_wr_box {
        width: 145px;
    }

    #menu_wr-1 .novosti_vse_18 {
        margin-left: -115px;
    }

    .menu_top_box {
        width: calc(100% - 145px);
    }

    #menu_wr-1 .novosti_vse_18 {
        max-width: calc(100% + 115px);
    }

    .cards #menu_wr-1.fixed #nav_memu_wr .nav_wr {
        padding-left: 15px;
    }

    #menu_wr-1 .novosti_vse_18 .novosti_vse_top a:nth-child(2) {
        display: none;
    }

    #menu_wr-1 .novosti_vse_18.novosti_vse_18_nn {
        margin-left: -224px;
    }

    .cards .container {
        width: calc(100% - 70px);
        max-width: 1260px;
    }

    /*.cards .card-header .container {
        width: 100%;
        max-width: 100%;
    }*/
    .card-header h1 {
        font-size: 6vw;
    }
}

@media (min-width: 992px) {
    .logo_wr_box {
        width: 125px;
    }

    #menu_wr-1 .novosti_vse_18 {
        margin-left: -95px;
    }

    .menu_top_box {
        width: calc(100% - 125px);
    }

    #menu_wr-1 .novosti_vse_18 {
        max-width: calc(100% + 95px);
    }

    .cards #menu_wr-1.fixed #nav_memu_wr .nav_wr {
        padding-left: 15px;
    }

    #menu_wr-1 .novosti_vse_18 .novosti_vse_top a:nth-child(2) {
        display: block;
    }

    #menu_wr-1 .novosti_vse_18.novosti_vse_18_nn {
        margin-left: 0;
    }

    .row-cards .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cards .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .card-header h1 {
        font-size: 52px;
    }

    .card {
        padding: 40px 0 40px;
    }

    /*CardShare*/
    .card-share {
        position: absolute;
        top: 100px;
        bottom: auto;
        right: -45px;
        width: 40px;
        height: calc(100% - 100px);
        box-shadow: none;
    }

    .share-buttons {
        position: sticky;
        position: -webkit-sticky;
        top: 80px;
        width: 40px;
        height: 220px;
        /*transition: .5s;
        transform: translateX(-30px);*/
    }

    /*.card:hover ~ .card-share .share-buttons,
    .card-share:hover .share-buttons {
        transform: translateX(0);
    }*/
    .share-buttons > div {
        position: relative;
        display: inline-block;
    }

    .social-btn {
        width: 40px;
        margin: 0 0 5px 0;
        box-shadow: 2px 0 2px rgba(0, 0, 0, 0.05),
        2px 0 4px rgba(0, 0, 0, 0.05),
        8px 0 8px rgba(0, 0, 0, 0.05)
    }

    .btn-other {
        display: block;
        background-color: #fff;
        line-height: 1;
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 1px;
        padding-top: 0;
        text-align: center;
    }

    .social-hidden {
        display: none;
        opacity: 0;
        transition: opacity 1s;
        position: absolute;
    }

    /*.btn-telegram,
    .btn-viber,
    .btn-twitter,
    .btn-mail {
        display: none;
    }*/
    .share-buttons .social-hidden .social-btn {
        display: block;
    }

    .share-buttons .social-hidden {
        top: 90px;
        opacity: 1;
    }

    .share-buttons .social-hidden .social-btn {
        transform: scale(0, 0);
        opacity: 0;
        transition: .2s ease;
    }

    .share-buttons .social-hidden.open .btn-twitter,
    .share-buttons .social-hidden.open .btn-viber,
    .share-buttons .social-hidden.open .btn-telegram,
    .share-buttons .social-hidden.open .btn-mail {
        transform: scale(1, 1);
        opacity: 1;
    }

    .share-buttons .social-hidden.open .btn-twitter {
        transition-delay: .2s;
    }

    .share-buttons .social-hidden.open .btn-viber {
        transition-delay: .3s;
    }

    .share-buttons .social-hidden.open .btn-telegram {
        transition-delay: .4s;
    }

    .share-buttons .social-hidden.open .btn-mail {
        transition-delay: .5s;
    }

    /*End of CardShare*/
}

@media (min-width: 1200px) {
    .logo_wr_box {
        width: 125px;
    }

    #menu_wr-1 .novosti_vse_18 {
        margin-left: -95px;
    }

    .menu_top_box {
        width: calc(100% - 125px);
    }

    .card-header h1 {
        font-size: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1330px) {
    .cards #menu_wr-1 .col-md-2.col-sm-3 {
        width: 12%;
    }

    .cards #menu_wr-1 .col-md-10.col-sm-9 {
        width: 88%;
    }

    .cards #menu_wr-1.fixed #nav_memu_wr .nav_wr {
        width: calc(100% - 257px);
    }

    .cards #menu_wr-1.fixed .menu_top .nav_wr ul > li > a {
        padding: 0 5.5px;
    }

    /*.cards #menu_wr-1.fixed .menu_top .nav_wr ul > li.plus-a > a {
        padding-right: 22px;
    }

    #menu_wr-1.fixed .menu_top .nav_wr ul > li.plus-a:before {
        left: 0;
    }*/
}

@media (min-width: 1330px) {
    .cards #menu_wr-1 .col-md-2.col-sm-3 {
        width: 16.66666667%;
    }

    .cards #menu_wr-1 .col-md-10.col-sm-9 {
        width: 83.33333333%;
    }

    .cards #menu_wr-1.fixed .menu_top .nav_wr ul > li > a {
        padding: 0 8px;
    }

    /*.cards #menu_wr-1.fixed .menu_top .nav_wr ul > li.plus-a > a {
        padding-right: 20px;
    }*/
    .logo_wr_box {
        width: 180px;
    }

    #menu_wr-1 .novosti_vse_18 {
        margin-left: -150px;
    }

    .menu_top_box {
        width: calc(100% - 180px);
    }

    h2.card-name {
        font-size: 45px;
    }

}

@media (max-width: 1199px) {
    #menu_wr-1.fixed #nav_memu_wr {
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -30px;
    }
}


@media (max-width: 1199px) and (min-width: 992px) {
    .cards-list-item.panel {
        font-size: 13px;
        line-height: 1.3;
    }

    .card-list-item-heading {
        height: auto;
    }

    .card-list-item-heading a {
        padding: 5.5%;
    }

    .list-item-logo {
        width: 33px;
        min-width: 33px;
        height: 33px;
        margin-right: 2.5%;
    }

    .list-item-name {
        font-size: 14px;
    }

    .cards-list-item-extend div {
        padding: 0 5.5% 5.5% calc(30px + 8%);
    }

    .cards-list-item-extend ul li:hover:before,
    .cards-list-item-extend ul li:focus:before,
    .cards-list-item-extend ul li:active:before {
        padding-right: 8px;
    }
}

@media (max-width: 1120px) {
    .card-content .update:before {
        top: 22.5px;
        left: calc(10% - 46px);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        line-height: 36px;
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    h2.card-name {
        font-size: 4.4vw;
    }

    .card-lid {
        padding: 35px 0;
    }

    .col-sticky {
        z-index: 10;
    }

    .cards-list-sticky {
        width: calc(100% + 100px);
        height: auto;
        margin-left: -50px;
        padding: 0;
    }

    /*.cards-list-sticky:after {
        content: '';
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgb(237,237,237);
        background: linear-gradient(0deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 90%);
    }*/
    .cards-list-sticky {
        display: none;
    }

    /*cards-list-left*/
    .cards-list-left {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: 0;
        left: -100%;
        padding: 50px 0 0 0;
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
        background: #fff;
        z-index: 2000;
    }

    .nav-toggle {
        position: fixed;
        left: 0;
        top: 0;
        padding: 0.5em;
        color: #fff;
        background-color: #0b3752;
        cursor: pointer;
        font-size: 1.2em;
        line-height: 1;
        z-index: 2001;
        -webkit-transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

    .nav-toggle:after {
        content: '\2630';
        text-decoration: none;
    }

    [id='nav-toggle'] {
        position: absolute;
        display: none;
    }

    [id='nav-toggle']:checked ~ .cards-list-left > .nav-toggle {
    }

    [id='nav-toggle']:checked ~ .cards-list-left > .nav-toggle:after {
        content: '\2715';
    }

    [id='nav-toggle']:checked ~ .cards-list-left {
        left: 0;
        box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
        overflow-y: auto;
    }

    body {
        -webkit-animation: bugfix infinite 1s;
    }

    @-webkit-keyframes bugfix {
        to {
            padding: 0;
        }
    }

    .cards-list-left .cards-list {
        position: relative;
        top: 0;
        max-height: 100%;
        height: 100%;
    }

    .cards-list-left .cards-list .panel-group {
        height: 100%;
        max-height: 100%;
    }

    .cards-list-left > .cards-list-item {
        line-height: 2.5;
        opacity: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
        -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
        -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
        transition: opacity .5s .1s, transform .5s .1s;
    }

    [id='nav-toggle']:checked ~ .cards-list-left > .cards-list-item {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .cards-list-left div[class*='cards-list-item']:last-child {
        margin-bottom: 20px;
    }

    /*End of cards-list-left*/
    /*modal*/
    #basicNavigation {
        padding: 0 !important;
        height: 100%;
    }

    #basicNavigation .modal-dialog {
        width: 390px;
        height: 100%;
        margin: 0;
    }

    #basicNavigation .fade {
        opacity: 1 !important;
        transition: none !important;
    }

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    #basicNavigation .modal-content,
    #basicNavigation .modal-body {
        box-shadow: none;
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    /*#basicNavigation .modal-dialog,
    #basicNavigation .modal-dialog .modal-content,
    #basicNavigation .modal-dialog .modal-body {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background-color: transparent;
        overflow: hidden;
    }*/
    #basicNavigation .modal-body {
        overflow: auto;
        padding: 50px 0 0;
    }

    #basicNavigation .modal-body .close {
        background-image: url(/themes/default/front/img/close-black.svg);
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0;
        width: 20px;
        height: 20px;
        position: fixed;
        z-index: 100;
        right: 20px;
        top: 15px;
        opacity: 1;
    }

    #basicNavigation .container-fluid {
        height: auto;
        padding-right: 0;
        padding-left: 0;
        position: relative;
    }

    .cards .modal-backdrop,
    .cards .modal-backdrop.fade.in {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #131920;
        background-image: none;
    }

    .cards .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .cards .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

    #basicNavigation .cards-list {
        height: 100%;
        max-height: 100%;
        top: 0;
        position: relative;
        border-top: 4px solid #5aaaf5;
        box-shadow: none;
    }

    #basicNavigation .cards-list .panel-group {
        max-height: calc(100vh - 66px);
    }

    /*End of modal*/
}

@media (max-width: 991px) {
    body.cards {
        padding-top: 0;
    }

    .inTop {
        right: 9px;
        bottom: 63px;
    }

    .cards .mobile_header {
        position: relative;
        height: 62px;
    }

    .cards .mobile_header .logo_mob {
        height: 62px;
        padding: 0;
    }

    /*.cards .mobile_header .logo_mob > a {
        background-image: url(/themes/default/front/img/logo.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 70px;
        min-width: 70px;
        height: 46.2px;
        margin-top: 0;
    }*/
    .cards .vhod_mob,
    .cards .mobile_header.is-hidden-up .vhod_mob {
        padding: 17px 11px;
        height: 62px;
    }

    .cards .site__top {
        height: 62px;
    }

    /*.cards .mobile_header .site__top .menu a #nav-icon3 {
        top: 20px;
    }*/

    .cards .mobile_header .site__top:after {
        top: 0;
        width: 62px;
        height: 62px;
        left: 7.5px;
    }

    .cards .mob_popup .close {
        height: 62px;
        top: 0;
    }

    .cards .mob_popup .close span {
        height: 100%;
        width: 100%;
        display: inline-block;
        vertical-align: -3px;
    }

    .mob_popup_container .panel-group {
        padding: 12.5px 0;
    }

    .card-lid {
        padding: 25px calc(5% - 15px);
    }

    /*top-menu*/
    .card-header {
        /*height: 50vw;*/
        height: 300px;
        padding-bottom: 30px;
        z-index: 1000;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
    }

    .mobile .card-header {
        margin-top: 0;
    }

    .card-header h1 {
        font-size: 6vw;
        will-change: transform;
        transition: transform .5s ease-out, opacity 1s;
        -webkit-transform: translateZ(0);
        -ms-transform: translateY(0);
        transform: translateZ(0);
        opacity: 1;
    }

    .card-header h1.cards-hidden {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    .card-header h1 span.btn-cards-menu {
        display: flex;
        align-items: center;

        font-weight: 400;
        font-size: 20px;
        cursor: pointer;
        color: #fff;
        /*background-image: linear-gradient(currentColor, currentColor);
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: 100% 2px;
        transition: background-size .1s;
        height: 34px;
        line-height: 34px;
        padding: 0;*/
        user-select: none;
    }

    .card-header h1 .card-title + span.btn-cards-menu {
        margin-top: 25px;
    }

    /*.card-header h1 span.btn-cards-menu:hover,
    .card-header h1 span.btn-cards-menu:focus,
    .card-header h1 span.btn-cards-menu:active {
        background-size: 100% 34px;
        background-image: linear-gradient(#fff, #fff);
        color: #5aaaf5;
    }*/
    .card-header h1 span.btn-cards-menu:active {
        transform: translateY(2px);

    }

    .cards-top-header i {
        font-size: 23px;
        margin: 2px 12px 0 0;
    }

    .cards-top-header h1 {
        font-size: 20px;
        line-height: 1;
        font-weight: 700;
        color: #fff;
    }

    .cards-top-header {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;

        top: 250px; /*высота шапки в пикселях*/
        position: fixed;
        z-index: 990;
        width: 100%;
        height: 62px;
        padding: 10px 20px;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        border-bottom: 1px solid #fff;
        background-color: #5aaaf5;
        /*background-color: rgb(237, 30, 52);*/
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 7px rgba(0, 0, 0, 0.3);

        will-change: transform;
        -webkit-transition: -webkit-transform .7s;
        transition: -webkit-transform .7s;
        transition: transform .7s;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .cards-top-header.top-fix {
        background-position: center bottom;
        -webkit-transition: -webkit-transform .7s;
        transition: -webkit-transform .7s;
        transition: transform .7s;
        -webkit-transform: translateZ(0);
        -ms-transform: translateY(0);
        transform: translateZ(0);
    }

    /*End of top-menu*/
    .row-cards .col-xs-12 {
        padding: 0;
    }

    .cards-list-sticky {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 0;
    }

    .card-content {
        padding: 0 5%;
    }

    .card-content .update {
        width: calc(100% + 2 * 5.555%);
        margin-left: -5.555%;
        margin-bottom: 20px;
        padding: 15px 5.555%;
        color: #fff;
        font-weight: 700;
    }

    .card-content .update:before {
        display: none;
    }

    /*Modal*/
    #basicNavigation .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    /*Modal*/
}

@media (max-width: 639px) {
    .card-header h1 {
        font-size: 7vw;
    }

    h2.card-name {
        font-size: 5.1vw;
    }
}

@media (max-width: 575px) {
    .card-header h1 {
        font-size: 8vw;
    }

    h2.card-name {
        font-size: 6.5vw;
    }
}

@media (max-width: 430px) {
    .card-header h1 {
        font-size: 8.5vw;
    }

    h2.card-name {
        font-size: 7.5vw;
    }

    .card-content h3 {
        font-size: 20px;
    }
}


@media (max-width: 360px) {
    .socs-button {
        width: 100%;
    }

    .socs-button p,
    .socs-button .soc-button {
        margin-right: 2.6%;
    }

}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-wrapper.scroll--rtl {
    direction: rtl;
}

.scroll-element {
    box-sizing: content-box;
    display: none;
}

.scroll-element div {
    box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=10);
    opacity: 0.2;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: transparent;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #131920;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #131920;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.cards .preload_nn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10000;
}