/* =====================================================================================================================
            MAIN
===================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------
            main > help
--------------------------------------------------------------------------------------------------------------------- */

/*
g- глобальный элемент
b- структурный элемент
js- селектор js

10px = 0.625em
12px = 0.75em
13px = 0.8125em
14px = 0.875em
16px = 1.0em
18px = 1.125em

элемент:nth-child(odd | even | <число> | <выражение>) {...}
odd  - все нечетные
even - все четные
число - номер дочернего элемента
выражение - задается в виде an+b, где a и b целые числа, а n — счетчик, который автоматически принимает значение 0, 1, 2...

// flex
    display: flex;
    flex-direction: column;
    flex-direction: row;
    justify-content: space-between; // по вертикали
    align-items: center; // по горизонтали
    align-self: stretch;
*/

/* ---------------------------------------------------------------------------------------------------------------------
            main > reset
--------------------------------------------------------------------------------------------------------------------- */

@font-face {
    /* для IE */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/RjgO7rYTmqiVp7vzi-Q5UT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

html,
body {
    height: 100%;
    line-height: 1.25;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.025em;
}

body {
    height: 101%;

    background: url(/img/template/bg-bridge-3.jpg) no-repeat center center fixed;
    /*background: url(/img/template/bg-flowers.jpg) no-repeat center center fixed;*/
    -ms-background-size: cover;
    background-size: cover;
}

a:hover,
a:focus {
    text-decoration: none;
}

a,
a:link,
a:visited,
a:active,
a:hover {
    cursor: pointer;
}

.g-cursor-pointer {
    cursor: pointer;
}

.b-hidden-absolute {
    position: absolute;
    left: -9999px;
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > shadows
--------------------------------------------------------------------------------------------------------------------- */

.g-shadow--wrap {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.g-shadow--column {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > bg colors
--------------------------------------------------------------------------------------------------------------------- */

.g-bg-color--white {
    background-color: #fff;
}

.g-bg-color--blue {
    background-color: #0190D4;
}

.g-bg-color--lightgrey {
    background-color: #eee;
    transition-duration: .4s;
}

.g-bg-color--lightgrey:hover {
    background-color: #f8f8f8;
}

.g-bg-color--grey {
    background-color: #ccc;
}

.g-bg-color--darkgrey {
    background-color: #333;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > font colors
--------------------------------------------------------------------------------------------------------------------- */

.g-color--white {
    color: #fff;
}

.g-color--blue {
    color: #0190D4;
}

.g-color--grey {
    color: #bbb;
}

.g-color--darkgrey {
    color: #333;
}

.g-color--red {
    color: #CC0000 !important;
}

.b-centered-red {
    font-size: 1.3em;
    color: #CC0000;
    text-align: center;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > height
--------------------------------------------------------------------------------------------------------------------- */

.g-max-h-300 {
    max-height: 300px;
    overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > buttons
--------------------------------------------------------------------------------------------------------------------- */

.btn:hover {
    cursor: pointer;
}

.btn-primpress {
    cursor: pointer;
    background-color: #0190D4;
    color: #fff;
    font-size: 1.1em;
}

.btn-primpress:hover {
    background-color: #ddd;
    text-shadow: 0 0 1px #666;
}

.btn-primpress-invers {
    cursor: pointer;
    background-color: #ddd;
    color: #fff;
    font-size: 1.1em;
    text-shadow: 0 0 1px #666;
}

.btn-primpress-invers:hover {
    background-color: #0190D4;
    color: #fff;
}

.btn-change-mobile {
    border: none;
    background: transparent;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    outline: 0 !important;
}

.btn-change-mobile:hover {
    color: #0190D4;
}

.btn-change-mobile:hover span {
    text-decoration: underline;
}

.btn-transparent {
    background-color: transparent;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > img fit
--------------------------------------------------------------------------------------------------------------------- */

.g-img-fit {}
.g-img-fit img {
    width: 100%;
    height: 100%;

    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;

    font-family: "object-fit: cover"; /* IE FIX */
}

.g-img-fit-contain {}
.g-img-fit-contain img {
    width: inherit;
    height: inherit;
    /*width: 100%;*/
    /*height: 100%;*/

    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;

    font-family: "object-fit: contain"; /* IE FIX */

    /*position: relative;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
}

/* swf flash */

.b-swf {
    position: relative;
}

.b-swf,
.b-swf embed {
    width: 100%;
    min-height: 210px;
    text-align: center;
}

.b-swf__a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.g-border {
    border: 1px solid #ddd;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > link block
--------------------------------------------------------------------------------------------------------------------- */

.g-link-block {
}

.g-link-block a {
    height: 100%;
    width: 100%;
    display: block;
}

.g-link-block:hover {
    /*transition: 0.3s ease 0.1s; !* элем. врем. эфф. задерж.*!*/
    /*transition: transform 1s;*/
}

.g-link-block:hover img {
    -webkit-transition: 0.3s ease 0.1s;
    -o-transition: 0.3s ease 0.1s;
    transition: 0.3s ease 0.1s; /* элем. врем. эфф. задерж.*/

    /*transition: transform 1s;*/
    /*transform: scale(1.01);*/

    /*filter: blur(3px);*/
    /*filter: grayscale(100%);*/
    /*filter: contrast(120%);*/
    /*filter: saturate(50%);*/
    /*filter: sepia(40%);*/
    /*filter: brightness(120%);*/

    /*-ms-filter: opacity(75%);*/
    -webkit-filter: opacity(75%);
    filter: opacity(75%);
}

.g-link-block--shadow-scale:hover {
    -webkit-transition: all 0.4s ease 0.1s;
    -o-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);

    /*transform: scale(1.01);*/
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > new blocks
--------------------------------------------------------------------------------------------------------------------- */

.g-new-block {
    margin-top: 25px;
    margin-bottom: 35px;
    padding-left: 30px;
    padding-right: 30px;
}

.g-new-block--lite {
    padding-left: 15px;
    padding-right: 15px;
}

.g-new-block--lite .b-h-title {
    padding-left: 15px;
}

/* flex = flex-grow (жадность) + flex-shrink (сжатие) + flex-basis. */
.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > wrap
--------------------------------------------------------------------------------------------------------------------- */

.b-wrap {
    position: relative;
    /*height: 100%;*/
    /*display: table;*/

    /*margin-top: 50px;*/
    /*margin-bottom: 150px;*/

    /*max-width: 1300px;*/
    /*min-width: 940px;*/
    width: 1300px;

    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1300px) {
    .b-wrap {
        margin-bottom: 0;
    }
}

.b-wrap__header {
    padding: 15px 0 0 0;
}

.b-wrap__content {
    margin-bottom: 30px;

    padding-left: 0;
    padding-right: 0;
}

.b-wrap__footer {
    padding: 30px 50px 15px;

    /*background-color: #333;*/
    /*background: rgba(20, 20, 20, 0.8);*/
    /*border-radius: 0 0 5px 5px;*/
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > h titles
--------------------------------------------------------------------------------------------------------------------- */

.b-h-title {
    color: #333;
}

.b-h-title a {
    color: #333;

    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.b-h-title a:hover {
    color: #0190D4;
}

.text-uppercase {
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > paddings | margins
--------------------------------------------------------------------------------------------------------------------- */

.g-padding-top--50 {
    padding-top: 50px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            main > other
--------------------------------------------------------------------------------------------------------------------- */

.b-age {
    border-radius: 50px;
    font-size: 10px;
    padding: 4px 2px 5px;
    border: 1px solid;
    cursor: default;
}
.b-pagination {
    margin-top: 30px;
}

.b-ad-marker:before {
    content: 'РЕКЛАМА';
    position: absolute;
    margin: 3px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50px;
    padding: 2px 4px 0 5px;
    font-size: 8px;
    color: #575C66;
    font-family: regular-ysans, sans-serif;
}

/* =====================================================================================================================
            HEADER
===================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------
            header > header
--------------------------------------------------------------------------------------------------------------------- */

.b-header {
    padding: 0 15px 15px 15px;
}

.b-header__logo {
    min-width: 350px;
    width: 350px;
    /*padding-right: 50px;*/
    margin-right: 30px;
}

.b-header__probki {
    width: 145px;
    overflow: hidden;
}

.b-header-weather {

}

.b-age--header {
    border-color: #ccc;
    color: #ccc;

    position: absolute;
    top: 6px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > header v2
--------------------------------------------------------------------------------------------------------------------- */

.b-header-sticky-wrap {
    min-height: 120px;
}

.b-header-sticky {
    position: fixed;
    top: 0;
    z-index: 1100;
    background-color: white;
    width: 1300px;
    padding-top: 15px;
}

.b-header2 {
    padding: 0 15px;
    margin-bottom: 20px;
}

.b-header2__logo {
    background-color: #ffffff;
}

.b-header2__logo img {
    width: 350px;
    height: 65px;
}

.b-header2-weather {

}

.b-header2__probki {
    /*width: 145px;*/
    /*overflow: hidden;*/
}

.b-age--header2 {
    border-color: #ccc;
    color: #ccc;

    position: absolute;
    top: 6px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > weather
--------------------------------------------------------------------------------------------------------------------- */

.b-weather {

}

.b-weather__title {
    font-size: 13px;
    color: #555555;
}

.b-weather__info {
    color: #444444;
    margin-top: 2px;
}

.b-weather__img img {
    width: 50px;
    height: 50px;
    float: right;
}

.b-weather__primpogoda {
    font-style: italic;
    font-weight: bold;
    color: #0b68b3;
    font-size: 15px;
}

.b-weather__primpogoda i {
    color: #89c440;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > weather v2
--------------------------------------------------------------------------------------------------------------------- */

.b-weather2 {
    text-align: center;
    color: #999;
    font-size: 14px;
    letter-spacing: 0.01em;
}

/*.b-weather2__img {*/
    /*color: #f3ca88;*/
    /*margin-top: 3px;*/
/*}*/

.b-weather2__img {
    margin-top: 3px;
    width: 65px;
    height: 45px;

    background-image: url(/img/template/sun.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.b-weather2__text {
    text-align: right;
    width: 100%;
}

.b-weather2__text--bold {
    color: #222;
    font-size: 20px;
}

.b-weather2__text--lite {

}

.b-weather2__primpogoda {
    /*font-size: 15px;*/
    margin-top: 2px;
}

.b-weather2__prim {
    color: #27ac39;
}

.b-weather2__pogoda {
    color: #4787c7;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > probki
--------------------------------------------------------------------------------------------------------------------- */

.b-probki {
    /*margin-top: 18px;*/
    font-size: 14px;
    white-space: nowrap;
}

.b-probki a {
    color: #444444;
}

.b-probki__img {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: white;
    padding-top: 3px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-right: 1px;
}

@media (max-width: 1160px) {
    .b-probki {
        display: none;
    }
}
.none {
    display: none;
}
/* ---------------------------------------------------------------------------------------------------------------------
            header > probki v2
--------------------------------------------------------------------------------------------------------------------- */

.b-probki2 {
    text-align: center;
    color: #999;
    font-size: 14px;
}

.b-probki2__top {
    margin-bottom: 1px;
}

.b-probki2__img {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: white;
    padding-top: 3px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-right: 1px;
}

.b-probki2__bottom {
    margin-top: -3px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > currency
--------------------------------------------------------------------------------------------------------------------- */

.b-currency {
    font-size: 1.1em;
    color: #555555;
}

.b-currency__left,
.b-currency__right {
    display: inline-block;
}

.b-currency__left {
    min-width: 80px;
}

.b-currency__top {
    /*padding-top: 6px;*/
    padding-top: 2px;
}

.b-currency__bottom {
    /*padding-top: 8px;*/
    padding-top: 5px;
}

.b-currency__date {
    padding-top: 4px;
    font-size: 11px;
    color: #999;
    letter-spacing: 0.02em;
}

.b-currency__symbol {

}

.b-currency--up,
.b-currency--down {
    font-size: 0.65em;
    padding-left: 1px;
}

.b-currency--up {
    color: #00CC00;
}

.b-currency--down {
    color: #ee0000;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > navbar
--------------------------------------------------------------------------------------------------------------------- */

.b-navbar-header {
    font-size: 1.1em;
    z-index: 9999;

    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

/*.b-navbar-header--1 {*/
    /*border-bottom: 1px solid #eee;*/
/*}*/

.b-navbar-header--2 {
    margin-top: 6px;
}

.b-navbar-header a {
    color: #555;

    -webkit-transition: 0.2s ease 0.1s;
    -o-transition: 0.2s ease 0.1s;
    transition: 0.2s ease 0.1s;
}

.b-navbar-header__links {

}

.b-navbar-header__links a {
    padding: 5px 6px;
}

.b-navbar-header__links a:hover {
    background-color: #eee;
}

.b-navbar-header__icons {
    font-size: 1.2em;
}

.b-navbar-header__icons-bg {
    background-color: #eee;
    /*border-radius: 10px 0 0;*/
    border-radius: 10px 0 0 10px;
    margin-right: -15px;
    padding: 4px 15px;
}

.b-navbar-header__icons i {
    padding: 5px;
}

.b-navbar-header__icons i:hover {
    color: #0190D4;

    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);

    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.fa-mobile-fix {
    font-size: 22px !important;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > socials
--------------------------------------------------------------------------------------------------------------------- */

.b-navbar-header__icons .fa-facebook-official {
    color: #3B5998;
}

.b-navbar-header__icons .fa-tumblr-square {
    color: #1EA1F3;
}

.b-navbar-header__icons .fa-vk {
    color: #507299;
}

.b-navbar-header__icons .fa-odnoklassniki-square {
    color: #EE8208;
}

.b-navbar-header__icons .fa-instagram {
    color: #E0316A;
}

.b-navbar-header__icons .fa-telegram {
    color: #38AEEB;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > navbar v2
--------------------------------------------------------------------------------------------------------------------- */

.b-navbar-header2 {
    height: 40px;
    border-top: 1px solid #4986c5;
    border-bottom: 1px solid #4986c5;
}

.b-navbar-header2 a {
    color: #222;

    -webkit-transition: 0.1s ease 0.1s;
    -o-transition: 0.1s ease 0.1s;
    transition: 0.1s ease 0.1s;
}

.b-navbar-header2__links {
    font-size: 1.1em;
}

.b-navbar-header2__links a {
    padding: 7px 6px;
}

.b-navbar-header2__links--active,
.b-navbar-header2__links a:hover {
    background-color: #4986c5;
    color: #ffffff !important;
}

.b-navbar-header2__project {
    font-weight: bold;
    /*color: #ee0000 !important;*/

    color: #ffffff !important;
    background-color: #4986c5;
}

.b-navbar-header2__project.b-navbar-header2__links--active {
    color: #ffffff !important;
}

/* discouns */

.b-navbar-header2__discounts {
    width: 132px;
    padding-left: 5px;
    padding-right: 5px;

    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.b-navbar-header2__discounts a {
    color: #4986c5;
}

.b-navbar-header2__discounts:hover {
    color: #ffffff;
    background: #4986c5;
}

.b-navbar-header2__discounts a:hover {
    color: #ffffff;
}

.b-navbar-header2__discounts .fa {
    padding-right: 8px;
}

.b-navbar-header2__discounts-word1,
.b-navbar-header2__discounts-word2 {
    position: absolute;
}

.b-navbar-header2__discounts-word1 {
    font-size: 15px;
    padding-top: 2px;
    font-weight: bold;
    /*letter-spacing: 0.05em;*/
}

.b-navbar-header2__discounts-word2 {
    font-size: 13px;
    padding-top: 16px;
    /*font-weight: bold;*/
    letter-spacing: 0.015em;
}

/* icons */

.b-navbar-header2__icons {
    font-size: 1.3em;
    background-color: #4986c5;
}

.b-navbar-header2__icons-bg {
    display: none;
    padding: 4px 15px;
}

.b-navbar-header2__icons i {
    padding: 3px 4px;
    color: #ffffff;

    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.b-navbar-header2__icons i:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.fa-mobile-fix {
    /*font-size: 22px !important;*/
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > navbar > news > dropdown
--------------------------------------------------------------------------------------------------------------------- */
.dropdown-item {
    display: none !important;
}
.b-navbar-header2__dropdown-menu {
    border: 1px solid #4986c5;
    border-radius: 0;
    /*margin: 0;*/
    /*padding: 0;*/

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.b-navbar-header2__dropdown-menu a {
    padding: 6px 12px;
}

.b-navbar-header2__dropdown-menu a:hover {
    /*color: #222222 !important;*/
    /*background: #4986c5;*/
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > navbar > dropdown
--------------------------------------------------------------------------------------------------------------------- */

.b-navbar-dropdown-wrap {
    position: relative;
}

.b-navbar-dropdown-header {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    right: 0;
    margin: 1px 1px 0 0;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #4986c5;
    z-index: 5;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);

    /*-webkit-transition: opacity 0.3s;*/
    /*-o-transition: opacity 0.3s;*/
    /*transition: opacity 0.3s;*/
}

.b-navbar-dropdown-header--open {
    visibility: visible;
    opacity: 1;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > search
--------------------------------------------------------------------------------------------------------------------- */

.b-search-blur-header {
    /* для wrap */
    -webkit-transition: .3s time;
    -o-transition: .3s time;
    transition: .3s time;
}

.b-search-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}

.b-search-header__wrapper {
    position: absolute;
    top: 30%;
    width: 60%;
    margin: 0 20%;
    margin-top: -51px;
}

.b-search-header__input {
    width: 100%;
    padding-left: 30px;
    padding-right: 110px;
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    font-size: 2em;
    border: 0;
    outline: none;
}

.b-search-header__btn {
    height: 40px;
    width: 40px;
    padding: 0;
    right: 10px;
    top: 0;
    position: absolute;
    font-size: 2em;
    background: transparent;
    color: white;
    border: none;
    cursor: pointer;
}

/* ---------------------------------------------------------------------------------------------------------------------
            header > sticky menu
--------------------------------------------------------------------------------------------------------------------- */

/* добавляется в js */
.b-sticky-header {
    top: 0;
    max-width: 1300px;
    min-width: 940px;
    position: fixed;
    background-color: #eeeeee;
    z-index: 999;
    padding: 3px 0;

    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;

    -webkit-box-shadow: 0 0 15px #373737;
    box-shadow: 0 0 15px #373737;
}

.b-sticky-header a:hover {
    background: white;
}

/* =====================================================================================================================
            HOME
===================================================================================================================== */

.b-h-title--home {
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 1.6em;
}

.b-h-title--home2 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.5em;
}

.b-h-subtitle {
    font-size: 1.2em;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > slider
--------------------------------------------------------------------------------------------------------------------- */

.b-slider,
.b-slider-big,
.b-slider-small {
    font-weight: bold;
    overflow: hidden;
    height: 485px;
    position: relative;
}

/* 3 плитки */
.b-slider-big--3 {
    height: 420px;
}

/* slider > BIG */

.b-slider-big {

}

.b-slider-big__overlay {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    bottom: 0;
    padding: 15px;
}

.b-slider-big__overlay h3 {
    color: white;
}

.b-slider-big__overlay span {
    color: #ccc;
}

/* slider > white */

.b-slider-big__overlay--white {
    background: rgba(255, 255, 255, 0.7);
    color: #333;
}

.b-slider-big__overlay--white h3 {
    color: #333;
}

.b-slider-big__overlay--white span {
    color: #333;
}

/* slider > small */

.b-slider-small:last-child {
    padding-left: 15px;
}

.b-slider-small:first-child {
    padding-right: 15px;
}

.b-slider-small {

}

.b-slider-small > div {
    height: 110px;
}

/* 3 плитки */
.b-slider-small--3 > div {
    height: 130px;
    /*height: 200px;*/
}

.b-slider-small > div:nth-last-child(n+2) {
    margin-bottom: 15px;
}

.b-slider-small-img {
    width: 40%;
    height: 100%;
    float: left;
    margin-right: 15px;
}

.b-slider-small-date {
    font-size: 0.8em;
    padding-bottom: 5px;
}

.b-slider-small-title {
    font-size: 0.9em;
}

.b-slider-small > div:hover .b-slider-small-title {
    color: #0190D4;
}


/* ---------------------------------------------------------------------------------------------------------------------
            home > news feed
--------------------------------------------------------------------------------------------------------------------- */

.b-news-feed-home {

}

.b-post-of-hour-home {
    background-color: #f6f6f6;
}

.b-post-of-hour-home__title {
    color: #ee0000;
    font-weight: bold;
}

.b-news-feed-home:hover {
    background-color: #f6f6f6;
    border-right: 1px solid #ccc;
}

.b-news-feed-home:hover .b-news-feed-home__title {
    color: #0190D4;
}

.b-news-feed-home__image {

}

.b-news-feed-home__image img {
    width: 120px;
    height: 90px;
}

.b-news-feed-home__date {
    font-size: 0.9em;
}

.b-news-feed-home:hover .b-news-feed-home__date {
    color: #999;
}

.b-news-feed-home__title {

}

.b-news-feed-home__subtitle {
    font-size: 0.9em;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > trends
--------------------------------------------------------------------------------------------------------------------- */

.b-trends {
    position: relative;
}

.b-trends img {
    height: 350px;
}

.b-trends a {
    color: black;
}

.b-trends__text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    font-size: 1.7em;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999;
}

.b-trends__control-prev,
.b-trends__control-next {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white;
    background: none;
    text-shadow: 2px 2px 3px black;
    height: 100%;
    width: 60px;
    position: absolute;
    z-index: 999;
}

.b-trends__control-prev {
    left: 0;
}

.b-trends__control-next {
    right: 0;
}

.b-trends__control-prev:hover {
    background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0));
}

.b-trends__control-next:hover {
    background: linear-gradient(to left, rgba(0,0,0,0.3), rgba(0,0,0,0));
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > interview
--------------------------------------------------------------------------------------------------------------------- */

.b-interview {
    height: 350px;
}

.b-interview__image {
    height: 200px;
}

.b-interview-text {
    height: 150px;
    padding: 10px 15px;
    overflow: hidden;
}

.b-interview-text__title {
    color: #333333;
    font-weight: bold;
}

.b-interview-text__subtitle {
    color: #666;
    font-size: 0.9em;
    margin-top: 7px;
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------
            interview (category)
--------------------------------------------------------------------------------------------------------------------- */

.b-interview-item div {
    margin: 7px 0;
}

.b-interview__area {
    margin-top: 10px;
    margin-bottom: 10px;
}

.b-interview-item__image {
    height: 120px;
    width: 150px;
}

.b-interview-item__title {
    font-weight: bold;
    color: #0190D4;
}

.b-interview-item__subtitle {
    font-size: 0.9em;
}

.b-interview-item__footer {
    font-size: .8em;
    margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            opinion (category)
--------------------------------------------------------------------------------------------------------------------- */

.b-opinion {
    background-color: #e9e9e9;
    margin-left: -20px;
    font-size: 13px;
    /*padding-bottom: 15px;*/
    position: relative;
}

.b-opinion:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0 18px 18px 0;
    border-style: solid;
    border-color: #ffffff #b9c9c9;
    z-index: 2;
    /*box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.25);*/
}

.b-opinion__image {
    padding-left: 10px;
    position: relative;
    height: 190px;
    /*height: 100%;*/
    /*min-height: 190px;*/
}

.b-opinion__image img {
    position: absolute;
    bottom: 0;
    width: 275px;
    /*height: auto;*/
    /*margin-bottom: -15px;*/
    padding-top: 10px;
}

.b-opinion-subline {
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 3px;
    font-size: 11px;
}

.b-opinion-empty {
    padding-top: 15px;
}

.b-opinion__name {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.b-opinion__post {
    padding-bottom: 5px;
}

.b-opinion__title {

}

.b-opinion-articles {

}

.b-opinion-articles a {
    color: #444444;
    text-decoration: none;
}

.b-opinion-articles__date {
    padding-right: 10px;
    padding-top: 2px;
    font-size: 11px;
}

.b-opinion-articles__title {
    font-weight: bold;
}

.b-opinion-articles:last-child {
    padding-bottom: 15px;
}

.b-opinion-text {
    padding: 10px 0 30px;
    font-size: 13px;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6;
}

/* ---------------------------------------------------------------------------------------------------------------------
            livehacker (category)
--------------------------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: logotype-ysans;
    font-weight: 300;
    /*src: url(https://yastatic.net/s3/home/fonts/ys/1/text-light.woff2) format("woff2"), url(https://yastatic.net/s3/home/fonts/ys/1/text-light.woff) format("woff")*/
    src: url(/fonts/ysans/text-light.woff2) format("woff2"), url(/fonts/ysans/text-light.woff) format("woff")
}

@font-face {
    font-family: regular-ysans;
    font-weight: 400;
    /*src: url(https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2) format("woff2"), url(https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff) format("woff")*/
    src: url(/fonts/ysans/text-regular.woff2) format("woff2"), url(/fonts/ysans/text-regular.woff) format("woff")
}

@font-face {
    font-family: medium-ysans;
    font-weight: 500;
    /*src: url(https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2) format("woff2"), url(https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff) format("woff")*/
    src: url(/fonts/ysans/text-medium.woff2) format("woff2"), url(/fonts/ysans/text-medium.woff) format("woff")
}

@font-face {
    font-family: bold-ysans;
    font-weight: 700;
    /*src: url(https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2) format("woff2"), url(https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff) format("woff")*/
    src: url(/fonts/ysans/text-bold.woff2) format("woff2"), url(/fonts/ysans/text-bold.woff) format("woff")
}

.b-alt-category {
    color: white;
    background-color: darkred;
    text-transform: uppercase;
    position: absolute;
    font-weight: bold;
    z-index: 1;
    font-size: 1em;
    padding: 5px 5px 5px 10px;
}

.b-alt-category:before {
    content: '';
    background-color: darkred;
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 30px;
    height: 40px;
    transform: skew(-15deg);
    z-index: -1;
}

.b-dzen {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    height: 360px;
    width: 100%;
    background-color: #111;
}

.b-dzen--home {
    height: 350px;
}

.b-dzen__gradient {
    position: absolute;
}

.b-dzen__gradient--lg {
    left: 33%;
    width: 130px;
    height: 100%;
    background: linear-gradient(to left, transparent, #111);
}

.b-dzen__gradient--sm {
    bottom: 115px;
    width: 100%;
    height: 130px;
    background: linear-gradient(to bottom, transparent, #111);
}

.b-dzen__gradient--home {
    bottom: 105px;
}

.b-dzen__fx {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: opacity .1s ease-out;
    pointer-events: none;
    z-index: 1;
}

.b-dzen__fx--white {
    background-color: #ffffff;
}

.b-dzen__fx--black {
    background-color: #000000;
}

.b-dzen:hover .b-dzen__fx {
    opacity: 0.25;
}

.b-dzen .b-dzen__img {
    /* float чтобы ложился градиент, а поверх него hover */
    float: right;
}

.b-dzen__img.b-dzen__img--lg {
    height: 100%;
    /*width: 550px;*/
    width: 67%;
}

.b-dzen__img.b-dzen__img--sm {
    height: 245px;
    width: 100%;
}

.b-dzen__content {
    /*font-family: regular-ysans, sans-serif;*/
    /*font-family: medium-ysans, sans-serif;*/
    font-family: bold-ysans, sans-serif;
    /*font-family: logotype-ysans, sans-serif;*/
    -webkit-font-smoothing: antialiased;
}

.b-dzen__text {
    position: absolute;
    overflow: hidden;
    padding: 25px 25px 0;
    -webkit-line-clamp: 5;
    z-index: 2;
    color: #ffffff;
}

.b-dzen__text--lg {
    top: 40px;
    height: 300px;
    width: 45%;
}

.b-dzen__text--sm {
    top: 150px;
    height: 160px;
    width: 100%;
}

.b-dzen__title {
    /*font-size: 18px;*/
    padding-bottom: 10px;
    color: white;
}

.b-dzen__title--dark {
    color: black;
}

.b-dzen__subtitle {
    font-family: regular-ysans, sans-serif;
    font-size: 15px;
    opacity: 0.7;
    line-height: 20px;
    color: white;
}

.b-dzen__subtitle--dark {
    color: black;
}

.b-dzen__footer {
    position: absolute;
    bottom: 0;
    padding: 20px 25px;
    width: 100%;
    z-index: 2;
    opacity: 0.7;
    color: white;
    font-family: bold-ysans, sans-serif;
}

.b-dzen__footer--dark {
    color: black;
}

.b-dzen__date {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
}

.b-dzen__comments {
    display: inline-block;
    margin-left: 30px;
    position: absolute;
    bottom: 23px;
    font-size: 10px;
    text-align: center;
    width: 22px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 3px;

    color: black;
    background-color: white;
}

.b-dzen__comments--white {
    color: white;
    background-color: black;
}

.b-dzen__comments:after {
    /* уголок у комментариев */
    content: '';
    position: absolute;
    top: 14px;
    left: 8px;
    border: 3px solid transparent;
    border-top: 3px solid white;
}

.b-dzen__comments--white:after {
    border-top: 3px solid black;
}

.b-points {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > cards (carousel)
--------------------------------------------------------------------------------------------------------------------- */

.b-cards {
    position: relative;
}

.b-cards img {
    height: 350px;
}

.b-cards a {
    color: white;
}

.b-cards__text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    font-size: 1.7em;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.b-cards__subtitle {
    color: #e2e2e2;
    font-size: 0.7em;
}

.b-cards__control-prev,
.b-cards__control-next {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white;
    background: none;
    text-shadow: 2px 2px 3px black;
    height: 100%;
    width: 60px;
    position: absolute;
    z-index: 999;
}

.b-cards__control-prev {
    left: 0;
}

.b-cards__control-next {
    right: 0;
}

.b-cards__control-prev:hover {
    background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0));
}

.b-cards__control-next:hover {
    background: linear-gradient(to left, rgba(0,0,0,0.3), rgba(0,0,0,0));
}

.b-card-corner-count {
    /*border: 1px solid #4986c5;*/
    font-size: 32px;
    font-weight: bold;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    /*letter-spacing: -0.1em;*/
    background-color: white;
    color: #4986C5;
    height: 40px;
    min-width: 45px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    padding-left: 6px;
    padding-right: 7px;
    z-index: 1;
}

.b-card-corner-count:before {
    content: '';
    background-color: white;
    /*background: lightgrey;*/
    position: absolute;
    left: -31px;
    bottom: 0;
    width: 30px;
    height: 40px;
    margin-left: 23px;
    transform: skew(20deg);
    z-index: -1;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > cards (carousel)
--------------------------------------------------------------------------------------------------------------------- */

.b-photo-slider {
    position: relative;
    height: calc(100% - 20px);
}

.b-photo-slider__counter {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 20px;
    /*font-weight: bold;*/
    color: #eee;
    text-shadow: 2px 2px 3px black;
}

.b-photo-slider__prev,
.b-photo-slider__next {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white;
    text-shadow: 2px 2px 4px #333;
    height: 100%;
    width: 80px;
    position: absolute;
    z-index: 2;
}

.b-photo-slider__prev {
    left: 0;
}

.b-photo-slider__next {
    right: 0;
}

.b-photo-slider__prev {
    background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0));
}
.b-photo-slider__next {
    background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.b-photo-slider__prev:hover {
    background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0));
    color: #eee;
}
.b-photo-slider__next:hover {
    background: linear-gradient(to left, rgba(0,0,0,0.3), rgba(0,0,0,0));
    color: #eee;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > region home
--------------------------------------------------------------------------------------------------------------------- */

.b-region-home {
    font-size: 0.9em;
    position: relative;
    background-color: #ffffff;
}

.b-region-home--h350 {
    height: 350px !important;
    overflow: hidden;
}

.b-region-home:nth-child(n+5) {
    margin-top: 30px;
}

.b-region-home__img {
    height: 180px; /* стандартизированная высота блока с картинкой */
    position: relative;
}

.b-region-home__img--slider {
    min-height: 230px;
}
/*.b-region-home__img--slider,*/
/*.b-region-home__text--slider {*/
    /*max-width: 290px;*/
/*}*/

.b-slider-card__header,
.b-region-home__category-name {
    position: absolute;
    z-index: 2;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 1.1em;
    padding: 5px 7px;
    text-transform: uppercase;

    transition: .2s;
}

.b-slider-card__header--rounded {
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.b-slider-card__header:hover,
.b-region-home__category-name:hover {
    background-color: rgba(0, 0, 0, 0.75);
}

.b-region-home__text {
    padding: 15px;
}

/*.b-tests__date,*/
.b-region-home__date {
    padding: 0 15px 15px 15px;
    font-size: .9em;
}

/* цифра/цитата дня/недели */

.b-region-home__quote-image {
    padding-top: 40px;
    margin-bottom: -40px;
}

.b-region-home__quote,
.b-region-home__sign {
    padding: 0 15px 15px;
    overflow: auto;
}

.b-region-home__num {
    padding: 45px 15px 10px;
    font-size: 2.8em;
    font-weight: bold;
    text-align: center;
    overflow: auto;
}

.b-region-home__quote {
    font-size: 0.95em;
}

.b-region-home__sign {
    font-size: 0.75em;
    text-align: right;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > calendar
--------------------------------------------------------------------------------------------------------------------- */

.b-calendar {
    padding: 15px;
    text-align: center;
    background: url(/img/template/calendar-papper.jpg);
    position: relative;
}

.b-calendar__head {
    margin: -15px;
    height: 60px;
    background-color: #ccc;
}

.b-calendar__year {
    font-size: 0.7em;
    margin-top: 30px;
}

.b-calendar__month {
    text-transform: uppercase;
}

.b-calendar__day {
    font-size: 4em;
    font-weight: bold;
}

.b-calendar__day-week {
    text-transform: uppercase;
    margin-bottom: 15px;
}


/* ---------------------------------------------------------------------------------------------------------------------
            home > calendar > holidays
--------------------------------------------------------------------------------------------------------------------- */

.b-holidays {
    position: relative;
}

.b-holidays:hover .b-holidays__navigation {
    display: block;
}

.b-holidays__navigation {
    display: none;
    position: absolute;
    width: 100%;
    top: 2px;
}

.b-holidays__navigation .fa-chevron-left {
    float: left;
    margin-left: -8px;
}

.b-holidays__navigation .fa-chevron-right {
    float: right;
    margin-right: -8px;
}

.b-holidays__title {
    margin: 0 8px;
    font-size: 0.9em;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > tests
--------------------------------------------------------------------------------------------------------------------- */

.b-tests {
    height: 350px;
    background-color: #ffffff;
}

.b-tests__image {
    height: 200px;
    position: relative;
}

.b-tests-text {
    height: 150px;
    padding: 10px 15px;
    overflow: hidden;
    background-color: #ffffff;
}

.b-tests-text__title {
    color: #333333;
    font-weight: bold;
}

.b-tests-text__title--col-6 {
    text-align: center;
    font-size: 1.5em;
    padding-top: 15px;
}

.b-tests-text__subtitle {
    color: #666;
    font-size: 0.9em;
    margin-top: 7px;
    display: none;

    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    background-color: white;
}

.b-tests__date {
    font-size: 0.8em;
    position: absolute;
    bottom: 15px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            home > voting poll
--------------------------------------------------------------------------------------------------------------------- */

.b-voting-poll {
    max-height: 500px;
    overflow-y: auto;
    font-size: 0.9em;
}

.btn-group {
    left: 65px !important;
}
.smi24__informer {
    display: none !important;
}
/* =====================================================================================================================
            PARTNERS
===================================================================================================================== */
.b-partners-nws {
    display: none;
}
.b-partners-nws__title {
    display: none;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    /*margin-bottom: 15px;*/
}

/* lentainform */
.mgheader {
    display: none;
}

/* redtram */

/*.rt_title_32598_div a {*/
    /*font-family: 'Open Sans', sans-serif !important;*/
/*}*/

/*@media (max-width: 575px) {*/
    /*#n4p_32598 {*/
        /*display: none;*/
    /*}*/
/*}*/

/* oblivki */

.content-cover-o1b2l3 {
    display: inline-block !important;
    vertical-align: bottom !important;
}

.headline-o1b2l3 {
    text-decoration: none !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .table-o1b2l3 .table-row-o1b2l3 {
        display: table !important;
    }

    .content-cover-o1b2l3 {
        margin: 0 16px !important;
    }

    .blockOfO1b2l3 {
        margin-left: -16px !important;
    }
}

/* directadvert */

.da-widget--3312015 {
    padding-bottom: 0 !important;
}

.da-widget--3312015 .da-list {
    margin: 0 -15px !important;
}

.da-widget--3312015 .da-list__item {
    padding: 0 15px !important;
}

.da-widget__logo {
    display: none;
}

/* ------------ newhunters ---------------------- */

.ad-injection-block > a {
    display: none;
}

.b-adv-row {
    position: relative;
}

.b-adv {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
    width: 288px;
    margin-bottom: 10px;
}

.b-adv__image {
    width: 288px;
    height: 180px;
}

.b-adv__title {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    font-family: "arial", sans-serif;

    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    width: 288px;
    background-color: rgba(0, 0, 0, 0.75);
}

/* smi24 */

.smiinformer10276 * {
    /*font-size: 0;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*border-width: 0;*/
    /*box-sizing: border-box;*/
    margin-bottom: 5px !important;
}

.smiinformer10276 {
    /*border: 0px solid #fff;*/
    /*width: 100%;*/
}

.smiteaser-container10276 {
    /*display:  inline-block;*/
    /*width:  33.333333333333336%;*/
    /*vertical-align:  top;*/

    width: 33.286% !important;
}

.smiteaser-container10276:after {
    /*display: table;*/
    /*content: "";*/
}

.smiteaser10276 {
    /*padding: 10px;*/
    /*background-color: #fff;*/
    /*margin-top: 0px;*/
    /*margin-left: 0px;*/

    /*padding: 10px !important;*/
    padding: 0 !important;
    /*margin: 15px !important;*/
    margin: 0 15px 0 !important;
}

/*.smiteaser10276:last-child {*/
/*margin-left: 15px !important;*/
/*}*/
/*.smiteaser10276:first-child {*/
/*margin-left: 15px !important;*/
/*}*/

.smiteaser-container10276:last-child .smiteaser10276 {
    /*margin-right: px;*/

    /*margin-right: 0 !important;*/
}

.smiteaser-row10276:last-child .smiteaser10276 {
    /*margin-bottom: px;*/

    /*margin-right: 30px !important;*/
}

.smiteaser10276:after {
    /*content: "";*/
    /*display: table;*/
    /*clear: both;*/
}

.smiteaser10276 {
    /*border: 0px solid #fff;*/
}

.smiimg10276 {
    /*float: none;*/
    /*margin-bottom: 5px;*/

    /*margin-bottom: 10px !important;*/
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.smiimg10276 img {
    /*border: 0px solid #fff;*/
    /*width: 100%;*/
}

a.smititle10276 {
    /*font-family: Museo Sans Cyrl;*/
    /*font-size: 14px;*/
    /*color: #000;*/
    font-weight: bold !important;
    /*font-style: normal;*/
    /*text-decoration: none;*/

    font-family: 'Open Sans', sans-serif !important;
    /*letter-spacing: 0.025em !important;*/
    /*line-height: 1.25 !important;*/
    /*font-size: 16px !important;*/
}

a.smititle10276:hover {
    /*color: #000;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*text-decoration: none;*/
}

.smicat10276 {
    /*font-size: 11px;*/
    /*color: #000;*/
}

.smitext10276 {
    /*text-align: left;*/
}

.smiteaser10276:hover {
    /*background-color: #f0f1f2;*/
    /*transition: background 0.6s ease;*/

    /*background-color: #eeeeee !important;*/
    background-color: transparent !important;
}

.smi_teaser_10276 {
    overflow: hidden;
}

@media (max-width: 480px) and (min-width: 240px) {
    .smi_teaser_10276 {
        /*width: 120% !important;*/
    }
}

/* smi 24 $$$ */

.smititle11670 {
    font-weight: bold !important;
}

.smiimg11670:hover a {
    /*text-decoration: underline !important;*/
}

/* smi24 new */

.smiinformer11670 * {
    /*font-size: 0;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*border-width: 0;*/
    /*box-sizing: border-box;*/
    margin-bottom: 5px !important;
}

.smiinformer11670 {
    /*border: 0px solid #fff;*/
    /*width: 100%;*/
}

.smiteaser-container11670 {
    /*display:  inline-block;*/
    /*width:  33.333333333333336%;*/
    /*vertical-align:  top;*/

    width: 33.286% !important;
}

.smiteaser-container11670:after {
    /*display: table;*/
    /*content: "";*/
}

.smiteaser11670 {
    /*padding: 10px;*/
    /*background-color: #fff;*/
    /*margin-top: 0px;*/
    /*margin-left: 0px;*/

    /*padding: 10px !important;*/
    padding: 0 !important;
    /*margin: 5px !important;*/
    /*margin: 15px !important;*/
    margin: 15px 15px 0 !important;
}

/*.smiteaser11670:last-child {*/
/*margin-left: 15px !important;*/
/*}*/
/*.smiteaser11670:first-child {*/
/*margin-left: 15px !important;*/
/*}*/

.smiteaser-container11670:last-child .smiteaser11670 {
    /*margin-right: px;*/

    /*margin-right: 0 !important;*/
}

.smiteaser-row11670:last-child .smiteaser11670 {
    /*margin-bottom: px;*/

    /*margin-right: 30px !important;*/
}

.smiteaser11670:after {
    /*content: "";*/
    /*display: table;*/
    /*clear: both;*/
}

.smiteaser11670 {
    /*border: 0px solid #fff;*/
}

.smiimg11670 {
    /*float: none;*/
    /*margin-bottom: 5px;*/

    margin-bottom: 10px !important;
}

.smiimg11670 img {
    /*border: 0px solid #fff;*/
    /*width: 100%;*/
}

a.smititle11670 {
    /*font-family: Museo Sans Cyrl;*/
    /*font-size: 14px;*/
    /*color: #000;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*text-decoration: none;*/

    font-family: 'Open Sans', sans-serif !important;
    /*letter-spacing: 0.025em !important;*/
    /*line-height: 1.25 !important;*/
    /*font-size: 16px !important;*/
}

a.smititle11670:hover {
    /*color: #000;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*text-decoration: none;*/
}

.smicat11670 {
    /*font-size: 11px;*/
    /*color: #000;*/
}

.smitext11670 {
    /*text-align: left;*/
}

.smiteaser11670:hover {
    /*background-color: #f0f1f2;*/
    /*transition: background 0.6s ease;*/

    /*background-color: #eeeeee !important;*/
    background-color: transparent !important;
}

/* =====================================================================================================================
            PARTNERS SLIDER
===================================================================================================================== */

.b-partners-slider {

}

.b-partners-slider .fa {
    /* можно заменить на FLEX >> vertical >> center */
    margin-top: 30px;
}

/* =====================================================================================================================
            ARTICLE
===================================================================================================================== */

.b-article-img {
    width: 320px;
}

/*.b-article-content iframe[src*="videoembed"],*/
/*.b-article-content iframe[src*="eagleplatform"],*/
/*.b-article-content iframe[src*="youtube"]*/
.b-article-content iframe {
    /*width: 100%;*/
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.b-article-content table {
    width: auto !important;
    max-width: 100% !important;
}

/* убираем фиксированные размеры */
.b-article-content img {
    max-width: 100%;
    height: 100% !important;
}

/* переопределяем стиль */
/*.ekko-lightbox .modal-footer {*/
/*    font-size: 0.7em;*/
/*    -webkit-box-pack: start;*/
/*    -ms-flex-pack: start;*/
/*    justify-content: flex-start;*/
/*    padding: 10px 15px;*/
/*}*/
/*.ekko-lightbox-nav-overlay a span {*/
/*    text-shadow: 2px 2px 3px black;*/
/*    font-size: 40px;*/
/*}*/

.b-main-photo-overlay-wrapper .b-download,
.b-media-img .b-download {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2px 4px;
    font-size: 10px;
}
.b-main-photo-overlay-wrapper .b-download {
    top: 0;
    right: 0;
}

.b-media-img .b-download {
    top: 5px;
    left: 20px;
}
.b-main-photo-overlay {
    display: none !important;
}
.b-main-photo-overlay-wrapper .b-download a,
.b-media-img .b-download a {
    color: #ddd;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > blockquote (цитаты)
--------------------------------------------------------------------------------------------------------------------- */

/* цитата не имеющая класса */
blockquote:not(.horizontal-inject) {
    margin: 5px 0 15px;
    background: #f0f0f0;
    color: #333;
    padding: 15px 25px 5px;
    position: relative;
    display: inline-block;
    border-left: 35px solid #DFDEDE;
}
blockquote:not(.horizontal-inject):before {
    content: "\201C";
    font-family: serif;
    position: absolute;
    font-size: 50px;
    left: -29px;
    top: 5px;
    color: #bcbcbc;
    text-shadow: 1px 2px 0 white;
}
blockquote:not(.horizontal-inject) p {
    font-size: 18px;
    font-style: italic;
}

/* вертикальные разделители (инжекты | inject) */
blockquote.horizontal-inject {
    margin: 10px 0;
    padding: 10px 20px 0;
    font-size: 1.2em;
    background-color: #f6f6f6;
    border-top: solid;
    border-bottom: solid;
    border-width: 2px;
}
.external_iframe {
    display: none !important;
}
.b-article-photo-overlay-wrapper {
    position: relative;
}

.b-article-photo-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 7px 10px;
    font-size: 0.8em;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.b-article-photo-overlay--small {
    bottom: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > fixed slider
--------------------------------------------------------------------------------------------------------------------- */

.b-slider-card {
    position: relative;
}

.b-slider-card,
.b-slider-card__img {
    min-height: 220px;
}

.b-slider-card__img--fixed {
    height: 275px !important;
}

/*.b-slider-card__header {*/
/*    position: absolute;*/
/*    display: block;*/
/*    z-index: 2;*/
/*    top: 0;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    color: white;*/
/*    font-size: 1.1em;*/
/*    padding: 5px 7px;*/
/*    text-transform: uppercase;*/
/*}*/

.b-slider-card__nav {
    position: absolute;
    z-index: 2;
    top: 0;

    margin-top: 100px;
    color: white;
    text-shadow: 2px 2px 3px black;
    /*background-color: red;*/
    padding: 10px;
}

.b-slider-card__nav--mt {
    margin-top: 170px;
}

.b-slider-card__nav--prev {
    left: 15px;
}

.b-slider-card__nav--next {
    right: 15px;
}

.b-slider-card__text {

}

.b-slider-card__title {
    padding: 15px;
}

.b-slider-card__date {
    padding: 0 15px 15px 15px;
    font-size: .9em;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > narratives
--------------------------------------------------------------------------------------------------------------------- */

.b-narratives {
    position: relative;
    /*padding-top: 10px;*/
    /*min-height: 600px;*/
}

/* buttons */
.b-narratives__buttons {
    position: absolute;
    top: 50%;
    margin-top: -50px; /* высота кнопки */
    z-index: 10;

    padding: 20px 30px;
    border-radius: 10px;
    transition-duration: .2s;

    color: #222222;
    text-shadow: 0 0 7px white;
}

.b-narratives__buttons:hover {
    /*background: rgba(22, 22, 22, 0.5);*/
    color: #eee;
    /*text-shadow: none;*/
    text-shadow: 0 0 7px #222;
}

.b-narratives__buttons--prev {
    left: 5px;
}
.b-narratives__buttons--next {
    right: 5px;
}

/* gradient */
.b-narratives__gradient {
    position: absolute;
    z-index: 9;
    width: 200px;
    height: 100%;
}

.b-narratives__gradient--prev {
    left: 14px;
    background: linear-gradient(to left, transparent, #fff);
}
.b-narratives__gradient--next {
    right: 14px;
    background: linear-gradient(to right, transparent, #fff);
}

/* slider */
.b-narratives__slider {
    position: relative;
    height: 750px;
}

.b-narratives__image {
    height: 600px;
    margin-top: 10px;
}

.b-narratives__vertical-gradient {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 14;
    bottom: 150px; /* 750 - 600 */
}

.b-narratives__content {
    position: absolute;
    z-index: 15;
    bottom: 0;
    padding: 35px 15px 15px 15px;
    color: white;
    text-shadow: 0 0 2px black;
    width: 100%;
}

.b-narratives__content--dark {
    color: black;
    text-shadow: 0 0 2px white;
}

.b-narratives__content--over {
    bottom: auto;
    top: 0;
    padding: 25px 15px 40px 15px;
}

.b-narratives__title {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
}

.b-narratives__text {
    font-size: 18px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > prev & next articles
--------------------------------------------------------------------------------------------------------------------- */

.b-prev-next-article {
    font-size: 0.9em;
    padding: 15px 20px;

    /*background-color: #eeeeee;*/
    /*transition-duration: .4s;*/
}

.b-prev-next-article:hover {
    /*background-color: #e0e0e0;*/
}

.b-prev-next-article__title {
    font-weight: bold;
    margin-bottom: 10px;
}

.b-prev-next-article__left {
    display: none;
    border-left: 2px solid #333333;
}

.b-prev-next-article__right {
    display: none;
    border-right: 2px solid #333333;
    text-align: right;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > video
--------------------------------------------------------------------------------------------------------------------- */

.b-video {
    overflow: hidden;
    position: fixed;
    width: 400px;
    height: 235px;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.b-video #vid_over_float {
    height: 235px !important;
    width: 400px !important;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > share
--------------------------------------------------------------------------------------------------------------------- */

.b-share {
    padding: 10px 20px;
}

.b-share:before {
    content: 'Поделиться: ';
    float: left;
    font-weight: bold;
    padding: 2px 15px 5px 0;
}

.b-socials {
    display: none;
    font-weight: bold;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.offset-1 {
    display: none;
}
.b-socials span {
    white-space: nowrap;
}

/* ссылки на яндекс и гугл */

.b-channels {
    display: none;
    margin-bottom: 20px;
}

.b-channels a:hover {
    text-decoration: none;
}

.b-channels__title {
    font-weight: bold;
    font-family: "arial", sans-serif;
    font-size: 17px;
    padding-right: 10px;
}

.b-channels__icons {
    white-space: nowrap;
    overflow: hidden;
}

.b-channels__icon {
    border: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 130px;
    height: 20px;

    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.b-channels__icon:hover {
    border: 1px solid #bbb;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.b-channels__icon img {
    width: 130px;
    height: 20px;
}

.b-channels__icon-yandex {
    border-radius: 5px 0 0 5px;
    padding-left: 14px;
    padding-right: 10px;
    /*background-image: url("/img/template/ya.svg");*/
}

.b-channels__icon-google {
    border-radius: 0 5px 5px 0;
    padding-left: 10px;
    padding-right: 14px;
    /*background-image: url("/img/template/go.svg");*/
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > theme & interesting posts
--------------------------------------------------------------------------------------------------------------------- */

.b-article-add-posts__title {
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.b-article-add-posts__img {
    height: 180px;
    position: relative;
}

.b-article-add-post__overlay {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 0.85em;
    color: #ffffff;
    z-index: 999;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > incut (врезки в статью (ckeditor -> incut))
--------------------------------------------------------------------------------------------------------------------- */

hr.incut {
    display: none;
}

.b-incut {
    background-color: #f4f4f4;
    padding: 10px;
    width: 100%;
    position: relative;
    display: none;
}

.b-incut-big-full .b-incut__image {
    margin-right: 10px;
    float: left;
}

.b-incut-small-left,
.b-incut-small-right {
    width: 240px;
}

.b-incut-small-left {
    float: left;
    margin-right: 20px;
}

.b-incut-small-right {
    float: right;
    margin-left: 20px;
}

.b-incut-big-full .b-incut__image {
    width: 160px;
}

.b-incut__image {
    width: 100%;
}

.b-incut__title,
.b-incut__title a {
    font-weight: bold;
    margin-bottom: 5px;
    color: #33383e;
}

.b-incut__subtitle,
.b-incut__subtitle a {
    color: #33383e;
}

.b-incut-small-left .b-incut__subtitle,
.b-incut-small-right .b-incut__subtitle {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------
            article > image patterns    (фото в теле статей)
--------------------------------------------------------------------------------------------------------------------- */

.imagePattern_big-full {
    position: relative;
    width: 100%;
}

.imagePattern_half-left,
.imagePattern_half-right {
    width: 100%;
    max-width: 320px !important;
}

.imagePattern_half-left {
    float: left;
    margin: 0 20px 10px 0;
}

.imagePattern_half-right {
    float: right;
    margin: 0 0 10px 20px;
}

/* автор гл. фото */
/* автор фото в теле статьи */

.wrapImg,
.b-main-photo-overlay-wrapper {
    position: relative;
}

.imageSign,
.b-main-photo-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    /*font-size: 1.3em;*/
    padding: 7px 10px;
    font-size: 0.8em;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    /*background: rgba(128, 128, 128, 0.5);*/
}

/* ---------------------------------------------------------------------------------------------------------------------
            DISCOUNTS
--------------------------------------------------------------------------------------------------------------------- */

.b-discount {
    margin-bottom: 30px;
    border: 1px #dddddd solid;
    /*border-radius: 10px;*/
    /*overflow: hidden;*/
}

/* intro */

.b-discount-intro {
    position: relative;
}

.b-discount-intro__btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20%; /* 184px */
}

/* left */

.b-discount-company {
    background-color: #eeeeee;
    width: 225px;
    /*min-height: 250px;*/
    text-align: center;
}

.b-discount-company__name {
    font-size: 26px;
    color: #333333;
    padding-bottom: 5px;
}

.b-discount-company__description {
    font-size: 14px;
    color: #888;
    padding-bottom: 15px;
}

.b-discount-company__logo {
    width: 125px;
    padding: 10px;
    background-color: white;
    border-radius: 8px;
    display: inline-block; /* по центру */
}

.b-discount-company__logo--sm {
    display: inline-block;
    /*background-color: green;*/
    padding: 0;
    margin: 0 7px;
    border-radius: 0;
    /*width: 35px;*/
    width: 40px;
}

/* right */

.b-discount-list {
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}

.b-discount-list__image {
    width: 50px;
    height: 40px;
    margin-right: 15px;
}

.b-discount-list__title {
    font-size: 20px;
    color: #333333;
    padding-right: 5px;
}

.b-discount-list__subtitle {
    font-size: 12px;
    color: #999;
}

.b-discount-list__price {
    font-size: 24px;
    color: #333333;
}

.b-discount-list__price-from {
    /*font-size: 20px;*/
    font-size: 80%;
}

.b-discount__more {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    background-color: #999;
    color: white;
    padding: 8px 10px 8px 12px;
}

.b-discount-rub {
    font-size: 18px;
    font-weight: normal;
    color: #aaa;
}

/* ---------------------------------------------------------------------------------------------------------------------
            DISCOUNTS > goods
--------------------------------------------------------------------------------------------------------------------- */

.b-discount-goods {
    border: 1px solid #dfdfdf;
    /*border-radius: 15px 0 15px 0;*/
    /*overflow: hidden;*/
    background: #f3f3f3;
}

.b-discount-goods__top {
    padding: 10px 15px;
    height: 100%;
    min-height: 105px;
    color: #222;
    /*background: white;*/
    /*background: linear-gradient(to bottom, #f3f3f3, #fff);*/
    /*background: linear-gradient(to bottom right, #f0f0f0, #fff);*/
}

.b-discount-goods__title {
    font-size: 20px;
    padding-bottom: 5px;
}

.b-discount-goods__subtitle {
    font-size: 12px;
}

.b-discount-goods__bottom {
    background-color: #fff;
}

.b-discount-goods__image {
    width: 100%;
    height: 250px;
}

.b-discount-goods__image img {
    width: inherit;
    height: inherit;
    padding: 10px;
}

.b-discount-goods__footer {
    background: #f3f3f3;
    background: linear-gradient(to bottom right, #f0f0f0, #fff);
}

.b-discount-goods__company {
    padding: 8px 10px;
    width: auto;
    height: 35px;
}

.b-discount-goods__company img {
    width: inherit;
    height: inherit;
    padding: 3px 2px;
    border-radius: 4px;
    background-color: white;
}

.b-discount-good {
    position: absolute;
    bottom: 6px;
    width: 100px !important;
    height: 100px !important;
}

.b-discount-goods__price {
    font-weight: bold;
    font-size: 20px;
    background: #FFBF00;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background: linear-gradient(to right, orange, #FFBF00);
    padding: 10px;
    color: #000;
    min-width: 152px;
    text-align: right;
}

.b-discount-goods .b-discount-rub {
    color: #000;
}

/* =====================================================================================================================
            SEARCH
===================================================================================================================== */

.b-search-result {}
.b-search-result__image {
    height: 85px;
}

/*.b-search-filters {}*/
/*.b-search-filters select {*/
    /*width: auto;*/
    /*margin-right: 3px;*/
/*}*/

.b-search-filters select,
.b-search-filters .btn {
    margin-top: 8px;
}

/* =====================================================================================================================
            FOOTER
===================================================================================================================== */

.b-footer {
    color: #999;
}

.b-footer a {
    color: #999;

    /* элем. врем. эфф. задерж.*/
    -webkit-transition: all 0.2s ease 0.1s;
    -o-transition: all 0.2s ease 0.1s;
    transition: all 0.2s ease 0.1s;
}

/* ---------------------------------------------------------------------------------------------------------------------
            footer > links
--------------------------------------------------------------------------------------------------------------------- */

.b-footer__links {

}

.b-footer__links h5 {
    color: white;
}

.b-footer__links ul {
    padding-left: 0;
}

.b-footer__links li {
    list-style-type: none;
    padding: .3em 0;
}

.b-footer__links li:not(:last-child) {
    border-bottom: solid 1px #555;
}

.b-footer__links a {
    /* элем. врем. эфф. задерж.*/
    -webkit-transition: all 0.2s ease 0.1s;
    -o-transition: all 0.2s ease 0.1s;
    transition: all 0.2s ease 0.1s;
}

.b-footer__links li a:hover {
    color: white;
    padding-left: 15px;
}

/* ---------------------------------------------------------------------------------------------------------------------
            footer > links > fa colors
--------------------------------------------------------------------------------------------------------------------- */

.b-footer a .fa {
    -webkit-transition: 0.3s ease 0.1s;
    -o-transition: 0.3s ease 0.1s;
    transition: 0.3s ease 0.1s;
}

.b-footer a:hover .fa-facebook-official {
    color: #3B5998;
}

.b-footer a:hover .fa-tumblr-square {
    color: #1EA1F3; /*twitter*/
}

.b-footer a:hover .fa-vk {
    color: #507299;
}

.b-footer a:hover .fa-odnoklassniki-square {
    color: #EE8208;
}

.b-footer a:hover .fa-instagram {
    color: #E0316A;
}

.fa-tg,
.b-footer a:hover .fa-telegram {
    color: #38AEEB;
}

.fa-wa,
.b-footer a:hover .fa-whatsapp {
    color: #43d854;
}

.b-footer a:hover .fa-rss {
    color: #F78422;
}

/* ---------------------------------------------------------------------------------------------------------------------
            footer > info
--------------------------------------------------------------------------------------------------------------------- */

.footer__info {
    display: none;
    font-size: 0.7em;
}

.footer__marker {
    color: #eee !important;
    font-size: 1.2em;
    margin-bottom: 15px;
}

.footer__info > div {
    padding-bottom: 15px;
}

.b-footer__policy {
    padding-top: 5px;
}

.b-footer__policy a {
    color: #ccc;
}

/* ---------------------------------------------------------------------------------------------------------------------
            footer > bottom
--------------------------------------------------------------------------------------------------------------------- */

.b-footer__bottom {
    padding-top: 10px;
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------
            footer > to top
--------------------------------------------------------------------------------------------------------------------- */

.btn-to-top {
    display: none;
    position: fixed;
    bottom: 15px;
    left: 15px;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 2px;
    color: #fff;
    background-color: #444;
    border: 1px solid #ccc;
    opacity: 0.4;
}

.btn-to-top:hover {
    color: #fff;
    opacity: 0.8;
}

/* =====================================================================================================================
            REGION
===================================================================================================================== */

.b-region-region:nth-child(n+3) {
    font-size: 0.9em;
    margin-top: 30px;
}

.b-region-region__img {
    height: 250px; /* стандартизированная высота блока с картинкой */
    position: relative;
}

.b-region-region__img--lg {
    height: 360px;
}

/* =====================================================================================================================
            COMMENTS
===================================================================================================================== */

.new-comment-name {
    width: 30%;
}

.comment-wrap {
    background: #ffffff;
    width: 100%;
    min-height: 60px;
    margin-top: 20px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    font-size: 0.9em;
    color: #666666;
    overflow-wrap: break-word;
}

.comment-name-date {
    position: relative;
    width: 100%;
    padding: 5px 15px;
    border-bottom: 1px solid #CCCCCC;
    background: #F2F2F2;
}

.comment-name {
    color: #3B5998;
    font-weight: bold;
}

.comment-like {
    color: #666;
    transition-duration: .15s;
}
.comment-like:hover {
    color: #aaa;
}

.comment-content {
    width: 100%;
    top: 30px;
    padding: 5px 15px;
}

.comment-reply {
    width: 97%;
    margin-left: 3%;
    margin-top: 10px;
    background: #ffffff;
    min-height: 60px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    font-size: 0.9em;
    color: #666666;
}

.b-comments-rating--up {
    color: #449d44;
}

.b-comments-rating--down {
    color: #CC0000;
}

.b-comments__policy {
    padding: 10px 0 5px;
    font-size: 12px;
    color: #727b84;
}

/* =====================================================================================================================
            ADVERT
===================================================================================================================== */

.b-html5-banner {
    overflow: hidden;
}

.b-html5-iframe {
    border: none;
}

/* 1200x100 */

.b-html5-banner__1200x100 {
    width: 100%;
    max-height: 100px;
}

.b-html5-iframe__1200x100 {
    width: 1200px;
    max-height: 100px;
}

/* 280x370 */

.b-html5-banner__280x370 {
    width: 100%;
    min-height: 370px;
}

.b-html5-iframe__280x370 {
    width: 280px;
    min-height: 370px;
    padding-top: 4px;
    padding-left: 8px;
}

/* =====================================================================================================================
            MAKET CANVAS SYSTEM
===================================================================================================================== */

#makeScreenshot {
    position: fixed;
    cursor: pointer;
    top: 50%;
    right: 30px;
    background: none;
    border: none;
}

.b-wrap-maket {
    width: 1920px;
    height: 2822px;
    overflow: hidden;
}

.b-maket {
    font-size: 1.7em;
}

.b-maket__img {
    height: 300px;
}

.b-maket__text {
    padding: 15px;
}

.b-maket__date {
    padding: 0 15px 15px 15px;
    font-size: .9em;
}

.b-maket-footer-title {
    color: white;
    font-size: 2.3em;
}

.b-maket-footer-text {
    color: white;
    font-size: 2em;
}

.b-maket-slider,
.b-maket-slider-big,
.b-maket-slider-small {
    height: 700px;
}

.b-maket-slider-small > div {
    height: 165px;
}

.b-maket-slider-small-date {
    font-size: 1.4em;
    padding-bottom: 10px;
}

.b-maket-slider-small-title {
    font-size: 1.4em;
}

.b-maket-slider-big__overlay {
    color: #ffffff;
    font-size: 1.7em;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
}

.b-maket-trends {
    height: 1280px;
    margin-left: -15px;
}

.b-maket-lenta {
    height: 1280px;
}

.b-maket-trends > div {
    height: 225px;
}

.b-maket-trends-date {
    font-size: 1.4em;
    padding-bottom: 10px;
}

.b-maket-trends-title {
    font-size: 1.8em;
}