/*
 * commons
 * --------------------------------------------------
 */
.fitmpc {
    color: #212529;
    font-size: 1rem;
    line-height: 1.3rem;
}

.fitmpc * {
    box-sizing: border-box;
}

.fitmpc ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.fitmpc .dnone {
    display: none !important;
}

.fitmpc form .form-field {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.fitmpc form .form-field label {
    display: block;
}

.fitmpc form .form-field input[type='text'],
.fitmpc form .form-field input[type='number'],
.fitmpc form .form-field input[type='email'] {
    width: 100%;
    border: 1px solid #c3c3c3;
    padding: 0.5rem 1rem;
}

.fitmpc form input.required-error {
    background-color: #ffb4b4;
}

/*
 * .view.prodconfig
 * --------------------------------------------------
 */
.view.prodconfig {
    width: 100%;
    padding: 3rem 1rem;
}

.view.prodconfig .steps-reset {
    padding: 0 1rem;
    margin-bottom: 1rem;
}

/*
 * .view.prodconfig-steps-breadcrumbs
 * --------------------------------------------------
 */
.view.prodconfig-steps-breadcrumbs {
    background-color: #efefef;
}

.view.prodconfig-steps-breadcrumbs ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view.prodconfig-steps-breadcrumbs ul li {
    position: relative;
    width: 100%;
    padding: 1rem 2rem;
    text-transform: uppercase;
    color: #9c9c9c;
    border-bottom: 1px solid #efefef;
}

.view.prodconfig-steps-breadcrumbs ul li.active {
    color: inherit;
    border-bottom-color: #1c1c1c;
}

.view.prodconfig-steps-breadcrumbs ul li span {
    display: inline-block;
    vertical-align: middle;
}

.view.prodconfig-steps-breadcrumbs ul li span.step-name {
    display: none;
}

.view.prodconfig-steps-breadcrumbs ul li span.step-sep {
    display: block;
    top: 0;
    right: 0;
    position: absolute;
}

.view.prodconfig-steps-breadcrumbs ul li span.step-sep:before {
    display: block;
    font-family: "dashicons";
    content: "\f344";
    padding: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 768px) {
    .view.prodconfig-steps-breadcrumbs ul {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .view.prodconfig-steps-breadcrumbs ul li span.step-name-mob {
        display: none;
    }

    .view.prodconfig-steps-breadcrumbs ul li span.step-name {
        display: inline-block;
    }
}

/*
 * .view.prodconfig-steps-nav
 * --------------------------------------------------
 */
.view.prodconfig-steps-nav {
    padding: 0 1rem;
    text-align: right;
}

.view.prodconfig-steps-nav button.nav-next:not(.add-to-cart) {
    display: none;
}
.prodconfig-step-3 .view.prodconfig-steps-nav{
    justify-content: center!important;
}
.prodconfig-step-3 .view.prodconfig-steps-nav .nav-prev{
    font-size: 15px!important;
}
.prodconfig-step-3 .view.prodconfig-steps-nav .nav-prev::before{
    height: 11px!important;
}

/*
 * .view.prodconfig-step
 * --------------------------------------------------
 */
.view.prodconfig-step {
    margin-bottom: 2rem;
}

.view.prodconfig-step .view-content {
    max-width: 75rem;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.view.prodconfig-step.has-filters .view-content {
    display: flex;
    flex-direction: column;
}

.view.prodconfig-step .content-title {
    padding: 1rem 0.5rem;
    margin: 0;
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .view.prodconfig-step.has-filters .view-content {
        flex-direction: row;
        align-items: flex-start;
    }
}


/*
 * .view.prodconfig-step-1
 * --------------------------------------------------
 */
.view.prodconfig-step-1 .title {
    text-align: center;
}

.view.prodconfig-step-1 .subtitle {
    margin-bottom: 3rem;
}

.view.prodconfig-step-1 .subtitle p {
    text-align: center;
}

.view.prodconfig-step-1 ul.category-items {
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem;
}

.view.prodconfig-step-1 ul.category-items li {
    padding: 1.5rem;
    margin: 0;
    width: 100%;
    cursor: pointer;
}

.view.prodconfig-step-1 ul.category-items li .item-inner {
    padding: 4rem 1rem 2rem;
    border: 2px solid #efefef;
}

.view.prodconfig-step-1 ul.category-items li.selected .item-inner,
.view.prodconfig-step-1 ul.category-items li .item-inner:hover {
    border-color: #1c1c1c;
}

.view.prodconfig-step-1 ul.category-items li .image {
    margin-bottom: 2rem;
}

.view.prodconfig-step-1 ul.category-items li .image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.view.prodconfig-step-1 ul.category-items li .title {
    text-align: left;
}

@media (min-width: 768px) {
    .view.prodconfig-step-1 ul.category-items {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .view.prodconfig-step-1 ul.category-items li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .view.prodconfig-step-1 ul.category-items li {
        width: 33.33%;
    }
}

/*
 * .view.prodconfig-filters
 * --------------------------------------------------
 */
.view.prodconfig-filters {
    padding: 1rem;
    margin-bottom: 2rem;
}

.view.prodconfig-filters .filters-header {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    border-bottom: 1px solid #1c1c1c;
}

.view.prodconfig-filters .filters-header > * {
    width: 50%;
    padding: 0.5rem 0;
}

.view.prodconfig-filters .filters-header button.toggle-filters-btn,
.view.prodconfig-filters .filters-header button.reset-filters-btn {
    font-size: 1rem;
    line-height: 1.3rem;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    padding: 0.25rem 0;
}

/*.view.prodconfig-filters .filters-header button.toggle-filters-btn {
    position: relative;
    padding-left: 1.5rem;
}
.view.prodconfig-filters .filters-header button.toggle-filters-btn:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "dashicons";
    content: "\f108";
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 0.25rem 0;
    transform: rotate(90deg);
}*/
.view.prodconfig-filters .filters-header .reset {
    text-align: right;
}

.view.prodconfig-filters .filters {
    display: none;
}

/*.view.prodconfig-filters .filters.opened {
    display: block;
}*/
.view.prodconfig-filters.filters-opened .filters {
    display: block;
}

.view.prodconfig-filters .filter {
    border-bottom: 1px solid #1c1c1c;
}

.view.prodconfig-filters .filter:last-child {
    border-bottom: none;
}

.view.prodconfig-filters .filter-name {
    position: relative;
    padding: 0.5rem 0;
    cursor: pointer;
    text-transform: uppercase;
}

.view.prodconfig-filters .filter-name:before {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-family: "dashicons";
    content: "\f347";
    font-size: 1.125rem;
    line-height: 1.2em;
    padding: 0.5rem 1rem;
}

.view.prodconfig-filters .filter.opened .filter-name:before {
    content: "\f343";
}

.view.prodconfig-filters .filter-inputs {
    display: none;
    padding: 0.5rem;
}

.view.prodconfig-filters .filter.opened .filter-inputs {
    display: block;
}

.view.prodconfig-filters .filter .input {
    margin-bottom: 0.5rem;
}

.view.prodconfig-filters .filter .input label {
    position: relative;
    cursor: pointer;
    font-size: 0.8rem;
}

/* ------------------------- */

.view.prodconfig-filters .filter.type-radio .filter-inputs input {
    display: none;
}

.view.prodconfig-filters .filter.type-radio .filter-inputs label {
    text-transform: uppercase;
}

.view.prodconfig-filters .filter.type-radio .filter-inputs input:checked ~ label {
    font-weight: bold;
}

/* ------------------------- */

.view.prodconfig-filters .filter.type-multicheckbox .filter-inputs input {
    display: none;
}

.view.prodconfig-filters .filter.type-multicheckbox .filter-inputs label {
    padding-left: 2rem;
}

.view.prodconfig-filters .filter.type-multicheckbox .filter-inputs label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-family: "dashicons";
    content: "\f159";
}

.view.prodconfig-filters .filter.type-multicheckbox .filter-inputs input:checked ~ label {
    font-weight: bold;
}

.view.prodconfig-filters .filter.type-multicheckbox .filter-inputs input:checked ~ label:before {
    content: "\f12a";
}

/* ------------------------- */

.view.prodconfig-filters .filter.type-radio label,
.view.prodconfig-filters .filter.type-checkbox label,
.view.prodconfig-filters .filter.type-multicheckbox label {
    display: inline-block;
    vertical-align: middle;
}

.view.prodconfig-filters .filter.type-text label,
.view.prodconfig-filters .filter.type-number label,
.view.prodconfig-filters .filter.type-select label,
.view.prodconfig-filters .filter.type-slider label,
.view.prodconfig-filters .filter.type-range_slider label {
    display: block;
    margin-bottom: 0.5rem;
}

.view.prodconfig-filters .filter.type-slider label {
    text-align: right;
}

.view.prodconfig-filters .filter .filter-input:disabled ~ label {
    display: none;
}

.view.prodconfig-filters .filter .filter-input.filter-input-all ~ label {
    display: block;
}

/* ------------------------- */

.view.prodconfig-filters .filter .filter-inputs-search {
    display: none;
    padding: 0.5rem 0;
    position: relative;
}

.view.prodconfig-filters .filter .filter-inputs-search input {
    width: 100%;
    font-size: 0.8rem;
    padding: 0.125rem 1.75rem 0.125rem 0.5rem;
}

.view.prodconfig-filters .filter .filter-inputs-search i {
    display: block;
    position: absolute;
    top: 0.75rem;
    right: 0;
    padding: 0.125rem 0.5rem;
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    color: #585757;
    font-size: 0.8rem;
}

.view.prodconfig-filters .filter.opened .filter-inputs-search {
    display: block;
}

.view.prodconfig-filters .filter .filter-inputs .input.not-found {
    display: none;
}

@media (min-width: 992px) {
    .view.prodconfig-filters {
        width: 25%;
    }

    /* ------------------------- */
    .view.prodconfig-filters .show-results {
        display: none;
    }
}

/*
 * .view.prodconfig-list
 * --------------------------------------------------
 */
.view.prodconfig-list {
    position: relative;
    padding: 1rem;
    margin-bottom: 2rem;
    min-height: 10rem;
}

.view.prodconfig-list .product-items-cont {
    position: relative;
}

.view.prodconfig-list ul.product-items {
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem;
    min-height: 5rem;
}

.view.prodconfig-list ul.product-items li {
    padding: 0.5rem;
    margin: 0;
    width: 100%;
}

.view.prodconfig-list ul.product-items li .item-inner {
    padding: 1.5rem;
    border: 2px solid #c3c3c3;
    border-radius: 3px;
}

.view.prodconfig-list ul.product-items li.selected .item-inner {
    border-color: #1c1c1c;
}

.view.prodconfig-list ul.product-items li .image {
    margin-bottom: 2rem;
}

.view.prodconfig-list ul.product-items li .image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.view.prodconfig-list ul.product-items li .title {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 0.25rem;
}

.view.prodconfig-list ul.product-items li .sku {
    font-size: 0.8rem;
    color: #9c9c9c;
    text-align: center;
    margin-bottom: 0.25rem;
}

.view.prodconfig-list ul.product-items li .price {
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.view.prodconfig-list .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: url(../img/loader.gif);
    background-position: center;
    background-size: 2rem;
    background-repeat: no-repeat;
    z-index: 1000;
    display: none;
}

.view.prodconfig.step-loading .view.prodconfig-list .loader,
.view.prodconfig.step-updating .view.prodconfig-list .loader {
    display: block;
}

.view.prodconfig.step-loading .view.prodconfig-list .product-item.no-results,
.view.prodconfig.step-updating .view.prodconfig-list .product-item.no-results {
    display: none;
}

.view.prodconfig-list .more {
    display: none;
    text-align: center;
    margin-bottom: 1rem;
}

.view.prodconfig-list .more.active {
    display: block;
}

.view.prodconfig.step-loading .view.prodconfig-list .more.active,
.view.prodconfig.step-updating .view.prodconfig-list .more.active {
    display: none;
}

@media (min-width: 768px) {
    .view.prodconfig-list ul.product-items {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .view.prodconfig-list ul.product-items li.product-item {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .view.prodconfig-list {
        width: 75%;
    }

    .view.prodconfig-list ul.product-items li.product-item {
        width: 33.33%;
    }
}

/*
 * .view.prodconfig-step-3
 * --------------------------------------------------
 */
/*.view.prodconfig-step-3 .prodconfig-filters {
    display: none;
}
.view.prodconfig-step-3 .prodconfig-list {
    width: 100%;
}

@media (min-width: 992px)
{
    .view.prodconfig-step-3 .prodconfig-list ul.product-items li.product-item {
        width: 25%;
    }
}*/

/*
 * .view.prodconfig-step-4
 * --------------------------------------------------
 */
.view.prodconfig-step-4 .view-content {
    padding: 1rem 0;
}

.view.prodconfig-step-4 .inputs-block {
    margin-bottom: 3rem;
}

.view.prodconfig-step-4 .fields-col-2 {
    display: flex;
    flex-direction: column;
}

/* ------------------------- */

.view.prodconfig-step-4 li.selector-item {
    display: inline-block;
}

.view.prodconfig-step-4 li.selector-item input {
    display: none;
}

.view.prodconfig-step-4 li.selector-item label {
    cursor: pointer;
}

/* ------------------------- */

.view.prodconfig-step-4 li.selector-item.button-type {
    padding: 0.25rem;
}

.view.prodconfig-step-4 li.selector-item.button-type label {
    position: relative;
    padding: 0.25rem 2rem 0.25rem 0.5rem;
    border: 2px solid #c3c3c3;
    border-radius: 3px;
    font-size: 0.9rem;
}

.view.prodconfig-step-4 li.selector-item.button-type .title {
    font-weight: normal;
    margin: 0;
}

.view.prodconfig-step-4 li.selector-item.button-type .price {
    font-weight: bold;
}

.view.prodconfig-step-4 li.selector-item.button-type input:checked ~ label {
    border-color: #1c1c1c;
}

.view.prodconfig-step-4 li.selector-item.button-type label:after {
    display: none;
    padding: 0.25rem;
    position: absolute;
    top: 0;
    right: 0;
    font-family: "dashicons";
    content: "\f12a";
}

.view.prodconfig-step-4 li.selector-item.button-type input:checked ~ label:after {
    display: block;
}

/* ------------------------- */

.view.prodconfig-step-4 ul.has-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.view.prodconfig-step-4 ul li.selector-item.icon-type {
    display: block;
    padding: 0.75rem 0.5rem;
}

.view.prodconfig-step-4 ul li.selector-item.icon-type .image {
    position: relative;
    padding: 0.5rem;
    border: 2px solid #efefef;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.view.prodconfig-step-4 ul li.selector-item.icon-type input:checked ~ label .image {
    border-color: #1c1c1c;
}

.view.prodconfig-step-4 ul li.selector-item.icon-type .image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.view.prodconfig-step-4 li.selector-item.icon-type .image span.check {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #efefef;
    opacity: 0.75;
}

.view.prodconfig-step-4 li.selector-item.icon-type .image span.check:after {
    display: block;
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem);
    font-family: "dashicons";
    content: "\f12a";
    font-size: 3rem;
    line-height: 3rem;
    width: 3rem;
}

.view.prodconfig-step-4 li.selector-item.icon-type input:checked ~ label .image span.check {
    display: block;
}

/* ------------------------- */

.view.prodconfig-step-4 ul li.product-item.icon-type {
    max-width: 50%;
}

.view.prodconfig-step-4 ul li.product-item.not-available {
    display: none;
}

.view.prodconfig-step-4 ul li.product-item.icon-type .title {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 0.25rem;
}

.view.prodconfig-step-4 ul li.product-item.icon-type .sku {
    font-size: 0.8rem;
    color: #9c9c9c;
    text-align: center;
}

.view.prodconfig-step-4 ul li.product-item.icon-type .price {
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
}

/* ------------------------- */

@media (min-width: 768px) {
    .view.prodconfig-step-4 .fields-col-2 {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .view.prodconfig-step-4 .fields-col-2 .form-field {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .view.prodconfig-step-4 ul li.product-item.icon-type {
        max-width: 25%;
    }
}

/*
 * .view.prodconfig-cart-item-edit
 * --------------------------------------------------
 */
.view.prodconfig-cart-item-edit {
    padding: 0.5rem 0;
}

.view.prodconfig-cart-item-edit button.item-edit-btn {
    color: #ffffff;
    border: none;
    padding: 1rem 1rem;
    font-size: 0.8rem;
    line-height: 1.3rem;
}

/*
 * .view.prodconfig-summary
 * --------------------------------------------------
 */
.view.prodconfig-summary {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0.5rem;
    margin-bottom: 1rem;
}

.view.prodconfig-summary .selected-products {
    width: 100%;
}

.view.prodconfig-summary ul.selected-list li {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    margin: 0 0.125rem 0.25rem 0;
    background-color: #ffffff;
    color: inherit;
    border: 1px solid #1c1c1c;
    border-radius: 3px;
    font-size: 0.8rem;
}

.view.prodconfig-summary ul.selected-list li .price {
    font-weight: bold;
}

.view.prodconfig-summary .selected-total {
    width: 100%;
}

.view.prodconfig-summary .selected-total .total-amount {
    padding: 1rem 2rem;
    background-color: #e4e4e4;
    border-radius: 3px;
}

.view.prodconfig-summary .selected-total span.total-label {
    font-size: 1.2rem;
}

.view.prodconfig-summary .selected-total span.amount {
    font-size: 1.2rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    .view.prodconfig-summary {
        flex-direction: row;
    }

    .view.prodconfig-summary .selected-products {
        width: 75%;
    }

    .view.prodconfig-summary .selected-total {
        width: 25%;
    }

    /*.view.prodconfig-summary .selected-total .total-amount {
        border-left: 2px solid #c3c3c3;
    }*/
}

/*
 * .view.prodconfig-detail-summary
 * --------------------------------------------------
 */
.view.prodconfig-detail-summary {
    padding: 1.5rem 1rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
}

.view.prodconfig-detail-summary .detail-items {
    margin-bottom: 1.5rem;
}

.view.prodconfig-detail-summary .detail-items-title {
    position: relative;
    font-size: 0.6875rem;
    line-height: 1.5em;
    letter-spacing: normal;
    font-weight: normal;
    margin: 0 0 1.5rem;
    padding: 0 3rem 0 0;
    color: #969696;
}

.view.prodconfig-detail-summary .detail-items-title:after {
    display: block;
    position: absolute;
    top: 0;
    right: 1rem;
    font-family: "Font Awesome 5 Free";
    content: "\f06e";
    cursor: pointer;
}

.view.prodconfig-detail-summary .detail-items {
    display: none;
}

.view.prodconfig-detail-summary.detail-items-opened .detail-items {
    display: block;
}

.view.prodconfig-detail-summary .detail {
    margin-bottom: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
}

.view.prodconfig-detail-summary .detail.anchor-aligned {
    background-color: #efefef;
}

.view.prodconfig-detail-summary .detail-title {
    text-transform: uppercase;
    font-size: 0.6875rem;
    line-height: 1.5em;
    letter-spacing: normal;
    margin: 0 0 0.5rem;
}

.view.prodconfig-detail-summary .detail ul li {
    display: inline-block;
    font-size: 0.9rem;
    color: #969696;
    margin: 0 0.25rem 0.25rem 0;
    padding: 0.25rem 0.5rem;
    border: 1px solid #969696;
    border-radius: 0.5rem;
    cursor: pointer;
}

.view.prodconfig-detail-summary .detail ul li.selected {
    color: #ffffff;
    border-color: #1c1c1c;
    background-color: #1c1c1c;
}


.view.prodconfig-detail-summary .continue {
    display: flex;
}

.view.prodconfig-detail-summary .continue .more {
    width: 50%;
    padding: 0 0.5rem;
}

.view.prodconfig-detail-summary .continue .more .nav-prev {
    display: block;
    cursor: pointer;
    margin-bottom: 1rem;
}

.view.prodconfig-detail-summary .continue .more .show-details {
    display: block;
    position: relative;
    padding-right: 2rem;
    font-size: 0.9rem;
    color: #969696;
    cursor: pointer;
}

.view.prodconfig-detail-summary.detail-items-opened .continue .more .show-details {
    display: none;
}

.view.prodconfig-detail-summary .continue .more .show-details:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
}

.view.prodconfig-detail-summary .continue .continue-link {
    width: 50%;
    padding: 0 0.5rem;
}

.view.prodconfig-detail-summary .continue .button {
    display: block;
    width: 100%;
    font-size: 1rem;
    color: #ffffff;
    margin: 0 0.25rem 0.25rem 0;
    padding: 0.65rem 1rem;
    background-color: #1c1c1c;
    border: 1px solid #1c1c1c;
    border-radius: 0.5rem;
    text-align: center;
}

.view.prodconfig-detail-summary .continue .button:disabled,
.view.prodconfig-detail-summary .continue .button.disabled {
    background-color: #969696;
    border: 1px solid #969696;
    cursor: not-allowed;
}

@media (min-width: 992px) {
    .view.prodconfig-detail-summary .continue .more {
        display: none;
    }

    .view.prodconfig-detail-summary .continue .continue-link {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/*
 * .view.prodconfig-filters-summary
 * --------------------------------------------------
 */
.view.prodconfig-filters-summary {
    padding: 0.25rem 0.5rem;
    margin-bottom: 1rem;
}

.view.prodconfig-filters-summary ul.selected-list li {
    display: inline-block;
    position: relative;
    padding: 0.125rem 1.75rem 0.125rem 0.5rem;
    margin: 0 0.125rem 0.25rem 0;
    background-color: #ffffff;
    color: inherit;
    border: 1px solid #1c1c1c;
    border-radius: 3px;
    font-size: 0.8rem;
}

.view.prodconfig-filters-summary ul.selected-list li:not(.product_cat) {
    cursor: pointer;
}

.view.prodconfig-filters-summary ul.selected-list li.product_cat {
    padding-right: 0.5rem;
    background-color: #1c1c1c;
    color: #ffffff;
    border: 1px solid #1c1c1c;
}

.view.prodconfig-filters-summary ul.selected-list li .filter {
    display: none;
}

.view.prodconfig-filters-summary ul.selected-list li i {
    position: absolute;
    top: 0.375rem;
    right: 0.5rem;
}

.view.prodconfig-filters-summary ul.selected-list li.product_cat i {
    display: none;
}

/*
 * .view.prodconfig-modal
 * --------------------------------------------------
 */

.view.prodconfig-modal .modal-body .content-type {
    text-align: center;
}

.view.prodconfig-modal .modal-body .content-type .alert-icon {
    font-size: 6rem;
    margin-bottom: 2rem;
}

.view.prodconfig-modal .modal-body .content-type .title {
    font-size: 1.5rem;
}

.view.prodconfig-modal .modal-body .content-type .content {
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
}

.view.prodconfig-modal .modal-body .content-type .content-small {
    font-size: 0.9rem;
    margin-bottom: 3.125rem;
}

.view.prodconfig-modal .modal-body .content-type .content a,
.view.prodconfig-modal .modal-body .content-type .content-small a {
    font-weight: 500;
    text-decoration: underline;
}

.view.prodconfig-modal .modal-body .content-type .actions .btn {
    font-weight: 600;
}

.view.prodconfig-modal .modal-body .content-type .actions .btn.back {
    font-size: 1.625rem;
    margin-right: 1rem;
}

.view.prodconfig-modal .modal-body .content-type .actions .btn.stay {
    font-size: 1.375rem;
    background-color: #1C1C1C;
    color: #ffffff;
}

/*
 * frame button
 */

.frame-button {
    font-family: Biryani;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    width: 100%;
    border: 0 none;
    background: #1C1C1C;
    border-radius: 6px;
    color: #828282;
    padding: 8px 16px;
    margin-bottom: 7px;
}

.frame-button:hover {
    color: white;
}

.frame-button.frame-details {
    background: #FFFFFF;
    color: #969696;
    border: 1px solid #DBDBDB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
}

.frame-button.frame-details:hover {
    color: #585757;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 2px 1px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.04);
}


/*
 * Popup Product
 */
.popup-product {
    display: none;
    position: fixed;
    overflow: auto;
    z-index: 100001;
    width: 80%;
    height: 90%;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F7F7F7;
    box-shadow: 0 4.82517px 8.04196px rgb(0 0 0 / 5%), 0px 1.60839px 28.951px rgb(0 0 0 / 3%), 0px 9.65035px 16.0839px rgb(0 0 0 / 4%);
    border-radius: 12px;
}

@media only screen and (max-width: 1200px) {
    .popup-product {
        width: 96%;
        height: 98%;
    }
}

.popup-product__close {
    position: absolute;
    right: 35px;
    top: 35px;
    height: 21px;
    width: 21px;
    cursor: pointer;
}


/*
 * Popup Product View
 */

.popup-product-view {
    padding: 49px 65px;
}

@media only screen and (max-width: 1200px) {
    .popup-product-view {
        padding: 40px 20px;
    }
}

.popup-product-view__title {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: bold;
}

.popup-product-view__container {
    display: flex;
    padding-top: 35px;
    flex-direction: row;
}

@media only screen and (max-width: 1200px) {
    .popup-product-view__container {
        flex-direction: column;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 1200px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
}

.popup-product-view__column {
    padding-right: 30px;
}

.popup-product-view__images {
    margin-right: 30px;
    max-width: 420px;
    padding-right: 20px;
    max-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*.popup-product-view__images img {*/
/*    display: block;*/
/*    margin-bottom: 15px;*/
/*    border-radius: 15px;*/
/*    cursor: pointer;*/
/*}*/


@media only screen and (max-width: 1200px) {
    .popup-product-view__images {
        order: 2;
        margin-right: 0;
        padding-right: 0;
        max-width: 100%;
    }
}

/*.popup-product-view__image_zoom {*/
/*    display: none;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #FFFFFF;*/
/*}*/

/*.popup-product-view__image_zoom img {*/
/*    display: block;*/
/*    width: auto;*/
/*    max-width: 100%;*/
/*    height: 95%;*/
/*    object-fit: cover;*/
/*    margin: 0 auto;*/
/*}*/

.popup-product-view__description {
    position: relative;
    width: 100%;
    padding-right: 30px;
}

@media only screen and (max-width: 1200px) {
    .popup-product-view__description {
        padding-right: 0;
    }
}

.popup-product-view__description h2 {
    font-weight: 600;
    font-size: 15px;
    line-height: 157%;
    color: #1C1C1C;
}

.popup-product-view__description .code {
    font-style: normal;
    font-weight: 400;
    font-size: 13.2359px;
    line-height: 18px;
    letter-spacing: -0.101815px;
    color: #585757;
}

.popup-product-view__description .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -0.2px;
    color: #1C1C1C;
}

.popup-product-view__description table {
    width: 100%;
    margin-top: 45px;
}

.popup-product-view__description table tr {
    border-bottom: 1px solid #DBDBDB;
}

.popup-product-view__description table td {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #585757;
    padding: 20px;
}

.popup-product-view__description {

}

.popup-product-view__buttons {
    display: flex;
    padding: 30px 0;

}

.popup-product-view__buttons .popup-close {
    margin-right: 30px;
}

/** Zoom gallery */

.show {
    width: 400px;
    height: 400px;
}

@media only screen and (max-width: 1200px) {
    .show {
        width: 100%;
        height: auto;
    }
}

.show #big-img {
    z-index: 999999999;
}

.small-img {
    width: 350px;
    height: 70px;
    margin-top: 10px;
    position: relative;
    left: 25px;
}

@media only screen and (max-width: 1200px) {
    .small-img {
        width: 100%;
        left: 0;
    }
}

.small-img .icon-left, .small-img .icon-right {
    width: 12px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.small-img .icon-left {
    transform: rotate(180deg)
}

.small-img .icon-right {
    right: 0;
}

.small-img .icon-left:hover, .small-img .icon-right:hover {
    opacity: .5;
}

.small-container {
    width: 310px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .small-container {
        position: relative;
    }
}

.small-container div {
    width: 800%;
    position: relative;
}

.small-container .show-small-img {
    width: 70px;
    height: 70px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
}

.small-container .show-small-img:last-of-type {
    margin-right: 0;
}

.filter-search:before{
    display:none;
}

input[name="fitmpc_filter_search"]{
    width: 100%;
    padding: 5px 10px;
}