/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*
=============================================================
GLOBAL
=============================================================*/
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700&display=swap');

body {
    overflow: hidden !important;
    height: 100vh !important;
}

.VPC_Aimcontrollers_Skin #control-btn {
    display: none;
}

.VPC_Aimcontrollers_Skin#vpc-container {
    min-height: calc(100vh - 100px);
    background: radial-gradient(64.51% 89.65% at 45.74% 21.23%, #2D2D2D 0%, #111111 97.71%);
}

.VPC_Aimcontrollers_Skin #vpc-container-wapper {
    width: 100%;
    height: 100% !important;
}

.VPC_Aimcontrollers_Skin #mva-bx-pager {
    display: none;
}

.VPC_Aimcontrollers_Skin .aimcontrollers-switcher-control {
    width: 96px;
    height: 96px;
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 99 !important;
}

.VPC_Aimcontrollers_Skin .aimcontrollers-switcher-control img {
    width: 95%;
    height: auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.hide-element {
    display: none !important;
}

.show-element {
    display: block !important;
}

@media (max-width: 1700px) and (min-width: 800px) {
    .VPC_Aimcontrollers_Skin .component-tab-item {
        margin: 0 3px;
    }
}

@media (max-width: 1610px) and (min-width: 1000px) {
    .VPC_Aimcontrollers_Skin .vpc-skin-sidebar #vpc-add-to-cart {
        width: 125px !important;
        height: 41px !important;
        font-size: 14px !important;
        line-height: 25px !important;
        padding: 5px 0px !important;
        border-radius: 3px !important;
    }

    .VPC_Aimcontrollers_Skin #recap-list-btn,
    .VPC_Aimcontrollers_Skin #description-btn {
        border-radius: 4px !important;
        height: 41px !important;
        margin-right: 5px !important;
    }

    .VPC_Aimcontrollers_Skin .add-to-cart-button-text-color::after {
        content: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0625 21.875V20.3125C15.0885 20.3125 16.1044 20.1104 17.0522 19.7178C18.0001 19.3252 18.8613 18.7497 19.5868 18.0243C20.3122 17.2988 20.8877 16.4376 21.2803 15.4897C21.6729 14.5419 21.875 13.526 21.875 12.5H23.4375C23.4375 14.9864 22.4498 17.371 20.6916 19.1291C18.9335 20.8873 16.5489 21.875 14.0625 21.875Z" fill="white"/><path d="M14.0625 17.9688V16.4062C14.5755 16.4062 15.0834 16.3052 15.5574 16.1089C16.0313 15.9126 16.4619 15.6249 16.8246 15.2621C17.1874 14.8994 17.4751 14.4688 17.6714 13.9949C17.8677 13.5209 17.9688 13.013 17.9688 12.5H19.5312C19.5312 13.9504 18.9551 15.3414 17.9295 16.367C16.9039 17.3926 15.5129 17.9688 14.0625 17.9688Z" fill="white"/><path d="M21.0938 8.59375H16.4063V5.46875C16.4063 4.84715 16.1594 4.25101 15.7198 3.81147C15.2803 3.37193 14.6842 3.125 14.0626 3.125H9.37506C8.75346 3.125 8.15731 3.37193 7.71778 3.81147C7.27824 4.25101 7.03131 4.84715 7.03131 5.46875V8.59375H2.34381C2.23056 8.59247 2.11839 8.61582 2.01507 8.66219C1.91175 8.70857 1.81974 8.77685 1.74543 8.86231C1.67111 8.94777 1.61627 9.04837 1.58469 9.15713C1.55311 9.26589 1.54556 9.38022 1.56256 9.49219L3.03131 18.9844C3.08781 19.357 3.27706 19.6966 3.56419 19.9406C3.85133 20.1847 4.21699 20.3168 4.59381 20.3125H11.7188V18.75H4.57818L3.25787 10.1562H21.0938V8.59375ZM8.59381 5.46875C8.59381 5.26155 8.67612 5.06284 8.82263 4.91632C8.96914 4.76981 9.16786 4.6875 9.37506 4.6875H14.0626C14.2698 4.6875 14.4685 4.76981 14.615 4.91632C14.7615 5.06284 14.8438 5.26155 14.8438 5.46875V8.59375H8.59381V5.46875Z" fill="white"/></svg>') !important;
    }
}

