body {
    background: #fff;
    font-family: 'Nunito', sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
ul, ol {
    margin-bottom: 0px;
}
a, a:hover {
    text-decoration: none;
}
.carousel-inner img {
    display: block;
    max-width: 100%;
}
.btn_autor {
    padding: 0px 4px;
    font-size: 18px;
    cursor: pointer;
    color: #3f5dab;
    font-weight: 700;
    text-transform: uppercase;
}
.btn_autor.active{
    background-color: #fff;
    padding: 8px 8px 0px 8px;
    position: relative;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 0 15px rgba(27, 35, 55, 0.16);
}


.overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    display: block;
    bottom: 0;
    background-color: rgba(0,0,0,0.7); /* Black background with opacity */
    z-index: 500; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#bx-cat-soc-comments-blg_350 {
    width: 100%;
}
.more_images_element{
    width:100%;
}
.img_more_e{
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 30px;
    padding: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.info_post img {
       float: left;
    padding: 0px 15px 15px 15px;
    width: 250px;
}


/* Styles for the menu button */
.menu_mob {
    cursor: pointer;
    position: fixed;
    z-index: 999;
}

/* Styles for the menu */


.m_sec{
    float: left;
    width: 25%;
}
.menu--open {
    transform: translate3d(0, 0, 0);
}

.cont_menu{
    width: 100%;
}
.menu.menu.menu--open {
    transform: translate3d(0, 0, 0);
    padding-top: 55px;
}

.l_b_foo{
    padding-left:0px;
    padding-right:0px;
}

.social_block {
    float: right;
}

.text_depth_1 a{
    color: #3f5dab;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}


.mailing{
    background-color: #fff;
    padding: 35px;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: table;
}
.header_mail{
    text-align:center;
}
.header_mail div.bx-block-title {
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 12px;
}



.view-books-title img {
    max-width: 100%;
    display: initial;
}
.pos_tab{
    width:100%;
    text-align:center;
    margin-bottom: 20px;
}
#tabs .tab {
    display: inline-block; /* выстраиваем вкладки в один ряд */
    padding: 0 20px;
    cursor: pointer;
    position: relative;
    z-index:5;
    font-size: 21px;
    font-weight: 700;
    line-height: 45px;
    color: #3F5DAB;
    border-radius: 35px;
    background: linear-gradient(to bottom, #ffffff 0%,#eceff7 100%);
    box-shadow: 0 0 2px #9195a147;
    transition: background 1s ease;
}
#tabs .active, #tabs .tab.active:hover{
    color: #fff;
    background:none;
    background-color: #141841;
    box-shadow: none;
    cursor: default;
}

#tabs .tab:hover {
    background: linear-gradient(to bottom, #ffffff 0%,#fff 100%);
}

#tabs .tabContent {
    width: 100%;
    position: relative;
    top: -1px;
    z-index:1;
    padding: 10px 0px 10px 0px;
}
#tabs .hide {
    display: none;
}
#tabs .show {
    display: block;
}



.grid-bottom-item{
    margin:0 auto !important;
}



.x {
    float: left;
}
.x1 {
    float: right;
}

.catalog-section:after {
    content: '';
    display: block;
    clear: both;
}
ul.bx-my {
    display: flex;
    justify-content: space-between;
}
.top-login {
    text-align: right;
    position: relative;
    color:#3F5DAB
}
.top-login a{
    color:#3F5DAB;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.67px;
    line-height: 29px;
}
.col-lg-2.x1 {
    padding-right: 0px;
}

/*СЕЛЕКТОР ВАЛЮТЫ*/

