/********** VITOLD STYLES **********/
/* global */

.overflow {
  overflow: hidden;
}

/* container-full */
@media screen and (max-width: 980px) {
  .container-full {
    padding: 0 12px;
  }
}

/* title-line */
.title-line .title-line-img {
  z-index: 15;
  pointer-events: none;
}

@media screen and (max-width: 980px) {
  .title-line {
    margin-left: -12px;
    width: calc(100% + 24px);
  }

  .title-line span {
    position: relative;
    z-index: 5;
    display: block;
    margin: 0 auto;
    background: #fff;
    max-width: 80%;
    padding: 0 10px;
  }

  .title-line:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 1px;
    /* background: #f1f2ed; */
    z-index: 1;
    margin: 0!important;
  }

  .title-line:after {
    display: none;
  }

  .product-carousel--about-family .title-line span, .block-for-kids .title-line span, .block-expect-mounth .title-line span, .authors .title-line span, .product-author .title-line span, .product-books .title-line span {
    background-color: #F1F2ED;
  }

  .series-detailed__books .title-line span, .series__section .title-line span, .series-detailed__series .title-line span, .series-detailed__author .title-line span {
    background-color: #DFEAF1;
  }

  .product-books {
    padding: 82px 0 44px;
  }

  .product-books .product-carousel {
    margin-bottom: 0;
  }

  .product-books .product-carousel.without-title .product-carousel-arrows {
    display: none;
  }

  .product-carousel.series {
    margin-top: 74px;
  }
}

/* main-slider */
@media screen and (max-width: 980px) {
  .main-slider {
    padding-bottom: 64px;
    margin-bottom: 51px;
  }

  .main-slider .slick-track {
  }

  .main-slider-item-button {
    margin-top: 20px;
  }

  .main-slider-item {
    flex-direction: column;
    justify-content: space-between;
  }

  .main-slider-arrows {
    bottom: 0;
    top: auto;
  }

  .main-slider-item-img {
    order: 0;
  }

  .main-slider-item-text {
    order: 1;
  }

  .main-slider .slick-dots {
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    padding: 0 60px;
    top: calc(100% + 33px);
    flex-wrap: wrap;
    margin-top: 0;
  }

  .main-slider-item-title {
    line-height: normal;
  }

  .main-slider-item-img {
    margin-top: 0;
    transition: none;
  }
}

/* header */
.header {
  z-index: 9998;
}

.header-bottom-menu-wrapper ul li a {
  color: #000;
}

@media screen and (max-width: 980px) {
  .header-bottom-menu-wrapper ul li.dropdown-menu .header-top-menu-level-2::after {
    top: -8px;
  }

  .header {
    height: 60px;
  }

  .header .header-logo {
    max-width: 154px;
  }

  .header-buttons--mobile .popup-click--mobile .button-personal::before, .header-buttons .button-cart::before {
    font-size: 18px;
  }

  .header .container-full {
    height: 60px;
  }

  .header-wrapper {
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0;
  }

  .header-col-left {
    width: auto;
  }

  .header-col-right {
    width: auto;
    margin-left: auto;
  }

  .header-logo {
    position: static;
    transform: none;
  }

  .header-logo a {
    display: block;
  }

  .header-buttons {
    position: static;
    align-items: center;
    margin-right: auto;
  }

  .header-buttons__li {
    display: none;
  }

  .header-buttons__li--mobile-active {
    display: block;
  }

  .header-buttons__li--cart {
    margin-right: 6px;
  }

  .button-m-menu__container {
    position: relative;
    width: 20px;
    height: 17px;
    transform: translateY(3px);
  }

  .header-buttons .button-m-menu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .button-cart {
    height: 27px!important;
  }
}

/* product */
.product-carousel--about-family {
  background: #F1F2ED;
}

.product .product__mobile {
  display: none;
}