@media (min-width: 1611px) {

    .VPC_Aimcontrollers_Skin #recap-list-btn,
    .VPC_Aimcontrollers_Skin #description-btn {
        width: 58px !important;
        height: 58px !important;
    }

    .VPC_Aimcontrollers_Skin .add-to-cart-button-text-color::after {
        content: url('data:image/svg+xml;utf8,<svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7158 30.8842V28.7229C21.135 28.7229 22.5402 28.4434 23.8513 27.9003C25.1625 27.3572 26.3538 26.5612 27.3573 25.5577C28.3608 24.5542 29.1568 23.3629 29.6998 22.0518C30.2429 20.7407 30.5225 19.3354 30.5225 17.9163H32.6838C32.6838 21.3556 31.3175 24.654 28.8856 27.086C26.4536 29.518 23.1551 30.8842 19.7158 30.8842Z" fill="white"/><path d="M19.7158 25.4809V23.3196C20.4254 23.3196 21.128 23.1798 21.7836 22.9083C22.4391 22.6367 23.0348 22.2387 23.5365 21.737C24.0383 21.2352 24.4363 20.6396 24.7078 19.984C24.9794 19.3285 25.1191 18.6258 25.1191 17.9163H27.2805C27.2805 19.9225 26.4835 21.8466 25.0648 23.2653C23.6462 24.6839 21.7221 25.4809 19.7158 25.4809Z" fill="white"/><path d="M29.4409 12.5129H22.9569V8.19029C22.9569 7.33046 22.6154 6.50585 22.0074 5.89786C21.3994 5.28987 20.5748 4.9483 19.715 4.9483H13.231C12.3711 4.9483 11.5465 5.28987 10.9385 5.89786C10.3306 6.50585 9.98899 7.33046 9.98899 8.19029V12.5129H3.50501C3.34836 12.5112 3.1932 12.5435 3.05028 12.6076C2.90736 12.6718 2.78009 12.7662 2.6773 12.8844C2.5745 13.0026 2.49864 13.1418 2.45496 13.2922C2.41128 13.4427 2.40084 13.6008 2.42435 13.7557L4.45599 26.8858C4.53415 27.4011 4.79593 27.8709 5.19311 28.2085C5.59028 28.5461 6.09608 28.7288 6.61732 28.7229H16.473V26.5616H6.59571L4.76939 14.6743H29.4409V12.5129ZM12.1503 8.19029C12.1503 7.90368 12.2642 7.62881 12.4668 7.42615C12.6695 7.22348 12.9444 7.10963 13.231 7.10963H19.715C20.0016 7.10963 20.2764 7.22348 20.4791 7.42615C20.6818 7.62881 20.7956 7.90368 20.7956 8.19029V12.5129H12.1503V8.19029Z" fill="white"/></svg>') !important;
    }
}

@media (min-width: 1000px) {
    .VPC_Aimcontrollers_Skin #vpc-preview-wrap {
        width: 65%;
        height: 100%;
    }

    .VPC_Aimcontrollers_Skin #vpc-skin-sidebar {
        width: 35%;
        height: 100%;
        vertical-align: top;
    }

    .VPC_Aimcontrollers_Skin #control-btn {
        min-width: 115px;
        display: none;
    }

    .VPC_Aimcontrollers_Skin #vpc-preview-wrap .bx-wrapper {
        max-width: 75% !important;
    }

    /*.VPC_Aimcontrollers_Skin .slideBackImages,
    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back{
        width: 35% !important;
        right: 40%;
    }
    .VPC_Aimcontrollers_Skin .slideImages,
    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front{
        width: 75% !important;
        top: 45%;
        right: -25%;
    }*/
    .VPC_Aimcontrollers_Skin .slideBackImages

    /*.vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back*/
        {
        width: 35% !important;
    }

    .VPC_Aimcontrollers_Skin .slideImages

    /*.vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front*/
        {
        width: 75% !important;
    }
}

.VPC_Aimcontrollers_Skin #vpc-skin-sidebar {
    background: #212121;
    box-shadow: 0px 4px 69px rgba(70, 70, 70, 0.18);
}

.VPC_Aimcontrollers_Skin #vpc-skin-sidebar .vpc-skin-sidebar {
    display: flex;
    flex-direction: column;
    height: 100% !important;
}

.VPC_Aimcontrollers_Skin #vpc-preview {
    border: none;
}

.VPC_Aimcontrollers_Skin .o-col {
    min-height: 0px;
}

.VPC_Aimcontrollers_Skin #vpc-components {
    margin-top: 0;
    width: 100% !important;
    height: inherit !important;
    overflow: initial !important;
    position: relative !important;
    box-shadow: none !important;
    border: none !important;
}

