/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/ /* Examples (uncomment to use):*/ /* Expand site width */ /* body .wrapper { max-width: 1400px !important; } */ /* Set site background image */ /* body { background: url(image_source) top no-repeat; } /* Hide compare button */ /* a.compare_item { display: none !important; }*/

.lb_bonus {
    color: #000066;
    font-size: 13px;
}

#bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line {
    font-size: 12px;
}

/*Скрыть последний таб на главной*/
.top_block ul.tabs li:last-of-type {
    display: none;
}

/*для страницы оформления заказа*/
#bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-list-termin {
    display: inline-block !important;
}
#bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-calculate .bx-soa-pp-list-termin {
    display: none !important;
}
#bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost .bx-soa-pp-list-description {
    background: #f0f0f0 !important;
    border-radius: 20px !important;
}
#bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle {
    font-weight: 700;
}


/*скрыть фильтр на мобильниках в супер ценах*/
.super-price-catalog .filter_exists .filter-panel .filter-vertical.filter-panel__filter {
    display: none !important;
}


/*описание промокода*/
.desc-promocode {
    position: absolute;
    bottom: 30px;
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #555;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}
.desc-promocode span {
    font-weight: 600;
    color: #333;
}
.desc-promocode ol {
    margin: 10px 0 10px 25px;
}
.sale_block:hover .desc-promocode {
    visibility: visible;
    opacity: 1;
}
.copy-promocode:hover {
    cursor: pointer;
}
@media all and (max-width: 600px) {
    .compact-catalog .ajax_load .sale_block .inner-sale {
        display: block;
        width: 100%;
    }
    .compact-catalog .ajax_load .sale_block .inner-sale .text {
        display: flex;
        flex-wrap: wrap;
    }
    .compact-catalog .wrapper_inner .ajax_load .sale_block .value {
        display: flex;
        align-items: center;
    }
    .compact-catalog .ajax_load .sale_block .sale-number {
        display: flex;
        clear: both;
    }
}

/*в рассрочку*/
.install-wrapper {
    position: relative;
    display: inline-block;
    font-size: 11px;
    background: #27d968;
    padding: 2px 10px;
    margin-top: 5px;
    color: #fff;
    border-radius: 1px;
}
.install-wrapper span {
    background: #fff;
    color: #1e8a46;
    display: inline-block;
    margin-right: -8px;
    padding: 0px 5px;
    margin-left: 2px;
    border-radius: 1px;
}
.install-desc {
    position: absolute;
    bottom: 30px;
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #555;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}
.install_block:hover .install-desc {
    opacity: 1;
    visibility: visible;
}

/*кнопка рассрочки в корзине*/
.bank-links a {
    float: right;
    margin-right: 68px;
    margin-top: -10px;
}
@media screen and (max-width: 767px) {
    .bank-links a {
        float: none;
        margin-right: 0;
        display: block;
        width: 50%;
        margin-top: 5px
    }
}
@media screen and (max-width: 580px) {
    .bank-links a {
        width: 100%
    }
}
/*heading credit*/
.obl {
  display: flex;
  height: 160px;
  width: 1064px;
  background: linear-gradient(93.67deg, rgba(235, 234, 234, 0.5) 0%, rgba(41, 146, 217, 0.135) 100%);
  width: 100%;
  max-width: 1065px;
  border-radius: 8px;
}

.buttons-credit {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-weight: 600;
}

.installment-credit, .onli_credit, .kredit-bay, .features-credit, .requirement-credit{
    padding: 0px 40px;
}

.installment-credit a, a:hover, a:focus, a:active, .onli_credit a, a:hover, a:focus, a:active, .kredit-bay a, a:hover, a:focus, a:active, .features-credit a, a:hover, a:focus, a:active, .requirement-credit a, a:hover, a:focus, a:active {
      color: inherit;
 }

.zag {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 10px;
    font-size: 22px;
    font-weight: 900;
}
.ob-text {
    letter-spacing: 0.5px;
    font-size: 14px;
    padding: 0px 11px;
    margin-top: -40px;
}

.installment-credit, .onli_credit, .kredit-bay, .features-credit, .requirement-credit {
	/*color: #00bfff; Цвет обычной ссылки */
    position: relative;
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание */
}
.installment-credit:after, .onli_credit:after, .kredit-bay:after, .features-credit:after, .requirement-credit:after{
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color: black; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.installment-credit:hover:after, .onli_credit:hover:after, .kredit-bay:hover:after, .features-credit:hover:after, .requirement-credit:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #1f4e79; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}


@media screen and (max-width: 1050px) {
.zag {
    padding: 5px 10px;
}
.installment-credit, .onli_credit, .kredit-bay, .features-credit, .requirement-credit{
    padding: 0px 20px;
}
}

@media screen and (max-width: 580px) {
.zag {
    padding: 5px 10px;
}
.obl {
height: 230px;
}
.buttons-credit{
    display: block;
    font-size: 18px;
}
.installment-credit, .onli_credit, .kredit-bay, .features-credit, .requirement-credit{
    margin: 10px 0px;
}
}

/*credit table adaptive*/
.tbl-credit {
    overflow: hidden;
}
.tbl-credit table {
    border-collapse: collapse;
    font-size: 14px;
    color: #475054;
    width: 100%;
    margin-bottom: 30px;
}
.tbl-credit td {
    border: 1px solid #e6e6e6;
    padding: 15px 10px;
    vertical-align: middle;
    text-align: center;
}
.tbl-credit .tbl-head {
    background-color: rgba(221, 217, 217, 0.35);
    font-weight: bold;
    color: #222;
}
.tbl-mobile .tbl-head {
    text-align: left;
}
.tbl-mobile tr:first-child {
    background-color: rgba(221, 217, 217, 0.5);
}
.tbl-mobile td {
    width: 50%;
}
.tbl-mobile {
    display: none;
}

/*ремонт и доп услуги*/
.repair-block .with-opt-buy .table-view__item-wrapper {
    padding-left: 0;
}
.repair-block .counter_wrapp {
    padding: 0;
}
.repair-block .table-view__info {
    justify-content: center;
}
.repair-block .filter-panel-wrapper,
.repair-block .opt-buy,
.repair-block .item-check,
.repair-block .wrapp_stockers,
.repair-block .like_icons,
.repair-block .table-view .item-icons {
    display: none !important;
}

/*готовые сборки на странице комплектующих*/
.build-block {
    margin-right: -35px;
}
.build-block-button {
    display: flex;
    justify-content: space-between;
    font-size: 0.85em;
    margin-bottom: 10px;
}
.build-block-button a.btn {
    padding: 10px 12px;
}
.build-block small {
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
    line-height: 1.4;
    font-weight: 600;
}
.build-block a {
    color: #333;
}
.build-block a:hover .build-item {
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
}
.build-items {
    overflow: hidden;
    transition: height 0.25s;
}
.build-item {
    display: flex;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    transition: .35s;
}
.build-img {
    width: 40px;
    flex-shrink: 0;
    margin-right: 10px;
    padding-top: 5px;
}
.build-text p {
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 0;
}
.build-text span {
    font-weight: 600;
}
.build-all {
    font-size: 0.8em;
    line-height: 1.5;
    cursor: pointer;
    border-bottom: 1px dotted;
    color: #000066;
}
.build-all:hover {
    color: #555;
}

@media screen and (max-width: 768px) {
    .tbl-mobile {
        display: block
    }
    .tbl-desktop {
        display: none
    }

    .build-block {
        margin-right: 0;
        margin-bottom: 30px
    }
}

.region_wrapper {
z-index: 1002;
}