.configurator-container {
    width: 100%;
}
.configurator-container .visibility {
    display: block!important;
}
.configurator-container .hidden {
    display: none!important;
}
.
.configurator-container .inline-tabs-nav {
    display: flex;
    justify-content: center;
}
.configurator-container .inline-tabs-list {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 8px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}
.configurator-container .inline-tabs-list .tab-button {
    position: relative;
    display: flex;
    align-items: center;
    color: #221f20;
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1;
    border: none;
    margin: 0;
    padding: 20px 8px;
    background-color: transparent;
    transform-style: preserve-3d;
    cursor: pointer;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
}
.configurator-container .inline-tabs-list .button-container.active .tab-button, .configurator-container .inline-tabs-list .button-container:hover .tab-button{
    color: #ea7600;
}
.configurator-container .inline-tabs-list .button-container .tab-button:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #dbdbdb;
    -webkit-transition: background-color .3s ease-in-out,height .3s ease-in-out;
    transition: background-color .3s ease-in-out,height .3s ease-in-out;
}
.configurator-container .inline-tabs-list .button-container.active .tab-button:before,.configurator-container .inline-tabs-list .button-container:hover .tab-button:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #ea7600;
    transition: background-color .3s ease-in-out,height .3s ease-in-out;
}

.panel-filters-list .items {
    display: flex;
    width: 100%;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin: 18px 0 0;
}
.panel-filters-list .items .items-conteiner {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.panel-filters-list .items .items-conteiner .title {
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1;
}

.panel-filters-list .items .items-conteiner .items-list {
    margin: 18px 0 0;
    gap: 16px;
    display: flex;
}
.panel-filters-list .items .items-conteiner .items-list-block {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 639px) {
    .panel-filters-list .items .items-conteiner .items-list-block {
        -webkit-box-pack:start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
        overflow-x: scroll;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .panel-filters-list .items .items-conteiner {
        width: 100%;
        max-width: 100%;

    }

    .panel-filters-list .items .items-conteiner ::-webkit-scrollbar {
        display: none
    }

    .panel-filters-list .items .items-conteiner .items-list>.item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}
.panel-filters-list .items .item {
    min-height:unset;
    height: auto;
    overflow: hidden;
}
.panel-filters-list .items .item .inline-filters-tag .uk-radio {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.panel-filters-list .items .item .inline-filters-tag span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 10px 16px 10px 11px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    border: 1px solid rgba(27, 27, 27, .25);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: border .3s ease-in-out, background .3s ease-in-out;
    transition: border .3s ease-in-out, background .3s ease-in-out;
}
.panel-filters-list .items .item .inline-filters-tag .uk-radio:checked+span {
    color: #ea7600;
    border-color: #ea7600;
}
.inline-filters-tag span:before {
    content: "";
    position: relative;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpolygon%20fill%3D%22%23221f20%22%20points%3D%22512%2C238.9%20273.1%2C238.9%20273.1%2C0%20238.9%2C0%20238.9%2C238.9%200%2C238.9%200%2C273.1%20238.9%2C273.1%20238.9%2C512%20273.1%2C512%20273.1%2C273.1%20512%2C273.1%22%2F%3E%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px 12px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.inline-filters-tag .uk-radio:checked+span:before {
    background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23EA7600%22%20d%3D%22M413.505%2091.951L133.49%20371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971%200L6.211%20284.284c-4.686%204.686-4.686%2012.284%200%2016.971l118.794%20118.794c4.686%204.686%2012.284%204.686%2016.971%200l299.813-299.813c4.686-4.686%204.686-12.284%200-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97%200z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-size:16px 16px
}

.configurator-container .ajax-filter {
    display: flex;
    margin-top: 16px;
    justify-content: center;
    flex-wrap: wrap;
}
.configurator-container .ajax-filter .ajax-filter-item {
    position: relative;
    display: flex;
    min-width: 240px;
    flex-direction: column;
    padding: 10px;
}
.configurator-container .ajax-filter .option-choose {
    color: #304651;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,1,1),border .2s cubic-bezier(.4,0,1,1);
}
.configurator-container .ajax-filter .select2-container {
    position: inherit;
}
.configurator-container .select2-container .select2-selection--single {
    height: 30px;
}
.configurator-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    font-size: 13px;
}
.configurator-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}
.configurator-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -5px;
}

.configurator-container .count-items {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.configurator-container .panel-filters-active {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.configurator-container .panel-filters-active .panel-filter-element {
    display: inline-flex;
    align-items: center;
    background: #ea7600;
    color: #fff;
    border-radius: 3px;
    gap: 10px;
    padding: 8px 12px;
    font-size: 14px;
}
.configurator-container .panel-filters-active .panel-filter-element  .remove-filter {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cline fill='none' stroke='%23fff' stroke-width='1.1' x1='1' y1='1' x2='13' y2='13'%3E%3C/line%3E%3Cline fill='none' stroke='%23fff' stroke-width='1.1' x1='13' y1='1' x2='1' y2='13'%3E%3C/line%3E%3C/svg%3E");
    background-position: center;
    cursor: pointer;
    opacity: .7;
}
.configurator-container .panel-filters-active .panel-filter-element  .remove-filter:hover {
    opacity: 1;
}