@media screen and (max-width: 980px) {
  .product-carousel-item > a {
    height: 180px;
  }

  .product-carousel-item-price, .product-carousel-item-desc {
    width: 100%;
  }

  .product-carousel-item-desc {
    margin-left: 0;
    margin-right: 0;
  }

  .product-carousel-item-favorite {
    top: 15px;
    right: 15px;
  }

  .authors__writer .container-full {
    padding: 0;
  }
  .product .product__mobile {
    display: block;
  }

  .product .product__desktop {
    display: none;
  }

  .product-carousel {
    padding-top: 35px;
    margin-bottom: 30px;
  }

  .product-carousel--about-family {
    background: #F1F2ED;
    position: relative;
    z-index: 5;
    margin: 0;
    padding-top: 125px;
    padding-bottom: 32px;
  }

  .product-carousel--about-family .title-line-img {
    width: 146px;
    height: 136px;
    top: -61px;
  }

  .product-carousel-item {
    padding: 0 15px;
    width: 150px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .product-carousel-item:hover .product-carousel-item-buttons {
    transform: none;
  }

  .product-carousel-item-buttons {
    width: 140px;
    position: static;
    margin-top: 0px;
    transform: none;
  }

  .product-carousel-item-buttons button.product-carousel-item-incart:after {
    margin-left: 10px;
  }

  .product-carousel-item-img {
    width: 100%;
    height: 180px;
    margin: 0;
  }

  .product-carousel-item-desc {
    margin-bottom: 11px;
  }

  .product.first {
    padding: 24px 0 32px;
    background-color: #DFEAF1;
  }

  .product .product__detail {
    display: block;
  }

  .product .product__title {
    margin: 0;
    margin-bottom: 7px;
    max-width: none;
  }

  .product .product__info {
    width: 100%;
  }

  .product .product__info-item.author {
    margin-bottom: 0;
  }

  .product .product__info-item.title {
    margin-top: 8px;
  }

  .product .product__gallery-wrap {
    justify-content: flex-start;
  }

  .product .product__info-item.title .value {
    width: auto;
    flex: 1;
    margin: 0;
  }

  .product .product__rightside-footer {
    display: block;
  }

  .product .product__count {
    justify-content: flex-start;
  }

  .product .product__count .counter {
    width: 130px;
    height: 40px;
    margin-left: 20px;
  }

  .product .product__cart {
    margin-top: 24px;
  }

  .product .product__rightside-footer-item:first-child {
    flex-wrap: wrap;
    margin: -10px;
  }

  .product .product__type {
    margin: 10px;
    width: 130px;
  }

  .product .product__info-item--about-product {
    margin-bottom: 37px;
  }

  .product-about__list {
    margin-top: 5px;
  }

  .product-about {
    padding: 0;
    margin: 35px 0 45px;
  }

  .product-reviews {
    margin: 35px 0 45px;
    padding: 0;
  }

  .product-reviews .product-reviews__main {
    margin-top: 6px;
  }

  .product-reviews .product-reviews__show-more {
    margin-top: 15px;
  }

  .product-quotes {
    padding: 44px 0;
  }

  .product-quotes__no-text {
    margin-top: 6px;
  }

  .product-videos {
    padding: 44px 0;
  }

  .product-videos__hide-text {
    margin-top: 6px;
  }

  .product-author .product-carousel.without-title .product-carousel-arrows {
    display: none;
  }

  .product-author {
    padding: 0 0 35px 0;
  }

  .product-author .product-author__section, .product-author .product-author__section:nth-child(2) {
    margin-bottom: 44px;
  }

  .product-author .product-author__section:last-child {
    margin-bottom: 0;
  }

  .product-author .product-author__subtitle {
    margin-bottom: 24px;
  }

  .product-author .product-author__img {
    margin-bottom: 24px;
  }

  .product-author .product-author__name {
    margin-bottom: 14px;
  }

  .product-author .product-author__about-book {
    margin-top: 12px;
    font-weight: 400;
  }

  .product.second .product__title {
    margin-bottom: 14px;
  }

  .product.second .product__gallery .product__gallery-footer {
    position: static;
    margin: 20px 0 0 0;
  }

  .product__gallery .product__gallery-footer {
    left: 0;
    margin-left: 0;
  }

  .product.second .product__rightside {
    margin-top: 25px;
    padding-top: 0;
  }

  .product .product__more-info {
    display: block;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 24px 15px;
  }

  .product .product__more-info-col:first-child .product__more-info-item span:last-child, .product .product__more-info-col:last-child .product__more-info-item span:last-child {
    max-width: none;
    flex: 1;
    margin-left: 10px;
    display: flex;
    justify-content: flex-end;
    text-align: right;
  }

  .product .product__more-info-col:first-child .product__more-info-item span:first-child, .product .product__more-info-col:last-child .product__more-info-item span:first-child {
    width: auto;
    margin-right: 0;
  }

  .product__gallery-footer-item {
    z-index: 5;
  }

  .product__gallery .product__gallery-for {
    width: calc(100% - 73px)!important;
    transition: none;
  }

  .product__gallery .product__gallery-nav {
    margin-right: 0!important;
    padding-right: 15px;
    width: 63px;
  }

  .product__gallery .product__gallery-wrap {
    width: 100%;
  }

  .product__gallery .product__gallery-for img {
    max-width: 100%;
    width: auto!important;
    height: auto!important;
  }
}

/* readers-choice */
@media screen and (max-width: 980px) {
  .readers-choice {
    padding-top: 36px;
    padding-bottom: 0;
    margin-bottom: 45px;
  }

  .readers-choice .title-line-img {
    width: 134px;
    height: 145px;
    top: -66px;
  }
}

/* novelty */
@media screen and (max-width: 980px) {
  .product-carousel.novelty {
    padding-bottom: 0;
    margin-bottom: 17px;
  }
}

/* slider-reader */
@media screen and (max-width: 980px) {
  .slider-reader {
    min-height: auto;
    padding-top: 33px;
    padding-bottom: 65px;
  }

  .slider-reader-title {
    margin-bottom: 33px;
    font-size: 24px;
    line-height: normal;
  }

  .slider-reader-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    margin-top: 0;
  }

  .slider-reader-slider {
    position: static;
    height: auto;
    margin-left: 185px;
  }

  .slider-reader-image {
    height: auto;
  }

  .slider-reader .slider-controls {
    top: -9px;
    right: 0;
  }
}

/* sendbymail */
@media screen and (max-width: 980px) {
  .sendbymail {
    padding-top: 44px;
    padding-bottom: 50px;
  }

  .sendbymail-content button:before {
    width: 64px;
    transform: translateX(-60px);
  }
}

/* book-mounth */
@media screen and (max-width: 980px) {
  .book-mounth {

  }
}