.VPC_Aimcontrollers_Skin #vpc-preview-wrap,
.VPC_Aimcontrollers_Skin .bx-wrapper,
.VPC_Aimcontrollers_Skin .bx-wrapper .bx-viewport {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

@media (max-width: 1500px) {

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .vpc-skin-sidebar #vpc-price,
    .VPC_Aimcontrollers_Skin .vpc-skin-sidebar #vpc-price {
        font-size: 24px !important;
        line-height: 38px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .vpc-skin-sidebar #vpc-add-to-cart {
        width: 145px !important;
        height: 41px !important;
        font-size: 14px !important;
        line-height: 25px !important;
        padding: 5px 0px !important;
        border-radius: 3px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #recap-list-btn,
    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #description-btn {
        border-radius: 4px !important;
        height: 41px !important;
        margin-right: 5px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .add-to-cart-button-text-color::after .VPC_Aimcontrollers_Skin .add-to-cart-button-text-color::after {
        vertical-align: bottom !important;
        content: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0625 21.875V20.3125C15.0885 20.3125 16.1044 20.1104 17.0522 19.7178C18.0001 19.3252 18.8613 18.7497 19.5868 18.0243C20.3122 17.2988 20.8877 16.4376 21.2803 15.4897C21.6729 14.5419 21.875 13.526 21.875 12.5H23.4375C23.4375 14.9864 22.4498 17.371 20.6916 19.1291C18.9335 20.8873 16.5489 21.875 14.0625 21.875Z" fill="white"/><path d="M14.0625 17.9688V16.4062C14.5755 16.4062 15.0834 16.3052 15.5574 16.1089C16.0313 15.9126 16.4619 15.6249 16.8246 15.2621C17.1874 14.8994 17.4751 14.4688 17.6714 13.9949C17.8677 13.5209 17.9688 13.013 17.9688 12.5H19.5312C19.5312 13.9504 18.9551 15.3414 17.9295 16.367C16.9039 17.3926 15.5129 17.9688 14.0625 17.9688Z" fill="white"/><path d="M21.0938 8.59375H16.4063V5.46875C16.4063 4.84715 16.1594 4.25101 15.7198 3.81147C15.2803 3.37193 14.6842 3.125 14.0626 3.125H9.37506C8.75346 3.125 8.15731 3.37193 7.71778 3.81147C7.27824 4.25101 7.03131 4.84715 7.03131 5.46875V8.59375H2.34381C2.23056 8.59247 2.11839 8.61582 2.01507 8.66219C1.91175 8.70857 1.81974 8.77685 1.74543 8.86231C1.67111 8.94777 1.61627 9.04837 1.58469 9.15713C1.55311 9.26589 1.54556 9.38022 1.56256 9.49219L3.03131 18.9844C3.08781 19.357 3.27706 19.6966 3.56419 19.9406C3.85133 20.1847 4.21699 20.3168 4.59381 20.3125H11.7188V18.75H4.57818L3.25787 10.1562H21.0938V8.59375ZM8.59381 5.46875C8.59381 5.26155 8.67612 5.06284 8.82263 4.91632C8.96914 4.76981 9.16786 4.6875 9.37506 4.6875H14.0626C14.2698 4.6875 14.4685 4.76981 14.615 4.91632C14.7615 5.06284 14.8438 5.26155 14.8438 5.46875V8.59375H8.59381V5.46875Z" fill="white"/></svg>') !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .vpc-action-buttons button,
    .VPC_Aimcontrollers_Skin .vpc-action-buttons button {
        margin-left: 0;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-skin-sidebar .vpc-action-buttons .default-right-skin,
    .VPC_Aimcontrollers_Skin #vpc-skin-sidebar .vpc-action-buttons .default-right-skin {
        margin: 0 !important;
    }

}

@media (max-width: 1020px) {
    .VPC_Aimcontrollers_Skin.aimcontroler-mobile#vpc-container {
        height: calc(100vh - 100px);
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .vpc-action-buttons {
        order: 3;
        padding: 5px 0px !important;
        position: fixed !important;
        top: initial !important;
        bottom: 0;
        z-index: 99;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .component-navigation .component-header {
        font-size: 15px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #control-btn button {
        width: 32.85px !important;
        height: 32.85px !important;
    }

    .VPC_Aimcontrollers_Skin#vpc-container.aimcontroler-mobile .vpc-options label.custom,
    .VPC_Aimcontrollers_Skin#vpc-container.aimcontroler-mobile .vpc-options label.custom::before {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 10px !important;
    }

    .VPC_Aimcontrollers_Skin#vpc-container.aimcontroler-mobile .vpc-options input:checked+label.custom::before {
        border: 3px solid #E0040B !important;
        filter: drop-shadow(0px 1px 22px rgba(224, 4, 11, 0.4382)) !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .vpc-skin-sidebar .component-navigation #component-header {
        padding: 5px 10px 0 !important;
    }

    .VPC_Aimcontrollers_Skin .aimcontroller-modal-content {
        max-width: 97% !important;
    }

    #aimcontroller-conf-recap .modal-header-content p:first-of-type {
        font-size: 25px !important;
        line-height: 45px !important;
    }

    #aimcontroller-conf-recap .modal-header-content p:last-of-type {
        font-size: 15px !important;
        line-height: 30px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .recap-comp-name,
    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .recap-comp-option {
        font-size: 14px;
        line-height: 20px;
        padding: 3px;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .recap-comp-option {
        max-width: 120px;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .aimcontrollers-switcher-control {
        width: 40px;
        height: 40px;
        bottom: 13px;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-preview-wrap {
        margin-top: 0 !important;
        height: 30%;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .component-tab-item img {
        width: auto;
        height: 43px;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #component-tab-wrapper .bx-viewport {
        height: 50px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .component-navigation {
        padding: 10px 0;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-components .vpc-component {
        position: relative !important;
        max-height: 160px;
        height: 160px !important;
        padding: 0 5px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-components .vpc-component .vpc-options .vpc-group {
        padding: 0;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-components .vpc-component .vpc-options .vpc-group,
    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-components .vpc-component .vpc-options .vpc-group .vpc-group-name {
        background-color: transparent !important;
        background: transparent !important;
        display: block !important;
        overflow: inherit !important;
        box-shadow: none !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap {
        display: inline-block !important;
        margin: 0px 2px !important;
        height: auto;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-components .vpc-component .vpc-options {
        width: 100% !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #control-btn {
        display: block;
    }

    .VPC_Aimcontrollers_Skin #vpc-skin-sidebar {
        height: 65%;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #control-btn {
        display: block !important;
    }

    .VPC_Aimcontrollers_Skin #component-tab-wrapper #icon-slider-prev,
    .VPC_Aimcontrollers_Skin #component-tab-wrapper #icon-slider-next {
        display: none !important;
    }

    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back {
        opacity: 0;
    }

    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview.slideBackImages {
        opacity: 0 !important;
    }

    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front {
        width: 60% !important;
        right: -17% !important;
    }

    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages,
    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
        opacity: 1 !important;
        width: 60% !important;
        right: -17% !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-price-container {
        padding: 0 3px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .add-to-cart-button-text-color::after {
        content: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0625 21.875V20.3125C15.0885 20.3125 16.1044 20.1104 17.0522 19.7178C18.0001 19.3252 18.8613 18.7497 19.5868 18.0243C20.3122 17.2988 20.8877 16.4376 21.2803 15.4897C21.6729 14.5419 21.875 13.526 21.875 12.5H23.4375C23.4375 14.9864 22.4498 17.371 20.6916 19.1291C18.9335 20.8873 16.5489 21.875 14.0625 21.875Z" fill="white"/><path d="M14.0625 17.9688V16.4062C14.5755 16.4062 15.0834 16.3052 15.5574 16.1089C16.0313 15.9126 16.4619 15.6249 16.8246 15.2621C17.1874 14.8994 17.4751 14.4688 17.6714 13.9949C17.8677 13.5209 17.9688 13.013 17.9688 12.5H19.5312C19.5312 13.9504 18.9551 15.3414 17.9295 16.367C16.9039 17.3926 15.5129 17.9688 14.0625 17.9688Z" fill="white"/><path d="M21.0938 8.59375H16.4063V5.46875C16.4063 4.84715 16.1594 4.25101 15.7198 3.81147C15.2803 3.37193 14.6842 3.125 14.0626 3.125H9.37506C8.75346 3.125 8.15731 3.37193 7.71778 3.81147C7.27824 4.25101 7.03131 4.84715 7.03131 5.46875V8.59375H2.34381C2.23056 8.59247 2.11839 8.61582 2.01507 8.66219C1.91175 8.70857 1.81974 8.77685 1.74543 8.86231C1.67111 8.94777 1.61627 9.04837 1.58469 9.15713C1.55311 9.26589 1.54556 9.38022 1.56256 9.49219L3.03131 18.9844C3.08781 19.357 3.27706 19.6966 3.56419 19.9406C3.85133 20.1847 4.21699 20.3168 4.59381 20.3125H11.7188V18.75H4.57818L3.25787 10.1562H21.0938V8.59375ZM8.59381 5.46875C8.59381 5.26155 8.67612 5.06284 8.82263 4.91632C8.96914 4.76981 9.16786 4.6875 9.37506 4.6875H14.0626C14.2698 4.6875 14.4685 4.76981 14.615 4.91632C14.7615 5.06284 14.8438 5.26155 14.8438 5.46875V8.59375H8.59381V5.46875Z" fill="white"/></svg>') !important;
    }

    body {
        overflow: hidden !important;
        height: calc(100vh - 56px) !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .component-navigation .bx-wrapper .bx-pager-item.active .bx-pager-link::after {
        margin-top: 0px !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .aimcontroller-modal-content {
        top: 46%;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #aimcontroller-conf-recap .aimcontroller-modal-body {
        padding: 30px 30px 0;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #aimcontroller-conf-recap .aimcontroller-modal-header {
        padding: 0px 30px 18px 30px;
    }

}

@media screen and (max-width: 768px) and (orientation: portrait) {
    #vpc-preview-wrap {
        margin-top: 0 !important;
    }

    .VPC_Aimcontrollers_Skin.aimcontroler-mobile .component-navigation .component-header {
        width: 75%;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1020px) and (min-width: 768px) and (orientation: portrait) {
    .VPC_Aimcontrollers_Skin.aimcontroler-mobile #vpc-preview-wrap {
        height: 45%;
    }

    .VPC_Aimcontrollers_Skin #vpc-skin-sidebar {
        height: 55%;
    }

    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages,
    .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front,
    .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
        top: 50% !important;
    }

    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages,
    .vpc-desktop-follow-scroll-disabled .VPC_Aimcontrollers_Skin.aimcontroler-mobile .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
        transform: translate3d(-50%, -50%, 0px) !important;
        right: -10% !important;
    }
}

/* width */
::-webkit-scrollbar {
    width: 11px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2E2E2E;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #2E2E2E;
}

@keyframes flash {
    0% {
        filter: brightness(50%);
    }

    50% {
        filter: brightness(150%);
    }

    100% {
        filter: brightness(50%);
    }
}

#vpc-container.VPC_Aimcontrollers_Skin #vpc-preview img.current,
#vpc-container.VPC_Aimcontrollers_Skin .vpc-preview img.current {
    animation: flash 1.5s ease-in infinite;
}

/*=============================================================
Button wrap
=============================================================*/
.VPC_Aimcontrollers_Skin #vpc-skin-sidebar .vpc-action-buttons .o-col {
    display: flex;
    flex-direction: row;
    align-items: normal !important;
    justify-content: normal !important;
    padding: 0 !important;
}

.VPC_Aimcontrollers_Skin #vpc-skin-sidebar .vpc-action-buttons .vpc-action-btn-wrap {
    flex: auto;
    text-align: right;
}

.VPC_Aimcontrollers_Skin #vpc-skin-sidebar .vpc-action-buttons .default-right-skin {
    margin-left: 21px;
}

.VPC_Aimcontrollers_Skin .vpc-price-label {
    display: none;
}

.VPC_Aimcontrollers_Skin #vpc-skin-sidebar #vpc-price-container {
    top: initial !important;
    position: relative !important;
}

.VPC_Aimcontrollers_Skin .add-to-cart-button-text-color:after {
    vertical-align: sub;
    position: relative !important;
    border: 0 !important;
    left: initial !important;
    top: 3px !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.VPC_Aimcontrollers_Skin .vpc-action-buttons {
    background: #FFFFFF;
    margin-top: 0;
    padding: 24px 14px;
    position: relative !important;
    top: 5px !important;
    right: 0 !important;
}

.VPC_Aimcontrollers_Skin #vpc-price {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30.198px;
    line-height: 52px;
    color: #000000;
}

.VPC_Aimcontrollers_Skin #recap-list-btn,
.VPC_Aimcontrollers_Skin #description-btn {
    background: #EBEBEB;
    border-radius: 5.53299px;
    padding: 4px 8px !important;
}

.VPC_Aimcontrollers_Skin #vpc-add-to-cart {
    padding: 6.91624px 30.4315px !important;
    gap: 13.83px;
    width: 251.28px;
    height: 57.83px !important;
    background: #E0040B;
    border-radius: 4.14975px;
    font-family: 'Saira';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 44px;
    color: #FFFFFF;
    text-transform: initial !important;
}

