@import url('https://fonts.googleapis.com/css?family=PT+Sans');

* {box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, pre, table, thead, tbody, tr, th, td, img, pre, tt, code, form, input, textarea, select, button {margin: 0;padding: 0;outline: none;text-indent: 0;font-size: 100%;font-style: normal;font-weight: normal;text-align: left;vertical-align: baseline}
body {padding: 0;margin: 0;}
body, input, textarea, select, button {font-size: 16px;line-height: 24px;font-family: 'PT Sans', sans-serif;}
a {color: #9A6B12;border-color: rgba(154, 107, 18, 0.2);transition-property: border-bottom, border-color, background, color, fill;transition-duration: .2s;transition-timing-function: ease-out;text-decoration: none;line-height: 1.4em;border-bottom-width: 1px;border-bottom-style: solid;}
a:hover, a.hover {color: #6E4C0C;border-color: rgba(154, 107, 18, 0.4);transition: none;}
a:visited {border-color: rgba(154, 107, 18, 0.35);}
img {border: 0;}

/* Иконки по сайту */
.ico-object {height: 32px;padding: 0 10px 0 0;width: 32px;}

/* Контейнер */
.inner {width: 1100px; margin: 0 auto}

.common {margin: 0 auto;overflow-x: hidden;}
.wrapper {align-items: center;background: rgba(0,0,0,.3);display: none;height: 100%;justify-content: center;position: fixed;width: 100%;z-index: 999;}

.header-new {
    background: #2d2b29 50% 0 no-repeat;
    background-image: url(../img/hero.svg);
    padding: 0 0 45px;
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
}


/* Задать вопрос на основной версии */
.mail-question {color: #FFFFFF;cursor: pointer;font-size: 16px;letter-spacing: 0.16px;line-height: 24px}
.mail-question-wrp {display: flex;align-items: center;color: #FFFFFF;font-size: 16px;line-height: 24px;letter-spacing: 0.16px;border:none;cursor: pointer;}

/* Задать вопрос в адаптиве */
.mail-mquestion {color: #FFFFFF;cursor: pointer;font-size: 16px;letter-spacing: 0.16px;display: none;}
.mail-mquestion-wrp {display: flex;align-items: center;color: #FFFFFF;font-size: 16px;line-height: 24px;letter-spacing: 0.16px;border:none;cursor: pointer;}
.mail-mquestion__text {color: #FFF;position: relative;top: -1px;}
.mtopmenu {display: none}
.mtopmenu-item__title {font-weight: bold;font-size: 16px;color: #FFFFFF;letter-spacing: 0.16px;line-height: 24px;cursor: pointer;}
.mtopmenu-item__subtitle {font-size: 12px;letter-spacing: 0.12px;line-height: 17px;max-width: 108px;}



/* Верхняя панелька */
.top-panel {display: flex;justify-content: space-between;padding: 20px 0;}
.header-content {padding-top: 20px;}
.header-info {max-width: 750px;color: #fff;margin-left: 100px; /* margin-right: 25%; */transition: .3s}
.header-info__name {color: #FFFFFF;font-family: 'PT Sans', sans-serif;font-size: 32px;font-weight: bold;letter-spacing: 0.32px;line-height: 50px;}
.header-info__desc {color: #FFFFFF;font-family: 'PT Sans', sans-serif;font-size: 18px;letter-spacing: 0.18px;line-height: 28px;max-height: 210px;padding-bottom: 20px;padding-top: 20px;}
.header-info__go-follow {font-size: 18px;letter-spacing: 0.18px;line-height: 28px;padding-top: 15px;padding-bottom: 20px;}


/* Раскрывающася плашка */
.block {width:100%;height:370px;background:#2d2b29;box-shadow:0 8px 12px 0 rgba(0,0,0,.24);display:none;position:absolute;z-index:1000;color:#fff}
.block-into {max-width:100%;margin:0 auto}

.sclinfo-head {display: flex;align-items: center;justify-content: space-between;padding: 32px 0;}
.sclinfo-head__title {font-size:32px;color:#FFF;letter-spacing:.32px;}
.sclinfo-close {cursor: pointer}
.sclinfo__close {color: #CCC;letter-spacing: .16px;line-height: 1.4;cursor: pointer;}
.sclinfo__icclose {display:none}

.sclinfomsg {height: 155px;display: flex;margin-top: 30px;}
.sclinfomsg-item {font-size: 14px;letter-spacing: 0.12px;line-height: 20px;max-height: 144px;max-width: 20%;padding-bottom: 10px;margin-right: 30px;display: flex;flex-direction: column;}
.sclinfomsg-item:last-child {margin-right: 0;}
.sclinfomsg-item__linkwrp {display: flex;}
.sclinfomsg-item__link {border: none;}
.sclinfomsg-item__title {margin-top: 16px;}



.sclinfo-rss-icons {display: none;}
.topline-panel-element {display: inline-block;}
.sclinfo-rss-icons__img {}
.sclinfo-rss-icons__img:hover {opacity: 0.8;}
.line{opacity:.1;background:#D8D8D8;height:1px;width:100%;margin-top:24px}
.block-rss {width:100%;max-width:1050px;margin:0 auto;font-size:16px;color:#FFF;letter-spacing:.16px;padding-left:0;vertical-align:top;padding-top:12px}
.sclinfo-rss__text {letter-spacing: 0.16px;padding-top: 12px;}
.rss-link {color:#E9C46A!important;text-decoration:none}
.rss-link:hover {color: #F5D98E !important;border-bottom-color: rgba(233, 196, 106, 0.4);}

/* Информация при наведении */
.tooltip {border: none;}
.tooltip::after {background: rgba(41, 40, 40, 0.88);border-radius: 8px 8px 8px 8px;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);color: #FFF;content: attr(data-tooltip);font-size: 14px;margin-left: -52px;margin-top: 43px;opacity: 0;padding: 8px 13px;position: absolute;transition: all 0.4s ease-in-out;visibility: hidden;width: 190px;}
.tooltip:hover::after {opacity: 1;visibility: visible;}


.sandwich {display: none;}
.subscribe {background: #E9C46A;border-radius: 2px;color: #2d2b29;cursor: pointer;font-family: 'PT Sans', sans-serif;font-size: 16px;font-weight: bold;height: 40px;letter-spacing: 0.16px;line-height: 24px;margin-left: 36px;padding: 8px 22px 8px 22px;vertical-align: top;}
.subscribe:hover {background-color: #F5D98E;}


/* Меню */
.topmenu {display: flex;}
.topmenu-item__title {color: #FFFFFF;cursor: pointer;font-size: 16px;font-weight: bold;letter-spacing: 0.16px;line-height: 24px;}
.topmenu-item__subtitle {color: #FFFFFF;font-size: 12px;letter-spacing: 0.12px;line-height: 17px;max-width: 108px;}


/* Плашка под шапкой */
.quotes {padding-top: 24px;padding-bottom:50px;background: #242220;}
.quotes-head {color: #BFAE85;font-size: 20px;font-weight: bold;letter-spacing: 0;line-height: 30px;padding-top: 8px;padding-bottom: 8px;margin: 0 auto;}
.quotes-body {display: flex;justify-content: space-between;}
.quotes__item {width: 22%;color: #fff;}
.quotes__item::before {content: "";display: block;width: 24px;height: 2px;background: #E9C46A;margin: 14px 0 10px;}


/* Верхняя часть блога */
.blog-head {color: #333333;letter-spacing: 0.22px;padding: 32px 0 0;display: flex; align-items: center; justify-content: space-between}
.blog-head__title {width: 56%;font-size: 21px;}
.blog-search {width: 42%;display: flex;justify-content: flex-end;}
.search-field {--searchFieldMaxWidth: 240px;display: -ms-inline-flexbox;display: inline-flex;width: 20px;height: 28px}
.search-field__label {position: absolute;z-index: 1}
.search-field__input {box-sizing: border-box;position: absolute;margin-left: auto;pointer-events: none;cursor: pointer;-webkit-appearance: none;border-radius: 3px;width: var(--searchFieldMaxWidth);transform: scaleX(0);height: 28px;padding-left: 20px !important;padding-right: 0 !important;line-height: 1;background-color: #f0f0f0 !important;border: solid 1px #E9C46A;}
.search-field__input, .search-field__input:focus, .search-field__input_focused {transition-property: padding-left, padding-right, transform !important;transition-duration: .2s !important;transition-timing-function: ease-out !important;outline: none}
.search-field__input:focus, .search-field__input_focused {color: #000;cursor: text;transform: scaleX(1);padding-left: 24px !important;padding-right: 24px !important;pointer-events: auto}
.search-field__input:focus+.search-field__zoom-icon, .search-field__input_focused+.search-field__zoom-icon {transition-property: left, transform;transition-duration: .2s;transition-timing-function: ease-out}
.search-field__input:focus~.search-field__tags-icon, .search-field__input_focused~.search-field__tags-icon {z-index: 1;opacity: 1;pointer-events: all}
.search-field__zoom-icon {display: -ms-flexbox;display: flex;width: 16px;position: relative;margin-top: 5px;color: #000;}
.search-field__zoom-icon:hover svg {
    fill: #555454;
    transition: .2s;
}
.search-field__zoom-icon_focused, .search-field__zoom-icon_focused:hover {cursor: text;color: #000;}
.search-field__tags-icon {position: absolute;z-index: -1;top: 0;bottom: 0;display: -ms-flexbox;display: flex;height: 28px;margin-left: -4px;padding-top: 7px;opacity: 0;color: #9A6B12;transition-property: opacity, transform;transition-duration: .2s;transition-timing-function: ease-out;pointer-events: none}
.search-field-right-anchored .search-field__input {margin-right: -16px;right: 0;transform-origin: 100% 50%}
.search-field-right-anchored .search-field__input:focus+.search-field__zoom-icon, .search-field-right-anchored .search-field__input_focused+.search-field__zoom-icon {transform: none}
.search-field-right-anchored .search-field__zoom-icon {margin-left: calc(-1 * var(--searchFieldMaxWidth) + 20px);transform: translateX(var(--searchFieldMaxWidth)) translateX(-20px);cursor: pointer;}


/* Контентная часть */
.content {margin-top: 58px;}

/* Обертка для статей */
.article-list {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}

/* Статья */
.article {width: 32%;height: 155px;float: left;display: flex;flex-direction: column;}
.article__title {font-size: 22px;line-height: 26px;font-weight: bold;margin: 0 0 0;padding-right: 25px;word-break: break-word;word-wrap: break-word;}
.article__title a, .article__title a:visited {color: #000;border-color: rgba(0, 0, 0, 0.15);}
.article__title a:hover, .article__title a.hover {color: #9A6B12;border-color: rgba(154, 107, 18, 0.4);}

/* Теги */
.article-taglist {font-size: 14px;color: #999999;line-height: 16px;font-family: inherit;margin: 5px 0 24px 0;}
.article__tag, .article__tag:visited {color: #7d7d7d;border-color: rgba(85, 102, 119, 0.15);}
.article__tag:hover, .article__tag:active {color: #9A6B12;border-color: rgba(154, 107, 18, 0.4);}


/* Надпись после статей */
.goblog {color: #9A6B12;display: inline-block;font-family: 'PT Sans', sans-serif;font-size: 24px;font-weight: bold;letter-spacing: 0.24px;padding-top: 24px;}
.goblog:hover{color: #6E4C0C;}
.goblog-wrp {display: flex;align-items: center;}
.goblog-wrp:hover {border-color: rgba(154, 107, 18, 0.3);}
.goblog-arrow {display: inline-block;margin-left: 5px;position: relative;top: 1px;vertical-align: top;}



/* Нижняя часть сайта */
.footer {padding-bottom: 30px;padding-top: 45px;margin: 0 auto;margin-bottom: 10px;}
.footer__title {color: #333333;font-size: 16px;letter-spacing: 0.16px;line-height: 24px;}
.share {width: 118px;color: #FFF;cursor: pointer;display: inline-block;font-size: 14px;height: 33px;letter-spacing: 0.14px;margin: 8px 8px 0 0;background: #2d2b29;border-radius: 4px;}
.share:hover {background: #45403A;}
.share-text {display: inline-block;padding-top: 4px;vertical-align: top;}
.share-img {display: inline-block;margin-left: 4px;}




/* АДАПТИВ*/
/* На узких экранах — спокойный фон без вопросительного знака, чтобы линия не пересекала текст */
@media (max-width: 1240px) {
    .header-new {background-image: url(../img/hero-narrow.svg);}
}

@media (max-width: 1180px) {
    .inner {width: 100%; padding: 0 15px}
    .block-head {padding: 32px 38px 0}
    .block-rss {padding-left: 38px;}
}

@media (max-width: 840px) {
    .header-info {max-width: 550px;margin-left: 55px;transition: .3s}
    .header-info__desc {font-size: 17px;}
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
    .one-block-message {max-width: 21%;}
    .one-block-message-notfirst {margin-left: 20px;}

    .quotes__item {width: 30%;color: #fff;}
}

@media (max-width: 640px) {
    .mail-question-wrp {
        flex-direction: column;
        align-items: self-start;
    }
    .subscribe {margin-left: 20px}

    .header-new {
        background-position: 82% 100%;
    }


    /* Раскрывающаяся плашка */
    .block {width: 100%; height: 324px;background: #2d2b29;box-shadow: none;display: none;position: absolute;z-index: 1000;color: #fff;}
    .mail-mquestion {display: block;font-size: 16px;line-height: 1.4;letter-spacing: 0.16px;cursor: pointer;}
    .mtopmenu {display: flex;margin-top: 20px;margin-bottom: 30px;}

    .sclinfomsg {display: none}
    .sclinfo-head {padding-bottom: 10px}
    .sclinfo-head__title {display: none;}
    .sclinfo__txclose {display: none;}
    .sclinfo__icclose {display: block;position: relative;top: 3px;}
    .block-close {display: inline;cursor: pointer;}
    .sclinfo-rss {font-size: 16px;color: #FFFFFF;letter-spacing: 0.16px;padding-top: 16px;}
    .line {opacity: 0.1;background: #D8D8D8;height: 1px;width: 100%;margin-top: 24px;display: none;}
    /* Вкл соц. иконки в выпадающем окне */
    .sclinfo-rss-icons {display: block;margin-top: 16px;}
    .sclinfo-rss-icons__img {width: 24px;height: 24px;display: inline-block;margin-right: 10px;}
    .sclinfo-rss-icons__icon {border: none;}

    .blog-head__title {width: 56%;font-size: 20px;}
    .quotes__item {width: 31%;}
    .article {width: 48%;}
}

@media (max-width: 560px) {
    .wrapper {display: none;}
    .sandwich {width: 90%;padding-top: 5%;z-index: 999;display: flex;justify-content: flex-end;}
    .top-panel {display: none;}


    .social-ico {width: 100%;max-width: 100%;margin: auto;}


    /* Цитаты */
    .quotes {padding-bottom: 30px;}
    .quotes-body {flex-direction: column;}
    .quotes__item {width: 100%;line-height: 2;}


    /* Контентная часть */
    .content {width: 100%;padding-left:16px;padding-right: 16px;}
    .article {width: 100%;height: auto;}
    .article__title {font-size: 20px;}
    .article-taglist {margin: 0 0 24px 0;}
    .article__tag, .article__tag:visited {line-height: 0;color: #2b2b2b;border: none;}


    /* Подписаться на соц. сети */
    .goblog {padding-top: 0;}
    .goblog a {font-size: 16px;}


    /* Футер */
    .footer {width: 100%;max-height: 100%;padding-left: 16px;padding-right: 16px;padding-bottom: 0;margin-bottom: 40px;}
    .buttons-footer {margin-top: 16px}
}

@media (max-width: 480px) {
    .header-new {padding: 0 0 25px;}
    .header-content {padding-top: 75px;}
    .header-info {margin-left: 0;max-width: 81%;}
    .header-info__name {font-size: 24px;line-height: 1.4;}
    .header-info__desc {font-size: 14px;line-height: 1.45;margin: 0 0 10px 0;}

    .header-info__go-follow {font-size: 14px;line-height: 1.5;letter-spacing: 0.18px;margin-top: 25px;}


    /* Описания под соц. сетями */
    .topline-panel-element {display: none;}


    /* Верхняя часть блога */
    .blog-head {flex-direction: column;}
    .blog-head__title {width: 100%;margin-bottom: 15px;}
    .blog-search {width: 100%;}
}

@media (max-width: 420px) {
    .sclinfo-rss__mtext {padding-top: 5px;}
}