/* mounth */
@media screen and (max-width: 980px) {
  .mounth {
    padding: 55px 0!important;
  }

  .mounth__column {
    width: 100%;
  }

  .mounth__author {
    margin-bottom: 0;
  }

  .mounth__book {
    margin-top: 30px;
    width: 50%;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mounth__steps_phone {
    margin-bottom: 0;
  }
}

/* block-for-kids */
.block-for-kids {
  background: #F1F2ED;
}

@media screen and (max-width: 980px) {
  .block-for-kids {
    padding-top: 78px;
    background: #F1F2ED;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/* block-expect-mounth */
.block-expect-mounth .errortext {
  display: block;
  text-align: center;
  margin-top: 14px;
  font-size: 16px;
  color: #787876!important;
}

.product-carousel-desc {
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 980px) {
  .block-expect-mounth {
    margin-bottom: 0;
    padding-bottom: 65px;
  }
}

/* notes */
@media screen and (max-width: 980px) {
  .notes {
    padding: 55px 0;
  }

  .notes-wrapper {
    margin-top: 20px;
  }

  .notes-wrapper .slick-dots {
    margin-top: 29px;
  }
}

/* instagram */
.instagram-wrapper-content > p {
  display: none;
}

.instagram-wrapper-title {
  margin-bottom: 5px;
}

@media screen and (max-width: 980px) {
  .instagram {
    padding-top: 42px;
    padding-bottom: 44px;
  }

  .instagram-wrapper-header {
    padding: 0;
  }

  .instagram-wrapper-list {
    margin-top: 17px;
  }

  .instagram-wrapper-content {
    padding-top: 78px;
    padding-bottom: 0;
  }

}

/* authors */
@media screen and (max-width: 980px) {
  .authors-page .main-background::after, .authors-detailed .main-background::after {
    top: auto;
    bottom: calc(100% - 2px);
  }

  .authors {
    padding-bottom: 40px;
  }

  .authors__title-line {
    margin-left: -15px;
    width: calc(100% + 30px);
  }

  .authors-item-image img {
    border-radius: 4px;
  }

  .authors-wrapper {
    margin-left: 0;
  }

  .authors .button-secondary {
    width: 100%;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0, .2);
  }

  .authors .button-secondary:hover {
    background: none!important;
  }
}

/* who-is-main */
@media screen and (max-width: 980px) {
  .who-is-main {
    background-image: none;
  }
}

/* scroll-top-button */
@media screen and (max-width: 980px) {
  .scroll-top-button {
    bottom: 70px;
  }
}

/* popup */
.popup {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.popup.popup-active {
  opacity: 1;
  pointer-events: auto;
  overflow: auto;
}

@media screen and (max-width: 980px) {
  .popup-menu .popup-menu-item {
    display: flex;
    padding: 0;
    transition: none;
    height: 40px;
    align-items: center;
    padding: 0 23px;
  }
}

/* not-desc */
@media screen and (max-width: 980px) {
  .not-desc {
    margin-top: 10px;
  }
}

/* history */
@media screen and (max-width: 980px) {
  .history .history__table {
    display: block;
    margin: -20px 0;
  }

  .history .history__subtitle {
    margin-bottom: 52px;
  }

  .history .history__tr {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 20px 15px;
    transition: background .5s, padding .5s;
    position: relative;
  }

  .history__tr--head:after {
    display: block;
    content: '';
    top: calc(100%);
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0,0,0, .3);
    transform: translateY(-50%);
  }

  .history .history__tr--head.active {
    background: #fff;
    padding-top: 10px;
  }

  .history .history__tr--head.active:after {
    display: none;
  }

  .history .history__title {
    padding: 0;
    margin-bottom: 6px;
  }

  .history .history__tr--tab {
    padding: 0;
  }

  .history .history__td {
    display: block;
    padding: 0;
    border: none;
    width: 100%;
    background: none!important;
  }

  .history .history__tr--head .history__td:first-child {
    margin-bottom: 14px;
    order: 0;
    flex: 1;
  }

  .history .history__tr:first-child.active:before{
    display: none;
  }

  .history .history__td:nth-child(2) {
    order: 3;
  }

  .history .history__td:nth-child(3) {
    order: 4;
  }

  .history .history__td:nth-child(4) {
    order: 2;
    margin-bottom: 20px;
  }

  .history .history__td:nth-child(5) {
    order: 5;
  }

  .history .history__td:nth-child(6) {
    order: 6;
    margin-top: 10px;
    text-align: left;
  }

  .history .history__td:nth-child(7) {
    order: 1;
    width: 20px;
    height: 20px;
    transform: translateY(-4px);
  }

  .history .history__datecreate {
    max-width: none;
  }

  .history .history__datesupply {
    max-width: none;
    text-align: left;
  }

  .history .history__td:before, .history__td:after {
    display: none!important;
  }

  .history .history__status {
    position: static;
    transform: none;
    margin: 0;
  }

  .history .history__tr--head .history__td:first-child {
    padding: 0;
  }

  .history .history__tr--head .history__td:last-child {
    padding: 0;
  }

  .history .history__datecreate, .history .history__quantity {
    display: block;
    max-width: none;
  }

  .history .history__price {
    margin: 0;
    font-size: 28px;
    text-align: right;
  }

  .history .history__expand {
    position: static;
    transition: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .history .history__expand::before {
    position: static;
  }

  .history .history__tab-content {
    padding: 0 15px;
  }

  .history__header {
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0px;
    margin-bottom: 14px;
  }

  .history__list {
    margin: -10px;
    padding-bottom: 10px;
  }

  .history__li {
    padding: 10px;
    width: calc(100% / 2);
  }

  .history .history__pay {
    margin-right: 0;
    width: 100%;
  }

  .history .history__pay span {
    display: inline-block;
  }

  .history .history__pay span:first-child {
    margin-right: 14px;
    margin-bottom: 0;
  }

  .history .history__pay span:first-child:after {
    display: inline;
    content: ':';
  }
}

/* main-background */
.main-background {
  position: relative;
}

.main-background:after {
  content: '\e806';
  font-family: vs-book-icons;
  display: block;
  color: #dfeaf1;
  font-size: 18.5px;
  text-align: center;
  position: absolute;
  margin: auto;
  bottom: calc(100% - 2px);
  left: 50%;
  transform: translateX(-50%);
}

/* blue-arrow */
@media screen and (max-width: 980px) {

}

/* title-big */
@media screen and (max-width: 980px) {
  .title-big {
    font-size: 32px;
  }
}

/* search-query */
@media screen and (max-width: 980px) {
  .search-page .search-input-wrap > input {
    padding-left: 9px;
  }

  .search-page .search-input-wrap > input::placeholder {
    font-size: 14px;
  }

  .search-page .search-page-tabs {
    justify-content: center;
  }

  .search-page .search-page-tab {
    margin: 0;
  }

  .search-page .search-page-tab:last-child {
    margin: 0 0 0 50px;
  }

  .search-page .search-btn {
    width: 30px;
    height: 30px;
  }

  .search-page .search-btn input {
    width: 100%;
    height: 100%;
  }

  .search-page .search-btn::after {
    width: auto;
    height: auto;
    line-height: normal;
    left: 50%;
    top: 50%;
    font-size: 14px;
    transform: translate(-50%, -50%);
  }

  .search-page-cards > .product-layout {
    padding-top: 0;
  }

  .search-page .search-option {
    right: 43px;
  }
}

/* catalog */
.catalog .catalog__sort-title img:last-child {
  right: -20px;
}

.catalog .catalog__sort-title span {
  padding-left: 10px;
}

.catalog .catalog__sort-title img:first-child {
  top: -1px;
}

/* .catalog .catalog__genre-item {
  text-transform: uppercase;
} */

@media screen and (max-width: 980px) {
  .catalog .catalog__sort-popup {
    margin-top: 15px;
  }

  .catalog .catalog__layout-subtitle {
    margin-bottom: 75px;
  }

  .catalog .catalog__sort-title span {
    padding-left: 0;
  }

  .catalog__genre-item.active a {
    color: var(--color-accent)!important;
    border-color: var(--color-accent)!important;
  }

  .catalog__icon-down {
    width: 8px;
  }

  .catalog .catalog__tooltip {
    padding: 26px;
    pointer-events: none;
    left: 50%;
    transform: translateX(-50%);

  }

  .toggleBtnN-active .tooltip {
    pointer-events: auto;
  }

  .catalog .catalog__genre {
    margin-bottom: 5px;
  }

  .catalog .catalog__genre-item.active span{
    color: var(--color-accent);
    border-bottom: 2px solid var(--color-accent);
  }

  .catalog .catalog__sort-title {
    font-size: 18px;
  }

  .catalog .catalog__genre-item span, .catalog .catalog__genre-item>a {
    position: static;
  }

  .catalog .catalog__genre-item > span {
    position: relative;
  }
}

/* news */
@media screen and (max-width: 980px) {
  .news-open .news-open__content {
    margin-left: -15px;
  }

  .news__item-wrap:nth-child(2) {
    margin-right: 0!important;
  }

  .news__item-wrap .news__item .news__img {
    align-items: flex-start;
    flex: none;
  }

  .news__item-wrap .news__item .news__img img {
    height: auto!important;
    position: static;
  }

  .news__item-wrap .news__item {
    width: 100%;
    height: auto;
  }
}

/* header-search */
.header-search .placeholder {
  display: none!important;
}

@media screen and (min-width: 980px) {

  .header .block-search .input-search-block .input-search-form .input-button {
    right: 124px;
    margin: -21px 0 0 0;
  }

  .header .block-search .input-search-block .input-search-buttons {
    position: absolute;
    right: 30px;
    top: 0;
    background: none;
  }

  .header .block-search .input-search-block .input-search-buttons-option {
    width: auto;
    height: auto;
    line-height: normal;
    margin-left: 0;
    margin-right: 30px;
  }

  .header .block-search .input-search-block .input-search-buttons-option:after {
    position: static;
    line-height: normal;
  }

  .header .block-search .input-search-block .input-search-buttons-close {
    width: auto;
    height: auto;
  }

  .header .block-search .input-search-block .input-search-buttons-close:after {
    line-height: normal;
    position: static;
  }
}

@media screen and (max-width: 980px) {
  .header .header-search {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .header-search .input-search::placeholder {
    font-size: 0!important;
  }

  .header-search .placeholder {
    display: block!important;
  }

  .header .header-search form {
    height: auto;
  }

  .header .header-search.active {
    background: rgba(0,0,0, .5);
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    max-width: 100%;
    z-index: 999;
    padding-top: 73px;
    position: fixed;
  }

  .header .block-search .input-search-wrapper {
    padding: 0;
    height: 0;
  }

  .header .block-search .input-search-block .input-search-buttons {
    position: static;
    height: auto;
    margin-left: 0;
    padding-right: 0;
    background: none;
  }

  .header .block-search.header-search .input-search-block {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    height: 100%;
    transform: none;
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    background: #fff;
    transition: none;
  }

  .header .block-search .input-search-wrapper::after {
    display: none;
  }

  .header .block-search .input-search-block input.input-search {
    padding: 0 50px 0 15px;
    font-size: 12px;
    height: 60px;
    background: #fff!important;
    color: #888;
  }

  .header .block-search .input-search-block .input-search-form .placeholder {
    font-size: 14px;
    top: 24px;
    width: 200px;
    font-style: italic;
  }

  .header .block-search .input-search-block .input-search-form {
    flex: 1;
    position: relative;
    overflow: visible;
  }

  .header .block-search .input-search-block .input-search-form:after {
    display: block;
    content: '';
    width: 100vw;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #E8E8E8;
  }

  .header .block-search .input-search-block .input-search-form .input-button {
    width: 28px!important;
    height: 28px!important;
    opacity: 1!important;
    margin: 0;
    top: 16px;
    right: 14px;
    bottom: auto;
    display: block!important;
    transition: none;
  }

  .header .block-search .input-search-block .input-search-form .input-button input {
    width: 100%;
    height: 100%;
  }

  .header .block-search .input-search-block .input-search-form .input-button::after {
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: normal;
  }

  .header .block-search .input-search-block .input-search-buttons-option, .header .block-search .input-search-block .input-search-buttons-close {
    width: 28px;
    height: 28px;
    margin: 0;
  }

  .header .block-search .input-search-block .input-search-buttons-option {
    display: none;
  }

  .header .block-search .input-search-block .input-search-buttons-option:after, .header .block-search .input-search-block .input-search-buttons-close:after {
    display: block;
    content: '';
    font-family: none;
    font-size: 0;
    width: 100%;
    height: 100%;
    position: static;
    line-height: normal;
    background: no-repeat center;
    background-size: 100% auto;
  }

  .header .block-search .input-search-block .input-search-buttons-option:after {
    background-image: url(../images/icons/filter.svg);
    background-size: 23px auto;
  }

  .header .block-search .input-search-block .input-search-buttons-close:after {
    background-image: url(../images/icons/close.svg);
    background-size: 17px auto;
  }

  /* header extended */
  .header-search .search-extended__header {
    padding-top: 15px;
  }

  .header-search .search-extended-title {
    margin-bottom: 0;
    flex: 1;
    padding-right: 20px;
  }
}

/* search-extended */
.search-filter__list {
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
  width: 100%;
}

.search-filter__li {
  padding: 7px;
}
  .search-filter__price-range-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .search-filter__price-range-li {
    width: calc((100% / 2) - 5px);
  }

.header-search__mobile {
  display: none;
}

.search-page .search-extended.active {
  z-index: 15;
}

@media screen and (max-width: 980px) {
  .search-extended {
    padding-bottom: 40px;
    padding-top: 36px;
  }

  .header .header-search__desktop {
    display: none;
  }

  .header .header-search__mobile {
    display: block;
  }

  .search-extended-title {
    font-size: 17px;
    letter-spacing: 2.7px;
    margin-bottom: 30px;
  }

  .header .block-search.header-search {
    padding-top: 0;
  }

  .header .block-search.header-search .input-search-block .search-extended {
    padding: 0 30px 60px;
    margin-top: 29px;
    position: static;
    transform: none;
    max-height: none;
    overflow-y: auto;
    display: none;
  }

  .header .block-search.header-search .input-search-block .search-extended.active {
    display: block;
    box-shadow: none;
  }

  .header .block-search.header-search .input-search-block .search-extended-filter-wrapper {
    margin-top: 0;
  }

  .search-extended-filter-row.row-checkbox .input-checkbox {
    margin: 0;
    font-size: 13px;
    width: 100%;
    display: block;
  }

  .search-extended .selectric .label {
    color: #D4D4D4;
    max-width: 112px;
    min-width: 110px;
    position: relative;
    z-index: 5;
  }

  .search-extended .selectric-below .selectric .label {
    color: #7f7f7f;
  }

  .search-extended .selectric .button {
    color: #D4D4D4;
    font-size: 0;
    transition: transform .3s;
  }

  .search-extended .selectric .button:before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 5px;
    background: url(../images/icons/chevron-down.svg) no-repeat center;
    background-size: 100% auto;
  }

  .search-extended .selectric .button:after {
    display: none;
  }

  .search-extended-filter-row .selectric-wrapper {
    width: auto;
  }

  .search-extended-filter-row .selectric-wrapper.selectric-open .button {
    transform: rotate(-180deg);
  }

  .search-filter__price-range-container {
    display: flex;
    flex-wrap: wrap;

  }


  .header .block-search.header-search .input-search-block .search-extended::before {
    display: none;
  }

  .search-extended-filter-row {
    margin-bottom: 15px;
  }

  .search-extended-filter-row.row-checkbox {
    margin: 20px 0;
  }

  .search-extended-filter-row.row-checkbox:first-child {
    margin: 0 0 30px 0;
  }

  .search-extended__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
  }

  .search-extended__header.header-search__mobile {
    display: flex;
  }

  .header .search-extended__header {
    width: 100%;
  }

  .search-extended::before {
    display: none!important;
  }
}

/* button-search--mobile */
@media screen and (max-width: 980px) {
  .button-search--mobile {
    display: inline-block;
    height: 36px;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 4px;
  }
}

/* menu-btnN */
@media screen and (max-width: 980px) {
  .header .menu-btnN {
    cursor: pointer;
  }

  .menuN {
    height: calc(100vh - 59px);
    overflow-x: hidden;
    overflow-y: auto;
    top: 59px;
  }

  .menuN-icons {
    margin-top: 60px;
  }

  .menuN-list__item—grey > span a {
    color: rgba(0,0,0, .5);
  }

  .menu-btnN {
    height: 14px;
    margin-right: 15px;
  }

  .header .menuN-list__item > span {
    cursor: pointer;
    color: #000;
  }

  .header .menuN-list__item--mt {
    margin-top: 34px;
  }

  .header .menuN-list__item--mb {
    margin-top: 15px;
  }

  .header .menuN__wrapper {
    padding-top: 20px;
    overflow: hidden;
    max-height: none;
  }

  .menuN-list__item {
    text-align: left;
  }

  .menuN-list--second {
    padding-left: 15px;
  }

  .menuN-list--first > .menuN-list__item {
    margin-bottom: 25px;
  }

  .menuN-list--first > .menuN-list__item > span > a {
    color: #000;
  }

  .menuN-list--second .dropdown--active {
    transition: height .3s;
    background: none;
  }

  .menuN-list--second > .menuN-list__item > span {
    padding-left: 0;
    color: var(--color-accent);
  }

  .menuN-list {
    width: calc(100% - 20px);
    margin: 0;
    padding-left: 15px;
  }

  .menuN-list--first > .dropdown {
    padding: 0;
  }

  .menuN-list--first > .menuN-list__item {
    padding-left: 15px;
  }

  .menuN-list--first > .menuN-list__item:first-child.dropdown--active {
    margin-bottom: 40px;
  }

  .menuN-list--third {
    margin: 15px 0 0 18px;
    padding: 0;
  }

  .menuN-list__item {
    margin-bottom: 12px;
  }
}

/* jivosite */
@media screen and (max-width: 980px) {
  .text_eD._offline_1Q {
    font-size: 0!important;
  }

  .logo_1D._bottom_2g {
    display: none!important;
  }

  .label_39 {
    width: 65px!important;
    height: 65px!important;
    min-width: auto!important;
    border-radius: 50%!important;
    background: none!important;
    box-shadow: none!important;
  }

  .leaf_25._bottom_DW {
    display: none!important;
  }

  .labelStatus_3J {
    width: 100%!important;
    height: 100%!important;
    background-position: 17px center!important;
    background-size: 30px auto!important;
    border-radius: 50%!important;
    background-color: #1BB5C2!important;
    margin-left: 9px!important;
    margin-top: -21px!important;
  }
}

/* footer */
@media screen and (max-width: 980px) {
  .footer-wrapper {
    padding-top: 67px;
    padding-bottom: 62px;
  }

  .footer-copyright {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-col {
    margin-right: 0;
  }

  .footer-phone {
    margin-top: 26px;
  }

  .footer-addr {
    margin-top: 6px;
    line-height: 22px;
  }

  .footer-time-title {
    margin-top: 35px;
    margin-bottom: 7px;
  }

  .footer-time-text {
    margin-top: 0px;
  }

  .footer-time-text br {
    margin-bottom: 11px;
    display: block;
  }

  .footer-bottom {
    padding-top: 25px;
  }

  .footer .footer-social {
    padding-left: 14px;
  }

  .footer-developed-by {
    margin-top: 46px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 1px;
    letter-spacing: 1px;
  }

  .footer-social .social-youtube::after {
    font-size: 17px;
    margin-top: 4px;
  }
}

/* dropdown-menu */
@media screen and (max-width: 980px) {
  .dropdown-menu.active .header-top-menu-level-2 {
    position: fixed;
    left: 10px;
    box-shadow: 0 0 5px 1px rgba(0,0,0, .25)!important;
    top: 100px;
    opacity: 1;
    transition: none;
    pointer-events: auto;
    z-index: 999;
  }

  .dropdown-menu:first-child .header-top-menu-level-2:after {
    left: 13px!important;
  }

  .dropdown-menu:nth-child(2) .header-top-menu-level-2:after {
    left: 87px!important;
  }

  .dropdown-menu.active > a {
    color: var(--color-accent);
  }
}

/* cart-goods */
@media screen and (max-width: 980px) {
  .cart-goods .cart-goods__del {
    top: 21px;
  }

  .cart-goods .cart-goods__wrap-last {
    justify-content: flex-start;
  }

  .cart-goods__price {
    order: 0;
    margin-right: 20px;
  }

  .cart-goods .counter {
    order: 1;
  }

  .cart-goods .final-price-wrap {
    order: 2;
    margin-left: 20px;
  }
}

/* cart-form */
.cart-form__buyer-inputs—fullwidth {
  width: 100%;
  max-width: 562px;
  margin: 0 auto;
}

.cart-form__buyer-inputs—fullwidth .cart-form .cart-form__input {
  max-width: 100%;
}

@media screen and (max-width: 980px) {
  .cart-form__title:after {
    display: none;
  }

  .cart-form .title-big {
    margin-top: 35px;
    margin-bottom: 58px;
    font-size: 24px;
  }

  .cart-form .main-background {
    padding-top: 44px;
  }

  .cart-form .cart-form__data-subtitle-mark {
    margin-bottom: 20px;
  }

  .cart-form__step3  {
    margin-top: 28px;
  }

  .text-field-wrap-address .text-field-wrap, .text-field-wrap-address .text-field-wrap:first-child {
    width: 100%;
  }
}

/* boxberry */
@media screen and (max-width: 980px) {
  .cart-form .cart-form__delivery {
    align-content: flex-start;
  }

  .boxberry__result {
    margin-bottom: 40px;
  }

  .boxberry_container {
    position: fixed!important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100vw - 14px)!important;
    max-height: calc(100vh - 14px)!important;
  }
}

@media screen and (max-width: 599px) {
  .map {
    height: 370px!important;
  }

  .map > ymaps {
    height: 100%!important;
  }

  .map > ymaps > ymaps {
    height: 100%!important;
  }
}

/* cabinet__form-wrap */
@media screen and (max-width: 980px) {
  .cabinet .cabinet__form-wrap {
    margin-top: 20px;
  }

  .cabinet__form {
    padding-bottom: 25px;
  }
}

/* cart-goods */
.cart-form .tab__text {
  color: var(--color-accent);
}

.cart-form .tab__text:after {
  border-color: var(--color-accent);
}

.cart-form .tab_active .tab__text {
  color: #fff;
}


@media screen and (max-width: 980px) {
  .cart-form .cart-form__payment .tab {
    margin-left: 0!important;
    margin-right: 0!important;
  }

  .cart-goods .options .options_o-book {
    margin-right: 10px;
  }

  .cart-goods .options .options_o-book, .cart-goods .options .options_e-book {
    min-width: 140px;
  }

  .cart-goods .options .options_o-book label p, .cart-goods .options .options_e-book label p {
    border-radius: 4px;
    display: flex;
    white-space: nowrap;
  }

  .options_e-book label p span, .options_o-book label p span {
    margin-left: 3px;
  }

  .cart-goods .options .options_e-book label p::before, .cart-goods .options .options_o-book label p::before {
    top: 50%;
    transform: translateY(-50%);
  }

  .cart-goods .options .options_e-book label p::after, .cart-goods .options .options_o-book label p::after {
    right: 5px;
    top: 56%;
    transform: translateY(-50%);
  }
}

/* cabinet__tab */
.tab_active span {
  border-radius: 3px;
}

@media screen and (max-width: 980px) {
  .cabinet__tab {
    margin: 0 auto!important;
  }

  .cabinet__tab.tab_active {
    background: var(--color-accent);
    order: 1;
    margin-top: 8px!important;
  }

  .cabinet__tab.tab_active span {
    background: none;
    color: #fff;
  }

  .cabinet .cabinet__tabs {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
  }

  .cabinet .cabinet__title {
    margin-bottom: 15px;
  }

  .cabinet.m-top > .main-background {
    padding-top: 24px;
  }
}

/* history */
@media screen and (max-width: 980px) {
  .history .history__price {
    margin-top: -66px;
  }

  .history .history__tr::before {
    display: none;
  }

  .history .history__tr:first-child::before {
    /* display: block; */
    content: '';
    bottom: calc(100%);
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0,0,0, .3);
    transform: translateY(-50%);
    margin: 0;
  }

  .history .history__tr--head:nth-last-child(2)::after {
    position: absolute;
    left: -15px;
    right: 0;
    width: calc(100% + 30px);
    margin-top: 0;
    top: calc(100%);
  }

  .history .history__tr:nth-last-child(2) {
    padding-bottom: 20px;
  }

  .history .history__tr:first-child:before {
    display: block;
    content: '';
    position: absolute;
    left: -15px;
    right: 0;
    width: calc(100% + 30px);
    background: rgba(0,0,0, .3);
    height: 1px;
    margin: 0;
    padding: 0;
    bottom: 100%;
    top: auto;
  }

  .history .history__hide-title {
    text-align: left;
    padding-top: 9px;
    margin-bottom: 25px;
  }

  .history .history__number {
    font-size: 18px;
  }

  .history .history__price {
    font-size: 21px;
  }
}

/* galery-detail */
.gallery-detail-popup img.mfp-img {
  display: block!important;
  width: 90% !important;
  height: auto !important;
  max-width: 100%!important;
  min-height: 0 !important;
  margin: 0 auto!important;
}

/* books-slider */
.books-slider .slick-list {
  display: block;
  margin: 0;
}

.books-slider .slick-track {
  margin: 0 auto;
}

.books-slider .product-carousel-item {
  padding-bottom: 48px;
}

.series-slider__arrow--prev {
  left: -50px;
}

.series-slider__arrow--next {
  right: -60px;
}

/* btn */
.btn {
  width: 100%;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  background: none;
  border: 1px solid #cacaca;
  border-radius: 4px;
}

.btn__text {
  font-size: 12px;
  color: var(--color-accent);
  letter-spacing: .4px;
  text-transform: uppercase;
}

.btn__icon {
  margin-left: 10px;
}

.btn--books-slider {
  display: none;
}

@media screen and (max-width: 980px) {
  .btn.mobile {
    display: flex;
  }

  .btn--books-slider {
    /* display: flex; */
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 90%;
  }
}

/* series */
.series__section .product-wrap, .series-detailed__books .product-wrap {
  justify-content: center;
}

.series-detailed__header-container {
  text-align: center;
}

.series-detailed__header {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: rgba(0,0,0, .5);
  margin-bottom: 10px;
}

@media screen and (max-width: 980px) {
  .series-detailed .subtitle {
    margin-bottom: 34px;
  }

  .series__section .product-carousel-item  {
    margin-left: 0;
    margin-right: 0;
  }

  .series__title {
    margin-bottom: 51px;
  }

  .series__title:after {
    display: none;
  }

  .series .main-background {
    padding-top: 125px;
  }

  .series-detailed .main-background {
    padding-top: 125px;
  }

  .series-detailed .product-layout {
    padding-top: 80px;
  }

  .series__section .product-wrap, .series-detailed__books .product-wrap {
    justify-content: space-evenly;
  }

  .series__section .product-wrap {
  }

  .series .series__section-subtitle {
    margin-bottom: 70px;
  }

  .no-data {
    margin-bottom: 30px;
  }

  .series-card {

  }

  .series-card__img-box {
    width: 134px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }

  .series-card__img {
    width: 75.5px;
    height: 108.5px;
  }

  .series-detailed .series-detailed__series {
    margin-top: 60px;
  }
}

/* selectric */
.selectric-scroll ul {
  border-top: 1px solid rgba(0,0,0, .15);
  box-shadow: 0 5px 10px 1px rgba(0,0,0, .3);
}

.selectric-scroll li {
  display: block;
  width: 100%;
  padding: 13.5px 14px;
  background: #fff;
  transition: background .3s;
  border: none;
  margin: 0;
  font-size: 14px;
  color: rgba(0,0,0, .5);
  text-align: left;
  font-family: 'HelveticaNeue-Medium';
}

.selectric-scroll li:hover {
  background: #D2EAEC;
}

.selectric-below .selectric, .selectric-below .button {
  background: #fff;
  border-radius: 4px;
}

.selectric-below .selectric{
  border: 1px solid #ccc;
}

.selectric-below .label {
  color: #7f7f7f;
}

/* .series-list */
.series-list {
  justify-content: center;
}

.series-list .books-list__li {
  padding: 58px 27px;
}

@media screen and (max-width: 980px) {
  .series-list {
    margin: -44px -20px;
    margin-top: 0;
  }

  .books-list__li {
    padding: 44px 20px;
  }

  .series-card {
    width: 100%;
    max-width: 210px;
    margin: 0 auto;
  }

  .series-card__desc {
    text-align: center;
  }

  .series-detailed .series-detailed__author-info {
    width: 100%;
  }
}

/* preloader */
@media screen and (max-width: 980px) {
  .preloader.active::before {
    display: block;
    content: '';
    width: 240px;
    height: 60px;
    margin: 0 auto;
    margin-top: 0px;
    transform: translateX(-50%);
    left: 50%;
    margin-top: -60px;
  }
}

/* other-news */
@media screen and (max-width: 980px) {
  .other-news .other-news__layout {
    margin: -5px;
    justify-content: flex-start;
    flex-direction: row;
    overflow-x: hidden;
    flex-wrap: wrap;
    padding-top: 80px;
  }

  .other-news__layout .news__item-wrap {
    width: calc(100% / 2);
    margin: 0;
    transition: none;
    padding: 5px;
  }
}

/* popup-login */
@media screen and (max-width: 980px) {
  .popup-login .popup-form-input .button-primary {
    white-space: normal;
    height: auto;
  }
}

/* tab */
@media screen  {

}

.tab__price {
  font-size: 14px;
  color: #000;
  text-align: center;
  margin-top: 10px;
}

/* authors */
.authors-page .main-background {
  padding-top: 75px;
}

.authors-page .authors-detailed__others {
  margin-top: 50px;
}

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

  .books-list__li .product-carousel-item {
    width: 100%;
  }

  .authors-detailed .main-background {
    padding-top: 80px;
  }
}

