/**------Basic------*/
/**------Basic------*/
/**------Basic------*/
body {
    background: #0d0d0d !important;
}
body > .body .ba-section {
    max-width: 1920px;
    margin: 0 auto;
}
header + .body {
    overflow: hidden;
}
p,
h1,
h2,
h3,
li {
    cursor: default;
}
a > p,
a > span {
    cursor: pointer;
}
.trigger-scroll-down {
    cursor: pointer;
}
.ba-classic-breadcrumbs .zmdi-caret-right:before {
    content: "/" !important;
    font-size: 16px;
    position: relative;
    top: -3px;
    left: 2px;
    font-weight: 700;
}
::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
::-ms-input-placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
.black-back input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
.black-back input:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
.black-back input::-ms-input-placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
body header.header {
    transition: all 0.5s ease-in-out;
    transition-delay: 0.5s;
}
header.header[class*="fixed-header"] {
    background: #1e1e1e;
    box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 40%);
}
/**------Basic------*/
/**------Basic------*/
/**------Basic------*/

/**------Scroll-bar------*/
/**------Scroll-bar------*/
/**------Scroll-bar------*/
@media (pointer: fine) {
    ::-webkit-scrollbar {
        width: 6px;
    }
    ::-webkit-scrollbar-track {
        background-color: #0d0d0d;
    }
    ::-webkit-scrollbar-thumb {
        background: #ff2e80;
        border-radius: 20px;
        border: 0px;
        transition: scrollbar-color 0.5s ease-out;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #ff2e80;
    }
    .ba-live-search-results .ba-live-search-body::-webkit-scrollbar-thumb,
    .ba-wishlist-products-list::-webkit-scrollbar-thumb,
    .ba-cart-products-list::-webkit-scrollbar-thumb {
        background: #ff2e80 !important;
        border-radius: 0 !important;
    }
}
/**------Scroll-bar------*/
/**------Scroll-bar------*/
/**------Scroll-bar------*/

/**------Forms------*/
/**------Forms------*/
/**------Forms------*/
body .ba-form-acceptance-field .ba-field-container,
.ba-form-field-item .ba-form-checkbox-wrapper {
    margin: 11px 0 25px 0 !important;
}
body .ba-form-acceptance-field label.ba-form-checkbox > span,
body .ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    background: transparent !important;
    border: 1px solid rgb(255 255 255 / 40%) !important;
    border-radius: 100% !important;
    height: 16px !important;
    width: 16px !important;
    top: 4px !important;
}
body .ba-form-acceptance-field .ba-field-container,
body .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
    padding-left: 24px !important;
}