.VPC_Aimcontrollers_Skin .vpc-action-buttons button {
    margin: 0 !important;
    margin-right: 10px !important;
    min-height: 0 !important;
}

/*=============================================================
Component icone wrap
=============================================================*/
.VPC_Aimcontrollers_Skin .component-navigation {
    padding: 20px 0;
    background: #161616;
}

.VPC_Aimcontrollers_Skin .component-tab-item {
    display: inline-block;
    cursor: pointer;
    height: 80px;
}

.VPC_Aimcontrollers_Skin .vpc-skin-sidebar .bx-viewport:not(.component-navigation .bx-viewport) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    left: 0;
    overflow-x: hidden !important;
}

.VPC_Aimcontrollers_Skin #vpc-skin-sidebar .bx-viewport:not(.component-navigation .bx-viewport) {
    max-height: calc(100vh - 460px) !important;
    overflow-y: scroll !important;
}

.VPC_Aimcontrollers_Skin .bx-wrapper {
    width: 100%;
    margin: 0 auto !important;
    position: relative !important;
    bottom: 0 !important;
}

.VPC_Aimcontrollers_Skin .bx-loading {
    display: none !important;
}

.VPC_Aimcontrollers_Skin #component-tab-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.VPC_Aimcontrollers_Skin #component-tab-wrapper .bx-viewport {
    height: 70px !important;
    display: block !important;
    overflow: hidden !important;
}