/* favotire */
.favorite-page .main-background {
  padding-bottom: 100px;
}

/* btn mobile */
@media screen and (max-width: 980px) {

}

/* hide */
.mobile {
  display: none;
}

@media screen and (max-width: 980px) {
  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }
}

/* label-order */
@media screen and (max-width: 980px) {
  .label-order  {

  }

  html body .label-order p:before {
    display: block;
    content: '';
    background: #ccc;
  }

  html body .btn-active .label-order p:before {
    background: var(--color-accent);
  }
}

/* .publisher-page .publisher-page-section */
.publisher-page .publisher-page-section {
  margin-bottom: 137px;
}

.publisher-page .publisher-page-section:last-child {
  margin-bottom: 0;
}

.publisher-page .publisher-page-img {
  max-width: 340px;
}

@media screen and (max-width: 980px) {
  .publisher-page .publisher-page-section {
    margin-bottom: 68px;
  }
}

/* text-list */
.text-list {
  max-width: 370px;
  text-align: left;
  margin: 0 auto;
}

.text-list__list {
  margin: -7px;
}

.text-list__li {
  padding: 7px;
  list-style: none;
}

.text-list__item {
  color: rgba(0, 0, 0, .4);
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  padding-left: 20px;
}

.text-list__item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

/* title-line */
@media screen and (min-width: 981px) {
  .title-line, .block-title {
    font-size: 34px;
  }
}

