/*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;  }*/
.tabs {
    margin-bottom: 24px;
}
.tabs .bordered {
    border: none;
    box-shadow: none;
}
.tabs--in-section {
    margin-bottom: 32px;
}
.tabs--no-margin {
    margin: 0;
}
/*fix bootstrap*/
.tabs .nav-tabs > li > a {
    line-height: inherit;
    border: none;
}
.tabs .nav > li > a:hover,
.tabs .nav > li > a:focus {
    background-color: transparent;
}

.tabs .tab-content {
    background-color: white;
    background-color: var(--black_bg_black);
    border: none;
    padding: 40px 0 0;
}
.tabs .tab-content.not_tabs {
    padding-top: 0;
}
.tabs .nav-tabs + .tab-content {
    border-top: 0;
}
.tabs .nav-tabs li span {
    padding-top: 11px;
    padding-bottom: 11px;
}
.tabs .nav-tabs li a,
.tabs .nav-tabs li > span,
.tabs .nav-tabs .nav-tabs__item {
    cursor: pointer;
    display: block;
    color: var(--fill_dark_lite_white_hover);
    background-color: var(--secondary-black-dark-light-bg);
    padding: 12px 20px;
    border-radius: var(--theme-button-border-radius);
    text-decoration: none;
    font-size: calc(1rem - 2px);
    line-height: calc(1em + 6px);
}
.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover,
.tabs .nav-tabs .nav-tabs__item:not(.active):hover {
    background-color: var(--light, #E8E9ED) var(--dark, #4a4a53);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: none;
    background: none;
}
.tabs .nav-tabs li.active a,
.tabs .nav-tabs li.active > span,
.tabs .nav-tabs .nav-tabs__item.active {
    background-color: var(--theme-base-color);
    color: var(--button_color_text);
    cursor: default;
    --nav-counter-color: var(--button_color_text);
}
.nav-tabs__counter{
    color: var(--nav-counter-color);
}
.tabs .nav-tabs li.active:hover {
    box-shadow: none;
    transform: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black);
}
.tabs .tab-content .content {
    margin: -8px 0 0;
}
.tabs .nav-tabs > li:before,
.pagination > li:before {
    margin: 0;
    padding: 0;
}
.nav:after {
    clear: both;
    content: " ";
    display: table;
}
.nav-tabs {
    margin: 0;
    display: flex;
    gap: 8px;
    border: 0;
    --nav-counter-color: var(--secondary);
}
.nav-tabs::before,
.nav-tabs::after {
    display: none;
}
.nav-tabs li {
    margin: 0;
    padding: 0;
    float: left;
}
.nav-tabs li:before {
    display: none !important;
}
.tabs.horizontal-scrolling {
    margin: 0px;
    position: relative;
    overflow: hidden;
}
.tabs.horizontal-scrolling:before,
.tabs.horizontal-scrolling:after {
    content: "";
    width: 10px;
    height: 48px;
    background: #fff;
    background: var(--black_bg_black);
    position: absolute;
    top: 0px;
    opacity: 0;
}
.tabs.horizontal-scrolling:before {
    left: 0px;
}
.tabs.horizontal-scrolling:after {
    right: 0px;
}
.tabs.horizontal-scrolling .nav {
    margin: 0px;
    white-space: nowrap;
    padding: 0px;
}
.tabs.horizontal-scrolling .nav > li {
    float: none;
    display: inline-block;
    margin: 0px;
}
.tabs.horizontal-scrolling .nav > li:not(:last-of-type) {
    margin-right: 4px;
}
.tabs.horizontal-scrolling + .tab-content {
    margin-top: 2.666rem;
}
.tabs.horizontal-scrolling.bottom-line .nav > li:not(:last-of-type) {
    margin-right: 2.266rem;
}
.tabs.bottom-line li {
    background: none;
}
.tabs.bottom-line li a {
    padding: 0px 0px 0.466rem;
}
.tabs.bottom-line li.active:after {
    left: 0px;
    right: 0px;
    top: auto;
    bottom: 0px;
    border-radius: 0px;
}
.tabs.bottom-line + .tab-content {
    margin-top: 1.666rem;
}


.tab-nav {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    margin: 0;
}

.tab-nav li {
    margin: 0;
    padding: 0;
}

.tab-nav li::before {
    display: none;
}

.tab-nav .active,.tab-nav .active .tab-nav__item {
    cursor: default;
    color: #fff;
    background-color: transparent;
}

/*scroll*/
.arrow_scroll {
    max-height: 65px;
    overflow: hidden;
}

.arrow_scroll .nav.nav-tabs {
    white-space: nowrap;
    min-width: 300%;
    z-index: 1;
    position: relative;
}

.arrow_scroll .nav.nav-tabs > li {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.arrow_scroll_init .arrows_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.arrow_scroll_init .arrows_wrapper .arrow {
    position: absolute;
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    cursor: pointer;
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
    background-color: #f9f9fa;
    background-color: var(--darkerblack_bg_black);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
    left: -14px;
    border-right: 1px solid #ececec;
    border-color: var(--stroke_black);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
    transform: rotate(-90deg);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: -14px;
    border-left: 1px solid #ececec;
    border-color: var(--stroke_black);
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: 14px;
}
.dropdown-select .arrow_scroll_init .arrows_wrapper {
    right: -14px;
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
    transform: rotate(90deg);
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
    display: none;
}

.dropdown-select .line-block {
    position: relative;
}