.VPC_Aimcontrollers_Skin #component-tab-wrapper .bx-wrapper {
    height: auto !important;
    display: block !important;
    max-width: 100% !important;
}

.VPC_Aimcontrollers_Skin .component-tab-item img {
    width: 80%;
    height: auto;
    margin: auto;
    max-height: 48px;
    position: relative !important;
    transform: initial !important;
    top: initial !important;
    left: initial !important;
}

.VPC_Aimcontrollers_Skin #control-btn button,
#icon-slider-prev,
#icon-slider-next {
    width: 46.85px;
    height: 46.85px;
    background: #E0040B;
    border-radius: 6.94028px;
    border: 0;
    margin: 0 3px;
    cursor: pointer;
}

.VPC_Aimcontrollers_Skin .component-navigation #component-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 23px 23px 0;
    position: relative;
    cursor: default;
}

.VPC_Aimcontrollers_Skin .component-navigation .component-header {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #8A8A8A;
}
.VPC_Aimcontrollers_Skin .component-navigation .component-header:hover{
    overflow:visible;
    white-space: normal;
}
.VPC_Aimcontrollers_Skin .component-navigation .component-header .component-selected {
    color: #E0040B;
    text-transform: uppercase;
    vertical-align: middle;
}

.VPC_Aimcontrollers_Skin .component-navigation .component-header .option-selected {
    color: #8A8A8A;
    vertical-align: middle;
}