/* footer-social */
.footer-social .social-facebook, .footer-social .social-insta, .footer-social .social-vk, .footer-social .social-youtube {
  position: relative;
  display: block;
}

.footer-social .social-facebook:after, .footer-social .social-insta:after, .footer-social .social-vk:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: 100% auto;
  opacity: 0;
  transition: opacity .3s;
}

.footer-social .social-facebook:hover:after, .footer-social .social-insta:hover:after, .footer-social .social-vk:hover:after {
  opacity: 1;
}

.footer-social .social-facebook:after {
  background-image: url(/local/templates/strannik/assets/images/icons/facebook--hover.svg);
}

.footer-social .social-insta:after {
  background-image: url(/local/templates/strannik/assets/images/icons/insta--hover.svg);
}

.footer-social .social-vk:after {
  background-image: url(/local/templates/strannik/assets/images/icons/vk--hover.svg);
}

/* about */
.about__img {
  width: 100%;
  height: auto;
  max-width: 275px;
}

/* slick */
.slick-dots li.hide {
  display: inline-block!important;
}

/* instagram */
.instagram__content {
  padding: 103px 16px;
  border: 1px solid #b4b5b1;
}

@media screen and (max-width: 768px) {
  .instagram__content {
    padding: 73px 16px 40px;
  }
}