.select_currency_my:hover {
    font-size: 16px;
    text-align: center;
    padding: 18px 30px 32px 30px;
    padding-top: 25px;
    cursor: default;
    background-color: #fff;
    background-image: none;
    border-radius: 10px 10px 0px 0px;
}
.select_currency_my.active{
    font-size: 16px;
    text-align: center;
    padding: 18px 30px 32px 30px;
    padding-top: 25px;
    background-color: #fff;
    background-image: none;
    border-radius: 10px 10px 0px 0px;
}
.select_currency_my{
    font-size: 16px;
    padding: 18px 30px 23px 30px;
    padding-top: 25px;
    background-image: url(./images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 24px;
    background-size: 22px;
    text-align: center;
    color: #3F5DAB;
    font-weight: 700;
}

.currency_block.active{
    position: absolute;
    display: block;
    font-size: 16px;
    background-color: #fff;
    z-index:999;
    cursor:pointer;
    border-radius: 10px 0px 10px 10px;
}
.currency_block:hover{
    display:block;
    font-size: 16px;
    z-index:999;
    cursor: default;
    background-color: #fff;
    cursor:pointer;
    border-radius: 10px 0px 10px 10px;
}

.currency_block, .phone_block, .cart_block_display, .sorting_block{
    display:none;
}

.product-item-price-current {
    padding-top: 1px;
    color: #2f3435;
    vertical-align: bottom;
    line-height: 24px;
    font-weight: 700;
}
.top_line_h > .container {
    height: 71px;
    display: flex;
    align-items: center;
}

img.logo {
    position: absolute;
    z-index: 50;
}
.two_top_line_h {
    float: left;
    width: 100%;
}
.search_top_line_h{

}
.currency_top_line_h {

}
.phone_top_line_h{

}
.basket_top_line_h{

}
.catalog_top_line_h_r{
    float: left;
    display: flex;
    justify-content: flex-end;
    padding-right: 0px;
    padding-left: 0px;
}

@media (max-width:767px){#bx-panel{display:none !important}}




.uppArrow{
    z-index: 9999;
    background: #fff;
    position: relative;
}
.description {
    display:none;
    cursor:pointer;
}
body.bx-opened {
    overflow: hidden;
}

.wrap,
.bx-wrap,
.bx-wrapper{
    position: relative;
}

@media (min-width: 992px) and (max-width:1199px){
    body.bx-background-image{
        -webkit-background-size:1600px auto;
        background-size:1600px auto;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    body.bx-background-image{
        -webkit-background-size:1280px auto;
        background-size:1280px auto;
    }
}

.icon-empty {
    opacity: 0;
}

a {
    text-decoration: none;
}

a:active,
a:hover {
    border-color: transparent;
    text-decoration: none;
}

a,
.container {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
}


/*Logo*/

.bx-logo {
    padding-left: 17px;
    padding-bottom: 19px;
}

.bx-logo .bx-logo-block {
    display: block;
    height: 50px;
    border-bottom: none;
}
.bx-logo .bx-logo-block img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height:100%;
}
.autor_alt_filter{
    margin-bottom: 30px;
}
.bx-logo-text,
.bx-logo-text:hover,
.bx-logo-text:active {
    font-size: 32px;
    font-weight: 700;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 37px;
    text-decoration: none;
    border: none;
    vertical-align: bottom;
}

.bx-logo-text small {
    font-size: 37px;
}

.bx-logo-desc {
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 10px;
    color: #b8b8b8;
}

@media (max-width: 767px) {
    .bx-logo {
        background: #1484ce;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1400;
        padding: 10px 60px;
    }
    .bx-logo .bx-logo-block {
        text-align: center;
        height: 30px;
    }
    .bx-logo-text {
        font-size: 24px;
        color: #fff;
        line-height: 30px;
        vertical-align: middle;
    }
    .bx-logo-text:hover,
    .bx-logo-text:active {
        color: #fff;
    }
    .bx-logo-text small {
        font-size: 24px;
        color: #fff;
    }
    .bx-logo-desc {
        display: none;
    }
}
/* Sections */




@media (min-width: 992px) and (max-width: 1199px) {
    .bx-header-section {
        padding: 0px 0px 10px;
    }
}


/* header / phone */

.bx-inc-orginfo {
    padding-left: 28px;
}

@media (max-width: 767px) {
    .bx-inc-orginfo {
        text-align: center;
        padding-bottom: 10px;
    }
}

.bx-inc-orginfo-phone {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.bx-inc-orginfo-phone i {
    color: #97a1ab;
    position: relative;
    margin-left: -23px;
}

.bx-inc-orginfo-recall {}

.bx-inc-orginfo-recall a {
    color: #039be5;
    border-bottom: 1px dashed;
    font-size: 12px;
    margin-left: 2px;
}

.bx-inc-orginfo-recall a:hover {
    text-decoration: none;
    border-bottom-color: transparent;
}
/* header / worktime */

.bx-worktime {}

@media (max-width: 767px) {
    .bx-worktime {
        text-align: center;
    }
}

.bx-worktime-title {
    color: #8d8d8d;
    font-size: 12px;
}

.bx-worktime-prop {
    font-size: 13px;
    color: #000;
}

.bx-worktime-prop>span {
    white-space: nowrap;
}
/*sidebar*/

.bx-sidebar-block {
    margin-bottom: 40px;
}
.bx-block-title {
    font-family: "Scada", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
.bx-footer .bx-block-title{
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #3F5DAB;
    font-weight: 600;
}
/* Breadcrumb Custom*/

.bx-breadcrumb-item a {
    color: #3F5DAB;
}

.bx-breadcrumb-item a:hover {
    color: #3F5DAB;
}
/* workarea */


/* FORMS */

textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    font-size: 18px;
    min-height: 150px;
    max-height: 450px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #CCD5DB;
    border-radius: 2px;
    background: #f8fafc;
    outline: none;
}
/* INC.banners */

.bx-incbanners {
    margin: 10px 0 25px;
    text-align: center;
}
/* INC.links.footer */

.bx-inclinksfooter a {
    border-bottom: none;
}

.bx-inclinksfooter .bx-block-title {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 600;
}

.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border-radius: 2px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.bx-inclinksfooter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bx-inclinksfooter-item {
    padding: 0 0 5px 0;
}
/* INC.logo.footer */

.bx-inclogofooter {
    color: #fff;
}

.bx-inclogofooter a.bx-inclogofooter-logo:hover,
.bx-inclogofooter a.bx-inclogofooter-logo {
    border-bottom: none;
}

.bx-inclogofooter-logo img {
    max-width: 180px;
    height: auto;
}

.bx-inclogofooter-block {
    padding-bottom: 20px;
}

.bx-inclogofooter-tel {
    color: #3F5DAB;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.bx-inclogofooter-worktime {
    color: #cfd0d0;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
/* INC.social.widget */

.bx-banners {
    margin: 10px 0;
}

.bx-banners .bx-block-title {
    font-family: "Scada", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
/* INC.wt */

.bx-wt-block {
    color: #fff;
    padding: 5px 15px;
    background: url(images/wt.png) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 3px;
}

.bx-wt .bx-block-title {
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #fff;
}

.bx-wt-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.bx-wt-block ul li {
    padding-bottom: 7px;
}

.bx-wt-others-block {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 4px;
}
/* news.list.sidebar */
.bx-s-info {
    margin: 10px 0;
    padding-top: 5px;
}
.bx-s-info-block {
    display: block;
    margin-bottom: 25px;
}
.bx-s-info-title {
    display: block;
    min-height: 29px;
    padding-left: 36px;
    margin-bottom: 5px;
    position: relative;
}
.bx-s-info-titleicon{
    display: block;
    background: #007FCA;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.bx-s-info-titleicon i{
    line-height: 30px;
    vertical-align: middle;
    font-style: normal;
}
.bx-s-info-titletext {
    display: block;
    padding: 6px 0;
    font-family: "Scada", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
.bx-s-info-content {
    display: block;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3e454c;
    padding-left: 36px;
}

/* FOOTER */
.bx-footer-section.bx-center-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.bx-footer-section.bx-center-section>div {
    margin-bottom: 20px;
}

.bx-footer a {
    color: #3F5DAB;
}


.bx-footer-line {
    background: #1f496a;
}

.bx-footer-bottomline {
    background: #222425;
    font-size: 14px;
    padding: 22px 0;
}

.bx-up {
    text-align: right;
}

.bx-up a,
.bx-up a:hover {
    border-bottom: none;
}

@media (min-width: 1200px) {
    .line-4-banner {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
    .bx-footer {
        text-align: center;
    }
    .bx-up {
        text-align: center;
    }
}
/**/

.btn,
.btn:hover,
.btn:active,
.btn:focus{
    text-shadow: none !important;
    -webkit-box-shadow:none !important;
       -moz-box-shadow:none !important;
            box-shadow:none !important;
    outline:none !important;
}

.btn-primary {
    border-radius: 28px;
    background-color: #3f5dab;
    border-color:#3f5dab;
}



.btn-link {
    color: #1485ce;
}

.btn-link:focus,
.btn-link:hover {
    color: #53a4d8;
    text-decoration: none;
}
/*404*/

.bx-404-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.bx-404-block {
    margin-top: 100px;
    margin-bottom: 66px;
}

@media (max-width: 768px) {
    .bx-404-block {
        margin-top: 50px;
        margin-bottom: 33px;
    }
}

.bx-404-text-block {
    font-size: 20px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}

.bx-maps-title {
    color: #8f8f8f;
    font-size: 16px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #e9eaea;
}

.map-columns {
    padding-top: 20px;
}

.bx-map-title {
    font-weight: bold;
    font-size: 14px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    position: relative;
    min-height: 20px;
    padding-left: 25px;
    margin-bottom: 20px;
}

.bx-map-title .fa {
    color: #0083d1;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
}

.map-columns ul {
    list-style: none;
    margin-bottom: 5px;
}

.map-level-0 {
    margin-left: 0;
    padding-left: 25px;
    margin-bottom: 20px;
}

.map-level-0 li {
    margin-left: 0;
    padding-left: 0;
}

.map-level-0 ul {
    padding-left: 15px;
}

ul.map-level-1 {
    margin-bottom: 30px;
}
/*ABOUT*/

.bxd-block {
    width: 100%;
    border: 1px solid #e3e6e7;
    display: block;
    background: #fff;
    padding: 15px;
    min-height: 210px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.bxd-block:hover {}

.bxd-icon {
    display: block;
    border-radius: 50%;
    height: 68px;
    width: 68px;
    margin: 0 auto;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.bxd-block:hover .bxd-icon {}

.bxd-icon .fa {
    margin-left: -1px;
    position: relative;
    font-size: 35px;
    height: 68px;
    width: 68px;
    text-align: center;
    line-height: 68px;
    vertical-align: middle;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.bxd-link:hover .bxd-icon .fa {}

.bxd-title {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
    color: #000;
    font-size: 15px;
    font-family: "Scada", "Helvetica Neue", Arial, Helvetica, sans-serif;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
}

.bxd-desc {
    display: block;
    text-align: center;
    color: #737373;
    font-size: 12px;
}


.bx-up-button {
    border-radius: 2px;
    color: #fff;
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    vertical-align: middle;
    padding: 9px 18px 7px 38px;
    -webkit-transition: background-color .3s ease, opacity .3s ease;
    -moz-transition: background-color .3s ease, opacity .3s ease;
    -ms-transition: background-color .3s ease, opacity .3s ease;
    -o-transition: background-color .3s ease, opacity .3s ease;
    transition: background-color .3s ease, opacity .3s ease;
    background: #c2c4c7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAAfSURBVHgBYwACRkYgAaKZmBihNJAFpaFiTExAgjwGAA1BAD3lDqDYAAAAAElFTkSuQmCC) 18px 13px no-repeat;
}
.bx-up-button:hover{
    background-color: #9fa0a3;
}


/*TAB*/
.bx-catalog-tab-section-container-e{position: relative;}
.tab_icon_img-e{
    width: 25px;
    position: relative;
    top: -3px;
}
.bx-catalog-tab-body-container-e {
    padding: 0px;
    background: none;
    border: none;
    border-top: none;
}
.bx-catalog-tab-list-e li{
    vertical-align: bottom;
    border-bottom: none;
    padding: 15px;
    width: auto;
    color: #000;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    background: none;
    border-radius: 30px;
    font-size: 16px !important;
    background-color: #fff;
}

.bx-catalog-tab-section-container-e .bx-catalog-tab-list-e li:before{
    content: none;
}

.bx-catalog-tab-list-e li a{
    display: block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: none;
}
.bx-catalog-tab-list-e li:hover{
    color:#000;
}

.bx-catalog-tab-list-e li:hover,
.bx-catalog-tab-list-e li.active{
    font-size: 16px;
    padding: 15px;
    border-radius: 30px;
    width: auto;
    margin-right: 10px;
    text-align: center;
    background-color: #141841;
    color: #fff;
}

.bx-catalog-tab-list-e li.active a,
.bx-catalog-tab-list-e li.active>span{
    color: #fff;
    position: relative;
    background: none;
}

.bx-catalog-tab-body-container-e .bx-catalog-tab-container-e>div.tab-off-e{
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition:all 0.4s ease-out;
    -ms-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
}


.bx-catalog-tab-body-container-e .bx-catalog-tab-container-e>div{
    opacity: 1;
    -webkit-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
}

.bx-catalog-tab-body-container-e .bx-catalog-tab-container-e .hidden{
    display: none;
}








/*Авторы*/

.bx-catalog-tab-section-container-a{position: relative;}

.bx-catalog-tab-body-container-a {
    border-top:none;
    border-radius: 0px 10px 10px 10px;
}
.bx-catalog-tab-list-a li{
    vertical-align: bottom;
    box-shadow: 0 0 4px rgba(145, 149, 161, 0.2), inset 0 1px 0 #ffffff;
    border-radius: 30px;
    background-image: linear-gradient(180deg, #ffffff 0%, #eceff7 100%);
    margin-right: 10px;
    padding: 7px;
    display: inline-block;
    background: #f7f7f7;
}

.bx-catalog-tab-section-container-a .bx-catalog-tab-list-a li:before{
    content: none;
}

.bx-catalog-tab-list-a li a,
.bx-catalog-tab-list-a li>span{
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    padding: 7px;
    text-align: center;
    box-shadow: none;
}

.bx-catalog-tab-list-a li:hover,
.bx-catalog-tab-list-a li.active{
    font-size: 16px;
    padding: 7px;
    text-align: center;
    box-shadow: none;
    color: #fff;
    background-image: none;
    background-color: #141841;
}

.bx-catalog-tab-list-a li.active a,
.bx-catalog-tab-list-a li.active>span{
    color: #fff;
    position: relative;
}

.bx-catalog-tab-body-container-a .bx-catalog-tab-container-a >div.tab-off{
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition:all 0.4s ease-out;
    -ms-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
}

.bx-catalog-tab-body-container-a .bx-catalog-tab-container-a >div{
    display: block;
    opacity: 1;
    -webkit-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
}

.bx-catalog-tab-body-container-a .bx-catalog-tab-container-a .hidden{
    display: none;
}


.bx-catalog-tab-section-container-m{position: relative;}

.bx-catalog-tab-list_e-m{
    text-align: center;
    padding: 0;
    vertical-align: bottom;
    margin-bottom: 16px;
    margin-top: 16px;
}
.bx-catalog-tab-body-container-m {
    background: none;
    border: none;
    border-top: none;
    margin-bottom: 40px;
}
.bx-catalog-tab-list_e-m li{
    vertical-align: bottom;
    border-bottom: none;
    padding: 15px;
    cursor: pointer;
    font-size: 21px;
    color: #000;
    display: inline-block;
    background: none;
    box-shadow: 0 0 4px rgba(145, 149, 161, 0.2), inset 0 1px 0 #ffffff;
    border-radius: 26px;
    background-image: linear-gradient(180deg, #ffffff 0%, #eceff7 100%);
    margin-right: 10px;
}

.bx-catalog-tab-section-container-m .bx-catalog-tab-list_e-m li:before{
    content: none;
}

.bx-catalog-tab-list_e-m li a{
    display: block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-size: 21px;
    padding: 7px;
    text-align: center;
    box-shadow: none;
    font-weight: 700;
    line-height: 38px;
}
.bx-catalog-tab-list_e-m li:hover{
    color:#000;
}

.bx-catalog-tab-list_e-m li:hover,
.bx-catalog-tab-list_e-m li.active{
    font-size: 21px;
    padding: 15px;
    border-radius: 30px;
    box-shadow: none;
    background-image: none;
    margin-right: 10px;
    text-align: center;
    background-color: #040725;
    color:#fff;
    font-weight: 700;
    line-height: 38px;
}

.bx-catalog-tab-list_e-m li.active a,
.bx-catalog-tab-list_e-m li.active>span{
    color: #fff;
    position: relative;
    background: none;
}

.bx-catalog-tab-body-container-m .bx-catalog-tab-container-m>div.tab-off{
    opacity: 0;
    overflow: hidden;
    -webkit-transition:all 0.4s ease-out;
    -ms-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
}

.bx-catalog-tab-body-container-m .bx-catalog-tab-container-m>div{
    display: block;
    opacity: 1;
    -webkit-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
}

.bx-catalog-tab-body-container-m .bx-catalog-tab-container-m .hidden{
    display: none;
}
/*все, что ниже 767 (это телефон, но, по сути, для телефона)*/
@media only screen and (max-width: 767px) {
    .bx-catalog-tab-list_e-m li:hover, .bx-catalog-tab-list_e-m li.active, .bx-catalog-tab-list_e-m li {
        font-size: 16px;
        padding: 10px;
        line-height: 32px;
    }
}





/*TAB*/








































































.bx-inclinksfooter a{border-bottom: none;}
.bx-inclinksfooter .bx-block-title{
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 600;
}
.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border-radius: 2px;
    font-family: "Scada", Helvetica, Arial, sans-serif;
}

.bx-inclinksfooter-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.bx-inclinksfooter-item{
    padding: 0 0 5px 0;
}

.subsc_btn span {
    font-size: 12px;
    line-height: 12px;
    display: block;
}

.bx-breadcrumb {
    margin: 16px 0;
}
.bx-breadcrumb i {
    color: #b5bdc2;
    line-height: 13px;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px;
}
.fa {
    display: inline-block;
}
.fa-angle-right:before {
   content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
}
.bx-breadcrumb .bx-breadcrumb-item {
    float: left;
    white-space: nowrap;
    line-height: 25px;
    vertical-align: middle;
    margin-right: 10px;
    display: -webkit-flex;
    align-items: center;
}

.bx-breadcrumb .bx-breadcrumb-item span {
    font-family: "Scada", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}


/*SEARCH TITLE*/
@media only screen and (max-width: 767px){
    div.title-search-result {
        display: block;
        overflow: hidden;
        border-radius: 0px 0px 10px 10px;
        z-index: 9999;
        margin-left: -10px;
        min-width: 90%;
        margin-top: 15px;
        background-color: #FFF;
    }
}



    @media only screen
and (min-width: 768px)
and (max-width: 979px){
    div.title-search-result {
        display: block;
        overflow: hidden;
        border-radius: 0px 0px 10px 10px;
        z-index: 9999;
        margin-left: -45px;
        min-width: 50%;
        margin-top: 15px;
        background-color: #FFF;
    }
}

/*все, что выше 980 (это маленькой десктоп)*/
@media only screen
and (min-width: 980px)
and (max-width: 1199px) {
    div.title-search-result {
        display: block;
        overflow: hidden;
        border-radius: 0px 0px 10px 10px;
        z-index: 9999;
        margin-left: -10px;
        min-width: 50%;
        margin-top: 15px;
        background-color: #FFF;
    }
}

.top10-card__meta img {
    margin-right: 7px;
}

@media only screen and (min-width: 1200px) {
    div.title-search-result {
            display: block;
        overflow: hidden;
        border-radius: 0px 0px 10px 10px;
        z-index: 9999;
        margin-left: -20px;
        min-width: 50%;
        margin-top: 10px;
        background-color: #FFF;
    }
}


.bx-searchtitle .bx-block-title {
    font-family: "Scada", Helvetica, Arial, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
.title_search_top:hover{
    cursor: pointer;
}
.title_search_top{
    float: left;
    font-size: 16px;
    font-weight: 700;
    color:#3F5DAB;
    width:100%;
}
.bx-searchtitle .bx-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
}
.title-search-input:hover{
    display:block;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
    position: relative;
    z-index: 9999;
    height: 35px;
    padding: 0;
    width:100%;
    top: -5px;
    padding-left: 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
    border: 1px solid #d5dadc;
    border-radius: 10px;
    outline: none;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    /* Fix of input shadow for IOS browsers. */
    background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    margin-left: 15px;
}
.bx-searchtitle .bx-input-group-btn button {
    position: relative;
    border: none;
    background: none;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    padding:0;
    border-radius: 0 2px 2px 0;
    color: #5f78b7;
    font-size: 16px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
    background: none;
}




div.title-search-fader {
    display:none;
    background-image: url('images/fader.png');
    background-position: right top;
    background-repeat: repeat-y;
    position:absolute;
}

p.title-search-preview {
    font-size:12px;
}
div.title-search-result td.title-search-price span {
    font-size: 26px;
}

/*========================*/
.bx_searche {
    padding-left: 20px;
    padding-right: 20px;
}
.bx_searche .bx_img_element{
    float: left;
    height: 100px;
    width: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
}
.bx_searche .bx_item_block{
    min-height: 100px;
    position: relative
}
.bx_searche .bx_image{
    width: 70px;
    height: 70px;
    float: left;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bx_searche .bx_item_element{
    /*float: left;*/
    padding-left: 10px;
    margin-left: 70px;
}
.bx_searche .bx_item_element hr{
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
    font-weight:bold;
    font-size:13px;
}
.bx_searche .bx_price .old{
    font-weight:normal;
    text-decoration: line-through;
    color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
    min-height: 0;
    padding: 0 0 12px;
    line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
    display: block;
    font-size: 14px;
    color: #3f5dab;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #3f5dab}
.bx_item_block.all_result .all_result_title a:hover{color: #3f5dab}
.bx_item_block.all_result a{
    margin-top: 0;
}
/*SEARCH TITLE*/



/*COMMENTS*/

.item_comments{
    display: block;
    padding-left: 0;
}
.item_comments li{
    display: block;
    padding-bottom: 10px;
}
.item_comments_username{
    display: inline-block;
    color: #5d90bd;
    font-size: 14px;
}
.item_comments_date{
    display: inline-block;
    color: #b8b8b8;
    font-size: 14px;
    margin-left: 10px;
}
.item_comments_container p{
    margin-top: 5px;
    color: #3f3f3f;
    font-size: 14px;
}

div.blog-comment-form {width: 100% !important;}

div.blog-comment .blog-author {
    font-size: 0.85em;
}

.blog-comment-content {
    font-size: 13px;
    overflow: hidden!important;
    padding-top: 0 !important;
}

div.blog-comment-buttons input {
    font-size: 13px !important;
    padding: 0 3px !important;
}

.blog-post-rating {
    padding: 10px 0 0 0;
}

@media (max-width:540px){
    .bx_soc_comments_div .bx-catalog-tab-list li a{
        font-size:11px;
    }
}

.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button,
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2    {
    padding:0 13px;
    height:25px;
    font-weight:bold;
    line-height:25px;
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button   {
    height:27px;
    line-height:27px;
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:hover  {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:active {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2         {font-weight:bold}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:hover {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:active{}

.bx_soc_comments_div.bx_important .blog-comment-nav {

}

.blog-comment-nav-item-sel {
    cursor: pointer;
    background: #3F5DAB !important;
    padding: 7px;
    width: 32px;
    display: inline-block;
    text-align: center;
    height: 32px;
    border-radius: 50%;
    color: #fff !important;
}

.blog-comment-nav-item {
    cursor: pointer;
    background: #fff;
    padding: 7px;
    width: 32px;
    display: inline-block;
    text-align: center;
    height: 32px;
    border-radius: 50%;
}


.bx_soc_comments_div.bx_important .blog-comment-nav a,
.bx_soc_comments_div.bx_important .blog-comment-nav a:link,
.bx_soc_comments_div.bx_important .blog-comment-nav a:visited,
.bx_soc_comments_div.bx_important .blog-comment-info a,
.bx_soc_comments_div.bx_important .blog-comment-info a:link,
.bx_soc_comments_div.bx_important .blog-comment-info a:visited {
    text-decoration: none;
    color: #000;
}

.bx_soc_comments_div.bx_important .blog-comment-nav a:hover,
.bx_soc_comments_div.bx_important .blog-comment-nav a:active,
.bx_soc_comments_div.bx_important .blog-comment-info a:hover,
.bx_soc_comments_div.bx_important .blog-comment-info a:active {
    text-decoration: underline;
    color: #000;
}

.bx_soc_comments_div.bx_important .blog-comment-info a,
.bx_soc_comments_div.bx_important .blog-comment-info a:link,
.bx_soc_comments_div.bx_important .blog-comment-info a:visited {
    font-size: 0.85em;
}

.bx_soc_comments_div.bx_important .blog-comment-info a:hover,
.bx_soc_comments_div.bx_important .blog-comment-info a:active {
    font-size: 0.85em;
}

.bx_soc_comments_div .bx-catalog-tab-section-container{position: relative;}

.bx_soc_comments_div .bx-catalog-tab-list{
    text-align: left;
    padding: 0;
    vertical-align: bottom;
    margin: 16px 0;
}

.bx_soc_comments_div .bx-catalog-tab-list li{
    vertical-align: bottom;
    border: 1px solid #d9e1e3;
    border-bottom: none;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    background: #f7f7f7;
    box-shadow: inset 0 -10px  5px -10px rgba(0,0,0,.12);
}

.bx_soc_comments_div .bx-catalog-tab-section-container .bx-catalog-tab-list li:before{
    content: none;
}

.bx_soc_comments_div .bx-catalog-tab-list li a,
.bx_soc_comments_div .bx-catalog-tab-list li>span{
    display: block;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    color: #999;
    text-decoration: none;
    font-size: 13px;
    padding: 0 20px;
    box-shadow: none;
}

.bx_soc_comments_div .bx-catalog-tab-list li:hover,
.bx_soc_comments_div .bx-catalog-tab-list li.active{
    background: #fff;
}

.bx_soc_comments_div .bx-catalog-tab-list li.active a,
.bx_soc_comments_div .bx-catalog-tab-list li.active>span{
    background: #fff;
    line-height: 35px;
    height: 35px;
    color: #3f3f3f;
    position: relative;
    bottom: -2px;
}

.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div.tab-off{
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition:all 0.4s ease-out;
    -ms-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
}

.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div{
    opacity: 1;
    -webkit-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
}

.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container .hidden{
    display: none;
}
/*COMMENTS*/










/*SUBSCRIDE*/
/* Button */
.bx-catalog-subscribe-button
{
    margin-bottom: 6px;
    display: inline-block;
}
.bx-catalog-popup-content
{
    width: 90%;
    max-width: 280px;
}
/* Subscribe popup */
.bx-catalog-subscribe-form-container-label
{
    font-size:13px;
    color: #5a6c77;
    padding-bottom: 2px;
}
.bx-catalog-subscribe-form-container-input
{
    position: relative;
}
.bx-catalog-subscribe-form-container-input input[type="text"] {
    display: block;
    width: 100%;
    font-size: 18px;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #CCD5DB;
    border-radius: 25px;
    background: #f8fafc;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bx-catalog-subscribe-form-star-required {
    color: #d93333;
}
.bx-catalog-subscribe-form-container .bx-captcha{
    margin-bottom: 10px;
}
.bx-catalog-popup-message
{
    font-weight: bold;
    min-width: 240px;
    margin: 0 0 0;
}

/* Alert style */
.bx-catalog-subscribe-alert {
    background-color: #edf6fc;
    color: #000;
    font-size: 15px;
    min-height: 45px;
    text-align: center;
    padding: 12px 40px 12px 60px;
    position: relative;
    width: 280px;
}
.bx-catalog-subscribe-aligner {
    display: inline-block;
    height: 45px;
    margin-left: -1px;
    vertical-align: middle;
    width: 1px;
}
.bx-catalog-subscribe-alert-text {
    display: inline-block;
    vertical-align: middle;
}
.bx-catalog-subscribe-alert-footer {
    text-align: center;
}
.bx-catalog-subscribe-alert-popup {
    background-color: #edf6fc !important;
    border: 1px solid #edf6fc !important;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
    box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
}
/*SUBSCRIDE*/


/*АВТОРЫ*/
.bx_news_detail {}
.bx_news_detail{
    font-size: 80%;
}
.author_page_photo {
    width: 250px;
    height: 250px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    /* margin-top: 37px; */
    margin: 0 auto;
    position: relative;
    top: 20px;
    background-repeat: no-repeat;
}
.bx_news_detail h3{margin-top:20px;margin-bottom:10px}

.bx_news_detail p{margin:0 0 10px}

.bx_news_detail .date {
    color: #8f8f8f;
    display: inline-block;
    font-size: 14px;
    padding: 10px 0;
}

.bx_news_detail h2 a:link {
    color: #0073a3;
    font-size: 16px;
}
.bx_news_detail a {
    color: #0073a3;
    cursor: pointer;
}

.bx_news_detail h2{
    color:inherit;
    font-weight:500;
    font-family:"Scada", Helvetica, Arial, sans-serif;
    line-height:1.1;
}

.bx_news_detail table tr td {
    border: 1px solid #d3d3d3;
    padding: 3px;
    display: table-cell;
    vertical-align: inherit;
}
.autor_tabs{
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.block_top_autors{
    width: 100%;
    float: left;
}
/*АВТОРЫ*/













/*ПОДПИСКА */
.bx-subscribe {
    margin: 10px 0;
}
.bx-subscribe div.bx-block-title {
    font-family: "Scada", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
.bx-subscribe-desc {
    color: #aaa;
    font-size: 12px;
    position: relative;
    margin-top: -5px;
    margin-bottom: 3px;
}
.bx-subscribe .bx-input-group .bx-form-control {
    position: relative;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    height: 35px;
    text-align:center;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #9195a1;
    background-color: #eceff7;
    border: 1px solid #eceff7;
    border-radius: 15px;
    outline: none;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-subscribe .bx-input-group .bx-form-control {
    /* Fix of input shadow for IOS browsers. */
    background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.btn-subscribe {
    cursor: pointer;
    text-align: center;
    background: #3F5DAB;
    border: none;
    color: #fff;
    font-size: 16px;
    position: relative;
    border-radius: 100px;
    width: 100%;
    font-weight: 700;
    height: 55px;
    vertical-align: middle;
    outline: none;
    transition: background 0.5s ease;
}
.btn-subscribe:hover {
    background: #607cca;
}

.btn-subscribe span {
    display: block;
}
.btn-subscribe.send {
    padding: 5px 40px;
    -webkit-animation-name: MeilSend;
    animation-name: MeilSend;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    outline: none;
    color: #fff;
}
.btn-subscribe:hover, .btn-subscribe:active{color: #fff;}
.btn-subscribe.send:before {
    width: 0;
    background-position: 100px 50%;
    -webkit-animation-name: MeilSendButton;
    animation-name: MeilSendButton;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
@keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}
@-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}

.bx_subscribe_response_container {
    padding: 40px;
    color: #35414E;
}

.bx_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}

.bx-sender-subscribe-agreement .main-user-consent-request a {
    font-weight: 100;
    font: 11px/10px "Scada", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*ПОДПИСКА*/
/*КОРЗИНА В ШАПКЕ*/
.count_cart_block, .sum_cart_block, .weight_cart{
    padding: 15px;
    border-bottom:1px solid #cccc;
}

.bx-basket-block {
    position: relative;
    white-space: nowrap;
    font-size: 16px;
}

.bx-basket-block > .fa {
    position: relative;
    top: 3px;
    left: 0;
    background-size: contain;
    width: 30px;
    background-position: left;
    color: #97a1ab;
    height: 20px;
    background-image: url(/images/cart.svg);
    background-repeat: no-repeat;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
    .bx-basket-fixed {
        position: fixed;
        z-index: 998;
        overflow: hidden;
        padding-top: 10px;
        width: 200px;
        border: 1px solid #f0f0f0;
        border-radius: 1px;
        background: #fff;
        box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    }

    .bx-basket-fixed.top { top: 10px }

    .bx-basket-fixed.right { right: 10px }

    .bx-basket-fixed.bottom { bottom: 10px }

    .bx-basket-fixed.left { left: 10px }

    .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
    .bx-basket-fixed {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        overflow: hidden;
        padding-top: 10px;
        border: 1px solid #f0f0f0;
        border-radius: 1px;
        background: #fff;
        box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    }

    .bx-basket-item-list { display: none; }

    /*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.bx-closed .bx-basket-item-list {
    overflow: hidden;
    height: 20px;
}

.bx-basket-item-list-action {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120;
    padding: 3px 0;
    height: 20px;
    background: #f7f7f7;
    color: #4f4f4f;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
}

.bx-basket-item-list-button-container {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    padding: 10px 0;
    border-top: 1px solid #f7f7f7;
    background: #fff;
    text-align: center;
}

.bx-basket-item-list-container {
    overflow-y: auto;
    max-height: 100%
}

.bx-basket-item-list-item {
    position: relative;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.bx-basket-item-list-item-status {
    margin: 0 10px 20px;
    padding: 3px;
    border-radius: 3px;
    background: #ebebeb;
    text-align: center;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

.bx-basket-item-list-item-img {
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.bx-basket-item-list-item-img img {
    max-width: 90px;
    height: auto;
    border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
    font-size: 13px;
    line-height: 16px;
}

.bx-basket-item-list-item-remove {
    position: absolute;
    top: -7px;
    right: 10px;
    width: 20px;
    height: 20px;
    opacity: .5;
    cursor: pointer;
    transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background-color: #333;
    content: '';
    transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
    padding-bottom: 5px;
    font-size: 12px;
}

.bx-basket-item-list-item-price {
    display: inline-block;
    margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
    display: inline-block;
    margin-right: 5px;
    color: #b0b0b0;
    text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }
/*КОРЗИНА В ШАПКЕ*/
/*
СЛАЙДЕР*/
.bx_slider_section{
    position: relative;
    top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.bx_slider_control{
    display: none;
}

@media (max-width:640px){
    .bx_slider_section {
        position: relative;
        top: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-width:480px){
    .bx-touch .bx_slider_section{
        
    }
}


.bx_slider_section .bx_slider_container{
    float: left;
}
@media (max-width:480px){
    .bx-touch .bx_slider_section .bx_slider_container{
        position:static;
        top:auto;
        bottom:auto;
    }
}
.bx_slider_section .bx_slider_block{
    position: absolute;
}
@media (max-width:480px){
    .bx-touch .bx_slider_section .bx_slider_block{
        position: absolute;
        width: 100%;
    }
    .bx-touch .bx_slider_section .bx_slider_block.active{
        display: block;
    }
    .bx_slider_section .bx_slider_title a {
        font-size: 21px;
        line-height: 23px;
    }

}
.bx_slider_section .bx_slider_photo_container{
        width: 50%;
    float: left;
    position: relative;
}
@media (max-width:640px){
    .bx-touch .bx_slider_section .bx_slider_photo_container{
        /*width: 100%;
        padding-top: 35%;
        bottom: auto;*/
    }
}

/**/
.bx_slider_section .bx_slider_photo_background,
.bx_slider_section .bx_slider_photo_element{
    width: 100%;
    height: 350px;
}

@media (max-width:640px){
    .bx-touch .bx_slider_section .bx_slider_photo_background,
    .bx-touch .bx_slider_section .bx_slider_photo_element{
        right:2%;
        left:2%;
    }
}

.bx_slider_section .bx_slider_photo_background{
    -webkit-transform:scale(1) rotate(1.8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -moz-transform:scale(1) rotate(1.8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform:scale(1) rotate(1.8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform:scale(1) rotate(1.8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform:scale(1) rotate(1.8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.bx_slider_section .bx_slider_photo_element{
    display:block;
    padding:1px;
    -webkit-background-size:contain !important;
    background-size:contain !important;
}
/* Stickers */
.bx_slider_section .bx_stick{
    position:absolute;
    top:20px;
    left:-2px;
    display:block;
    width:123px;
    height:35px;
    background:url(images/stick.png) left center no-repeat;
    -webkit-background-size:contain !important;
    background-size:contain !important;
    color:#fff;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #ba3434;
    font-weight:bold;
    font-size:  18px;
    line-height:35px;
}
@media (max-width:980px){           .bx_slider_section .bx_stick{         width:90px;height:30px;font-size:14px;line-height:30px}}
@media (max-width:640px){           .bx_slider_section .bx_stick{top:10px;width:70px;height:30px;font-size:11px;line-height:30px}}
@media (max-width:480px){.bx-touch  .bx_slider_section .bx_stick{top: 5px;width:63px;height:27px;font-size:10px;line-height:27px;font-weight:normal}}
/**/
.bx_slider_section .bx_stick_disc{
    position:absolute;
    right:5px;
    bottom:5px;
    display:block;
    width:72px;
    height:74px;
    background:url(images/stick_disc.png) no-repeat center;
    -webkit-background-size:contain !important;
    background-size:contain !important;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 0 #ba3434;
    font-weight:bold;
    font-size:26px;
    line-height:74px;
}
@media (max-width:980px){           .bx_slider_section .bx_stick_disc{width:64px;height:64px;font-size:21px;line-height:64px}}
@media (max-width:640px){           .bx_slider_section .bx_stick_disc{width:48px;height:48px;font-size:15px;line-height:48px}}
@media (max-width:480px){.bx-touch  .bx_slider_section .bx_stick_disc{width:36px;height:36px;font-size:12px;line-height:36px}}
/**/
.bx_slider_section .bx_slider_content_container{
        position: relative;
    float: left;
    width: 50%;
}
@media (max-width:640px){
    .bx-touch .bx_slider_section .bx_slider_content_container{
        top: 60%;
        left: auto;
        right: auto;
        width: 100%;
    }
}
@media (max-width:480px){
    .bx-touch .bx_slider_section .bx_slider_content_container{
        top: auto;
        position: static;
    }

}

/**/
.bx_slider_section .bx_slider_title{
    color: #3f5dab;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: underline;
    padding-bottom: 40px;
}
@media (max-width:980px){          
    .bx_slider_section .bx_slider_title{
        max-height:23px
    }
    .bx_slider_section .bx_slider_photo_container {
        width: 100%;
        float: left;
        position: relative;
    }
    .bx_slider_section .bx_slider_content_container {
        position: relative;
        float: left;
        width: 100%;
    }
    
}
@media (max-width:640px){          .bx_slider_section .bx_slider_title{max-height:17px}}
@media (max-width:480px){.bx-touch .bx_slider_section .bx_slider_title{max-height:12px}}
/**/
.bx_slider_section .bx_slider_title a{
        color: #3f5dab;
    text-decoration: none;
    font-size: 25px;
    line-height: 25px;
    display: block;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    opacity: 1;
    position: relative;
    white-space: nowrap;
    z-index: 9;
}
.color_blue   .bx_slider_section .bx_slider_title a{color:#000;}
.color_wood   .bx_slider_section .bx_slider_title a{color: #572c05;text-shadow: 0 1px 1px rgba(246,237,206,0.7);}
.color_green  .bx_slider_section .bx_slider_title a{color:#fff;}
.color_yellow .bx_slider_section .bx_slider_title a{color: #4c4a3f;text-shadow: 0 1px 1px rgba(255,255,255,.5);}
.color_red    .bx_slider_section .bx_slider_title a{color:#fff;}
.color_black  .bx_slider_section .bx_slider_title a{color:#fff;}

@media (max-width:980px){           
    .bx_slider_section .bx_slider_title a{font-size:21px;line-height:23px}
    .bx_slider_section .bx_slider_photo_container{
        margin-bottom: 20px
    }
    .bx_slider_title{
        text-align: center;
    }
}
@media (max-width:640px){           .bx_slider_section .bx_slider_title a{font-size:18px;line-height:17px}}
@media (max-width:480px){.bx-touch  .bx_slider_section .bx_slider_title a{font-size:18px;line-height:14px}}
/**/
.bx_slider_section .bx_slider_content_description {
    color: #5e5f65;
    font-size: 16px;
    font-weight: 400;
    height: 200px;
    line-height: 22px;
    padding-right: 75px;
}
.color_blue   .bx_slider_section .bx_slider_content_description {color:#658790;}
.color_wood   .bx_slider_section .bx_slider_content_description {color:#fff    ;text-shadow: 0 -1px 1px #924b17;}
.color_green  .bx_slider_section .bx_slider_content_description {color:#fff;}
.color_yellow .bx_slider_section .bx_slider_content_description {color: #4c4a3f;text-shadow: 0 1px 1px rgba(255,255,255,.5);}
.color_red    .bx_slider_section .bx_slider_content_description {color:#fff;}
.color_black  .bx_slider_section .bx_slider_content_description {color:#fff;}
@media (max-width:890px){           .bx_slider_section .bx_slider_content_description{max-height:55px}}
@media (max-width:820px){           .bx_slider_section .bx_slider_content_description{max-height:38px}}
@media (max-width:780px){           .bx_slider_section .bx_slider_content_description{max-height:19px}}
@media (max-width:720px){           
    .bx_slider_section .bx_slider_content_description{
    }
    .bx_slider_section .bx_slider_photo_container{
        margin-bottom: 20px
    }
    .bx_slider_title{
        text-align: center;
    }
}
@media (max-width:640px){.bx-touch  .bx_slider_section .bx_slider_content_description{
}
}
@media (max-width:480px){
    .bx-touch .bx_slider_section .bx_slider_content_description {
        max-height: 76px;
        position: static;
        left: auto;
        top: auto;
        padding-right: 0px;
    }
}
/**/

@media (max-width:640px){
    .bx-touch .bx_slider_section .bx_slider_customblock_one{width: 50%}
    .bx-touch .bx_slider_section .bx_slider_customblock_two{width: 50%}
}
@media (max-width:480px){
    .bx-touch .bx_slider_section .bx_slider_customblock_one{width:100%}
    .bx-touch .bx_slider_section .bx_slider_customblock_two{width:100%}
}
/**/
.bx_slider_section .bx_slider_price_container{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
}
@media (max-width:640px){.bx-touch  .bx_slider_section .bx_slider_price_container{left: 52%;}}
@media (max-width:480px){.bx-touch  .bx_slider_section .bx_slider_price_container{left: auto;position: relative;margin-top: 10px}}
.bx_slider_section .bx_slider_price_rightblock{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:96%;
    background:url(images/price_bg.png) no-repeat left center;
    background-size:100% 100%;
}

.color_blue   .bx_slider_section .bx_slider_price_rightblock {background:url(images/price_bg.png) no-repeat left center;}
.color_wood   .bx_slider_section .bx_slider_price_rightblock {}
.color_green  .bx_slider_section .bx_slider_price_rightblock {}
.color_yellow .bx_slider_section .bx_slider_price_rightblock {background:url(images/price_bg_white.png) no-repeat left center;}
.color_red    .bx_slider_section .bx_slider_price_rightblock {}
.color_black  .bx_slider_section .bx_slider_price_rightblock {}

/**/
.bx_slider_section .bx_slider_price_leftblock{
    position:relative;
    width:96%;
    background:rgba(159,226,248,.52);
}

.color_blue   .bx_slider_section .bx_slider_price_leftblock {}
.color_wood   .bx_slider_section .bx_slider_price_leftblock {}
.color_green  .bx_slider_section .bx_slider_price_leftblock {}
.color_yellow .bx_slider_section .bx_slider_price_leftblock {background: rgba(255,255,255,.52);}
.color_red    .bx_slider_section .bx_slider_price_leftblock {}
.color_black  .bx_slider_section .bx_slider_price_leftblock {}
/**/
.bx_slider_section .bx_slider_current_price{
    padding:10px 10px 5px;
    text-shadow:0 1px 1px rgba(255,255,255,.7);
    font-weight:bold;
    font-size:26px;
    line-height:26px;
    vertical-align: middle;
}
.bx_slider_section .bx_slider_current_price.bx_no_oldprice{
    font-size:26px;
    line-height:46px;
}
@media (max-width:980px){           .bx_slider_section .bx_slider_current_price                 {padding:5px 7px 1px;font-size:23px;line-height:18px}}
@media (max-width:980px){           .bx_slider_section .bx_slider_current_price.bx_no_oldprice  {padding:5px 7px 1px;font-size:23px;line-height:46px}}
@media (max-width:640px){.bx-touch  .bx_slider_section .bx_slider_current_price                 {padding:4px 7px 0px;font-size:17px;line-height:12px}}
@media (max-width:640px){.bx-touch  .bx_slider_section .bx_slider_current_price.bx_no_oldprice  {padding:4px 7px 0px;font-size:17px;line-height:34px}}
/**/
.bx_slider_section .bx_slider_old_price{
    padding:5px 10px 10px;
    color:#496771;
    text-decoration:line-through;
    text-shadow:0 1px 1px rgba(255,255,255,.4);
    font-weight:bold;
    font-size:14px;
}
@media (max-width:980px){           .bx_slider_section .bx_slider_old_price{font-size:14px;padding:1px 7px 5px}}
@media (max-width:640px){.bx-touch  .bx_slider_section .bx_slider_old_price{font-size:10px}}
/*Cart button*/
.bx_slider_section .bt_blue{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-19px;
    display:inline-block;
    border-radius:3px;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    cursor:pointer;
}
.bx-touch .bx_slider_section .bt_blue{font-size:12px}
.bx_slider_section .shadow.bt_blue       {box-shadow:0 1px 1px 0 rgba(0,0,0,.2);}
.bx_slider_section .shadow.bt_blue:active{box-shadow:none}

.bx_slider_section .bt_blue         {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#00a2df), to(#006fcb));
    background-image:-webkit-linear-gradient(#00a2df 0%, #006fcb 100%);
    background-image:-moz-linear-gradient(#00a2df 0%, #006fcb 100%);
    background-image:-o-linear-gradient(#00a2df 0%, #006fcb 100%);
    background-image:linear-gradient(#00a2df 0%, #006fcb 100%);
    color:#fff;
    text-shadow:0 1px 0 #006cae;
}
.bx_slider_section .bt_blue:hover   {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#21afe4), to(#006fcb));
    background-image:-webkit-linear-gradient(#21afe4 0%, #006fcb 100%);
    background-image:-moz-linear-gradient(#21afe4 0%, #006fcb 100%);
    background-image:-o-linear-gradient(#21afe4 0%, #006fcb 100%);
    background-image:linear-gradient(#21afe4 0%, #006fcb 100%);
}
.bx_slider_section .bt_blue:active  {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#006fcb), to(#00a2df));
    background-image:-webkit-linear-gradient(#006fcb 0%, #00a2df 100%);
    background-image:-moz-linear-gradient(#006fcb 0%, #00a2df 100%);
    background-image:-o-linear-gradient(#006fcb 0%, #00a2df 100%);
    background-image:linear-gradient(#006fcb 0%, #00a2df 100%);
    box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21);
}
.bx_slider_section .big.bt_blue{
    padding:0 13px;
    height:36px;
    line-height:36px;
    font-weight:bold;
}
.bx-touch .bx_slider_section .big.bt_blue{
    padding:0 12px;
    height:24px;
    line-height:24px;
    font-weight:bold;
    margin-top:-12px;
    vertical-align: middle;
}
.bx_slider_section .big.bt_blue:hover  {}
.bx_slider_section .big.bt_blue:active {}

.bx_slider_section .big.bt_blue.cart span{
    position:relative;
    bottom:-7px;
    display:inline-block;
    margin:0 10px 0 0;
    width:26px;
    height:23px;
    background:url(images/bt_cart.png) no-repeat center;
    -webkit-background-size:contain !important;
    background-size:contain !important;
}
.bx-touch .bx_slider_section .big.bt_blue.cart span{
    bottom:0;
    margin:0 10px 0 0;
    width:20px;
    height:24px;
    vertical-align: middle;
}
@media (max-width:800px){.bx_slider_section .big.bt_blue.cart span {display:none}}
@media (max-width:640px){.bx_slider_section .big.bt_blue.cart span {display:block}
    .bx_slider_section .big.bt_blue.cart strong{display:none}}
/**/

.bx_slider_section .bx_slider_arrow_right{
    position: absolute;
    top: 50%;
    z-index: 200;
    display: none;
    margin-top: -29px;
    width: 60px;
    height: 60px;
    box-shadow: 0 8px 18px rgba(27, 35, 55, 0.16);
    border-radius: 33px;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/arrow_right.png);
    cursor: pointer;
}
.bx_slider_section .bx_slider_arrow_left{
    position: absolute;
    top: 50%;
    z-index: 200;
    display: none;
    margin-top: -29px;
    width: 60px;
    height: 60px;
    box-shadow: 0 8px 18px rgba(27, 35, 55, 0.16);
    border-radius: 33px;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/arrow_left.png);
    cursor: pointer;
}

.bx_slider_section  .bx_slider_arrow_left,
.bx_slider_section  .bx_slider_arrow_right       {display:block}

.bx_slider_section          .bx_slider_arrow_left        {left: 0}
.bx_slider_section          .bx_slider_arrow_right       {right:0}



@media (max-width:980px){
    .bx_slider_section          .bx_slider_arrow_left,
    .bx_slider_section          .bx_slider_arrow_right       {
        width: 60px;
        height: 60px;
    }
    .bx_slider_section          .bx_slider_arrow_left        { ;left: 0}
    .bx_slider_section          .bx_slider_arrow_right       {right:0}
}

.bx-touch   .bx_slider_section          .bx_slider_arrow_left,
.bx-touch   .bx_slider_section          .bx_slider_arrow_right       {
    display:block;
    width:60px;
    height:60px;
}

.bx-touch   .bx_slider_section          .bx_slider_arrow_left        {left: 0}
.bx-touch   .bx_slider_section          .bx_slider_arrow_right       {right:0}

@media (max-width:639px){
    .bx-touch .bx_slider_section .bx_slider_arrow_left,
    .bx-touch .bx_slider_section .bx_slider_arrow_right{
        top:22%;
    }
}

/**/

.bx_slider_section .bx_slider_pagination {
    position:absolute;
    bottom:-4px;
    margin:0;
    padding:0;
    width:57%;
    list-style:none;
    text-align:center;
}
.bx_slider_section .bx_slider_pagination li{
    display:inline-block;
    margin:0 3px;
    width:14px;
    height:20px;
    background:url(images/pagination_dot.png) no-repeat right center;
}
.color_blue   .bx_slider_section .bx_slider_pagination li{background:url(images/pagination_dot.png) no-repeat right center}
.color_wood   .bx_slider_section .bx_slider_pagination li{}
.color_green  .bx_slider_section .bx_slider_pagination li{}
.color_yellow .bx_slider_section .bx_slider_pagination li{background:url(images/pagination_dot_yellow.png) no-repeat right center}
.color_red    .bx_slider_section .bx_slider_pagination li{}
.color_black  .bx_slider_section .bx_slider_pagination li{}

.bx_slider_section .bx_slider_pagination li:hover,
.bx_slider_section .bx_slider_pagination li.active{background:url(images/pagination_dot.png) no-repeat 1px center;}
.color_blue   .bx_slider_section .bx_slider_pagination li:hover,
.color_blue   .bx_slider_section .bx_slider_pagination li.active{background:url(images/pagination_dot.png) no-repeat 1px center;}
.color_wood   .bx_slider_section .bx_slider_pagination li:hover,
.color_wood   .bx_slider_section .bx_slider_pagination li.active{}
.color_green  .bx_slider_section .bx_slider_pagination li:hover,
.color_green  .bx_slider_section .bx_slider_pagination li.active{}
.color_yellow .bx_slider_section .bx_slider_pagination li:hover,
.color_yellow .bx_slider_section .bx_slider_pagination li.active{background:url(images/pagination_dot_yellow.png) no-repeat 0px center;}
.color_red    .bx_slider_section .bx_slider_pagination li:hover,
.color_red    .bx_slider_section .bx_slider_pagination li.active{}
.color_black  .bx_slider_section .bx_slider_pagination li:hover,
.color_black  .bx_slider_section .bx_slider_pagination li.active{}


.bx_slider_section .bx_slider_pagination li span{
    display:block;
    width:14px;
    height:20px;
    text-decoration:none;
    cursor: pointer;
}

.bx-touch .bx_slider_section .bx_slider_pagination{}
.bx-touch .bx_slider_section .bx_slider_pagination li,
.bx-touch .bx_slider_section .bx_slider_pagination li span{
    margin:0 1px;
    width:7px;
    height:7px;
    -webkit-background-size:auto 7px;
    background-size:auto 7px;
}
@media (max-width:640px) {
    .bx-touch .bx_slider_section .bx_slider_pagination{
        display: block;
        position: relative;
        bottom: auto;
        margin: 0;
        padding: 0;
        width: 100%;
    }
}
@media (max-width:480px) {
    .bx-touch .bx_slider_section .bx_slider_pagination{
        margin: 10px 0;
    }
}


.bx_slider_section .bx_stick,
.bx_slider_section .bx_slider_title,
.bx_slider_section .bx_slider_title a,
.bx_slider_section .bx_stick_disc{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/*СЛАЙДЕР*/









.img_avtor{
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #3f5dab;
    background-repeat: no-repeat;
}
.name_avtor{
    font-size: 32px;
    color: #42454d;
    text-align: center;
    margin-top: 25px;
}
.all_book_avtor {
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
}
.name_avtor a{
    color: #42454d;
}
.desc_avtor {
    font-size: 16px;
    line-height: 24px;
    color: #42454d;
}

.bx-nav-top {
    width: auto;
    float: left;
}
ul.bx-my{
    -webkit-padding-start: 0px;
}
ul.bx-my li{
    list-style: none;
}
.bx-nav-top-my_bottom {
    width: auto;
    float: left;
    padding-right: 40px;
}
ul.bx-my_bottom li{
    list-style: none;
}
.bx-nav-top-my_bottom a{
    color: #337ab7;
    text-transform: uppercase;
    font-size: 10px;
}
.bx-my_bottom{
    margin-bottom: 41px;
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    padding-left: 40px;
    margin-top: 45px;
    width: 100%;
    float: left;
    justify-content: space-between;
    padding-right: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.h_line_banner:first-child {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-top: 20px;
    margin-top: -20px;
}
.h_line_banner {
    overflow: hidden;
    width: 100%;
    float: left;
    padding-top: 40px;
}
.title_about_home{
    text-align: center;
}
.h_line_banner:last-child {
    width: 100%;
    float: left;
}
.auth_soc {
    text-align: center;
    width: 50%;
    float: left;
    border-left: 1px solid #dadfea;
}
.bl_auth{
    width: 50%;
    float: left;

}
.bottom_t_l.text_logo{
    color: #141841;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    float: left;
}
.bottom_t_l {
    float: left;
    color: #9195a1;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
}
.payment {
    width: auto;
    float: right;
    position: relative;
    top: -15px;
    padding-right: 64px;
}
.bx-sls .dropdown-icon, .bx-slst .dropdown-icon {
    background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center;
    height: 14px;
    left: 21px !important;
    position: absolute;
    top: 21px !important;
    width: 14px;
    background-size: contain !important;
}
.author_page_biography {
    color: #42454d;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 700;
}
iframe {
        display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
}
.bx-section-desc-new{
        background-color: #fff;
    border-radius: 20px;
    width: 100%;
    padding: 35px;
}
.home_slider_arrow_right {
    position: absolute;
    z-index: 200;
    display: block;
    width: 60px;
    bottom: 30px;
    height: 60px;
    box-shadow: 0 8px 18px rgba(27, 35, 55, 0.16);
    border-radius: 33px;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/arrow_right.png);
    cursor: pointer;
    right: 30px;
}
.home_slider_arrow_left {
    position: absolute;
    z-index: 200;
    display: block;
    width: 60px;
    right: 100px;
    bottom: 30px;
    height: 60px;
    box-shadow: 0 8px 18px rgba(27, 35, 55, 0.16);
    border-radius: 33px;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/arrow_left.png);
    cursor: pointer;
}
.bx-advertisingbanner-content svg{
    position: absolute;
    transform: translatex( calc(-100% + 1px) );
    height: 100%;
    left: 0;
    top: 0;
}
.product-item-price-old {
    position: absolute;
    top: 3px;
    right: 10px;
    margin-bottom: 7px;
    color: #a1a1a1;
    vertical-align: middle;
    line-height: 15px;
    display: inline-block;
    font: 400 13px/15px "Scada", Helvetica, Arial, sans-serif;
    content: '';
}
.product-item-price-container {
    padding: 15px;
    padding-bottom: 0;
    padding-top: 0px;
}
.product-item-price-old-text:after, .product-item--detail-price-old-text:after {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background-image: url(/images/line.svg);
    background-size: 100% 100%;
    content: '';
}
.basket-item-price-old-text, .product-item-price-old-text, .product-item--detail-price-old-text {
    position: relative;
    display: inline-block;
    font: 400 13px/15px "Scada", Helvetica, Arial, sans-serif;
}
.catalog-products-viewed .book-label, #tab_top .book-label{
    float: right;
    padding: 1px 5px 1px 5px;
    height: 18px;
    font-size: 12px;
    line-height: 15px;
    border-radius: 0 0 3px 3px;
}
#bx-soa-basket .bootom-item.ebooking {
    background-color: #000;
    border-radius: 0px 0px 10px 10px;
    height: 15px;
    text-align: center;
}

.bootom-item.ebooking {
    background-color: #000;
    border-radius: 0px 0px 10px 10px;
    height: 35px;
    text-align: center;
}

.bootom-item.ebooking img {
    width: 20px;
    position: relative;
    top: 5px;
}
.book-label {
    float:right;
    padding:1px 7px 1px 7px;
    height:20px;
    font-size:12px;
    line-height:16px;
    border-radius: 0 0 3px 3px;
}

.book-label.SPECIALOFFER, span.mark.SPECIALOFFER {
    background:#FF0053;
}
.book-label.EBOOK{
    background: #004ac1;
}
.book-label.NEWPRODUCT, span.mark.NEWPRODUCT {
    background:#00C397;
}

.book-label.SALELEADER, span.mark.SALELEADER {
    background:#f6c042;
}
span.mark {
    font-size: 10px;
    position: relative;
    top: -15px;
    color: #fff;
    border-radius: 8px;
    padding: 0px 3px 0px 3px;
}

.marks_category {
    position: absolute;
    right: 15px;
    top: 15px;
}
#answer .popup-window-buttons {
    justify-content: center;
}

.name_element {
    line-height: 55px;
}

.bx-soa-more-btn {
    padding-bottom: 40px;
}

.name_element .bx-title {
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 50px;
    font-weight: 400;
    display: contents;
}

.bx-sls .bx-ui-sls-pane {
    border-radius: 0px 0px 20px 20px !important;
    top: 45px !important;
    margin-bottom: 16px;
    padding: 15px !important;
    height: 200px;
}

.bx-sls .bx-ui-sls-clear, .bx-slst .bx-ui-combobox-toggle {
    top: 13px;
    right: 10px;
    margin-top: 0;
    z-index: 10;
}

.bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route {
    height: auto !important;
    padding: 0 22px 0 40px !important;
}

.forgot_pass_input {
    width: 100%
}

#buy_btn a:hover {
    color: #fff;
}

#buy_btn a {
    color: #fff;
}

.result_text_search {
    margin-top: 40px;
    float: left;
    margin-bottom: 40px;
    font-size: 18px;
}

.subsc_btn {
    font-size: 14px;
}

.info_add_comment {
    padding: 15px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
}

.all {
    width: 50%;
    float: left;
    padding-bottom: 5px;
}

.all_more_sect {
    width: 100%;
    float: left;
}

.price-wrapper {
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 0px;
    z-index: 14;
    width: auto;
}

.b_price {
    padding: 7px;
    text-align: center;
    padding-top: 15px;
}

.percent-wrapper {
    overflow: hidden;
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 14;
    width: 50px;
}

.percent {
    transition: ease-out 0.4s;
    min-height: 50px;
    width: 100%;
    transform: translatex(-100%);
}

.bookcover {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    border: 1px solid #00000005;
    padding: 0;
    z-index: 1;
}
.basket-items-list-item-container .bookcover {
    overflow: hidden;
    position: relative;
    padding: 0;
    z-index: 1;
    border: none;
    border-radius: 0;
}

.basket-items-list-item-container .bootom-item.booking {
    display: none;
}

.product-item:hover .price {
    transform: translatex(0)
}

.product-item:hover .percent {
    transform: translatex(0)
}

.product-item:hover {
    transform: scale(1.05);
    will-change: scale;
}

.product-item:hover .bookcover:after {
    opacity: 1;
    transform: translate(0px, 0px);
}

.product-item:hover .shadow {
    left: 30px;
    right: 30px;
    box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.4), 0 15px 40px 0 rgba(0, 0, 0, 0.4);
}

.product-item-label-ring.product-item-label-small {
    width: 40px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    left: 0;
    top: 0;
}
.bookslider.product-item-label-ring.product-item-label-small {
    width: 40px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
}
.product-item-label-right {
    right: -5px;
}

.product-item-label-bottom {
    bottom: -5px;
}

.product-item-label-ring {
    box-sizing: border-box;
    border-radius: 50%;
    font-weight: bold;
}

.product-item-label-text span, .product-item-label-ring {
    display: inline-block;
    clear: both;
    margin-bottom: 2px;
    background: #f42c2c;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}


.reviews-reply-form input[type="submit"] {
    background: none;
    border: none;
}

.del_wishlist {
    overflow: hidden;
    width: 100%;
    text-align: right;
}

.product-item .del_button a {
    color: #fff;
}

.product-item .del_button {
    transition: ease-out 0.4s;
    background: #f15f5f;
    min-height: 30px;
    width: 100%;
    padding: 5px;
    text-align: center;
    line-height: 16px;
    position: relative;
    border-radius: 5px 0 0 5px;
    transform: translatex(100%);
    opacity: 0.9;
}

.product-item:hover .del_button {
    transform: translatex(0);
}

.feed-add-post-text {
    color: #bfbfbf;
    font-size: 17px;
    padding: 0;
}

.blog-comment-cont {
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
    margin-top: 15px;
}

.blog-comment-cont-white {
    padding: 15px;
}

.popup-window-button-accept, .popup-window-button-create {
    background: #3f5dab;
    box-shadow: none;
    color: #fff;
    border-radius: 20px;
}

.not_comment {
    border-radius: 10px;
    background-color: #f8faff;
    padding: 40px;
    font-size: 16px;
}

#add_comment, .subs_but, #add_comment_autor {
    color: #FFF;
    border-radius: 25px;
    border-color: #3f5dab !important;
    background-color: #3f5dab !important;
    padding: 10px 15px;
}

.product-item-detail-slider-image.active img {
    max-width: 400px;
    z-index: 1;
}

.content_detail {
    color: #42454d;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 500;
    padding: 15px;
    padding-left: 0px;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    padding-right: 0px;
}

.block_link {
    position: absolute;
    right: 0;
    overflow: hidden;
}

.line_more a {
    color: #fff !important;
}

.count-container {
    text-align: left;
}

.shadow_element {
    transition: ease-out 0.3s;
    width: 100%;
    bottom: 0px;
    background: transparent;
    height: 50px;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.9), 0 5px 16px 0 rgba(0, 0, 0, 0.5);
    z-index: 0;
    opacity: 0.7;
    position: absolute;
}

.wishlist-button img {
    width: 35px;
}

.wishlist-button {
    float: right;
    position: relative;
    padding: 20px;
    margin-right: -5px;
    border-radius: 50%;
    margin-top: -5px;
    background-color: #19204e;
}

.book-labels-element {
    color: #fff;
    transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(-10px);
    transform-origin: 100% 100%;
    position: absolute;
    width: 300px;
    top: 0;
    z-index: 2;
}

.product-item .price {
    transition: ease-out 0.4s;
    background: #fff;
    width: 100%;
    position: relative;
    border-radius: 5px 0 0 5px;
    transform: translatex(100%);
    opacity: 0.9;
}

.product-item-amount {
    padding: 15px;
    background-color: #fff;
    display: inline-block;
    border-radius: 35px;
    font-size: 18px;
}

.info_first_comment {
    float: left;
    padding-right: 15px;
}

/*ТЕЛЕФОНЫ*/
.img_operator img {
    width: 25px;
}

.img_operator {
    padding-right: 15px
}

.select_phone b {
    color: #CCCCCC;
}

.phone_block {
    padding: 15px;
    padding-top: 30px;
    box-shadow: 0 14px 28px rgba(42, 56, 91, .08);
}

.r_l {
    width: 200px;
}

.r_l span {
    width: 100%;
    float: left;
    padding: 3px;
}

.b_m_50 {
    color: #3f5dab;
    font-size: 12px;
    font-weight: 700;
}

.bx-pagination {
    width: 100%;
    float: left;
}

.r_r {
    width: 170px;
}

.modal_catalog {
    display: none;
}

.paginate_block {
    text-align: center;
    z-index: 15;
    float: left;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 35px;
    width: 100%;
}

.product-item {
    position: relative;
    transition: ease-out 0.3s;
    z-index: 1;
    float: left;
    width: 100%

}

.book-labels-post {
    color: #fff;
    transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(0px);
    transform-origin: 100% 100%;
    position: absolute;
    width: 300px;
    top: 3px;
    z-index: 2;
}

.info_post {
    margin-top: 40px;
    color: #42454d;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 400;
}

.line_phone {
    float: left;
    padding: 3px;
    width: 100%;
    text-align: left;
}
.header-redesign__phone i {
    opacity: 1;
    transition: opacity 0.2s ease;
}
.select_phone:hover i, .header-redesign__phone:has(+ .phone_block:hover) i {
    opacity: 0;
}

.select_phone.active {
    font-size: 16px;
    text-align: center;
    padding: 18px 22px 32px 22px;
    padding-right: 22px;
    padding-top: 25px;
    background-color: #fff;
    background-image: none;
    border-radius: 10px 10px 0px 0px;
}

.select_phone {
    font-size: 16px;
    padding: 18px 22px 29px 22px;
    padding-top: 25px;
    background-image: url(./images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 24px;
    background-size: 22px;
    text-align: center;
    font-weight: 700;
    color: #3F5DAB;
}

.phone_block.active {
    position: absolute;
    display: flex;
    font-size: 16px;
    background-color: #fff;
    z-index: 999;
    cursor: pointer;
    border-radius: 10px 0px 10px 10px;
}

.phone_block:hover {
    display: flex;
    cursor: default;
    font-size: 16px;
    z-index: 999;
    background-color: #fff;
    cursor: pointer;
    border-radius: 10px 0px 10px 10px;
}


/*КОРЗИНА*/
.bay {
    border-color: #3f5dab;
    background-color: #3f5dab;
    color: #fff;
    padding: 15px;
    border-radius: 30px;
}

.basket_top_line_h {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.select_cart:hover {
    font-size: 16px;
    text-align: center;
    padding: 20px 30px 32px 30px;
    background-color: #fff;
    background-image: none;
    border-radius: 10px 10px 0px 0px;
}

.select_cart.active {
    font-size: 16px;
    text-align: center;
    padding: 20px 30px 32px 30px;
    background-color: #fff;
    background-image: none;
    border-radius: 10px 10px 0px 0px;
}

.select_cart {
    font-size: 16px;
    padding: 20px 30px 32px 30px;
    background-image: url(./images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 24px;
    background-size: 22px;
    text-align: center;
    font-weight: 400;
    color: #3F5DAB;
}

.cart_block_display.active {
    position: absolute;
    display: block;
    font-size: 16px;
    background-color: #fff;
    box-shadow: 0 20px 18px rgba(27, 35, 55, 0.16);
    z-index: 999;
    width: 250px;
    margin-top: 23px;
    cursor: pointer;
    border-radius: 10px 0px 10px 10px;
}

.cart_block_display:hover {
    display: block;
    font-size: 16px;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 20px 18px rgba(27, 35, 55, 0.16);
    cursor: pointer;
    border-radius: 10px 0px 10px 10px;
}

.cart_block_display {
    padding: 18px;
    padding-top: 0;
}


/*ПОИСК*/
.select_search {
    padding-top: 25px
}


/*МЕНЮ*/
.catalog_top_line_h {
    padding-left: 188px;
    padding-right: 0px;
    float: left;
}


.b_top_menu.active {
    float: left;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    background-image: none;
    transition-delay: 0.5s;
    transition: opacity 0.4s ease;
}

.b_top_menu {
    float: left;
    font-size: 21px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    z-index: 13;
    position: relative;
    background-image: url(./images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 20px;
    background-size: 24px;
    padding: 20px 30px 26px 30px;
    color: #3F5DAB;
    cursor: pointer;
    transition: background 0.4s ease, color 0.4s ease;
    border-radius: 10px 10px 0px 0px;
    margin-left: -12px;
}

.b_top_menu:hover {
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    background-image: none;
    color: #657fc5;
}

.b_top {
    float: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    padding: 20px 15px 31px 15px;
    color: #3F5DAB;
    transition: color 0.4s ease;
}

.two_top_line_h {
    height: 70px;
}


.menu_block {
    opacity: 0;
    background-color: #fff;
    position: absolute;
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.rew_title, .view_text_popup {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paginate_block .btn.btn-default {
    padding: 15px;
}

.bx-slider-preset-4 .bx-advertisingbanner-content {
    position: absolute;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15% 15% 0;
}

.popup-window-titlebar-text, .popup-window-titlebar-text-version {
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    max-width: 100%;
    line-height: 49px;
    padding: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content {
    background-color: #fff;
    padding: 0;
}

.first-layer:hover .text-layer, .two-layer:hover .text-layer, .three-layer:hover .text-layer {
    left: 52%;
}

.fa-shopping-cart:before {
    content: none !important;
}

.popup-window.popup-window-with-titlebar {
    border-radius: 20px;
    padding: 15px;
}

.popup-window-buttons {
    padding: 10px 20px 10px !important;
    display: flex;
    justify-content: center;
}

.popup-window-button {
    display: inline-block;
    height: 39px;
    line-height: 39px;
    margin: 0 12px 0 0;
    background: #ecedef;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    outline: none;
    padding: 0 18px;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 0 1px #c6cdd3 inset;
    box-shadow: 0 0 0 1px #c6cdd3 inset;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear;
    transition: background-color 0.2s linear, color 0.2s linear;
}

.popup-window-titlebar {
    height: auto;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background-color: #3f5dab;
    border-color: #3f5dab;
    color: #fff;
}

.about_tabs ul.bx-catalog-tab-list {
    text-align: center;
}

.addres_name {
    font-weight: 700;
}

.plastic_card {
    position: relative;
    padding: 40px;
    top: -100px;
    float: left;
    width: 100%;
    height: 230px;
    text-align: center;
}

.h1_my, .post_txt {
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding-top: 40px;
    padding-bottom: 50px
}

.about_info p, .discount_page p, .discount_page td, .line_d p, .right_b td {
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.title_page_index h1 {
    margin-bottom: 40px;
}

.about_phone, .about_time {
    margin-top: 40px;
}

.about_phone .line_phone_b {
    color: #42454d;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.about_info li {
    color: #42454d;
    list-style: none;
    font-size: 18px;
    font-weight: 400;
}

.line_magazin {
    margin-bottom: 70px
}

.about_address {
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px;
}

.text-layer {
    position: absolute;
    left: 50%;
    top: 35%;
    color: #fff;
    padding: 15px;
    font-size: 18px;
    transition: left 0.4s ease;
}
.text-layer-seven {
    position: absolute;
    right: 10%;
    top: 20%;
    color: #fff;
    padding: 15px;
    font-size: 18px;
    transition: left 0.4s ease;
}

.text-layer-six, .text-layer-five {
   position: absolute;
    left: 10%;
    top: 20%;
    color: #fff;
    padding: 15px;
    width: 140px;
    font-size: 18px;
    transition: left 0.4s ease;
}

.s_btn_block button {
    background-color: #f8fafc;
    border: none;
    position: relative;
    top: 13px;
    right: 15px;
}
.five-layer img{
    position: absolute;
    right: 0px;
    height: 180px;
    bottom: -15px;
    transition: transform 0.4s ease;
    border-radius: 0px 45px 45px 0px;
}
.six-layer img{
    position: absolute;
    width: 220px;
    right: 0;
    bottom: -90px;
    transition: transform 0.4s ease;
}

.first-layer img, .two-layer img, .three-layer img{
    position: absolute;
    bottom: 0px;
    width: 220px;
    left: 0px;
    bottom: -90px;
    transition: transform 0.4s ease;
}

.three-layer, .two-layer, .first-layer, .five-layer, .six-layer, .seven-layer {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    height: 150px;
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    transition: background 0.4s ease;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
}

.not_cart_block {
    padding: 40px;
}

.five-layer{
    background-position: 0px -87px;
    background-size: cover;
    padding: 0;
    margin: 0;
}

.six-layer {
    background-color: #3F82AB;
}
.five-layer {
    background-color: #6DA3D9;
}
.seven-layer {
    background-color: #3F5DAB;
}
.three-layer {
    background-color: #30A068;
}
.two-layer {
    background-color: #3FABA0;
}
.first-layer {
    background-color: #3F5DAB;
}

.first-layer:hover, .two-layer:hover, .three-layer:hover {
    background-size: 150% 150%;
}

.first-layer:hover img, .two-layer:hover img, .three-layer:hover img, .six-layer:hover img {
    transform: translateY(-20px);
}
.six-layer:hover img {
    transform: translateY(-10px);
}
.row.line-2-banner .b_1, .row.line-2-banner .b_2, .row.line-2-banner .b_3 {
    overflow: hidden;
    padding-top: 60px;
}

.text_depth_1 {
    text-align: left;
    position: relative;
    top: -10px;
    padding-left: 10px;
}

.line-1-banner .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 400px;
}

.menu_f_mob > .depth_1:last-child {
    border-bottom: none;
}

.depth_1 img {
    width: auto;
    max-width: 100%;
    height: 55px;
}

#call_feedback, #my_answer {
    width: 50%;
    margin: 0 auto;
    top: 10% !important;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 35px;
    position: fixed !important;
    border-radius: 20px;
}
.book-labels {
    color: #fff;
    transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(0px);
    transform-origin: 100% 100%;
    position: absolute;
    right: 1px;
    width: 450px;
    top: 3px;
    z-index: 2;
}

.bootom.ebooking {
    position: relative;
    float: left;
    top: -2px;
    width: 100%;
    text-align: center;
    height: 35px;
    background-color: #000;
    border-radius: 0px 0px 5px 5px;
}

.bookcover.ebooking {
    overflow: hidden;
    position: relative;
    padding: 0;
    z-index: 1;
    border: 4px solid #000;
    border-radius: 5px 5px 0px 0px;
}

.bootom.ebooking img {
    width: 20px;
    position: relative;
    top: 5px;
}

.search_categoris {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
}

.form-control_my {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 22px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.search-page input[type=text] {
    padding: 15px;
    border: 1px solid #CCD5DB;
    border-radius: 15px;
    background: #f8fafc;
    outline: none;
}

.s_input_block {
    width: 100%;
    float: left;
    position: relative;
}

.s_btn_block {
    position: absolute;
    right: 2px;
    top: 2px;
}

.search-page {
    margin-top: 2%;
}

.filtercontent ul {
    list-style: none;
    padding-left: 0px;
}

ul.depth_s_2 {
    padding-left: 15px;
    font-size: 14px;
}

ul.depth_s_1 {
    padding-left: 15px;
    font-size: 16px;
}

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

.filtercontent a.active {
    color: red;
}

.view-books-title {
    font-size: 37px;
    color: #3f5dab;
    padding: 20px;
    width: 100%;
    float: left;
}

.view-books {
    background-color: #fff;
    border-radius: 15px;
    height: 530px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.reg_title {
    color: #3f5dab;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    margin-top: 0px;
}

.reg_block {
    border-radius: 20px;
    background-color: #ffffff;
    display: block;
    width: 100%;
    padding: 60px;
    float: left;
}

.bx-authform-input-container_a input[type="text"],
.bx-authform-input-container_p input[type="password"],
.bx-authform-input-container_a input[type="password"],
.bx-authform-input-container_c input[type="password"],
.bx-ui-sls-container input[type="text"],
.bx-authform-input-container_p input[type="text"],
.bx-authform-input-container_c input[type="text"] {
    text-align: center;
    font-size: 18px;
    width: 100%;
    padding: 15px;
    border: 1px solid #CCD5DB;
    border-radius: 28px;
    border: 1px solid rgba(162, 166, 176, 0.44);
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-ui-sls-container input[type="text"] {
    text-align: left;
    font-size: 18px;
    width: 100%;
    padding: 15px;
    border: 1px solid #CCD5DB;
    border-radius: 28px;
    border: 1px solid rgba(162, 166, 176, 0.44);
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-authform-formgroup-container_l {
    float: left;
    padding-right: 30px;
    width: 20%;
    position: relative;
}

.bx-authform-formgroup-container-line {
    display: block;
    text-align: center;
    float: left;
    width: 100%;
}

.bx-authform-formgroup-container_r, .bx-authform-input-container_r {
    float: left;
    padding-left: 30px;
    width: 20%;
}

.bx-authform-input-container_a {
    float: left;
    width: 60%;
    text-align: center;
}

.bx-authform-input-container_p {
    float: left;
    width: 100%;
    text-align: center;
}

.bx-authform-input-container_c {
    float: left;
    width: 50%;
    min-width: 50%;
    text-align: center;
}

.bx-authform-input-container_l, .bx-authform-input-container_b {
    float: left;
    width: 25%;
    min-width: 25%;
    text-align: center;
}

.bx-authform-formgroup-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px !important;
    float: left;
    width: 100%;
    justify-content: center;
}

.bx-authform-formgroup-container .bx-captcha {
    margin-bottom: 0px !important;
    position: absolute;
    left: -70px;
    top: -20px;
}

.btb_all_width {
    width: 100%;
    padding: 15px;
    font-size: 18px;
}

.bx-authform-link-container a {
    color: #9195a1;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3f5dab;
    text-decoration: underline;
}

.bx-authform-link-container {
    color: #c4c6cc;
}

.pass_block {
    margin-bottom: 35px;
    margin-top: 35px;
    width: 100%;
    float: left;
}

.button_block {
    margin-bottom: 35px;
    margin-top: 35px;
    width: 100%;
    float: left;
}

span.bx-filter-param-text {
    font-size: 12px;
}

.info_text_auth {
    font-size: 12px;
}

.bx-authform {
    max-width: 100% !important;
}

.reg_block input#USER_REMEMBER, .bx-authform input#USER_REMEMBER {
    width: 24px;
    height: 24px;
    float: left;
    padding: 15px;
    position: relative;
    margin-right: 15px;
    top: -5px;
}

.bx_slider_section .bx_slider_controls {
    top: 230px;
    position: relative;
}

.img_deliveri {
    float: left;
    padding-right: 30px;
}

.txt_deliveri {
    float: left;
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.row_flex {
    display: flex;
    align-items: flex-start;
}

.logo_post {
    background-color: #fff;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
    float: left;
    margin-top: 40px;
    width: 100%;
}

.table-left {
    width: 75%;
    margin: 0 auto;
}

.table-left td {
    border: none !important;
}

.s_price {
    font-weight: 600;
}

.line_row {
    width: 100%;
    float: left;
}

.title_page_index {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    color: #3f5dab;
}

.p_title {
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.line_d {
    border-top: 4px solid #dadfea;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 16px;
    float: left;
}

.about_line {
    width: 100%;
    float: left;
}

.book-labels-items {
    color: #fff;
    transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(0px);
    transform-origin: 100% 100%;
    position: absolute;
    right: 0;
    top: 3px;
    width: 450px;
    z-index: 2;
}

.line_p_2 {
    float: left;
    width: 100%;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

.line_p_1 {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.line_p_3 {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.name_element img:first-child {
    width: 25px;
   
    top: -8px;
    position: relative;
    margin-left: -35px;
}

.name_element img:last-child {
    width: 25px;
    
    top: -8px;
    position: relative;
}

.catalog-products-viewed .subsc_btn span {
    font-size: 12px;
    padding: 3px 0px;
}
.basket_button {
    padding: 15px;
    background-color: #3f5dab;
    border-radius: 35px;
    text-align: center;
}

.b_p_l {
    width: 100%;
    float: left;
    padding-right: 20px;
    padding-left: 20px;
}

.b_p_r {
    width: 15%;
    float: left;
    position: absolute;
    right: 0;
}

.b_p_l {
    width: 100%;
    float: left;
}

.bl_bottom {
    width: 100%;
    float: left;
    display: block;
}

.view-books-mobile {
    width: 100%;
    float: left;
}

.btn.btn-default {
    outline: none;
    color: #FFF;
    border-radius: 28px;
    border-color: #3f5dab !important;
    background-color: #3f5dab !important;
}

.st0 {
    fill: #141841;
    background: #141841;
}

.price svg {
    position: absolute;
    transform: translatex(calc(-100% + 2px));
    height: 100%;
    left: 0;
}

.not_count {
    color: #fff;
    font-size: 16px;
}

.bookcover img {
    z-index: 1;
    width: 100%;
    height: auto;
    float: left;
}

.sect_block {
    float: left;
    padding: 15px;
}


.top_title {
    color: #141841;
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
}

.top_title {
    font-family: "Scada", Helvetica, Arial, sans-serif;
}


.line_options_catalog {
    width: 100%;
    float: left;
}

.line_options_catalog_mob {
    width: 100%;
    float: left;
    justify-content: space-between;
    padding: 0 10px;
    margin-top: 15px;
    margin-bottom: 35px;
}

.carousel-inner {
    border-radius: 15px;
}

.block_ru, .block_en {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.all a, .all_more_sect a {
    text-decoration: underline;
}

.bl_liter {
    position: relative;
    float: left;
}

.img_avtor {
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #3f5dab;
    background-repeat: no-repeat;
}

.name_avtor {
    font-size: 32px;
    color: #42454d;
    text-align: center;
    margin-top: 25px;
}

.all_book_avtor {
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
}

.name_avtor a {
    color: #42454d;
}

.desc_avtor {
    font-size: 16px;
    line-height: 24px;
    color: #42454d;
}

#svg_autor {
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(88%);
}

.st1 {
    fill: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 1);
}

.book-descr a {
    color: #000000;
}

.book-label_cart {
    float: right;
    padding: 1px 7px 1px 7px;
    font-size: 10px;
    border-radius: 0 0 5px 5px;
}

.book-label_cart.SPECIALOFFER {
    background: #FF0053;
}

.book-label_cart.NEWPRODUCT {
    background: #00C397;
}

.book-label_cart.SALELEADER {
    background: #f6c042;
}
.book-label_cart.EBOOK {
    background: #004ac1;
}
.social {
    float: left;
    padding-right: 15px;
    padding-top: 8px;
}

.bx-title-social {
    color: #42454d;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

p.bx-title {
    font-size: 18px;
}


/*все, что ниже 767 (это телефон, но, по сути, для телефона)*/
@media only screen and (max-width: 767px) {
    body.bx-background-image {
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        /*background-color: green;*/
        background-color: #eceff7;
        min-width: 320px
    }
    .payment {
        width: 100%;
        float: right;
        position: relative;
        top: 10px;
        padding-right: 0px;
    }
    .product-item-detail-slider-image.active img {
        max-width: 330px;
    }
    .bx-authform-input-container_c {
        float: left;
        width: 100%;
    }
    .auth_soc{
        border-left: none;
        border-top: 1px solid #dadfea;
        margin-top: 15px;
        padding-top: 35px;
    }
    .bl_auth, .bl_auth, .auth_soc {
        width: 100%;
        float: left;
    }
    .block_add_comment1 {
        width: 100%;
        position: relative;
        top: 20px;
        display: block;
        padding: 20px;
    }
    .bx-catalog-tab-list li {
        margin-top: 15px;
    }
    .info_first_comment{
        width: 100%
    }
    .result_text_search {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .search-page {
        margin-top: 20px;
    }

    .blog-comment-cont-white {
        padding: 0px;
    }

    .not_comment {
        padding: 25px;
        font-size: 16px;
        text-align: center;
        margin-top: 25px;
    }

    .blog-comment-cont {
        margin-top: 0px;
    }

    .name_element .bx-title {
        text-align: center;
        font-size: 30px;
        font-weight: 400;
    }

    .name_element {
        line-height: 32px;
        text-align: center;
        margin-top: 15px;
    }

    .original_name{
        text-align: center;
    }

    .left_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .right_b {
        padding-right: 0 !important;
        padding-left: 0px !important;
    }

    .price-wrapper {
        bottom: 35px;
        border-radius: 10px 0px 0px 10px;
        min-width: 50%;
        box-shadow: 0px 1px 11px rgba(145, 149, 161, 0.5);
    }

    .book-descr a {
        font-size: 16px;
    }

    .product-item .price {
        transform: translatex(0)
    }

    .product-item .percent {
        transform: translatex(0)
    }

    .author_list_item_photo {
        height: 150px;
    }

    .section_list_avtor {
        padding-bottom: 20px;
    }

    .title_page h1 {
        margin-top: 10px;
    }

    .block_autor_filter {
        padding-top: 20px;
    }

    .block_autt h3 {
        text-align: center;
    }

    #svg_autor {
        top: 28px;
    }

    .block_ru, .block_en {
        display: block;
        width: 100%;
        float: left;
        line-height: 36px;
        margin-bottom: 0px;
    }

    .author_page_desc h1 {
        text-align: center;
    }

    .line_options_catalog_mob {
        display: flex !important;
    }

    .b_p_l {
        padding-right: 10px;
        padding-left: 10px;
    }

    .grid-item {
        width: 87%;
        margin-bottom: 5%;
        margin-right: 4%;
        margin-left: 4%;
        margin-top: 2%;
    }

    .product-item-detail-slider-container {
        position: sticky;
        top: 20px;
        float: initial;
        align-items: start;
        display: flex;
        justify-content: center;
    }

    .h1_my, .post_txt {
        color: #42454d;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 700;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .about_tabs .bx-catalog-tab-list {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin: 16px 0;
        margin-bottom: 15px;
    }

    .line_magazin {
        margin-bottom: 35px;
        text-align: center;
    }

    .about_phone, .about_time {
        margin-top: 20px;
    }

    .about_info p, .about_info li {
        font-size: 18px;
        line-height: 24px;
        text-align: justify;
    }

    .fg {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .row_flex {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .img_deliveri {
        padding-right: 0px;
    }

    .txt_deliveri {
        width: 100%;
    }

    .table-left {
        float: left;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    img.post_img {
        width: 150px;
    }

    .post_txt {
        width: 50%;
        text-align: center;
    }

    .bx_slider_section .bx_slider_controls {
        top: 270px;
    }

    .bx-authform-formgroup-container .bx-captcha {
        margin-bottom: 10px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .bx-authform-link-container {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .bx-authform-link-container, .reg_block {
        text-align: center;
    }

    .reg_block {
        padding: 10px;
    }

    .bx-authform-formgroup-container {
        display: block;
        width: 100%;
        margin-bottom: 10px !important;
        float: left;
    }

    .bx-authform-formgroup-container_l {
        float: left;
        width: 100%;
    }

    .bx-authform-formgroup-container_r {
        float: left;
        width: 100%;
    }

    .bx-authform-input-container_a {
        float: left;
        width: 100%;
    }

    .view-books {
        height: 675px;
    }

    .row.line-2-banner .b_1, .row.line-2-banner .b_2, .row.line-2-banner .b_3 {
        padding-top: 10px;
    }


    .view-books-title {
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .line-1-banner .carousel-inner {
        height: auto;
    }
    
    .bx-slider-preset-3 .bx-advertisingbanner-content {
        position: relative;
    top: 6%;
    right: 3%;
    width: auto;
    left: 0%;
    bottom: auto;
    padding: 0;
    border-radius: 0px 0px 20px 20px;
    }
    .bx-advertisingbanner-content svg{
        display: none;
    }
    .carousel-indicators {
        position: relative;
         bottom: 0px;
        left: 0%; 
        z-index: 15;
        width: 100%;
        padding-left: 0;
        margin-left: 0%; 
        text-align: center;
        list-style: none;
        margin-top: 10px;
    }
    .home_slider_arrow_right, .home_slider_arrow_left {
        top: 60px
    }
    .line-1-banner .carousel-inner {
        height: auto;
    }
    .bx-advertisingbanner-text-title{
        padding-left: 10px;
        padding-right: 10px;
    }
    .bx-slider-preset-3 .bx-advertisingbanner-text-block {
        padding: 10px 10px;
        color: #9195a1;
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        border-radius: 0px 0px 15px 15px;
    }

    .seo_text_home {
        color: #424449;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .price_r_b {
        float: left;
        width: 50%;
        padding-left: 10px;
        text-align: left;
        color: #fff;
    }

    .price_l_b {
        width: 50%;
        float: left;
        text-align: center;
    }


    .bx-footer {
        color: #3F5DAB;
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    .line_more {
        background-color: #141841;
        overflow: hidden;
        position: relative;
    }

    .product-item-detail-slider-image img {
        position: relative;
        max-width: 100%;
    }

    .book-descr {
        position: relative;
        z-index: 0;
        margin-top: 20px;
        float: left;
        margin-bottom: 20px;
    }

    .catalog-section {
        width: 100%;
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }

    .block_basket {
        border-radius: 20px;
        background-color: #fff;
        padding-bottom: 15px;
        position: sticky;
        top: 85px;
    }

    .cart_r_b {
        margin-top: 20px;
    }

    .cart_l_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .cart_r_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .top_menu_mobile {
        padding: 10px;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #e7e8ec;
    }

    .currency {
        float: left;
        padding: 5px;
        color: #3f5dab;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .currency_select {
        float: left;
        padding: 5px;
        border-radius: 13px;
        background-color: #141841;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .bx-nav-top_m {
        width: 100%;
        float: left;
        padding: 10px;
        text-align: center;
        background-color: #fff;
        border-top: 1px solid rgba(145, 149, 161, 0.2);
    }

    .bx-nav-top_m:first-child {
        border-top: none;
    }

    h1.bx-title {
        color: #42454d;
        font-size: 30px;
        font-weight: 400;
        line-height: 32px
    }

    .bx-catalog-tab-list_e {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .prop_element {
        margin-top: 20px;
        margin-bottom: 15px;
        display: block;
        width: 100%;
        float: left;
        background-color: #fff;
        border-radius: 20px;
    }

    .title_page {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .row.line-2-banner .b_1, .row.line-2-banner .b_2, .row.line-2-banner .b_3 {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
    }

    .h_line_banner {
        padding-top: 10px;
    }

    .h_line_banner:first-child {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-top: 25px;
    margin-top: -10px;
    }

    .h_line_banner:last-child {
        width: 100%;
        float: left;
    }


    img.logo_m {
        z-index: 9999;
        height: 85px;
        position: relative;
    }

    .b_2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .b_3 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .h_1 {
        padding-right: 10px;
    }

    .h_2 {
        padding-left: 10px;
    }
    .text-layer {
        position: absolute;
        left: 60%;
        top: 25%;
        /* width: 50%; */
        color: #fff;
        right: 5%;
        padding: 15px;
        font-size: 18px;
        text-align: center;
        transition: left 0.4s ease;
    }
    .six-layer img, .three-layer img {
        bottom: -120px;
    }
    .five-layer .text-layer, .six-layer .text-layer {
        position: absolute;
        left: 0;
        top: 25%;
        width: 50%;
        color: #fff;
        text-align: center;
        padding: 15px;
        font-size: 18px;
        transition: left 0.4s ease;
    }
    /*//bottom*/
    .foo_bootom_r {
        margin-top: 60px;
        width: 100%;
        float: left;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .foo_bootom__r_line1, .foo_bootom__r_line2 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
        text-align: center;
    }

    .bottom_t_l.text_logo {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
        line-height: 20px;
        width: 100%;
        text-align: center;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
        text-align: center;
        width: 100%;
    }

    .bottom_t_tel {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_phone {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_time_work1 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_time_work2 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .count_cart_top {
        position: relative;
        top: -10px;
        z-index: 9;
        color: #3F5DAB;
        text-align: center;
        left: 24px;
    }

    .seven-layer .text-layer {
        top: 15%;
        width: 100%;
        left: 0%;
        text-align: center;
    }

    .bx-catalog-tab-list {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin: 15px 0;
    }

    .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .prop_element .price {
        width: 100%;
        overflow: hidden;
        float: left;
        border-radius: 20px;
        position: relative;
        box-shadow: #00000050 0 3px 20px;
    }

    .prop {
        width: 100%;
        float: left;
    }

    .prop_block {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .banner_two_home {
        padding-top: 10px;
    }

    .book-labels_cart {
        color: #fff;
        transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(-10px);
        transform-origin: 100% 100%;
        position: absolute;
        right: 0%;
        width: 250px;
        top: 0;
        z-index: 2;
    }

    .container {
        width: 100%;
    }
    .carousel-inner img {
        height: auto;
    }
    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100% !important;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #dr-block {
        display: none;
        padding-left: 10%;
        padding-right: 15px;
        float: left;
        width: 100%;
    }

    #dr-block p {
        padding: 15px;
    }

    .menu_f_mob {
        background-color: #fff;
        border-radius: 15px;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
    }

    .depth_1 {
        float: left;
        width: 100%;
        display: flex;
        align-items: flex-end;
        color: #000;
        position: relative;
        padding: 10px;
        z-index: 13;
        border-bottom: 1px solid #ccc;
    }

    .item.active img {
        border-radius: 15px 15px 0px 0px;
    }

    .banner_two_home_2 {
        padding-top: 10px;
    }

    .bx-header {
        height: 65px;
    }

    .bx-header_mob {
        background-color: #FFFFFF;
        border-radius: 0px 0px 20px 20px;
        padding: 15px;
        height: 55px;
        display: flex;
        margin-bottom: 30px;
        position: fixed;
        z-index: 999;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .shadow {
        position: absolute;
        transition: ease-out 0.3s;
        left: 5%;
        right: 5%;
        max-width: 90%;
        bottom: 21px;
        background: transparent;
        height: 50px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.9), 0 5px 16px 0 rgba(0, 0, 0, 0.5);
        z-index: 0;
        opacity: 0.7;
    }

    .menu_mob {
        padding-right: 22px;

    }

    .r_b_mob {
        width: 25%;
        float: left;
        display: flex;
        justify-content: flex-end;
    }

    .c_b_mob {
        width: 50%;
        float: left;
    }

    .l_b_mob {
        width: 25%;
        float: left;
        display: flex;
    }

    .auth_mob {
        padding-left: 35px;
        position: relative;
    }
    .search_mob {
        position: relative;
    }
    .logo_mob {
        text-align: center;
        position: relative;
        top: -15px;
    }
    .basket-coupon-block-coupon-btn {
        margin-top: 3px;
    }
    

    .catalog-section {
        width: 100%;
    }

    .rectangle img {
        position: relative;
        height: auto;
        bottom: 0;
        left: 0px;
    }

    .rectangle {
        position: absolute;
        right: 60px;
        top: 20px;
        z-index: 1;
        opacity: 1;
    }

    .img-cover-wrapper {
        position: absolute;
        top: 10%;
        left: 5%;
        right: 7%;
        bottom: -3px;
        filter: blur(28px);
    }

    .img-cover-wrapper img {
        height: 70px;
        position: absolute !important;
        bottom: 30px;
        width: 100%;
    }

    .four-layer {
        border-radius: 15px;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
    }


    .img_depth_1 {
        float: left;
        text-align: center;
    }

    #dr-block.active {
        background-color: red;
    }

    .depth_1.active {
        background-image: url(../images/icon-arrow-down.svg);
        background-position: center right 25px;
        background-repeat: no-repeat;
        background-size: 35px;
    }

    .depth_1 {
        background-image: url(images/slider_arrow-right.svg);
        background-position: center right 25px;
        background-repeat: no-repeat;
    }

    .bx_footer_mob {
        float: left;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        border-radius: 15px;
        overflow: hidden;
    }

    .bx-nav-top {
        width: 100%;
        float: left;
        text-align: center;
        background-color: #fff;
    }

    #call_feedback {
        width: 90%;
        margin: 0 auto;
        padding: 10px;
    }

    .breadcrumb_mob {
        padding-left: 10px;
        padding-right: 10px;
    }

    .left_b {
        height: auto !important;
    }

    .bx-content-seection {
        padding: 0 10px 0px;
    }

    .foo_bootom_l {
        padding-left: 0px;
        padding-right: 0px;
    }

    .foo_bootom_r {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 20px;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .info_avtor_list {
        float: left;
        width: 70%;
        padding-left: 10px;
    }

    .block_autt.col-lg-6.col-xs-12 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .menu {
        bottom: 0;
        background-color: #fff;
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        overflow-y: scroll;
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    .l_b_menu {
        width: 100%;
        float: left;
    }

    .r_b_menu {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .l_b_l_mblock {
        width: 100%;
        float: left;
    }

    .r_b_r_mblock {
        width: 100%;
        float: left;
    }

    .item_menu:last-child {
        border-bottom: 1px solid #e7e8ec;
    }

    h1.bx-title, h2.bx-title, h3.bx-title {
        color: #42454d;
        font-size: 30px;
        font-weight: 400;
        line-height: 38px;
        text-align: center;
    }

    .blocksss {
        color: #3f5dab;
        font-size: 16px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .title_more {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        height: 80px;
        width: 100%;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .r_b_menu .item_menu:nth-child(2n) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .r_b_menu .item_menu:nth-child(2n+1) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .item_menu {
        border-bottom: 1px solid #e7e8ec;
        overflow: hidden;
    }

    img.blocksss_img {
        height: 80px;
        position: relative;
        bottom: 0;
    }

    .ebook_element {
        text-align: center;
        width: 100%;
        float: left;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        margin-top: 13px;
        padding-right: 15px;
        font-size: 18px;
    }
    .complect_element {
        width: auto;
        float: left;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        margin-top: 13px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 18px;
        margin-left: 40px;
    }
    .avtor_element {
        text-align: center;
        margin-top: 10px;
        float: left;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .line_avtor {
        border-top: 1px dashed #ccc;
        padding-top: 15px;
        margin-top: 15px;
    }

    .book-descr {
        position: relative;
        z-index: 0;
        margin-top: 20px;
        float: left;
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 400;
        width: 100%;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a img {
        margin-right: -10px;
        position: relative;
        bottom: -10px;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a img {
        margin-left: -10px;
        position: relative;
        bottom: -10px;
        top: 10px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a img {
        margin-left: -10px;
        position: relative;
        bottom: -10px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a img {
        margin-right: -10px;
        position: relative;
        bottom: -10px;
    }

    .bx-advertisingbanner-btn {
        color: #fff;
        z-index: 50 !important;
        bottom: 6%;
        font-size: 18px;
        position: absolute;
        text-transform: none;
        padding: 15px 25px;
        right: 3%;
        border-radius: 28px;
        background-color: #3f5dab;
        bottom: 30px;

    }
    .bx-slider-preset-3 .bx-advertisingbanner-btn {
        display: none;
    }
}

@media only screen
and (min-width: 667px)
and (max-width: 375px) {
    .bx-advertisingbanner-btn {
        color: #fff;
        z-index: 50 !important;
        bottom: 6%;
        font-size: 18px;
        position: absolute;
        text-transform: none;
        padding: 15px 25px;
        right: 3%;
        border-radius: 28px;
        background-color: #3f5dab;
        bottom: 150px;

    }
    .bx-slider-preset-3 .bx-advertisingbanner-btn {
        display: block;
    }
}

/*все, что выше 768 (это планшет)*/
@media only screen
and (min-width: 768px)
and (max-width: 979px) {
    .bx-advertisingbanner-btn {
        color: #fff;
        z-index: 50 !important;
        bottom: 6%;
        font-size: 18px;
        position: absolute;
        text-transform: none;
        padding: 15px 25px;
        right: 3%;
        border-radius: 28px;
        background-color: #3f5dab;
        bottom: 150px;

    }
    .bx-slider-preset-3 .bx-advertisingbanner-btn {
        display: block;
    }
    body.bx-background-image {
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
        /*background-color: green;*/
        background-color: #eceff7;
    }
    .result_text_search {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .search-page {
        margin-top: 20px;
    }

    .blog-comment-cont-white {
        padding: 0px;
    }

    .not_comment {
        padding: 25px;
        font-size: 16px;
        text-align: center;
        margin-top: 25px;
    }

    .blog-comment-cont {
        margin-top: 0px;
    }

    .name_element .bx-title {
        text-align: center;
        font-size: 30px;
        font-weight: 400;
    }

    .name_element {
        line-height: 32px;
        text-align: center;
    }

    .left_b {
        padding-right: 5px !important;
        padding-left: 0px !important;
    }

    .right_b {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }

    .price-wrapper {
        bottom: 35px;
        border-radius: 10px 0px 0px 10px;
        min-width: 50%;
        box-shadow: 0px 1px 11px rgba(145, 149, 161, 0.5);
    }

    .book-descr a {
        font-size: 16px;
    }

    .product-item .price {
        transform: translatex(0)
    }

    .product-item .percent {
        transform: translatex(0)
    }

    .author_list_item_photo {
        height: 200px;
    }

    .section_list_avtor {
        padding-bottom: 20px;
    }

    .title_page h1 {
        margin-top: 10px;
    }

    .block_autor_filter {
        padding-top: 20px;
    }

    #svg_autor {
        top: 28px;
    }

    .block_ru, .block_en {
        display: block;
        width: 100%;
        float: left;
        line-height: 36px;
        margin-bottom: 0px;
    }

    .author_page_desc h1 {
        text-align: center;
    }

    .line_options_catalog_mob {
        display: flex !important;
    }

    .grid-item {
        width: 87%;
        margin-bottom: 5%;
        margin-right: 4%;
        margin-left: 4%;
        margin-top: 2%;
    }

    .product-item-detail-slider-container {
        position: sticky;
        top: 20px;
        float: initial;
        align-items: start;
        display: flex;
        justify-content: center;
    }

    .product-item-detail-slider-image img {
        position: relative;
        max-width: 100%;
        max-height: none;
    }

    .fg {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    .h1_my, .post_txt {
        color: #42454d;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 700;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .about_tabs .bx-catalog-tab-list {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin: 16px 0;
        margin-bottom: 15px;
    }

    .about_info p, .about_info li {
        font-size: 18px;
        line-height: 24px;
        text-align: justify;
    }

    .line_magazin {
        margin-bottom: 35px;
        text-align: center;
    }

    .about_phone {
        margin-top: 20px;
    }

    .bx-authform-formgroup-container .bx-captcha {
        margin-bottom: 10px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .bx-authform-link-container, .reg_block {
        text-align: center;
    }

    .reg_block {
        padding: 10px;
    }

    .bx-authform-link-container {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .bx-authform-formgroup-container {
        display: block;
        width: 100%;
        margin-bottom: 10px !important;
        float: left;
    }

    .bx-authform-formgroup-container_l {
        float: left;
        width: 100%;
    }

    .bx-authform-formgroup-container_r {
        float: left;
        width: 100%;
    }

    .bx-authform-input-container_a {
        float: left;
        width: 100%;
    }

    .view-books {
        height: 560px;
    }

    .row.line-2-banner .b_1, .row.line-2-banner .b_2, .row.line-2-banner .b_3 {
        padding-top: 10px;
    }

    .bx-advertisingbanner-btn {
        color: #fff;
        z-index: 50 !important;
        bottom: 25%;
        font-size: 18px;
        text-transform: none;
        position: absolute;
        padding: 15px 25px;
        right: 30px;
        border-radius: 28px;
        background-color: #3f5dab;
    }

    .bx-slider-preset-3 .bx-advertisingbanner-text-block {
        padding: 10px 10px;
        color: #9195a1;
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
    }

    .bx-slider-preset-3 .bx-advertisingbanner-content {
        position: absolute;
        top: 6%;
        right: 3%;
        left: 54%;
        min-height: 190px;
        bottom: auto;
        padding: 0;
        padding: 20px 0px 20px 0px;
        border-radius: 0px 20px 20px 0px;
        width: 43%;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a img {
        margin-right: -10px;
        position: relative;
        bottom: -10px;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a img {
        margin-left: -10px;
        position: relative;
        top: 10px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a img {
        margin-left: -10px;
        position: relative;
        bottom: -10px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a img {
        margin-right: -10px;
        position: relative;
        bottom: -10px;
    }

    .bx-nav-top_m:first-child {
        border-top: none;
    }

    .seo_text_home {
        color: #424449;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .price_r_b {
        float: left;
        width: 50%;
        padding-left: 10px;
        text-align: center;
        font-size: 17px;
        color: #fff;
    }

    .price_l_b {
        width: 50%;
        float: left;
        text-align: center;
    }

    .bx-footer {
        color: #3F5DAB;
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    .line_more {
        background-color: #141841;
        overflow: hidden;
        position: relative;
    }

    .book-descr {
        position: relative;
        z-index: 0;
        margin-top: 20px;
        float: left;
        margin-bottom: 20px;
    }

    .catalog-section {
        width: 100%;
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }

    .block_basket {
        border-radius: 20px;
        background-color: #fff;
        padding-bottom: 15px;
        position: sticky;
        top: 85px;
    }

    .line_avtor {
        border-top: 1px dashed #ccc;
        padding-top: 25px;
        margin-top: 25px;
    }

    .cart_r_b {
        margin-top: 10px;
    }

    .cart_l_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .cart_r_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .r_b_menu .item_menu:nth-child(2n) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .r_b_menu .item_menu:nth-child(2n+1) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .top_menu_mobile {
        padding: 10px;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e7e8ec;
    }

    .currency {
        float: left;
        padding: 5px;
        color: #3f5dab;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .currency_select {
        float: left;
        padding: 5px;
        border-radius: 13px;
        background-color: #141841;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .blocksss {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .r_b_menu {
        border-right: 1px solid #e7e8ec;
    }

    .title_more {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        height: 80px;
        width: 100%;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a {
        height: 80px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .item_menu {
        border-bottom: 1px solid #e7e8ec;
        overflow: hidden;
    }

    .bx-nav-top_m {
        width: 100%;
        float: left;
        padding: 10px;
        text-align: center;
        background-color: #fff;
        border-top: 1px solid rgba(145, 149, 161, 0.2);
    }

    .bx-catalog-tab-list_e {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .prop_element {
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
        width: 100%;
        float: left;
        background-color: #fff;
        border-radius: 20px;
    }

    .item_menu:last-child {
        border-right: 1px solid #e7e8ec;
        border-bottom: 1px solid #e7e8ec;
    }

    .l_b_l_mblock {
        width: 100%;
        float: left;
    }

    .r_b_r_mblock {
        width: 100%;
        float: left;
    }

    .l_b_menu {
        width: 100%;
        float: left;
    }

    .r_b_menu {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .block_autt.col-lg-6.col-xs-12 {
        padding-top: 10px;
    }

    .info_avtor_list {
        float: left;
        width: 70%;
        padding-left: 20px;
    }

    .title_page {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }


    .product-item-detail-slider-container {
        position: relative;
        top: 0px;
        padding-bottom: 20px;
        max-width: 100%;
        background: transparent;
        transition: background 800ms ease;
    }

    .bx-content-seection {
        padding: 0 10px 0px;
    }

    .line_more {
        margin-top: 20px;
        background-color: #141841;
        padding-left: 10px;
        padding-right: 10px;
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    /*//bottom*/
    .foo_bootom_r {
        margin-top: 20px;
        width: 100%;
        float: left;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .menu_footer_w {
        display: block;
        width: 100%;
        float: left;
    }

    .foo_bootom__r_line1, .foo_bootom__r_line2 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
        text-align: center;
    }

    .bottom_t_l.text_logo {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
        line-height: 20px;
        width: 100%;
        text-align: center;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
        text-align: center;
        width: 100%;
    }

    .bottom_t_tel {
        color: #141841;
        font-family: Scada;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_phone {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_time_work1 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_time_work2 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .b_1 {
        padding-right: 10px;
    }

    .b_2 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .b_3 {
        padding-left: 10px;
    }

    .h_1 {
        padding-right: 10px;
    }

    .h_2 {
        padding-left: 10px;
    }

    .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .bx-catalog-tab-list {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin: 16px 0;
        margin-bottom: 20px;
    }

    .count_cart_top {
        position: relative;
        top: -5px;
        z-index: 9;
        color: #3F5DAB;
        text-align: center;
        left: 10px;
    }

    .prop_element .price {
        width: 100%;
        float: left;
        border-radius: 20px;
        position: relative;
        box-shadow: #00000050 0 3px 20px;
    }

    .prop {
        width: 100%;
        float: left;
    }

    .prop_block {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .shadow {
        position: absolute;
        transition: ease-out 0.3s;
        left: 20px;
        right: 20px;
        bottom: 10px;
        background: transparent;
        height: 50px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.9), 0 5px 16px 0 rgba(0, 0, 0, 0.5);
        z-index: 0;
        opacity: 0.7;
    }

    .bookcover {
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        border: 1px solid #00000005;
        padding: 0;
        z-index: 1;
    }

    .bx-header {
        height: 25px;
    }

    .book-labels_cart {
        color: #fff;
        transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(-10px);
        transform-origin: 100% 100%;
        position: absolute;
        right: 0;
        width: 250px;
        top: 0;
        z-index: 2;
    }

    .auth_mob {
        padding-left: 50px;
    }

    .banner_two_home {
        padding-top: 10px;
    }


    .container {
        width: 100%;
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100% !important;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #dr-block {
        display: none;
        padding-left: 10%;
        padding-right: 15px;
        float: left;
        width: 100%;
    }

    #dr-block p {
        padding: 15px;
    }

    .menu_f_mob {
        background-color: #fff;
        border-radius: 15px;
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
    }

    .depth_1 {
        float: left;
        width: 100%;
        display: flex;
        align-items: flex-end;
        color: #000;
        position: relative;
        padding-bottom: 15px;
        padding: 15px;
        z-index: 13;
        border-bottom: 1px solid #ccc;
    }

    .item.active img {
        border-radius: 15px;
    }

    .banner_two_home_2 {
        padding-top: 10px;
    }


    .bx-header_mob {
        background-color: #FFFFFF;
        border-radius: 0px 0px 20px 20px;
        padding: 15px;
        padding-left: 10px;
        padding-right: 10px;
        height: 55px;
        display: flex;
        margin-bottom: 30px;
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
    }

    .menu_mob {
        padding-right: 22px;
    }

    img.logo_m {
        height: 90px;
    }

    .r_b_mob {
        width: 25%;
        float: left;
        display: flex;
        padding-right: 15px;
        justify-content: flex-end;
    }

    .c_b_mob {
        width: 50%;
        float: left;
    }

    .l_b_mob {
        width: 25%;
        float: left;
        display: flex;
    }

    .auth_mob {

    }

    .logo_mob {
        text-align: center;
        position: relative;
        top: -15px;
    }

    .search_mob {
        padding-right: 20px;
    }

    .cart_mob {

    }

    .catalog-section {
        width: 100%;
    }

    .grid-item {
        margin-bottom: 5%;
        margin-right: 3%;
        margin-top: 2%;
    }

    .rectangle img {
        position: relative;
        height: auto;
        bottom: 0;
        left: 0px;
    }

    .rectangle {
        position: absolute;
        right: 60px;
        top: 20px;
        z-index: 1;
        opacity: 1;
    }

    .img-cover-wrapper {
        position: absolute;
        top: 10%;
        left: 5%;
        right: 7%;
        bottom: -3px;
        filter: blur(28px);
    }

    .img-cover-wrapper img {
        height: 70px;
        position: absolute !important;
        bottom: 30px;
        width: 100%;
    }

    .four-layer {
        border-radius: 15px;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
    }

    .img_depth_1 {
        float: left;
        text-align: center;
    }

    #dr-block.active {
        background-color: red;
    }

    .depth_1.active {
        background-image: url(../images/icon-arrow-down.svg);
        background-position: center right 25px;
        background-repeat: no-repeat;
        background-size: 35px;
    }

    .depth_1 {
        background-image: url(images/slider_arrow-right.svg);
        background-position: center right 25px;
        background-repeat: no-repeat;
    }

    .bx_footer_mob {
        float: left;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        border-radius: 15px;
        overflow: hidden;
    }

    .bx-nav-top {
        width: 100%;
        float: left;
        text-align: center;
        background-color: #fff;
    }

    .breadcrumb_mob {
        padding-left: 10px;
        padding-right: 10px;
    }

    .product-item-detail-slider-container {
        position: relative;
        padding-bottom: 20px;
        max-width: 100%;
        background: transparent;
        transition: background 800ms ease;
    }

    .foo_bootom_l {
        padding-left: 0px;
        padding-right: 0px;
    }

    .foo_bootom_r {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu {
        bottom: 0;
        background-color: #fff;
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 85%;
        overflow-y: scroll;
        z-index: 200;
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    h1.bx-title, h2.bx-title, h3.bx-title {
        color: #42454d;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: 400;
        line-height: 38px;
    }

    img.blocksss_img {
        height: 80px;
        position: relative;
        bottom: 0;
    }

    .ebook_element {
        text-align: center;
        width: 30%;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        padding-right: 15px;
        font-size: 18px;
        margin: 0 auto;
    }

    .complect_element {
        width: auto;
        float: left;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        margin-top: 13px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 18px;
        margin-left: 40px;
    }

    .avtor_element {
        text-align: center;
        margin-top: 20px;
        float: left;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .book-descr {
        position: relative;
        z-index: 0;
        margin-top: 20px;
        float: left;
        margin-bottom: 20px;
    }
}

/*все, что выше 980 (это маленькой десктоп)*/
@media only screen
and (min-width: 980px)
and (max-width: 1199px) {
    body.bx-background-image {
        position: relative;
        background-repeat: no-repeat;
        background-position: top center;
       /* background-color: yellow;*/
       background-color: #eceff7;
    }

    .left_b {
        padding-right: 10px !important;
        padding-left: 0px !important;
    }

    .right_b {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }

    .bx-authform-formgroup-container .bx-captcha {
        margin-bottom: 0px !important;
        position: absolute;
        left: 0px;
        top: -20px;
    }

    .author_list_item_photo {
        height: 250px;
    }

    .line_options_catalog {
        padding: 0 20px;
    }

    .product-item-detail-slider-container {
        position: sticky;
        top: 20px;
        float: initial;
        display: flex;
        justify-content: center;
    }

    .product-item-detail-slider-container {
        align-items: flex-start;
    }

    .fg {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    .bx_slider_section .bx_slider_controls {
        top: 150px;
    }

    .bx_slider_section {
        top: 20px;
    }

    .view-books {
        height: 360px;
    }

    .row.line-2-banner .b_1, .row.line-2-banner .b_2, .row.line-2-banner .b_3 {
        overflow: hidden;
        padding-top: 20px;
    }

    .bx-authform-link-container, .reg_block {
        text-align: center;
    }

    .reg_block {
        padding: 20px;
    }

    .bx-advertisingbanner-btn {
        color: #fff;
        z-index: 50 !important;
        bottom: 35%;
        font-size: 18px;
        position: absolute;
        text-transform: none;
        padding: 15px 25px;
        right: 3%;
        border-radius: 28px;
        background-color: #3f5dab;
    }

    .bx-slider-preset-3 .bx-advertisingbanner-text-block {
        padding: 20px 20px;
        color: #9195a1;
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
    }
    
    .bx-slider-preset-3 .bx-advertisingbanner-content {
        position: absolute;
        top: 6%;
        right: 3%;
        left: 54%;
        min-height: 190px;
        bottom: auto;
        padding: 0;
        padding: 20px 0px 20px 0px;
        border-radius: 0px 20px 20px 0px;
        width: 43%;
    }

    .seo_text_home {
        color: #424449;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .price_r_b {
        float: left;
        width: 50%;
        padding-left: 10px;
        text-align: center;
        font-size: 17px;
        color: #fff;
    }

    .price_l_b {
        width: 50%;
        float: left;
        text-align: center;
    }

    .bx-footer {
        color: #3F5DAB;
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    .line_more {
        background-color: #141841;
        overflow: hidden;
        position: relative;
    }

    .product-item-detail-slider-image img {
        position: relative;
        max-width: 100%;
        max-height: none;
    }

    .book-descr {
        position: relative;
        z-index: 0;
        margin-top: 30px;
        float: left;
        margin-bottom: 20px;
    }

    .catalog-section {
        width: 100%;
        float: left;
        padding-right: 20px;
        padding-left: 20px;
    }

    .block_basket {
        border-radius: 20px;
        background-color: #fff;
        padding-bottom: 15px;
        position: sticky;
        top: 85px;
    }

    .cart_r_b {
        margin-top: 20px;
    }

    .cart_l_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .cart_r_b {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .r_b_menu .item_menu:nth-child(2n) a {
        height: 120px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .r_b_menu .item_menu:nth-child(2n+1) a {
        height: 120px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .top_menu_mobile {
        padding: 20px;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e7e8ec;
    }

    .currency {
        float: left;
        padding: 5px;
        color: #3f5dab;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .currency_select {
        float: left;
        padding: 5px;
        border-radius: 13px;
        background-color: #141841;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .blocksss {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .title_more {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        height: 120px;
        width: 100%;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a {
        height: 120px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a {
        height: 120px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a {
        height: 120px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a {
        height: 120px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .item_menu {
        border-bottom: 1px solid #e7e8ec;
        overflow: hidden;
    }

    h1.bx-title, h2.bx-title, h3.bx-title {
        color: #42454d;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: 400;
        line-height: 38px;
    }

    .bx-nav-top_m {
        width: 100%;
        float: left;
        padding: 10px;
        text-align: center;
        /* border-bottom: 1px solid; */
        background-color: #fff;
        border-top: 1px solid rgba(145, 149, 161, 0.2);
    }

    .bx-nav-top_m:first-child {
        border-top: none;
    }

    .bx-catalog-tab-list_e {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .prop_element {
        margin-top: 20px;
        margin-bottom: 30px;
        display: block;
        width: 100%;
        float: left;
        background-color: #fff;
        border-radius: 20px;
    }

    .item_menu:last-child {
        border-right: 1px solid #e7e8ec;
        border-bottom: 1px solid #e7e8ec;
    }

    .l_b_l_mblock {
        width: 100%;
        float: left;
    }

    .r_b_r_mblock {
        width: 100%;
        float: left;
    }

    .l_b_menu {
        width: 100%;
        float: left;
    }

    .r_b_menu {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .block_autt.col-lg-6.col-xs-12 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .title_page {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }


    .foo_bootom_l {
        padding-left: 0px;
        padding-right: 0px;
    }

    .foo_bootom_r {
        padding-left: 0px;
        padding-right: 0px;
    }

    .line-2-banner {
        position: relative;
    }

    .line-1-banner {
        margin-top: 50px;
    }

    .product-item-detail-slider-container {
        position: sticky;
        top: 20px;
        padding-bottom: 20px;
        max-width: 100%;
        background: transparent;
        transition: background 800ms ease;
    }

    .bx-content-seection {
        padding: 0 20px 0px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 20px;
        padding-left: 20px;
    }

    /*//bottom*/
    .foo_bootom_r {
        margin-top: 60px;
        width: 100%;
        float: left;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        margin-top: 20px;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .foo_bootom__r_line1, .foo_bootom__r_line2 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
        text-align: center;
    }
    .payment {
        width: 100%;
        float: right;
        position: relative;
        top: 10px;
        padding-right: 0px;
    }
    .bottom_t_l.text_logo {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
        line-height: 20px;
        width: 100%;
        text-align: center;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
        text-align: center;
        width: 100%;
    }

    .bottom_t_tel {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_phone {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_time_work1 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .bottom_t_time_work2 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .b_1 {
        padding-right: 10px;
    }

    .b_2 {
        padding-right: 20px;
        padding-left: 10px;
    }

    .b_3 {
        padding-left: 20px;
        padding-right: 10px;
    }

    .h_1 {
        padding-right: 10px;
    }


    .banner_two_home {
        padding-right: 10px;
    }

    .banner_two_home_2 {
        padding-left: 10px;
    }

    .row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .bx-catalog-tab-list {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin: 16px 0;
        margin-bottom: 20px;
    }

    .count_cart_top {
        position: relative;
        top: -5px;
        z-index: 9;
        color: #3F5DAB;
        text-align: center;
        left: 10px;
    }

    .prop {
        width: 100%;
        float: left;
    }

    .prop_block {
        width: 100%;
        float: left;
        padding: 20px;
    }

    .prop_element .price {
        width: 100%;
        color: #fff;
        float: left;
        border-radius: 20px;
        position: relative;
        box-shadow: #00000050 0 3px 20px;
    }

    .bookcover {
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        border: 1px solid #00000005;
        padding: 0;
        z-index: 1;
    }

    .bx-header {
        height: 25px;
    }

    .book-labels_cart {
        color: #fff;
        transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(-10px);
        transform-origin: 100% 100%;
        position: absolute;
        right: 0;
        width: 250px;
        top: 0;
        z-index: 2;
    }

    .auth_mob {
        padding-left: 50px;
    }

    .container {
        width: 100%;
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100% !important;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #dr-block {
        display: none;
        padding-left: 10%;
        padding-right: 15px;
        float: left;
        width: 100%;
    }

    #dr-block p {
        padding: 15px;
    }

    .menu_f_mob {
        background-color: #fff;
        border-radius: 15px;
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
    }

    .depth_1 {
        float: left;
        width: 100%;
        display: flex;
        align-items: flex-end;
        color: #000;
        position: relative;
        padding-bottom: 15px;
        padding: 15px;
        z-index: 13;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

    .item.active img {
        border-radius: 15px;
    }

    .banner_two_home_2 {
        padding-top: 20px;
    }

    .col-lg-4.col-md-6.banner_two_home {
        padding-top: 20px;
    }

    .bx-grid {
        display: grid;
        grid-column: 1 / auto;
        grid-row: auto
    }

    .bx-header_mob {
        background-color: #FFFFFF;
        border-radius: 0px 0px 20px 20px;
        padding: 15px;
        padding-left: 20px;
        height: 55px;
        display: flex;
        margin-bottom: 30px;
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        padding-right: 20px;
    }

    .menu_mob {
        padding-right: 22px;

    }

    .r_b_mob {
        width: 25%;
        float: left;
        display: flex;
        justify-content: flex-end;
    }

    .c_b_mob {
        width: 50%;
        float: left;
    }

    .l_b_mob {
        width: 25%;
        float: left;
        display: flex;
    }

    .auth_mob {

    }

    .logo_mob {
        text-align: center;
        position: relative;
        top: -15px;
    }

    .search_mob {
        padding-right: 20px;
    }

    .cart_mob {

    }

    .grid-item {
        width: 45%;
        margin-bottom: 5%;
        margin-right: 3%;
        margin-top: 2%;
    }

    .block-filter-section {

    }


    .rectangle img {
        position: relative;
        height: auto;
        bottom: 0;
        left: 0px;
    }

    .rectangle {
        position: absolute;
        right: 60px;
        top: 20px;
        z-index: 1;
        opacity: 1;
    }

    .img-cover-wrapper {
        position: absolute;
        top: 10%;
        left: 5%;
        right: 7%;
        bottom: -3px;
        filter: blur(28px);
    }

    .img-cover-wrapper img {
        height: 70px;
        position: absolute !important;
        bottom: 30px;
        width: 100%;
    }

    .four-layer {
        border-radius: 15px;
        height: 450px;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
    }

    .img_depth_1 {
        float: left;
        width: 10%;
        text-align: center;
    }

    #dr-block.active {
        background-color: red;
    }

    .depth_1.active {
        background-image: url(../images/icon-arrow-down.svg);
        background-position: center right 25px;
        background-repeat: no-repeat;
        background-size: 35px;
    }

    .depth_1 {
        background-image: url(images/slider_arrow-right.svg);
        background-position: center right 25px;
        background-repeat: no-repeat;
    }

    .bx_footer_mob {
        float: left;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        margin-top: 0;
        border-radius: 15px;
        overflow: hidden;
    }

    .bx-nav-top_m:first-child {
        border-radius: 20px 20px 0px 0px;
    }

    .bx-nav-top_m:last-child {
        border-radius: 0px 0px 20px 20px;
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
    }

    .line_more {
        margin-top: 20px;
        background-color: #141841;
        padding-left: 10px;
        padding-right: 10px;
    }

    .bx-nav-top {
        width: 100%;
        float: left;
        padding: 15px;
        text-align: center;
        background-color: #fff;
    }

    .breadcrumb_mob {
        padding-left: 20px;
        padding-right: 20px;
    }

    .shadow {
        position: absolute;
        transition: ease-out 0.3s;
        left: 20px;
        right: 20px;
        bottom: 10px;
        background: transparent;
        height: 50px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.9), 0 5px 16px 0 rgba(0, 0, 0, 0.5);
        z-index: 0;
        opacity: 0.7;
    }

    .title_page {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .info_avtor_list {
        float: left;
        width: 70%;
        padding-left: 20px;
    }

    .menu {
        bottom: 0;
        background-color: #fff;
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 85%;
        overflow-y: scroll;
        z-index: 999;
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    img.blocksss_img {
        height: 120px;
        position: relative;
        bottom: 0;
        height: 120px;
        position: relative;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a img {
        margin-right: -20px;
        position: relative;
        bottom: -20px;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a img {
        margin-left: -20px;
        position: relative;
        top: 10px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a img {
        margin-left: -20px;
        position: relative;
        bottom: -20px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a img {
        margin-right: -20px;
        position: relative;
        bottom: -20px;
    }

    .ebook_element {
        text-align: center;
        width: 30%;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        padding-right: 15px;
        overflow: hidden;
        font-size: 18px;
        margin: 0 auto;
    }

    .complect_element {
        width: auto;
        float: left;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        margin-top: 13px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 18px;
        margin-left: 40px;
    }

    .avtor_element {
        text-align: center;
        margin-top: 20px;
        float: left;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .line_avtor {
        border-top: 1px dashed #ccc;
        padding-top: 25px;
        margin-top: 25px;
    }
}


/*все, что выше 1200*/
@media only screen and (min-width: 1200px) {
    .two_top_line_h .logo > a {
        position: relative;
        display: block;
    }
    .two_top_line_h .logo > a img {
        display: block;
        transition: opacity .3s ease;
    }
    .two_top_line_h img.logo-hover {
        position: absolute;
        inset: 0;
        opacity: 0;
        visibility: visible;
        margin-left: 40px;
        pointer-events: none;
        transition: opacity .3s ease;
    }
    .bx-header:has(.b_top_menu:hover, .menu_block:hover) img.logo {
        opacity: 0;
        visibility: visible;
    }
    .bx-header:has(.b_top_menu:hover, .menu_block:hover) img.logo-hover {
        opacity: 1;
        visibility: visible;
    }
    .bx-header:has(.b_top_menu:hover, .menu_block:hover) .catalog_top_line_h_r {
        margin-right: 40px;
    }

    body.bx-background-image {
        position: relative;
        /*background-repeat: no-repeat;*/
        background-position: top center;
        background-color: #eceff7;
    }

    .line_options_catalog {
        padding: 0 40px;
    }

    .not_count {
        padding: 15px;
        font-size: 16px;
    }

    .bx-advertisingbanner-btn {
        color: #fff;
        z-index: 50 !important;
        bottom: 35%;
        font-size: 18px;
        position: absolute;
        padding: 15px 25px;
        right: 30px;
        border-radius: 28px;
        text-transform: none;
        background-color: #3f5dab;
    }

    .bx-slider-preset-3 .bx-advertisingbanner-text-block {
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        padding-top: 20px !important;
        padding-right: 20px;
        padding-bottom: 0px !important;
    }

    .bx-slider-preset-3 .bx-advertisingbanner-content {
        position: absolute;
        top: 6%;
        right: 30px;
        left: inherit;
        bottom: auto;
        padding: 20px 0px 20px 0px;
        border-radius: 0px 20px 20px 0px;
        min-height: 190px;
        box-shadow: 0 8px 18px #0000002e;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 420px;
    }

    .bx-advertisingbanner-content > div {
        width: 100%;
        text-align: center;
    }

    .seo_text_home {
        color: #424449;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        padding-left: 120px;
        padding-right: 120px;
    }

    .price_r_b {
        float: left;
        width: 50%;
        padding-left: 10px;
        text-align: left;
        color: #fff;
        font-size: 17px;
    }

    .price_l_b {
        width: 45%;
        float: left;
    }

    .bx-footer {
        color: #3F5DAB;
        margin-top: 60px;
        float: left;
        padding-top: 40px;
        width: 100%;
    }

    .product-item-detail-slider-image img {
        max-width: 400px;
        height: auto;
        outline: 1px solid transparent;
    }

    .book-descr {
        position: relative;
        z-index: 0;
        margin-top: 20px;
        float: left;
        margin-bottom: 20px;
    }

    .catalog-section {
        width: 100%;
        display: block;
        float: left;
        padding-right: 40px;
        padding-left: 40px;
        -webkit-box-sizing: initial;
    }

    .block_basket {
        border-radius: 20px;
        background-color: #fff;
        padding-bottom: 15px;
        position: sticky;
        top: 20px;
    }

    .cart_r_b {
        margin-top: 0px;
    }

    .cart_l_b {
        padding-right: 40px !important;
        padding-left: 0px !important;
    }

    .cart_r_b {
        padding-left: 0 !important;
        padding-right: 0px !important;
    }

    .right_b {
        padding-right: 0 !important;
        padding-left: 20px !important;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 18px;
    }

    .left_b {
        padding-right: 20px !important;
        padding-left: 0px !important;
    }

    .line_avtor {
        border-top: 1px dashed #ccc;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .currency {
        float: left;
        padding: 15px;
    }

    .blocksss {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .title_more {
        color: #3f5dab;
        font-size: 21px;
        font-weight: 700;
        padding-bottom: 25px;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a {
        height: 150px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        overflow: hidden;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a {
        height: 150px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
        overflow: hidden;
    }

    .item_menu a .blocksss_img {
        transition: ease-out 0.4s;
        transition-delay: 0.5s;
    }

    .item_menu {
        transition: background ease-out 0.4s;
    }

    .item_menu:hover {
        background: #f5f5f5;
    }

    .r_b_menu .item_menu:hover {
        background: none;
    }

    .item_menu a:hover .blocksss_img {
        transition-delay: 0.5s;
    }

    .item_menu:nth-child(2n+1) a:hover > .blocksss_img {
        left: 10px;
        transition-delay: 0.5s;
        transition: ease-out 0.4s;
    }

    .item_menu:nth-child(2n) a:hover > .blocksss_img {
        right: 10px;
        transition-delay: 0.5s;
        transition: ease-out 0.4s;
    }

    .l_b_l_mblock .item_menu:nth-child(2n+1) a img {
        height: 150px;
        position: relative;
        left: -20px;
        top: 10px;
        transition-delay: 0.5s;
        transition: ease-out 0.4s;
    }

    .l_b_l_mblock .item_menu:nth-child(2n) a img {
        height: 150px;
        position: relative;
        right: -20px;
        bottom: -20px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a {
        height: 150px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        overflow: hidden;
        flex-direction: row-reverse;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a {
        height: 150px;
        overflow: hidden;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .r_b_r_mblock .item_menu:nth-child(2n+1) a img {
        height: 150px;
        position: relative;
        left: -20px;
        bottom: -20px;
    }

    .r_b_r_mblock .item_menu:nth-child(2n) a img {
        height: 150px;
        position: relative;
        right: -20px;
        bottom: -20px;
    }

    .r_b_r_mblock .item_menu, .l_b_l_mblock .item_menu {
        border-bottom: 1px solid #e7e8ec;
        border-right: 1px solid #e7e8ec;
    }

    .bx-nav-top_m {
        width: 100%;
        float: left;
        padding: 20px;
        text-align: center;
        background-color: #fff;
    }

    .bx-catalog-tab-list_e {
        text-align: center;
        padding: 0;
        vertical-align: bottom;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    h1.bx-title,
    h2.bx-title,
    h3.bx-title {
        color: #42454d;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 50px;
        font-weight: 400;
        padding-bottom: 20px;
        padding-top: 20px;
        margin: 0px;
    }

    .prop_element {
        margin-top: 20px;
        margin-bottom: 60px;
        display: block;
        width: 100%;
        float: left;
        background-color: #fff;
        border-radius: 20px;
    }

    .item_menu:last-child {
        border-right: 1px solid #e7e8ec;
        border-bottom: none;
    }

    .l_b_l_mblock {
        width: 50%;
        float: left;
    }

    .r_b_r_mblock {
        width: 50%;
        float: left;
    }

    .l_b_menu {
        width: 65%;
        float: left;
    }

    .r_b_menu {
        width: 35%;
        float: left;
        padding: 40px;
        padding-bottom: 0px;
    }

    .block_autt.col-lg-6.col-xs-12 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    .line-2-banner {
        margin-bottom: 20px;
        top: -20px;
        position: relative;
    }

    .product-item-detail-slider-container {
        position: sticky;
        top: 20px;
        margin-bottom: 25px;
        float: initial;
        align-items: flex-start;
        display: flex;
        justify-content: center;
    }

    .container-fluid {
        padding-right: 40px;
        padding-left: 40px;
        margin-right: auto;
        margin-left: auto;
    }

    .title_page {
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    }

    .foo_bootom_r {
        padding-left: 0px;
    }

    .menu_b_mob {
        width: 100%;
        float: left;
        margin-top: 20px;
        border-radius: 15px;
        overflow: hidden;
    }

    .bottom_t_m {
        float: left;
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 15px;
    }

    .foo_bootom__r_line2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
    }

    .bottom_t_phone {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
    }

    .foo_bootom_l {
        padding-right: 0px;
    }

    .bottom_t_time_work1 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
    }

    .bottom_t_time_work2 {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
    }

    .line_phone_b {
        color: #9195a1;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 31px;
    }

    .foo_bootom__r_line1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .bottom_t_tel {
        color: #141841;
        font-family: "Scada", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 31px;
    }

    .b_l {
        padding-right: 20px !important;
    }

    .b_r {
        padding-left: 20px !important;
    }


    .bx-header-section {
        padding: 0px 0px 0px;
        height: 90px;
    }

    .bx-catalog-tab-list {
        text-align: left;
        padding: 0;
        vertical-align: bottom;
        margin: 16px 0;
        margin-bottom: 40px;
    }

    .line_more {
        background-color: #141841;
        overflow: hidden;
        position: relative;
    }

    .count_cart_top {
            position: relative;
    top: -10px;
    z-index: 9;
    color: #3F5DAB;
    text-align: center;
    left: 20px;
    }

    .book-labels_cart {
        color: #fff;
        transform: translatey(-100%) rotate(-90deg) translatey(100%) translatex(-10px);
        transform-origin: 100% 100%;
        position: absolute;
        right: 0;
        width: 250px;
        top: 0;
        z-index: 2;
    }

    .shadow {
        position: absolute;
        transition: ease-out 0.3s;
        left: 20px;
        right: 20px;
        bottom: 10px;
        background: transparent;
        height: 50px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.9), 0 5px 16px 0 rgba(0, 0, 0, 0.5);
        z-index: 0;
        opacity: 0.7;
    }

    .container, .line_d {
        max-width: 1498px;
        width: 100%;
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100% !important;
    }

    .depth_1 {
        padding-bottom: 30px;
        float: left;
        width: 100%;
        display: flex;
        align-items: flex-end;
        background: none;
        position: relative;
    }

    .depth_1 span {
        position: relative;
        font-size: 16px;
        color: #3f5dab;
        font-weight: 700;
    }

    .depth_2 {
        width: 100%;
        float: left;
        padding-left: 40px;
        text-decoration: underline;
    }

    .depth_1 img {
        height: 100px;
        opacity: 0.2;
        position: absolute;
        top: -47px;
        left: -22px;

    }

    .text_depth_1 {
        margin-left: 40px;
    }

    .rectangle img {
        position: relative;
        height: auto;
        bottom: 0;
    }

    .rectangle {
        position: absolute;
        right: 60px;
        top: 20px;
        z-index: 1;
        opacity: 1;
        background-image: url(/images/arrow_right.svg);
    }

    .img-cover-wrapper {
        position: absolute;
        top: 10%;
        left: 5%;
        right: 7%;
        bottom: -3px;
        filter: blur(28px);
    }

    .img-cover-wrapper img {
        height: 70px;
        position: absolute !important;
        bottom: 30px;
        width: 100%;
    }

    .four-layer {
        border-radius: 15px;
        height: 450px;
    }

    .four-layer img {
        border-radius: 15px;
        z-index: 2;
        overflow: hidden;
        position: relative;
    }

    .grid-item {
        width: 20%;
        margin-right: 2.5%;
        margin-top: 2%;
    }

    .grid-item:nth-child(4n) {
        /* width: 21%;
     margin-bottom: 2%;
     margin-right: 0%;
     margin-top: 2%;*/
    }

    .prop_element .price {
        width: 100%;
        float: left;
        color: #fff;
        border-radius: 0 20px 20px 0;
        position: relative;
        box-shadow: #00000050 0 3px 20px;
    }

    .prop {
        width: 50%;
        float: left;
    }

    .prop_block {
        width: 50%;
        float: left;
        padding: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .banner_one_home {
        border-radius: 10px;
        padding-right: 20px;
    }

    .banner_two_home {
        padding-left: 20px
    }

    .b_1 {
        padding-right: 20px;
    }

    .b_2 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .b_3 {
        padding-left: 20px;
    }

    .h_1 {
        padding-right: 20px;
    }

    .h_2 {
        padding-left: 20px;
    }

    .foo_bootom_l {
        padding-left: 0px;
        padding-right: 0px;
    }

    .foo_bootom_r {
        padding-left: 0px;
        padding-right: 0px;
    }

    .info_avtor_list {
        float: left;
        width: 70%;
        padding-left: 40px;
        padding-right: 40px;
        height: 180px;
        overflow: hidden;
    }

    .menu {
        bottom: 0;
        background-color: #fff;
        left: 0;
        margin: 0;
        padding: 32px;
        position: fixed;
        top: 0;
        width: 85%;
        overflow-y: hidden;
        z-index: 50;
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    .r_b_menu .item_menu:first-child {
        padding-bottom: 20px;
    }

    img.blocksss_img {
        height: 150px;
        position: relative;
        bottom: 0;
    }

    .sorting_catalog {
        width: auto;
        float: right;
        text-align: center;
        padding: 15px;
        padding-left: 30px;
        padding-right: 30px;
        z-index: 1;
        position: relative;
        background-image: url(../images/icon-arrow-down.svg);
        background-repeat: no-repeat;
        background-position: right 15px;
        background-size: 22px;
    }

    .sorting_catalog:hover {
        font-size: 14px;
        text-align: center;
        padding: 15px;
        padding-top: 15px;
        padding-left: 30px;
        padding-right: 30px;
        float: right;
        background-color: #fff;
        background-image: none;
        border-radius: 10px 10px 0px 0px;
    }

    .sorting_catalog.active {
        font-size: 14px;
        text-align: center;
        padding: 15px;
        padding-top: 15px;
        float: right;
        background-color: #fff;
        background-image: none;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 10px 10px 0px 0px;
    }

    .sorting_block.active {
        display: block;
        font-size: 14px;
        background-color: #fff;
        z-index: 999;
        text-align: center;
        min-width: 250px;
        width: 250px;
        cursor: pointer;
        padding: 15px 40px 15px 40px;
        border-radius: 10px 0px 10px 10px;
        box-shadow: 0 23px 23px rgba(27, 35, 55, 0.16);
    }

    .sorting_block:hover {
        display: block;
        font-size: 14px;
        background-color: #fff;
        z-index: 999;
        text-align: center;
        min-width: 250px;
        width: 250px;
        cursor: pointer;
        padding: 15px 40px 15px 40px;
        border-radius: 10px 0px 10px 10px;
        box-shadow: 0 23px 23px rgba(27, 35, 55, 0.16);
    }

    .ebook_element {
        width: auto;
        float: left;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        margin-top: 13px;
        padding-right: 15px;
        font-size: 18px;
        margin-left: 40px;
    }

    .complect_element {
        width: auto;
        float: left;
        border-radius: 10px;
        border: 1px solid #979797;
        padding: 5px;
        margin-top: 13px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 18px;
        margin-left: 40px;
    }

    .avtor_element {
        margin-top: 25px;
        float: left;
        font-size: 16px;
        font-weight: 700;
    }

    .menu_block.active {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #fff;
        color: #000;
        float: left;
        border-radius: 15px;
    }
}
/* Header redesign 2026 */
@media (min-width: 1200px) {
    .line-1-banner {
        margin-top: 53px;
    }
    header.bx-header {
        border: 0;
        background: #fff;
        box-shadow: 0 14px 28px rgba(42, 56, 91, .08);
    }

    .header-redesign__top {
        height: 71px;
        border-bottom: 1px solid #E0E6F6;
        color: #5b5b5b;
    }

    .header-redesign__top > .container {
        height: 70px;
        max-width: 1498px;
        padding-right: 0;
        padding-left: 0;
        justify-content: space-between;
    }

    .header-redesign__top .x,
    .header-redesign__utility-right {
        float: none;
    }

    .header-redesign__top ul.bx-my {
        gap: 32px;
        justify-content: flex-start;
        padding: 0;
    }

    .header-redesign__top .bx-nav-top {
        list-style: none;
    }

    .header-redesign__top .bx-nav-top a {
        color: #5B5B5B;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
    }

    .header-redesign__utility-right {
        display: flex;
        align-items: center;
        gap: 36px;
        margin-left: auto;
    }

    .header-redesign__phone {
        order: 1;
        color: #3f5dab;
        font-size: 18px;
        font-weight: 700;
        white-space: nowrap;
    }

    .header-redesign__phone span {
        color: #5B5B5B;
        font-weight: 500;
    }

    .header-redesign__phone i {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 0 4px 8px;
        border-right: 2px solid #3f5dab;
        border-bottom: 2px solid #3f5dab;
        transform: rotate(45deg);
    }

    .header-redesign__top .top-login {
        order: 2;
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 0;
    }

    .header-redesign__top .top-login a {
        color: #3f5dab;
        font-size: 16px;
        font-weight: 500;
        line-height: 34px;
        text-transform: none;
        letter-spacing: 0;
    }
    .header-redesign__top .top-login a + a {
        position: relative;
        margin-left: 17px;
        padding-left: 17px;
        border-left: 0;
    }

    .header-redesign__top .top-login a + a::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 15px;
        background: #C8D3F0;
        content: '';
        transform: translateY(-50%);
    }

    .header-redesign__top .social_block {
        order: 3;
        display: flex;
        gap: 10px;
        float: none;
    }

    .header-redesign__top .social {
        display: flex;
        width: 36px;
        height: 36px;
        padding: 0;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 50%;
    }

    .header-redesign__top .social a,
    .header-redesign__top .social img {
        display: block;
        width: 36px;
        height: 36px;
    }

    .header-redesign__main {
        width: 100%;
        height: 91px;
        padding: 0;
    }

    .header-redesign__main .two_top_line_h {
        display: flex;
        float: none;
        height: 90px;
        max-width: 1498px;
        padding-right: 0;
        padding-left: 0;
        align-items: center;
    }

    .header-redesign__main .logo {
        width: 270px;
        min-width: 270px;
    }

    .header-redesign__main img.logo {
        position: static;
        display: block;
        width: 270px;
        height: auto;
    }

    .header-redesign__main .catalog_top_line_h {
        float: none;
        padding: 0;
        margin-left: 18px;
    }

    .header-redesign__main .b_top_menu,
    .header-redesign__main .b_top_menu:hover,
    .header-redesign__main .b_top_menu.active {
        display: flex;
        float: none;
        height: 44px;
        margin: 0;
        padding: 0 24px;
        align-items: center;
        gap: 12px;
        border-radius: 24px;
        background: #4765b2;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 44px;
    }

    .header-redesign__catalog-icon {
        display: flex;
        width: 18px;
        flex-direction: column;
        gap: 4px;
    }

    .header-redesign__catalog-icon i {
        display: block;
        height: 2px;
        border-radius: 2px;
        background: #fff;
    }

    .header-redesign__main .catalog_top_line_h_r {
        display: flex;
        float: none;
        min-width: 0;
        flex: 1;
        padding: 0;
        align-items: center;
        justify-content: flex-end;
    }

    .header-redesign__main .search_top_line_h {
        margin-right: 53px;
    }

    .header-redesign__main .select_search {
        padding: 0;
    }

    .header-redesign__main .title_search_top {
        display: flex;
        float: none;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 50%;
        background: #444;
        color: transparent;
        font-size: 0;
    }

    .header-redesign__main .title_search_top img {
        width: 20px;
        filter: brightness(0) invert(1);
    }

    .header-redesign__main .currency_top_line_h,
    .header-redesign__main .phone_top_line_h {
        display: none !important;
    }

    .header-redesign__nav {
        display: flex;
        align-items: center;
        gap: 32px;
        white-space: nowrap;
    }

    .header-redesign__nav a {
        color: #5B5B5B;
        font-size: 16px;
        font-weight: 600;
    }

    .header-redesign__main .basket_top_line_h {
        margin-left: 32px;
    }

    .header-redesign__main .select_cart,
    .header-redesign__main .select_cart:hover,
    .header-redesign__main .select_cart.active {
        height: 44px;
        min-width: 104px;
        padding: 0 22px;
        border-radius: 24px;
        background: #8ea1d4;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 44px;
    }

    .header-redesign__main .bx-basket-block {
        height: 44px;
    }

    .header-redesign__main .count_cart_top,
    .header-redesign__main .bx-basket-block .fa {
        display: none;
    }

    .header-redesign__main .count_top_cart {
        text-transform: uppercase;
    }

    .header-redesign__main .menu_block,
    .header-redesign__main .currency_block,
    .header-redesign__main .phone_block {
        top: 78px;
    }
}

@media (min-width: 1200px) and (max-width: 1540px) {
    .header-redesign__top > .container,
    .header-redesign__main .two_top_line_h {
        padding-right: 32px;
        padding-left: 32px;
    }

    .header-redesign__nav {
        gap: 20px;
    }

    .header-redesign__main .search_top_line_h {
        margin-right: 24px;
    }

    .header-redesign__main .basket_top_line_h {
        margin-left: 22px;
    }
}
@media (min-width: 1200px) {
    .header-redesign__top .social--x {
        background: #000;
    }

    .header-redesign__top .social--x a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 36px;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .header-redesign__top > .container,
    .header-redesign__main .two_top_line_h {
        padding-right: 20px;
        padding-left: 20px;
    }

    .header-redesign__main .logo,
    .header-redesign__main img.logo {
        width: 220px;
        min-width: 220px;
    }

    .header-redesign__main .catalog_top_line_h {
        margin-left: 20px;
    }

    .header-redesign__main .search_top_line_h {
        margin-right: 16px;
    }

    .header-redesign__nav {
        gap: 12px;
    }

    .header-redesign__nav a {
        font-size: 14px;
    }

    .header-redesign__main .basket_top_line_h {
        margin-left: 14px;
    }
}
/* Header phone dropdown compatibility */
@media (min-width: 1200px) {
    .header-redesign__phone.select_phone,
    .header-redesign__phone.select_phone:hover,
    .header-redesign__phone.select_phone.active {
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        background-image: none;
        color: #3f5dab;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        text-align: left;
        cursor: pointer;
    }

    .header-redesign__phone.select_phone span {
        color: #555;
        font-weight: 500;
    }

    .header-redesign__main .phone_block.active,
    .header-redesign__main .phone_block:hover {
        display: flex;
        padding: 15px;
        border-radius: 0 0 10px 10px;
        background: #fff;
        box-shadow: 0 16px 24px rgba(27, 35, 55, .14);
    }
}
/* Catalog dropdown redesign 2026 */
@media (min-width: 1200px) {
    body:has(.b_top_menu:hover, .menu_block:hover)::before {
        position: fixed;
        z-index: 900;
        inset: 0;
        background: rgba(35, 45, 61, .62);
        content: '';
        pointer-events: none;
    }

    body:has(.b_top_menu:hover, .menu_block:hover) .bx-header {
        position: relative;
        z-index: 901;
        background: transparent;
        box-shadow: none;
    }

    body:has(.b_top_menu:hover, .menu_block:hover) .header-redesign__top {
        background: #707784;
        border-bottom-color: transparent;
    }

    body:has(.b_top_menu:hover, .menu_block:hover) .header-redesign__main .two_top_line_h {
        position: relative;
        z-index: 1000;
        border-radius: 50px;
        background: #fff;
    }
    body:has(.b_top_menu:hover, .menu_block:hover) .header-redesign__phone i {
        color: #2b3c63;
    }
    body:has(.b_top_menu:hover, .menu_block:hover) .header-redesign__top .social_block {
        opacity: 0.4;
    }

    .header-redesign__main .menu_block,
    .header-redesign__main .menu_block.active {
        top: 185px !important;
        left: 50% !important;
        z-index: 999 !important;
        width: min(1498px, calc(100% - 64px)) !important;
        min-height: 462px;
        padding: 0;
        overflow: hidden;
        border: 1px solid #e3e7ef;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 16px 32px rgba(27, 35, 55, .16);
        transform: translateX(-50%);
    }

    .header-redesign__main .menu_block .cont_menu {
        display: flex;
        min-height: 460px;
        align-items: stretch;
    }

    .header-redesign__main .menu_block .l_b_menu {
        position: relative;
        display: flex;
        float: none;
        width: 68%;
        padding: 58px 23px 24px;
        align-content: flex-start;
        align-items: flex-start;
        gap: 11px;
        flex-wrap: wrap;
    }

    .header-redesign__main .menu_block .l_b_menu::before {
        position: absolute;
        top: 22px;
        left: 23px;
        color: #315fc2;
        content: 'КАТАЛОГ';
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
    }

    .header-redesign__main .menu_block .l_b_l_mblock,
    .header-redesign__main .menu_block .r_b_r_mblock {
        display: contents;
        float: none;
        width: auto;
    }

    .header-redesign__main .menu_block .l_b_menu .item_menu,
    .header-redesign__main .menu_block .l_b_menu .item_menu:last-child {
        display: block;
        width: auto;
        height: 74px;
        min-width: 164px;
        padding: 0;
        overflow: hidden;
        border: 1px solid #e7eaf0;
        border-radius: 9px;
        background: #fff;
        transition: border-color .2s ease, box-shadow .2s ease;
    }

    .header-redesign__main .menu_block .l_b_menu .item_menu:hover {
        border-color: #cfd8ea;
        background: #fff;
        box-shadow: 0 5px 14px rgba(42, 56, 91, .08);
    }

    .header-redesign__main .menu_block .l_b_menu .item_menu a,
    .header-redesign__main .menu_block .l_b_l_mblock .item_menu:nth-child(2n) a,
    .header-redesign__main .menu_block .l_b_l_mblock .item_menu:nth-child(2n+1) a,
    .header-redesign__main .menu_block .r_b_r_mblock .item_menu:nth-child(2n) a,
    .header-redesign__main .menu_block .r_b_r_mblock .item_menu:nth-child(2n+1) a {
        display: flex;
        width: auto;
        height: 72px;
        padding: 11px;
        align-items: center;
        flex-direction: row;
        gap: 12px;
        overflow: hidden;
        text-transform: uppercase;
    }

    .header-redesign__main .menu_block .l_b_menu .blocksss_img,
    .header-redesign__main .menu_block .l_b_l_mblock .item_menu:nth-child(n) a img,
    .header-redesign__main .menu_block .r_b_r_mblock .item_menu:nth-child(n) a img {
        position: static;
        display: block;
        width: 48px;
        min-width: 48px;
        height: 48px;
        object-fit: cover;
        border-radius: 7px;
        transform: none;
        transition: none;
    }

    .header-redesign__main .menu_block .l_b_menu .item_menu a:hover .blocksss_img {
        position: static;
        transform: none;
    }

    .header-redesign__main .menu_block .l_b_menu .blocksss {
        width: auto;
        justify-content: flex-start;
        color: #182131;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        white-space: nowrap;
    }

    .header-redesign__main .menu_block .r_b_menu {
        float: none;
        width: 32%;
        padding: 25px 24px 20px;
        border-left: 1px solid #e3e7ef;
        background: #f7f9fd;
    }

    .header-redesign__main .menu_block .r_b_menu > .item_menu {
        padding: 0;
        background: transparent;
    }

    .header-redesign__main .menu_block .r_b_menu .title_more {
        display: block;
        padding: 0 0 20px;
    }

    .header-redesign__main .menu_block .r_b_menu .title_more .blocksss {
        justify-content: flex-start;
        color: #182131;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
    }

    .header-redesign__main .menu_block .more_rite_menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
    }

    .header-redesign__main .menu_block .more_rite_menu .all {
        min-width: 0;
        width: 100%
    }

    .header-redesign__main .menu_block .more_rite_menu .all a,
    .header-redesign__main .menu_block .more_rite_menu .all a p {
        margin: 0;
        color: #49536a;
        font-size: 16px;
        font-weight: 500;
        line-height: 34px;
        text-decoration: none;
    }

    .header-redesign__main .menu_block .all_more_sect {
        grid-column: 1 / -1;
        margin-top: 12px;
        padding-top: 16px;
        border-top: 1px solid #dfe4ed;
        line-height: 22px;
    }

    .header-redesign__main .menu_block .all_more_sect a {
        display: inline;
        margin-right: 4px;
        color: #a5adbd;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

    .header-redesign__main .b_top_menu:hover .header-redesign__catalog-icon,
    .header-redesign__main .b_top_menu.active .header-redesign__catalog-icon,
    body:has(.menu_block:hover) .header-redesign__catalog-icon {
        position: relative;
        width: 16px;
        height: 16px;
    }

    .header-redesign__main .b_top_menu:hover .header-redesign__catalog-icon i,
    .header-redesign__main .b_top_menu.active .header-redesign__catalog-icon i,
    body:has(.menu_block:hover) .header-redesign__catalog-icon i {
        position: absolute;
        top: 7px;
        left: 0;
        width: 17px;
        height: 2px;
    }

    .header-redesign__main .b_top_menu:hover .header-redesign__catalog-icon i:nth-child(1),
    .header-redesign__main .b_top_menu.active .header-redesign__catalog-icon i:nth-child(1),
    body:has(.menu_block:hover) .header-redesign__catalog-icon i:nth-child(1) {
        transform: rotate(45deg);
    }

    .header-redesign__main .b_top_menu:hover .header-redesign__catalog-icon i:nth-child(2),
    .header-redesign__main .b_top_menu.active .header-redesign__catalog-icon i:nth-child(2),
    body:has(.menu_block:hover) .header-redesign__catalog-icon i:nth-child(2) {
        opacity: 0;
    }

    .header-redesign__main .b_top_menu:hover .header-redesign__catalog-icon i:nth-child(3),
    .header-redesign__main .b_top_menu.active .header-redesign__catalog-icon i:nth-child(3),
    body:has(.menu_block:hover) .header-redesign__catalog-icon i:nth-child(3) {
        transform: rotate(-45deg);
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .header-redesign__main .menu_block,
    .header-redesign__main .menu_block.active {
        width: calc(100% - 40px) !important;
    }

    .header-redesign__main .menu_block .l_b_menu {
        width: 66%;
    }

    .header-redesign__main .menu_block .r_b_menu {
        width: 34%;
    }
}
/* Prevent catalog header flash */
@media (min-width: 1200px) {
    .header-redesign__main .two_top_line_h {
        background-color: #fff;
        transition: color .3s ease, border-color .3s ease;
    }

    body:has(.b_top_menu:hover, .menu_block:hover) .header-redesign__main .two_top_line_h {
        background-color: #fff;
        transition: none;
    }
}
/* Keep catalog state while crossing the menu gap */
@media (min-width: 1200px) {
    body.catalog-menu-open::before {
        position: fixed;
        z-index: 900;
        inset: 0;
        background: rgba(35, 45, 61, .62);
        content: '';
        pointer-events: none;
    }

    body.catalog-menu-open .bx-header {
        position: relative;
        z-index: 901;
        background: transparent;
        box-shadow: none;
    }

    body.catalog-menu-open .header-redesign__main .two_top_line_h {
        position: relative;
        z-index: 1000;
        border-radius: 36px;
        background: #fff;
        transition: none;
    }

    body.catalog-menu-open .header-redesign__catalog-icon {
        position: relative;
        width: 16px;
        height: 16px;
    }

    body.catalog-menu-open .header-redesign__catalog-icon i {
        position: absolute;
        top: 7px;
        left: 0;
        width: 17px;
        height: 2px;
    }

    body.catalog-menu-open .header-redesign__catalog-icon i:nth-child(1) { transform: rotate(45deg); }
    body.catalog-menu-open .header-redesign__catalog-icon i:nth-child(2) { opacity: 0; }
    body.catalog-menu-open .header-redesign__catalog-icon i:nth-child(3) { transform: rotate(-45deg); }
}
/* Persist header transformations through catalog hover corridor */
@media (min-width: 1200px) {

    .header-redesign__top .social_block {
        transition: opacity .3s ease;
    }

    .header-redesign__main .catalog_top_line_h_r {
        transition: margin-right .3s ease;
    }

    body.catalog-menu-open .bx-header img.logo {
        opacity: 0;
        visibility: visible;
    }

    body.catalog-menu-open .bx-header img.logo-hover {
        opacity: 1;
        visibility: visible;
    }

    body.catalog-menu-open .header-redesign__main .catalog_top_line_h_r {
        margin-right: 40px;
    }

    body.catalog-menu-open .header-redesign__top {
        border-bottom-color: transparent;
        background-color: #707784;
    }

    body.catalog-menu-open .header-redesign__phone i {
        color: #2b3c63;
    }

    body.catalog-menu-open .header-redesign__top .social_block {
        opacity: .4;
    }

    body.catalog-menu-open .header-redesign__main .two_top_line_h {
        border-radius: 50px;
    }
}

/* Horizontal homepage banners 2026 */
@media (min-width: 1200px) {
    .line-1-banner {
        position: relative;
        display: block;
        overflow: visible;
    }

    .line-1-banner .banner_one_home {
        float: none;
        width: 100%;
        padding: 0;
        overflow: visible;
    }

    .line-1-banner .banner_two_home {
        display: none !important;
    }

    .line-1-banner .hero-books-carousel {
        position: relative;
        width: 100%;
        height: 488px;
        overflow: visible;
    }

    .line-1-banner .hero-books-carousel .carousel-inner {
        position: relative;
        display: flex !important;
        width: 100%;
        height: 470px !important;
        padding: 0 0 56px;
        gap: 28px;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-radius: 0;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        scrollbar-color: #4767bb #d3d9e7;
        scrollbar-width: auto;
        transform: none !important;
    }

    .line-1-banner .hero-books-carousel .carousel-inner > .item,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item:first-child,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item.active {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        z-index: 1 !important;
        display: block !important;
        float: none !important;
        width: calc((100% - 28px) / 2) !important;
        min-width: calc((100% - 28px) / 2) !important;
        max-width: calc((100% - 28px) / 2) !important;
        height: 400px !important;
        margin: 0 !important;
        flex: 0 0 calc((100% - 28px) / 2) !important;
        opacity: 1 !important;
        visibility: visible !important;
        scroll-snap-align: start;
        transform: none !important;
        transition: none !important;
    }

    .line-1-banner .hero-books-carousel .carousel-inner > .item > div,
    .line-1-banner .hero-books-carousel .carousel-inner > .item > a,
    .line-1-banner .hero-books-carousel .carousel-inner > .item > div > a {
        display: block;
        width: 100%;
        height: 400px;
    }

    .line-1-banner .hero-books-carousel .carousel-inner > .item img.center-block,
    .line-1-banner .hero-books-carousel .carousel-inner > .item img.img-responsive {
        display: block;
        width: 100% !important;
        max-width: none;
        height: 400px !important;
        margin: 0;
        object-fit: cover;
        object-position: center;
        border-radius: 64px;
    }

    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar {
        height: 18px;
    }

    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar-track {
        border: 6px solid transparent;
        border-radius: 12px;
        background: #d3d9e7;
        background-clip: padding-box;
    }

    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar-thumb {
        border: 6px solid transparent;
        border-radius: 12px;
        background: #4767bb;
        background-clip: padding-box;
    }

    .line-1-banner .hero-books-carousel .carousel-indicators {
        display: none !important;
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_left,
    .line-1-banner .hero-books-carousel .home_slider_arrow_right {
        top: 140px !important;
        bottom: auto !important;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background-color: rgba(65, 72, 100, .82);
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: none;
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_left {
        right: auto;
        left: -24px;
        background-image: none;
        filter: none;
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_right {
        right: -24px;
        background-image: none;
        filter: none;
        background-color: #4767bb;
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_left::before,
    .line-1-banner .hero-books-carousel .home_slider_arrow_right::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 22px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        content: '';
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_left::before {
        transform: translate(-35%, -50%) rotate(-135deg);
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_right::before {
        transform: translate(-65%, -50%) rotate(45deg);
    }
    .line-1-banner .hero-books-carousel .home_slider_arrow_left:hover,
    .line-1-banner .hero-books-carousel .home_slider_arrow_right:hover {
        transform: scale(1.04);
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .line-1-banner .hero-books-carousel .carousel-inner {
        gap: 20px;
    }

    .line-1-banner .hero-books-carousel .carousel-inner > .item,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item {
        width: calc((100% - 20px) / 2) !important;
        min-width: calc((100% - 20px) / 2) !important;
        max-width: calc((100% - 20px) / 2) !important;
        flex-basis: calc((100% - 20px) / 2) !important;
    }
}
/* Full-bleed horizontal hero track */
@media (min-width: 1200px) {
    .line-1-banner {
        --hero-content-width: min(1498px, calc(100vw - 80px));
        --hero-side-space: calc((100vw - var(--hero-content-width)) / 2);
    }

    .line-1-banner .hero-books-carousel {
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
    }

    .line-1-banner .hero-books-carousel .carousel-inner {
        width: 100vw;
        padding-right: var(--hero-side-space);
        padding-left: var(--hero-side-space);
        box-sizing: border-box;
        scroll-padding-right: var(--hero-side-space);
        scroll-padding-left: var(--hero-side-space);
    }

    .line-1-banner .hero-books-carousel .carousel-inner > .item,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item:first-child,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item.active {
        width: calc((var(--hero-content-width) - 28px) / 2) !important;
        min-width: calc((var(--hero-content-width) - 28px) / 2) !important;
        max-width: calc((var(--hero-content-width) - 28px) / 2) !important;
        flex-basis: calc((var(--hero-content-width) - 28px) / 2) !important;
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_left {
        left: calc(var(--hero-side-space) - 24px);
    }

    .line-1-banner .hero-books-carousel .home_slider_arrow_right {
        right: calc(var(--hero-side-space) - 24px);
    }

    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar-button,
    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar-button:single-button,
    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar-button:start,
    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar-button:end {
        display: none;
        width: 0;
        height: 0;
        background: transparent;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .line-1-banner .hero-books-carousel .carousel-inner > .item,
    .line-1-banner .hero-books-carousel.fade .carousel-inner > .item {
        width: calc((var(--hero-content-width) - 20px) / 2) !important;
        min-width: calc((var(--hero-content-width) - 20px) / 2) !important;
        max-width: calc((var(--hero-content-width) - 20px) / 2) !important;
        flex-basis: calc((var(--hero-content-width) - 20px) / 2) !important;
    }
}
/* Container-width custom hero scrollbar */
@media (min-width: 1200px) {
    .line-1-banner .hero-books-carousel .carousel-inner {
        scrollbar-width: none;
    }

    .line-1-banner .hero-books-carousel .carousel-inner::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .line-1-banner .hero-books-carousel .hero-books-scrollbar {
        position: absolute;
        top: 450px;
        left: 50%;
        width: var(--hero-content-width);
        height: 18px;
        overflow: hidden;
        border-radius: 10px;
        background: #d3d9e7;
        cursor: pointer;
        transform: translateX(-50%);
    }

    .line-1-banner .hero-books-carousel .hero-books-scrollbar__thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        border-radius: 10px;
        background: #4767bb;
        cursor: grab;
        touch-action: none;
        will-change: transform;
    }

    .line-1-banner .hero-books-carousel .hero-books-scrollbar__thumb:active {
        cursor: grabbing;
    }
}
/* Homepage categories and book review redesign 2026 */
@media (min-width: 1200px) {
    .line-2-banner.category-grid-redesign {
        display: grid;
        margin: 74px 0 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px 34px;
    }

    .line-2-banner.category-grid-redesign > .b_1,
    .line-2-banner.category-grid-redesign > .b_2,
    .line-2-banner.category-grid-redesign > .b_3,
    .line-2-banner.category-grid-redesign > .h_line_banner {
        float: none;
        width: auto;
        height: 218px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-radius: 24px;
    }

    .line-2-banner.category-grid-redesign > div > a {
        display: block;
        width: 100%;
        height: 218px;
    }

    .line-2-banner.category-grid-redesign .first-layer,
    .line-2-banner.category-grid-redesign .two-layer,
    .line-2-banner.category-grid-redesign .three-layer,
    .line-2-banner.category-grid-redesign .five-layer,
    .line-2-banner.category-grid-redesign .six-layer,
    .line-2-banner.category-grid-redesign .seven-layer {
        float: none;
        width: 100%;
        height: 218px;
        margin: 0;
        overflow: hidden;
        border-radius: 24px;
        background-position: center;
        background-size: cover;
    }

    .line-2-banner.category-grid-redesign .first-layer img,
    .line-2-banner.category-grid-redesign .two-layer img,
    .line-2-banner.category-grid-redesign .three-layer img,
    .line-2-banner.category-grid-redesign .five-layer img,
    .line-2-banner.category-grid-redesign .six-layer img {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 18px;
        width: 190px;
        height: 205px;
        object-fit: contain;
        object-position: bottom center;
        border-radius: 0;
        transform: none;
    }

    .line-2-banner.category-grid-redesign .five-layer img,
    .line-2-banner.category-grid-redesign .six-layer img {
        right: auto;
        left: 18px;
    }

    .line-2-banner.category-grid-redesign .text-layer,
    .line-2-banner.category-grid-redesign .text-layer-five,
    .line-2-banner.category-grid-redesign .text-layer-six,
    .line-2-banner.category-grid-redesign .text-layer-seven,
    .line-2-banner.category-grid-redesign .text-layer-five,
    .line-2-banner.category-grid-redesign .text-layer-six {
        position: absolute;
        top: 50%;
        right: 28px;
        left: 46%;
        width: auto;
        padding: 0;
        color: #fff;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.3;
        text-align: left;
        text-transform: uppercase;
        transform: translateY(-50%);
    }

    .line-2-banner.category-grid-redesign > div:hover img,
    .line-2-banner.category-grid-redesign > div:hover .text-layer {
        transform: none;
    }

    .line-2-banner.category-grid-redesign > div:hover .text-layer,
    .line-2-banner.category-grid-redesign > div:hover .text-layer-five,
    .line-2-banner.category-grid-redesign > div:hover .text-layer-six,
    .line-2-banner.category-grid-redesign > div:hover .text-layer-seven {
        transform: translateY(-50%);
    }

    .book-review-redesign {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .book-review-redesign .view-books {
        height: 850px;
        margin-top: 80px;
        overflow: visible;
        border-radius: 0;
        background: transparent;
    }

    .book-review-redesign .view-books-title {
        float: none;
        margin: 0 0 38px;
        padding: 0;
        color: #050505;
        font-size: 46px;
        font-weight: 600;
        line-height: 1.15;
        text-transform: uppercase;
    }

    .book-review-redesign .view-books-title img {
        display: none;
    }

    .book-review-redesign .bx_slider_section {
        top: 0;
        width: 100%;
        height: 730px;
        margin: 0;
        overflow: visible;
    }

    .book-review-redesign .bx_slider_container {
        position: relative;
        left: 0 !important;
        width: 100% !important;
        height: 730px;
    }

    .book-review-redesign .bx_slider_block {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: 100% !important;
        height: 730px;
        align-items: stretch;
    }

    .book-review-redesign .bx_slider_photo_container {
        float: none;
        width: 33.1%;
        height: 730px;
        overflow: hidden;
        border-radius: 24px;
        flex: 0 0 33.1%;
    }

    .book-review-redesign .bx_slider_photo_element {
        width: 100%;
        height: 730px;
        padding: 0;
        border-radius: 24px;
        background-position: center !important;
        background-size: cover !important;
    }

    .book-review-redesign .bx_slider_content_container {
        position: relative;
        float: none;
        width: auto;
        height: 730px;
        margin-left: 44px;
        padding: 34px 32px 42px;
        border-radius: 24px;
        background: #fff;
        flex: 1;
    }

    .book-review-redesign .bx_slider_content_container::before {
        position: absolute;
        top: 50%;
        left: -30px;
        width: 0;
        height: 0;
        border-top: 28px solid transparent;
        border-right: 30px solid #fff;
        border-bottom: 28px solid transparent;
        content: '';
        transform: translateY(-50%);
    }

    .book-review-redesign .review-meta {
        display: flex;
        margin-bottom: 38px;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .book-review-redesign .review-meta span {
        display: inline-flex;
        min-height: 42px;
        padding: 8px 24px;
        align-items: center;
        border-radius: 24px;
        background: #eef1f7;
        color: #5d6068;
        font-size: 16px;
        line-height: 1.2;
    }

    .book-review-redesign .bx_slider_title {
        margin: 0 0 22px;
        padding: 0;
    }

    .book-review-redesign .bx_slider_title a {
        color: #4162b5;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.25;
        text-decoration: none;
        text-transform: uppercase;
        white-space: normal;
    }

    .book-review-redesign .bx_slider_content_description {
        height: auto;
        max-height: 520px;
        padding: 0 !important;
        overflow: hidden;
        color: #111;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }

    .book-review-redesign .bx_slider_arrow_left,
    .book-review-redesign .bx_slider_arrow_right {
        top: 310px;
        bottom: auto;
        z-index: 210;
        width: 96px;
        height: 96px;
        margin: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .68);
        box-shadow: none;
    }

    .book-review-redesign .bx_slider_arrow_left {
        left: -24px;
    }

    .book-review-redesign .bx_slider_arrow_right {
        right: -24px;
        background-color: #4767bb;
    }

    .book-review-redesign .bx_slider_arrow_left::before,
    .book-review-redesign .bx_slider_arrow_right::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 22px;
        border-top: 4px solid #4767bb;
        border-right: 4px solid #4767bb;
        content: '';
    }

    .book-review-redesign .bx_slider_arrow_left::before {
        transform: translate(-35%, -50%) rotate(-135deg);
    }

    .book-review-redesign .bx_slider_arrow_right::before {
        border-color: #fff;
        transform: translate(-65%, -50%) rotate(45deg);
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .line-2-banner.category-grid-redesign {
        gap: 24px;
    }

    .line-2-banner.category-grid-redesign .text-layer,
    .line-2-banner.category-grid-redesign .text-layer-five,
    .line-2-banner.category-grid-redesign .text-layer-six,
    .line-2-banner.category-grid-redesign .text-layer-seven {
        font-size: 25px;
    }
}
/* Categories alignment and review controls correction */
@media (min-width: 1200px) {
    .line-2-banner.category-grid-redesign::before,
    .line-2-banner.category-grid-redesign::after {
        display: none !important;
        content: none !important;
    }

    .book-review-redesign .bx_slider_controls {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 205;
        width: 100%;
        height: 730px;
        pointer-events: none;
    }

    .book-review-redesign .bx_slider_controls .bx_slider_arrow_left,
    .book-review-redesign .bx_slider_controls .bx_slider_arrow_right {
        position: absolute;
        top: 50%;
        bottom: auto;
        margin-top: -48px;
        pointer-events: auto;
    }

    .book-review-redesign .bx_slider_title,
    .book-review-redesign .bx_slider_title a,
    .book-review-redesign .bx_slider_title a:hover,
    .book-review-redesign .bx_slider_title a:focus,
    .book-review-redesign .bx_slider_title a:active {
        border-bottom: 0 !important;
        text-decoration: none !important;
    }

    .book-review-redesign .review-meta b {
        margin-left: 4px;
    }
}
/* Category product hover animation */
@media (min-width: 1200px) {
    .line-2-banner.category-grid-redesign .first-layer,
    .line-2-banner.category-grid-redesign .two-layer,
    .line-2-banner.category-grid-redesign .three-layer,
    .line-2-banner.category-grid-redesign .five-layer,
    .line-2-banner.category-grid-redesign .six-layer,
    .line-2-banner.category-grid-redesign .seven-layer,
    .line-2-banner.category-grid-redesign .first-layer:hover,
    .line-2-banner.category-grid-redesign .two-layer:hover,
    .line-2-banner.category-grid-redesign .three-layer:hover,
    .line-2-banner.category-grid-redesign .five-layer:hover,
    .line-2-banner.category-grid-redesign .six-layer:hover,
    .line-2-banner.category-grid-redesign .seven-layer:hover {
        background-position: center !important;
        background-size: cover !important;
        transition: none;
    }

    .line-2-banner.category-grid-redesign .first-layer img,
    .line-2-banner.category-grid-redesign .two-layer img,
    .line-2-banner.category-grid-redesign .three-layer img,
    .line-2-banner.category-grid-redesign .five-layer img,
    .line-2-banner.category-grid-redesign .six-layer img,
    .line-2-banner.category-grid-redesign .seven-layer img {
        position: absolute;
        bottom: -38px;
        left: 18px;
        width: auto;
        height: 218px;
        max-width: none;
        object-fit: contain;
        object-position: center bottom;
        transform: translateY(0);
        transition: transform .38s cubic-bezier(.22, .61, .36, 1);
        will-change: transform;
    }

    .line-2-banner.category-grid-redesign .first-layer:hover img,
    .line-2-banner.category-grid-redesign .two-layer:hover img,
    .line-2-banner.category-grid-redesign .three-layer:hover img,
    .line-2-banner.category-grid-redesign .five-layer:hover img,
    .line-2-banner.category-grid-redesign .six-layer:hover img,
    .line-2-banner.category-grid-redesign .seven-layer:hover img {
        transform: translateY(-20px) !important;
    }

    .line-2-banner.category-grid-redesign .text-layer,
    .line-2-banner.category-grid-redesign .text-layer-five,
    .line-2-banner.category-grid-redesign .text-layer-six,
    .line-2-banner.category-grid-redesign .text-layer-seven,
    .line-2-banner.category-grid-redesign :hover .text-layer,
    .line-2-banner.category-grid-redesign :hover .text-layer-five,
    .line-2-banner.category-grid-redesign :hover .text-layer-six,
    .line-2-banner.category-grid-redesign :hover .text-layer-seven {
        transform: translateY(-50%);
        transition: none;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .line-2-banner.category-grid-redesign .first-layer img,
    .line-2-banner.category-grid-redesign .two-layer img,
    .line-2-banner.category-grid-redesign .three-layer img {
        width: 250px;
        height: 250px;
    }

    .line-2-banner.category-grid-redesign .first-layer img,
    .line-2-banner.category-grid-redesign .two-layer img,
    .line-2-banner.category-grid-redesign .three-layer img,
    .line-2-banner.category-grid-redesign .five-layer img,
    .line-2-banner.category-grid-redesign .six-layer img,
    .line-2-banner.category-grid-redesign .seven-layer img {
        width: 235px;
        height: 235px;
    }
}
/* Reusable TOP 10 product cards 2026 */
@media (min-width: 1200px) {
    .line-3-banner {
        margin: 90px 0 0;
    }

    .line-3-banner .col-lg-12 {
        padding: 0;
    }

    .line-3-banner .top_title {
        color: #050505;
        font-size: 46px;
        font-weight: 600;
        line-height: 1.15;
        text-align: left;
        text-transform: uppercase;
    }

    .top10-redesign {
        --top10-content-width: min(1498px, calc(100vw - 80px));
        --top10-side-space: calc((100vw - var(--top10-content-width)) / 2);
        position: relative;
        margin-top: 26px;
    }

    .top10-redesign .pos_tab {
        position: absolute;
        top: -98px;
        left: 335px;
        z-index: 10;
        display: flex;
        width: auto;
        margin: 0;
        gap: 14px;
    }

    .top10-redesign .pos_tab .bl_top {
        display: none;
    }

    .top10-redesign .tab {
        min-height: 50px;
        padding: 13px 30px;
        border: 0;
        border-radius: 28px;
        background: #4767bb;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase;
        box-shadow: none;
    }

    .top10-redesign .tab:first-of-type,
    .top10-redesign .tab.active {
        background: #444;
        color: #fff;
    }

    .top10-redesign .top10-tags {
        display: flex;
        margin: 0 0 82px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .top10-redesign .top10-tags span {
        display: inline-flex;
        min-height: 50px;
        padding: 11px 22px;
        align-items: center;
        border-radius: 28px;
        background: #fff;
        color: #5e6066;
        font-size: 16px;
        line-height: 1.2;
    }

    .top10-redesign .tabContent {
        position: relative;
        left: 50%;
        width: 100vw;
        min-height: 650px;
        margin-left: -50vw;
        padding: 0;
        overflow: hidden;
    }

    .top10-redesign .bx-wrapper {
        width: 100vw !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .top10-redesign .bx-viewport {
        box-sizing: border-box;
        width: 100vw !important;
        min-height: 630px;
        padding-left: var(--top10-side-space);
        overflow: hidden !important;
    }

    .top10-redesign ul.bxslider {
        display: flex;
        align-items: stretch;
    }

    .top10-redesign .top10-slide {
        width: 363px !important;
        height: 630px;
        padding: 27px 0 0;
    }

    .top10-card {
        position: relative;
        width: 363px;
        height: 594px;
        padding: 24px 26px 0;
        overflow: visible;
        border-radius: 24px;
        background: #fff;
        transition: transform .3s ease, box-shadow .3s ease;
    }

    .top10-card:hover {
        z-index: 5;
        transform: translateY(-4px);
        box-shadow: 0 18px 36px rgba(42, 56, 91, .12);
    }

    .top10-card__labels {
        position: absolute;
        top: -27px;
        left: 24px;
        z-index: 5;
        display: flex;
        gap: 8px;
    }

    .top10-card__label {
        display: inline-flex;
        min-width: 96px;
        height: 28px;
        padding: 4px 20px;
        align-items: center;
        justify-content: center;
        border-radius: 10px 10px 0 0;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .top10-card__label--sale { background: #ff593d; }
    .top10-card__label--new { background: #31aa73; }
    .top10-card__label--leader { background: #ff9f00; }

    .top10-card__meta {
        display: flex;
        min-height: 42px;
        margin-bottom: 22px;
        align-items: center;
        gap: 12px;
    }

    .top10-card__meta span {
        display: inline-flex;
        min-height: 42px;
        padding: 8px 18px;
        align-items: center;
        border-radius: 23px;
        background: #eef1f7;
        color: #4162b5;
        font-size: 16px;
        font-weight: 600;
    }

    .top10-card__title {
        position: relative;
        z-index: 3;
        display: block;
        height: 112px;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .top10-card__title a,
    .top10-card__title a:hover {
        color: #050505;
        font-size: 27px;
        font-weight: 600;
        line-height: 1.22;
        text-decoration: none;
    }

    .top10-card .top10-card__price {
        position: absolute;
        top: 218px;
        left: 26px;
        z-index: 12;
        display: block;
        width: calc(100% - 52px);
        padding: 0;
        opacity: 1;
        pointer-events: none;
        transform: none;
    }

    .top10-card .top10-card__price .price,
    .top10-card .top10-card__price .b_price {
        position: static;
        display: block;
        width: 100%;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .top10-card .product-item-price-container {
        display: flex;
        padding: 0;
        align-items: center;
        gap: 12px;
    }

    .top10-card .product-item-price-current {
        color: #4162b5;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
    }

    .top10-card .product-item-price-old {
        display: none;
    }

    .top10-card__discount {
        display: inline-flex;
        min-height: 28px;
        padding: 4px 10px;
        align-items: center;
        border-radius: 16px;
        background: #ff3c48;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
    }

    .top10-card .bookcover {
        position: absolute;
        right: 26px;
        bottom: 0;
        left: 26px;
        z-index: 2;
        width: auto;
        height: 314px;
        margin: 0;
        overflow: hidden;
        transform: scale(1);
        transform-origin: center bottom;
        transition: transform .35s ease;
    }

    .top10-card:hover .bookcover {
        transform: scale(1.035);
    }

    .top10-card .bookcover a,
    .top10-card .bookcover picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    .top10-card .bookcover img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

    .top10-card #buy_btn {
        position: absolute;
        top: 54px;
        right: 0;
        z-index: 20;
        display: block;
        padding: 10px 18px;
        border-radius: 22px;
        opacity: 0;
        pointer-events: auto;
        transform: translateY(18px);
        transition: opacity .3s ease, transform .3s ease;
    }

    .top10-card:hover #buy_btn {
        opacity: 1;
        transform: translateY(0);
    }

    .top10-card #buy_btn a {
        color: #fff;
    }

    .top10-card .shadow {
        display: none !important;
    }

    .top10-redesign .bx-controls-direction a {
        top: 280px;
        width: 96px;
        height: 96px;
        margin: 0;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .68);
        background-image: none;
        box-shadow: none;
    }

    .top10-redesign .bx-controls-direction .bx-prev {
        left: calc(var(--top10-side-space) - 24px);
    }

    .top10-redesign .bx-controls-direction .bx-next {
        right: calc(var(--top10-side-space) - 24px);
        background-color: #4767bb;
    }

    .top10-redesign .bx-controls-direction a::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 22px;
        border-top: 4px solid #4767bb;
        border-right: 4px solid #4767bb;
        content: '';
    }

    .top10-redesign .bx-controls-direction .bx-prev::before {
        transform: translate(-35%, -50%) rotate(-135deg);
    }

    .top10-redesign .bx-controls-direction .bx-next::before {
        border-color: #fff;
        transform: translate(-65%, -50%) rotate(45deg);
    }

    .top10-redesign .bx-pager {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .top10-redesign .pos_tab {
        left: 280px;
    }

    .top10-redesign .top10-tags {
        margin-bottom: 60px;
    }

    .top10-redesign .top10-slide,
    .top10-card {
        width: 330px !important;
    }
}
/* TOP 10 positioning and controls correction */
@media (min-width: 1200px) {
    .line-3-banner {
        position: relative;
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        padding-right: var(--top10-page-space, calc((100vw - min(1498px, calc(100vw - 80px))) / 2));
        padding-left: var(--top10-page-space, calc((100vw - min(1498px, calc(100vw - 80px))) / 2));
        box-sizing: border-box;
    }

    .top10-redesign {
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        padding-right: var(--top10-side-space);
        padding-left: var(--top10-side-space);
        box-sizing: border-box;
    }

    .top10-redesign .pos_tab {
        left: calc(var(--top10-side-space) + 335px);
    }

    .top10-redesign .top10-tags {
        width: var(--top10-content-width);
        margin-right: auto;
        margin-left: auto;
    }

    .top10-redesign .tabContent {
        left: auto;
        width: 100vw;
        margin-right: calc(-1 * var(--top10-side-space));
        margin-left: calc(-1 * var(--top10-side-space));
        overflow: visible;
    }

    .top10-redesign .bx-wrapper,
    .top10-redesign .bx-viewport {
        position: relative;
        width: 100vw !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .top10-redesign .bx-viewport {
        overflow: hidden !important;
    }

    .top10-redesign ul.bxslider {
        margin-left: 0 !important;
    }

    .top10-redesign .top10-card .top10-card__price,
    .top10-redesign .top10-card .top10-card__price .price,
    .top10-redesign .top10-card .top10-card__price .b_price,
    .top10-redesign .top10-card:not(:hover) .top10-card__price,
    .top10-redesign .top10-card:not(:hover) .top10-card__price .price {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    .top10-redesign .top10-card #buy_btn {
        visibility: visible;
        opacity: 0;
        transform: translateY(18px);
    }

    .top10-redesign .top10-card:hover #buy_btn {
        opacity: 1;
        transform: translateY(0);
    }

    .top10-redesign .bx-controls {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100vw;
        height: 630px;
        pointer-events: none;
    }

    .top10-redesign .bx-controls-direction {
        position: absolute;
        inset: 0;
        width: 100vw;
        height: 630px;
    }

    .top10-redesign .bx-controls-direction a,
    .top10-redesign .bx-controls-direction .bx-prev,
    .top10-redesign .bx-controls-direction .bx-next {
        top: 50%;
        z-index: 10000;
        display: block !important;
        margin-top: -48px;
        pointer-events: auto;
        background-image: none !important;
        filter: none !important;
    }

    .top10-redesign .bx-controls-direction .bx-prev {
        right: auto;
        left: calc(var(--top10-side-space) - 24px);
    }

    .top10-redesign .bx-controls-direction .bx-next {
        right: calc(var(--top10-side-space) - 24px);
        left: auto;
    }
}
/* TOP 10 review counter */
@media only screen and (min-width: 1200px) {
    .top10-card__comments {
        gap: 9px;
        color: #5e6066 !important;
        font-weight: 500 !important;
    }

    .top10-card__comments i {
        position: relative;
        display: block;
        width: 19px;
        height: 14px;
        flex: none;
        border-radius: 8px;
        background: #4162b5;
    }

    .top10-card__comments i::after {
        position: absolute;
        bottom: -2px;
        left: 4px;
        width: 6px;
        height: 6px;
        background: #4162b5;
        content: '';
        transform: rotate(45deg);
    }
}
/* Unified slider arrows 2026 */
@media (min-width: 1200px) {
    .book-review-redesign .bx_slider_arrow_left,
    .book-review-redesign .bx_slider_arrow_right,
    .top10-redesign .bx-controls-direction a,
    .line-1-banner .hero-books-carousel .home_slider_arrow_left,
    .line-1-banner .hero-books-carousel .home_slider_arrow_right {
        width: 96px !important;
        height: 96px !important;
        border-radius: 50% !important;
        background-color: #4767bb !important;
        background-image: none !important;
        box-shadow: none !important;
        opacity: 1;
        filter: none !important;
        transition: background-color .25s ease, opacity .25s ease, transform .25s ease;
    }

    .book-review-redesign .bx_slider_arrow_left::before,
    .book-review-redesign .bx_slider_arrow_right::before,
    .top10-redesign .bx-controls-direction a::before,
    .line-1-banner .hero-books-carousel .home_slider_arrow_left::before,
    .line-1-banner .hero-books-carousel .home_slider_arrow_right::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 22px;
        border-top: 4px solid #fff !important;
        border-right: 4px solid #fff !important;
        content: '';
    }

    .book-review-redesign .bx_slider_arrow_left::before,
    .top10-redesign .bx-controls-direction .bx-prev::before,
    .line-1-banner .hero-books-carousel .home_slider_arrow_left::before {
        transform: translate(-35%, -50%) rotate(-135deg);
    }

    .book-review-redesign .bx_slider_arrow_right::before,
    .top10-redesign .bx-controls-direction .bx-next::before,
    .line-1-banner .hero-books-carousel .home_slider_arrow_right::before {
        transform: translate(-65%, -50%) rotate(45deg);
    }

    .book-review-redesign .bx_slider_arrow_left:hover,
    .book-review-redesign .bx_slider_arrow_right:hover,
    .top10-redesign .bx-controls-direction a:not(.disabled):hover,
    .line-1-banner .hero-books-carousel a:not(.is-disabled) .home_slider_arrow_left:hover,
    .line-1-banner .hero-books-carousel a:not(.is-disabled) .home_slider_arrow_right:hover {
        background-color: #6480cc !important;
        transform: none;
    }

    .book-review-redesign .bx_slider_arrow_left.is-disabled,
    .book-review-redesign .bx_slider_arrow_right.is-disabled,
    .top10-redesign .bx-controls-direction a.disabled,
    .line-1-banner .hero-books-carousel a.is-disabled .home_slider_arrow_left,
    .line-1-banner .hero-books-carousel a.is-disabled .home_slider_arrow_right {
        display: block !important;
        background-color: rgba(255, 255, 255, .55) !important;
        opacity: 1;
        cursor: default;
    }

    .book-review-redesign .bx_slider_arrow_left.is-disabled::before,
    .book-review-redesign .bx_slider_arrow_right.is-disabled::before,
    .top10-redesign .bx-controls-direction a.disabled::before,
    .line-1-banner .hero-books-carousel a.is-disabled .home_slider_arrow_left::before,
    .line-1-banner .hero-books-carousel a.is-disabled .home_slider_arrow_right::before {
        border-color: #4767bb !important;
    }

    .book-review-redesign .bx_slider_arrow_left.is-disabled:hover,
    .book-review-redesign .bx_slider_arrow_right.is-disabled:hover,
    .top10-redesign .bx-controls-direction a.disabled:hover,
    .line-1-banner .hero-books-carousel a.is-disabled .home_slider_arrow_left:hover,
    .line-1-banner .hero-books-carousel a.is-disabled .home_slider_arrow_right:hover {
        background-color: rgba(255, 255, 255, .82) !important;
    }
}
/* TOP 10 deterministic track */
@media (min-width: 1200px) {
    .top10-redesign .bx-viewport {
        padding-right: var(--top10-side-space);
        padding-left: var(--top10-side-space);
    }

    .top10-redesign ul.bxslider {
        width: max-content !important;
        margin: 0 !important;
        transform: translate3d(0, 0, 0);
        will-change: transform;
    }

    .top10-redesign .top10-slide {
        flex: 0 0 363px;
        margin-right: 36px;
    }

    .top10-redesign .top10-slide:last-child {
        margin-right: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .top10-redesign .top10-slide {
        flex-basis: 330px;
    }
}
/* Global FAQ 2026 */
.site-faq {
    clear: both;
    width: 100%;
    margin: 63px 0 72px;
    color: #0b0d14;
    font-family: "Scada", Helvetica, Arial, sans-serif;
}

.title-search-result {
    display: none;
}

.site-faq__inner {
    box-sizing: border-box;
    width: min(1498px, calc(100vw - 80px));
    margin: 0 auto;
}

.site-faq__title {
    margin: 0 0 8px;
    color: #050505;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
}

.site-faq__lead {
    margin: 0 0 36px;
    color: #5e6068;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
}

.site-faq__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.site-faq__item {
    overflow: hidden;
    border: 1px solid #d7dbe5;
    border-radius: 36px;
    background: #fff;
    transition: border-color .3s ease, background-color .3s ease;
}

.site-faq__question {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 72px;
    padding: 19px 72px 19px 24px;
    align-items: center;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0b0d14;
    font: inherit;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.site-faq__question i,
.site-faq__question i::after {
    position: absolute;
    top: 50%;
    right: 27px;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #4162b5;
    content: '';
    transform: translateY(-50%);
    transition: background-color .3s ease, transform .3s ease;
}

.site-faq__question i::after {
    top: 1px;
    right: 0;
    transform: rotate(90deg);
}

.site-faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
}

.site-faq__answer > div {
    min-height: 0;
    overflow: hidden;
}

.site-faq__answer p {
    margin: 0;
    padding: 0 72px 24px 24px;
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
}

.site-faq__item.is-open {
    border-color: #4162b5;
    background: #4162b5;
}

.site-faq__item.is-open .site-faq__question {
    color: #fff;
}

.site-faq__item.is-open .site-faq__question i,
.site-faq__item.is-open .site-faq__question i::after {
    background: rgba(255, 255, 255, .72);
}

.site-faq__item.is-open .site-faq__question i::after {
    transform: rotate(0deg);
}

.site-faq__item.is-open .site-faq__answer {
    grid-template-rows: 1fr;
}

.site-faq__item:not(.is-open):hover {
    border-color: #aeb9d5;
    background: #f8f9fc;
}

@media (max-width: 1199px) {
    .site-faq {
        margin: 56px 0;
    }

    .site-faq__inner {
        width: calc(100% - 40px);
    }

    .site-faq__title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .site-faq {
        margin: 40px 0;
    }

    .site-faq__inner {
        width: calc(100% - 24px);
    }

    .site-faq__title {
        font-size: 30px;
    }

    .site-faq__lead {
        margin-bottom: 24px;
        font-size: 14px;
    }

    .site-faq__list {
        gap: 10px;
    }

    .site-faq__item {
        border-radius: 24px;
    }

    .site-faq__question {
        min-height: 58px;
        padding: 14px 50px 14px 18px;
        font-size: 17px;
    }

    .site-faq__question i,
    .site-faq__question i::after {
        right: 19px;
        width: 14px;
    }

    .site-faq__question i::after {
        right: 0;
    }

    .site-faq__answer p {
        padding: 0 50px 18px 18px;
        font-size: 14px;
    }
}
/* Footer SEO 2026 */
.footer-seo {
    display: flex;
    box-sizing: border-box;
    width: min(1498px, calc(100vw - 80px));
    margin: 0 auto 78px;
    padding: 0 !important;
    flex-direction: column;
    color: #11131a;
    font-family: "Scada", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.52;
}

.footer-seo blockquote {
    order: -1;
    margin: 0 0 34px;
    padding: 0;
    border: 0;
}

.footer-seo blockquote h1 {
    margin: 0;
    color: #050505;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.15;
    text-align: left !important;
    text-transform: uppercase;
}

.footer-seo p {
    margin: 0 0 24px;
    color: inherit;
    font: inherit;
}

.footer-seo p b,
.footer-seo p strong {
    font-weight: 400;
}

.footer-seo > br,
.footer-seo .title_about_home:empty,
.footer-seo p:empty {
    display: none;
}

@media (max-width: 1199px) {
    .footer-seo {
        width: calc(100% - 40px);
        margin-bottom: 56px;
        font-size: 17px;
    }

    .footer-seo blockquote h1 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .footer-seo {
        width: calc(100% - 24px);
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 1.5;
    }

    .footer-seo blockquote {
        margin-bottom: 24px;
    }

    .footer-seo blockquote h1 {
        font-size: 28px;
    }
}
/* Footer redesign 2026 */
.site-footer {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff !important;
    color: #294477;
    font-family: "Scada", Helvetica, Arial, sans-serif;
}

.site-footer__inner {
    display: grid;
    box-sizing: border-box;
    width: min(1498px, calc(100vw - 80px));
    margin: 0 auto;
    padding: 58px 0 30px;
    grid-template-columns: minmax(0, 1fr) 254px;
    column-gap: 64px;
    row-gap: 58px;
}

.site-footer__categories {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 38px;
}

.site-footer__category {
    min-width: 0;
}

.site-footer__category-title {
    position: relative;
    display: flex;
    min-height: 38px;
    margin-bottom: 15px;
    align-items: flex-start;
    gap: 12px;
}

.site-footer__category-title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 31px;
    height: 2px;
    background: #4b70b5;
    content: '';
}

.site-footer__category-title > a:last-child {
    padding-top: 1px;
    color: #2C3E6B;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.site-footer__category-icon {
    display: flex;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    align-items: center;
    justify-content: center;
}

.site-footer__category-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    opacity: .9;
}

.site-footer__category-links {
    display: flex;
    padding-left: 0;
    flex-direction: column;
    gap: 9px;
}

.bx-footer .site-footer__category-links a {
    color: #5A7BAA;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-decoration: none;
}

.bx-footer .site-footer__category-links a:hover,
.bx-footer .site-footer__category-title a:hover {
    color: #4162b5;
}

.site-footer__aside {
    width: 254px;
}

.site-footer__subscribe {
    box-sizing: border-box;
    min-height: 258px;
    padding: 20px 20px 22px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(42, 55, 86, .08);
}

.site-footer__subscribe .mailing,
.site-footer__subscribe .bx-subscribe {
    width: 100%;
    margin: 0;
}

.site-footer__subscribe .header_mail {
    display: flex;
    margin-bottom: 15px;
    align-items: flex-start;
    gap: 12px;
}

.site-footer__subscribe .header_mail .bx-block-title {
    margin: 0;
    color: #294477;
    font-size: 0;
    font-weight: 600;
    line-height: 1.25;
    text-transform: uppercase;
}

.site-footer__subscribe .header_mail .bx-block-title::after {
    font-size: 18px;
    content: 'Будьте в курсі новинок';
}

.site-footer__subscribe .bx-input-group .bx-form-control {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    margin: 0 0 11px;
    padding: 0 16px;
    border: 1px solid #d9dfeb;
    border-radius: 20px;
    background: #f2f5fb;
    color: #66758f;
    font-size: 15px;
    text-align: left;
}

.site-footer__subscribe .bx-input-group .bx-form-control::placeholder {
    color: #a6b0c3;
}

.site-footer__subscribe .bx-subscribe-desc {
    margin: 0 0 5px;
    color: #8fa0bd;
    font-size: 11px;
}

.site-footer__subscribe .bx_subscribe_checkbox_container {
    display: flex;
    margin: 0 0 8px;
    align-items: flex-start;
    color: #8fa0bd;
    font-size: 11px;
    line-height: 1.15;
    gap: 7px;
}

.site-footer__subscribe .bx_subscribe_checkbox_container input[type='checkbox'] {
    width: 25px;
    height: 25px;
    margin: 0;
    accent-color: #4b70b5;
    flex: 0 0 25px;
}

.site-footer__subscribe .btn-subscribe {
    width: 100%;
    height: 38px;
    padding: 8px 18px;
    border-radius: 50px;
    background: #4b70b5;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.site-footer__support {
    margin-top: 16px;
    color: #8194b6;
}

.site-footer__support p {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1.15;
}

.site-footer__support a {
    display: block;
    color: #294477;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.site-footer__payment {
    margin-top: 20px;
    text-align: left;
}

.site-footer__bottom {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) 254px;
    align-items: end;
    gap: 64px;
}

.site-footer__menu .bx-my_bottom {
    display: flex !important;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 0;
}

.site-footer__menu .bx-nav-top {
    position: relative;
    margin: 0;
    padding: 0 11px;
}

.site-footer__menu .bx-nav-top:first-child {
    padding-left: 0;
}

.site-footer__menu .bx-nav-top:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #91a1be;
    content: '';
    transform: translateY(-50%);
}

.site-footer__menu .bx-nav-top a {
    color: #8194b6;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}

.site-footer__menu .bx-nav-top a:hover {
    color: #4162b5;
}

.site-footer__copyright {
    color: #a4b0c7;
    font-size: 15px;
    text-align: left;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .site-footer__inner {
        width: calc(100% - 40px);
        grid-template-columns: 1fr;
    }

    .site-footer__categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-footer__aside {
        width: 100%;
        max-width: 360px;
    }

    .site-footer__bottom {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .site-footer__menu .bx-my_bottom {
        display: none !important;
    }

    .site-footer__menu .menu_b_mob {
        display: flex !important;
        flex-wrap: wrap;
        gap: 12px 20px;
    }

    .site-footer__menu .menu_b_mob a {
        color: #8194b6;
    }
}

@media (max-width: 767px) {
    .site-footer__inner {
        width: calc(100% - 24px);
        padding-top: 40px;
    }

    .site-footer__categories {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .site-footer__category-links {
        gap: 7px;
    }

    .site-footer__aside {
        max-width: none;
    }
}
/* Footer final alignment 2026 */
@media (min-width: 1200px) {
    .footer-seo {
        margin-bottom: 38px;
    }

    .site-footer {
        position: relative;
        left: 50%;
        float: none;
        width: 100vw;
        margin: 0 0 0 -50vw;
        padding: 0;
    }

    .site-footer__subscribe {
        height: 258px;
        min-height: 258px;
    }

    .site-footer__subscribe .header_mail {
        text-align: left;
    }

    .site-footer__subscribe .header_mail .bx-block-title {
        padding: 0;
    }

    .site-footer__menu .bx-my_bottom {
        justify-content: flex-start;
    }
}