.VPC_Aimcontrollers_Skin .component-navigation .bx-wrapper .bx-pager-item,
.VPC_Aimcontrollers_Skin .component-navigation .bx-wrapper .bx-pager {
    padding: 0 !important;
}

.VPC_Aimcontrollers_Skin .component-navigation .bx-wrapper .bx-pager-item.active .bx-pager-link::after {
    content: '';
    background: #E0040B;
    width: 100%;
    height: 5.21px;
    display: block;
    box-shadow: 0px 6.94028px 104.104px rgba(224, 4, 11, 0.36), 0px 3.3607px 80.6177px rgba(224, 4, 11, 0.271592), 0px 2.10154px 68.281px rgba(224, 4, 11, 0.241442), 0px 1.37995px 55.9951px rgba(224, 4, 11, 0.218248), 0px 0.860492px 40.8417px rgba(224, 4, 11, 0.190284), 0px 0.419612px 22.1687px rgba(224, 4, 11, 0.143371);
    border-radius: 0px 0px 8.67534px 8.67534px;
    margin-top: 10px;
}

.VPC_Aimcontrollers_Skin .component-navigation .bx-wrapper .bx-pager {
    bottom: initial !important;
}

.disablebtn {
    opacity: 0.5;
    pointer-events: none;
}

/* .disablebtn:hover {
    pointer-events: visible;
    cursor:default
} */
.disablebtn:active {
    pointer-events: none;
}

.VPC_Aimcontrollers_Skin #component-tab-wrapper .bx-pager-item.disablebtn:after {
    content: url(https://eu.aimcontrollers.com/wp-content/plugins/vpc-aimcontrollers-feature-create-new-custom-skin/public/images/Info.svg);
    display: inline-block;
    top: 35%;
    left: 50%;
    position: absolute;
    z-index: 9;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
}

/*=============================================================
Component options
=============================================================*/
.VPC_Aimcontrollers_Skin .vpc-component:first-of-type,
.VPC_Aimcontrollers_Skin .vpc-group {
    border-top: none !important;
    border: none !important;
}

.VPC_Aimcontrollers_Skin .vpc-component {
    border: none !important;
    padding: 0 30px !important;
    background: transparent !important;
}

.VPC_Aimcontrollers_Skin .vpc-component .vpc-options {
    display: block !important;
    background-color: transparent !important;
}

.VPC_Aimcontrollers_Skin .vpc-component .vpc-group-name {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25.3081px;
    line-height: 40px;
    color: #FFFFFF;
    opacity: 0.5;
    text-transform: uppercase;
    margin-left: 12px;
}

.VPC_Aimcontrollers_Skin .vpc-options label.custom,
.VPC_Aimcontrollers_Skin .vpc-options label.custom::before {
    width: 70.08px !important;
    height: 70.08px !important;
    border-radius: 50% !important;
    border: 0;
    font-size: 30px !important;
    line-height: 70.08px !important;
}