@media screen and (max-width: 768px) {
  .instagram-wrapper-header {
    max-width: 230px;
  }
}

.instagram__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: -2px;
}

.instagram__list--small {
  justify-content: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .instagram__list--small {
    flex-direction: row;
    justify-content: center;
  }

  .instagram__list--small .instagram__li {
    width: auto;
  }
}

.instagram__li {
  padding: 2px;
}

@media screen and (max-width: 768px) {
  .instagram__li {
    width: 100%;
  }
}

.instagram__card {
  background: no-repeat center;
  background-size: cover;
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: opacity .3s, background-image .3s;
}

.instagram__card.active {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .instagram__card {
    margin: 0 auto;
  }
}

.instagram__card--big {
  width: 354px;
  height: 354px;
}

@media screen and (max-width: 1280px) {
  .instagram__card--big {
    width: 175px;
    height: 175px;
  }
}

@media screen and (max-width: 768px) {
  .instagram__card--big {
    width: 245px;
    height: 245px;
  }
}

.instagram__card--small {
  width: 175px;
  height: 175px;
}

@media screen and (max-width: 1280px) {
  .instagram__card--small {
    width: 85.5px;
    height: 85.5px;
  }
}

@media screen and (max-width: 768px) {
  .instagram__card--small {
    width: 120.5px;
    height: 120.5px;
  }
}