body .ba-form-acceptance-field label.ba-form-checkbox > span:hover {
    border: 1px solid #fff !important;
}
body .ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span:before,
body .ba-form-field-item .ba-form-checkbox-wrapper input[type="checkbox"]:checked + span:before {
    animation: none !important;
    content: "" !important;
    position: absolute !important;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
}
body .ba-form-acceptance-field label.ba-form-checkbox > span:hover {
    border: 1px solid #fff !important;
}
body .ba-form-acceptance-field .ba-form-acceptance-html p a {
    transition: all 0.5s ease-in-out;
}
body .ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
    color: #ff2e80;
}
.btn-gradient .ba-form-submit-btn {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}
.btn-gradient .ba-form-submit-btn:before {
    content: "";
    position: absolute !important;
    top: 0;
    left: 0;
    display: flex;
    background: linear-gradient(270deg, var(--color-1) 0%, var(--color-2) 100%) !important;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    animation: none !important;
    border: none !important;
    width: 100% !important;
    height: 100% !important;
}
.btn-gradient .ba-form-submit-btn span {
    z-index: 120 !important;
}
.btn-gradient:hover .ba-form-submit-btn:before {
    opacity: 1;
}
.btn-gradient .ba-form-submit-btn i {
    margin: 0 0 0 8px !important;
    width: 13px !important;
    z-index: 120 !important;
}
.btn-gradient .ba-form-submit-btn i:before {
    content: "";
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    top: calc(50% - 7.5px);
    z-index: 120 !important;
}
.btn-gradient .ba-form-submit-btn i:after {
    content: "";
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    top: calc(50% - 7.5px);
    z-index: 110 !important;
}
.ba-form-submit-btn i:before {
    content: "";
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    top: calc(50% - 7.5px);
    transition: all 0.5s ease-in-out;
    background-image: url(/images/icons/arrow-right.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.btn-gradient:hover .ba-form-submit-btn i:before {
    opacity: 0;
}
.ba-forms-lightbox-row i.ba-icon-close {
    padding: 0px !important;
}
.ba-form-icons.ba-icon-close:before {
    content: "" !important;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    transition: all 0.5s ease-in-out;
    background-image: url(/images/icons/close.svg);
    width: 18px;
    height: 18px;
    top: 30px;
    right: 30px;
}
.white-submit .ba-form-submit-btn i:before {
    background-image: url(/images/icons/arrow-right-white.svg);
}
.white-submit .ba-form-submit-btn:hover i:before {
    filter: brightness(0.5);
}
/**------Forms------*/
/**------Forms------*/
/**------Forms------*/

/**------Buttons------*/
/**------Buttons------*/
/**------Buttons------*/

/**------Buttons-Standart------*/
.btn-gradient .ba-button-wrapper > a {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}
.btn-gradient .ba-button-wrapper > a:before {
    content: "";
    position: absolute !important;
    top: 0;
    left: 0;
    display: flex;
    background: linear-gradient(270deg, var(--color-1) 0%, var(--color-2) 100%) !important;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: -1;
}
.btn-gradient:hover .ba-button-wrapper > a:before {
    opacity: 1;
}
.btn-gradient .ba-button-wrapper > a i {
    margin: 0 0 0 8px !important;
    width: 13px !important;
}
.btn-gradient .ba-button-wrapper > a i:before {
    content: "";
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    top: calc(50% - 7.5px);
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.btn-gradient:hover .ba-button-wrapper > a i:after {
    opacity: 0;
}
.btn-gradient .ba-button-wrapper > a i:after {
    content: "";
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    top: calc(50% - 7.5px);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.btn-gradient:hover .ba-button-wrapper > a i:after {
    opacity: 1;
}
.btn-gradient.left a {
    margin-left: initial !important;
}
/**------Buttons-Standart------*/

/**------Buttons-Variation------*/

/**------b1------*/
.button-1 .ba-button-wrapper > a {
    background-image: url(/images/gradients/button-1.svg);
    width: 184px;
    height: 37px;
}
.button-1 .ba-button-wrapper > a:before {
    width: 184px;
    height: 37px;
}
.button-1 .ba-button-wrapper > a i:before {
    background-image: url(/images/icons/arrow-right.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.button-1 .ba-button-wrapper > a i:after {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
/**------b1------*/

/**------b2------*/
.button-2 .ba-button-wrapper > a {
    background-image: url(/images/gradients/button-2.svg);
    width: 119px;
    height: 37px;
}
.button-2 .ba-button-wrapper > a:before {
    width: 119px;
    height: 37px;
}
/**------b2------*/

/**------b3------*/
.button-3 .ba-button-wrapper > a {
    background-image: url(/images/gradients/button-3.svg);
    width: 98px;
    height: 37px;
    margin: 0 auto;
}
.button-3 .ba-button-wrapper > a:before {
    width: 98px;
    height: 37px;
}
.button-3 .ba-button-wrapper > a i:before {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.button-3 .ba-button-wrapper > a i:after {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
/**------b3------*/

/**------b4------*/
.button-4 .ba-button-wrapper > a {
    background-image: url(/images/gradients/button-4.svg);
    width: 126px;
    height: 37px;
}
.button-4 .ba-button-wrapper > a:before {
    width: 126px;
    height: 37px;
}
.button-4 .ba-button-wrapper > a i:before {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.button-4 .ba-button-wrapper > a i:after {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
/**------b4------*/

/**------b5------*/
.button-5 a {
    background-image: url(/images/gradients/button-5.svg);
    width: 134px;
    height: 37px;
}
.button-5 a:before {
    width: 134px;
    height: 37px;
}
.button-5 a i:before {
    background-image: url(/images/icons/arrow-right.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.button-5 a i:after {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
/**------b5------*/

/**------b-white------*/
.button-white .ba-button-wrapper > a {
    width: 96px;
    height: 35px;
    border: 1px solid #fff;
    margin-left: auto;
}
.button-white.right .ba-button-wrapper > a {
    margin-left: auto;
}
.button-white .ba-button-wrapper > a:before {
    width: 98px;
    height: 37px;
}
.button-white .ba-button-wrapper > a i:before {
    background-image: url(/images/icons/arrow-right-white.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.button-white .ba-button-wrapper > a i:after {
    background-image: url(/images/icons/arrow-right.svg);
    width: 18px;
    height: 15px;
    top: calc(50% - 7.5px);
}
.btn-gradient.button-white:hover .ba-button-wrapper > a:before {
    opacity: 0 !important;
}
/**------b-white------*/

/**------Buttons-Variation------*/

/**------Buttons------*/
/**------Buttons------*/
/**------Buttons------*/

/**------Patterns------*/
/**------Patterns------*/
/**------Patterns------*/
.colored .content-text span {
    background: linear-gradient(270deg, #ff2e80 0%, #3f3cff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/**------Patterns------*/
/**------Patterns------*/
/**------Patterns------*/

/**------Header------*/
/**------Header------*/
/**------Header------*/
.main-menu .ba-icon-caret-right:before {
    content: "";
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute !important;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    background-image: url(/images/icons/chevron.svg);
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
    transform-origin: 50% 50%;
    transform: rotate(0deg) !important;
}
.main-menu li.nav-item:hover .ba-icon-caret-right:before {
    transform: rotate(180deg) !important;
}
#item-1690037741795 {
    min-height: calc(100vh - 70px);
}
/**------Header------*/
/**------Header------*/
/**------Header------*/
.ba-slideset .slideshow-content li {
    transition: left .4s ease!important;
}
/**------Footer------*/
/**------Footer------*/
/**------Footer------*/
.footer-head .content-text {
    max-width: 456px;
}
.footer-text .content-text {
    max-width: 231px;
}
.footer > .ba-overlay {
    background-image: url(/images/banners/vector-footer.svg) !important;
    background-color: rgba(0, 0, 0, 0);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-attachment: scroll;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}
.socials-block .ba-feature-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px !important;
    height: 35px;
    padding: 0;
    margin-right: 10px !important;
    border-radius: 100%;
}
.socials-block .ba-feature-box .ba-feature-image-wrapper {
    display: flex;
}
.socials-block .ba-feature-box .ba-feature-image-wrapper div {
    background-size: contain;
}
.menu-drop p {
    position: relative;
    width: fit-content;
}
.menu-drop p:before {
    content: "";
    display: flex;
    background-image: url(/images/icons/arrow-down-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 9px;
    height: 9px;
    position: absolute !important;
    top: 8px;
    right: -14px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    align-items: center;
    justify-content: center;
}
/**------Footer------*/
/**------Footer------*/
/**------Footer------*/

/**------Gradients------*/
/**------Gradients------*/
/**------Gradients------*/

/**------gr-1------*/
body.gridbox .gradient-1 {
    display: none !important;
}
.gradient-1 {
    position: absolute !important;
    right: 0;
    left: 180px;
    top: -155px;
    z-index: -1;
    width: fit-content !important;
}
.gradient-1 svg {
    width: 1000px;
    filter: blur(112px);
}
/**------gr-1------*/

/**------gr-4------*/
body.gridbox .gradient-4 {
    display: none !important;
}
.gradient-4 {
    position: absolute !important;
    right: 180px;
    bottom: 0;
    z-index: -1;
    width: fit-content !important;
}
.gradient-4 svg {
    width: 800px;
    filter: blur(112px);
}
/**------gr-4------*/

/**------gr-5------*/
body.gridbox .gradient-5 {
    display: none !important;
}
.gradient-5 {
    position: absolute !important;
    left: -18vw;
    top: -90px;
    z-index: -1;
}
.gradient-5 svg {
    width: 103vw;
    height: 30vw;
    filter: blur(92px);
    transform: rotate(4.5deg);
}
/**------gr-5------*/

/**------gr-6------*/
body.gridbox .gradient-6 {
    display: none !important;
}
.gradient-6 {
    position: absolute !important;
    bottom: 190px;
    left: 200px;
    z-index: -1;
    width: fit-content !important;
}
.gradient-6 svg {
    width: 650px;
    filter: blur(112px);
}
/**------gr-6------*/

/**------gr-8------*/
body.gridbox .gradient-8 {
    display: none !important;
}
.gradient-8 {
    position: absolute !important;
    right: 180px;
    top: -135px;
    z-index: -1;
    width: fit-content !important;
}
.gradient-8 svg {
    width: 26vw;
    filter: blur(92px);
}
/**------gr-8------*/

/**------gr-9------*/
body.gridbox .gradient-9 {
    display: none !important;
}
.gradient-9 {
    position: absolute !important;
    right: 80px;
    top: -120px;
    z-index: -1;
    width: fit-content !important;
}
.gradient-9 svg {
    width: 720px;
    filter: blur(112px);
}
/**------gr-9------*/

/**------gr-10------*/
body.gridbox .gradient-10 {
    display: none !important;
}
.gradient-10 {
    position: absolute !important;
    bottom: 0;
    left: 0px;
    z-index: -1;
    width: fit-content !important;
}
.gradient-10 svg {
    width: 550px;
    filter: blur(112px);
}
/**------gr-10------*/

/**------gr-11------*/
body.gridbox .gradient-11 {
    display: none !important;
}
.gradient-11 {
    position: absolute !important;
    top: 0;
    left: 160px;
    z-index: -1;
    width: fit-content !important;
}
.gradient-11 svg {
    width: 1200px;
    filter: blur(37px);
}
/**------gr-11------*/

/**------Gradients------*/
/**------Gradients------*/
/**------Gradients------*/

@media (max-width: 1250px) {
    .content-text {
        max-width: 100% !important;
    }
    body .ba-form-page {
        padding: 0px !important;
    }
    body .ba-form-3 .ba-form-page {
        padding: 30px 20px !important;
    }
    body .ba-form-4 .ba-form-page {
        padding: 30px 20px !important;
    }
    body .ba-forms-modal-wrapper .ba-forms-modal {
        padding: 0 15px !important;
    }
    body .ba-forms-lightbox-row {
        width: calc(100% - 30px) !important;
    }
    body .ba-forms-modal-wrapper .ba-form-page {
        min-width: calc(var(--form-width-fullwidth) - 30px) !important;
        max-width: calc(100vw - 30px) !important;
    }
    body .ba-form-icons.ba-icon-close:before {
        top: 15px !important;
        right: 10px !important;
    }
    h2.form-head {
        margin-top: 30px !important;
    }
    .side-menu-mob .nav > .deeper.parent > .mod-menu__sub {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .side-menu-mob li.deeper.parent > ul {
        width: 100% !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }
    .side-menu-mob i {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .lightbox-bottom-left .ba-lightbox,
    .lightbox-bottom-right .ba-lightbox {
        bottom: 10px !important;
        right: 0 !important;
        display: flex !important;
        justify-content: center !important;
    }
    #item-1690105710085 {
        width: calc(100% - 40px) !important;
    }
    #item-16898667370 {
        background-position: -90% 0%;
        overflow: hidden;
    }
    .footer > .ba-overlay {
        background-image: url(/images/banners/vector-footer-mob.svg) !important;
        background-position: 100% 0%;
    }
    .gradient-4 {
        right: 120px;
        top: initial;
        bottom: 0;
    }
    .ba-overlay-section-backdrop {
        min-height: 100dvh!important;
    }
    body .ba-overlay-section-backdrop.vertical-left > .ba-overlay-section > .ba-section,
    body .ba-overlay-section-backdrop.vertical-right > .ba-overlay-section > .ba-section {
        min-height: 100dvh !important;
    }
    .contact-item {
        margin-bottom: 15px;
    }
    #item-1690037741795 {
        min-height: calc(100dvh - 50px);
    }
}