.VPC_Aimcontrollers_Skin .vpc-options input:checked+label.custom::before {
    border: 5.84034px solid #26A65B !important;
    filter: drop-shadow(0px 1.94678px 42.8291px rgba(224, 4, 11, 0.4382));
    color: #26A65B;
    background-size: 155% !important;
}

.VPC_Aimcontrollers_Skin .vpc-single-option-wrap {
    margin: 8px 11px;
}

.VPC_Aimcontrollers_Skin .vpc-component .vpc-options {
    /* overflow-y: scroll;*/
    border: none;
}

/*======================= Modal ==================================*/
.aimcontroller-conf_desc {
    display: none;
}

.aimcontroller-conf_desc .aimcontroller-modal-body {
    font-size: 14px;
    color: #FFFFFF;
}

.aimcontroller-conf_desc .aimcontroller-modal-header {
    height: 0;
}

.display {
    display: block !important;
}

.aimcontroller-modal {
    position: fixed;
    z-index: 99999;
    height: 100vh;
}

.aimcontroller-modal,
.aimcontroller-modal-dialog {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}

.aimcontroller-modal-dialog {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(7.5px);
    height: 100vh;
}

.aimcontroller-modal-content {
    position: relative;
    width: auto;
    margin: auto;
    top: 50%;
    max-width: 965px;
    width: 965px;
    max-height: calc(100vh - 112px);
    background: #212121;
    box-shadow: 0px 5.82229px 120.813px rgba(0, 0, 0, 0.54);
    border-radius: 29.1115px;
    transform: translateY(-50%);
    padding: 25px 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.aimcontroller-modal-header {
    font-size: 30px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    text-align: left;
    border-bottom: 1.45557px solid rgba(255, 255, 255, 0.3);
    padding: 0px 30px 18px 45px;
}

.aimcontroller-modal-header h2 {
    font-family: Roboto, sans-serif;
    font-size: 38px;
    line-height: 42px;
    word-break: break-word;
    font-weight: 700;
    margin-top: 0 !important;
}

.aimcontroller-modal-body {
    color: rgb(0, 0, 0);
    overflow-x: hidden;
    border-radius: 0 0 3px 3px !important;
    padding: 30px 45px 0;
    overflow-y: scroll;
}

.aimcontroller-modal-body h3 {
    margin-top: 24px;
    margin-bottom: 11px;
    color: #000;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.aimcontroller-modal-body p {
    font-size: 16px;
    color: #9b9ba4;
    line-height: 25px;
}

.modal-header-btn {
    width: 100%;
    text-align: right;
    line-height: 0 !important;
}

.modal-header-close {
    padding: 0;
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    opacity: 0.3;
    margin: 0 !important;
    line-height: 0 !important;
    float: right;
    top: -35px;
}

/*=============================================================
Text and upload options
=============================================================*/
.VPC_Aimcontrollers_Skin .text-upload-btn-wrap {
    display: flex;
    justify-content: start;
    margin-top: 19px;
}

.VPC_Aimcontrollers_Skin .text-upload-btn-wrap button,
.VPC_Aimcontrollers_Skin .delete-text-upload,
.VPC_Aimcontrollers_Skin .color-box>label {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

.VPC_Aimcontrollers_Skin .text-upload-btn-wrap button {
    padding: 5px 19px;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 8px;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
}

.VPC_Aimcontrollers_Skin .textfield .vpc-group-name,
.VPC_Aimcontrollers_Skin .textfield-box label {
    display: none !important;
}

.VPC_Aimcontrollers_Skin .textfield-box input {
    width: 80%;
    height: 35px;
    padding: 5px 12px;
    background: #FFFFFF;
    border-radius: 2.67289px;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Saira', serif;
    color: #000 !important;
    text-align: left !important;
}

.VPC_Aimcontrollers_Skin .fonts-box {
    width: 80% !important;
}

.VPC_Aimcontrollers_Skin .vpc-textfield {
    flex-direction: column !important;
}

.VPC_Aimcontrollers_Skin .vpc-textfield-font,
.VPC_Aimcontrollers_Skin .vpc-textfield {
    align-items: start !important;
}

.VPC_Aimcontrollers_Skin .textfield-box input:focus-visible {
    outline: 0;
}

.VPC_Aimcontrollers_Skin .textfield-box input:focus {
    box-shadow: none !important;
    background: #FFFFFF !important;
}

.VPC_Aimcontrollers_Skin .color-box .vpc-custom-color.custom,
.VPC_Aimcontrollers_Skin .color-box .vpc-custom-color.custom::before {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    border: 0;
    font-size: 20px !important;
}

.VPC_Aimcontrollers_Skin .color-box input:checked+label.custom::before {
    border: none !important;
}

.VPC_Aimcontrollers_Skin .color-box>label {
    border: 0 !important;
    color: #FFFFFF;
    opacity: 0.5;
    text-transform: uppercase;
    display: block;
    margin: 19px 0 9px;
}

.VPC_Aimcontrollers_Skin .color-box .vpc-single-option-wrap {
    margin: 0 !important;
    margin-right: 14px !important;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap {
    width: 80%;
    margin: 0;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap form,
.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .drop,
.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .upload_in_pause {
    width: 100%;
    height: 100%;
}

.userfile_upload_form {
    border-radius: 10px;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .drop {
    height: 130px;
    max-height: 130px;
    background: #262626;
    border-radius: 10px;
    width: 100%;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .drop label {
    height: 100%;
    border: none !important;
    padding: 8px 9px;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .upload_in_pause {
    border: none;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .acd-upload-info {
    width: 40%;
    height: 108px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .acd-upload-info img {
    left: 50%;
    transform: translate(-50%, -50%);
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .drop a {
    display: block !important;
    float: right;
    cursor: pointer;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap>.vpc-single-option-wrap .drop a::before {
    content: url('https://eu.aimcontrollers.com/wp-content/plugins/vpc-aimcontrollers-feature-create-new-custom-skin/public/images/delete.svg');
    width: 27px;
    background: #E0040B;
    border-radius: 4px;
    display: block;
    text-align: center;
    padding: 5.5px 0;
}

.VPC_Aimcontrollers_Skin .text-upload-content-wrap {
    margin-top: 19px;
    display: none;
}

.VPC_Aimcontrollers_Skin .delete-text-upload {
    color: #FFFFFF;
}

.VPC_Aimcontrollers_Skin .delete-text-upload p:last-of-type {
    opacity: 0.5;
}

.active-option {
    background: #FFFFFF !important;
    color: #212121 !important;
    border: none !important;
}

/*=============================================================
Recap modal
=============================================================*/
.recap-line {
    display: flex;
    position: relative;
}

.recap-comp-name,
.recap-comp-option {
    font-family: 'Saira', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18.9225px;
    line-height: 30px;
    color: #FFFFFF;
}

.recap-comp-option {
    cursor: pointer;
    margin-left: 5px;
    text-align: left;
    width: auto;
    text-overflow: ellipsis;
    max-width: 175px;
    overflow: hidden;
    white-space: nowrap;
}

.recap-comp-option.recap-opt-icone {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center;
}

.recap-comp-option img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.recap-comp-name {
    opacity: 0.5;
    white-space: nowrap;
    width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#aimcontroller-conf-recap {
    display: none;
}

#aimcontroller-conf-recap .aimcontroller-modal-content {
    max-width: 544px;
    height: calc(100% - 3.5rem);
}

#aimcontroller-conf-recap .modal-header-content p:first-of-type,
#aimcontroller-conf-recap .modal-header-content p:last-of-type {
    font-family: 'Saira';
    font-style: normal;
    color: #FFFFFF;
    margin: 0;
}

#aimcontroller-conf-recap .modal-header-content p:first-of-type {
    font-weight: 500;
    font-size: 34.9338px;
    line-height: 55px;
    text-transform: uppercase;
}

#aimcontroller-conf-recap .modal-header-content p:last-of-type {
    font-weight: 400;
    font-size: 23.2892px;
    line-height: 37px;
}

/* Tooltip container */
.change-tooltip {
    position: relative;
    display: inline-block;
}

.change-tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #E0040B;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
    position: absolute;
    z-index: 1030;
    bottom: 100%;
    left: 75%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 31px;
    transform: translateX(-75%);
}

.change-tooltip:hover~.change-tooltip-text {
    visibility: visible;
}

.change-tooltip:hover~.change-tooltip-text::after {
    content: url('https://eu.aimcontrollers.com/wp-content/plugins/vpc-aimcontrollers-feature-create-new-custom-skin/public/images/polygon.svg');
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 768px) {
    .VPC_Aimcontrollers_Skin .vpc-options .vpc-group:last-child {
        margin-bottom: 80px;
    }
}


div.vpc-group select{
	display:block !important;
}
.vpc-group .select2{
	display:none !important;
}

#vpc-qty-container{
    display:none !important;
}


/* fix eu top bar */
#vpc-skin-sidebar > div > div.bx-wrapper{
    display:block;
}
.VPC_Aimcontrollers_Skin #vpc-skin-sidebar .bx-viewport:not(.component-navigation .bx-viewport) {
    max-height: calc(100vh - 460px) !important;
    overflow-y: scroll !important;
}