body { margin: 0; font-family: "Poppins", sans-serif; font-size: 0.93rem; font-weight: 400; line-height: 1.7; color: #7d879c; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a { color: #5465ff; text-decoration: none; } a:hover { color: #4351cc; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } .zeroBorder { border: none; } span.help-block-error { display:block; color:red; font-size:1.1em; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } input.invalid { border:1px solid #f44336; } select.invalid { border:1px solid #f44336; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .filterApplied { background-color: #EFF2F3; box-shadow: none; } .filterApplied { display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0 12px; border-radius: 16px; background-color: #eceff1; margin-bottom: 1rem; margin-right: 1rem; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Poppins", sans-serif; font-weight: 600; line-height: 1.2; color: #02010a; } h1, .h1 { font-size: calc(1.3575rem + 1.29vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.325rem; } } h2, .h2 { font-size: calc(1.311rem + 0.732vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.86rem; } } h3, .h3 { font-size: calc(1.28775rem + 0.453vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.6275rem; } } h4, .h4 { font-size: calc(1.2645rem + 0.174vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.395rem; } } h5, .h5 { font-size: 1.1625rem; } h6, .h6 { font-size: 0.93rem; } .bg-primary { background-color: #5465ff !important; } .bg-secondary { background-color: #7d879c !important; } .bg-success { background-color: #28bb74 !important; } .bg-info { background-color: #3b86ff !important; } .bg-warning { background-color: #ff9736 !important; } .bg-danger { background-color: #ff6f61 !important; } .bg-light { background-color: #f6f9fc !important; } .bg-white { background-color: #fff !important; } .bg-black { background-color: #000 !important; } .bg-dark { background-color: #02010a !important; } .bg-body { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .ms-auto { margin-left: auto !important; } .mt-n1 { margin-top: -0.25rem !important; } .mt-n2 { margin-top: -0.5rem !important; } .mt-n3 { margin-top: -1rem !important; } .mt-n4 { margin-top: -1.5rem !important; } .mt-n5 { margin-top: -2rem !important; } .mt-n6 { margin-top: -2.5rem !important; } .mt-n7 { margin-top: -3rem !important; } .mt-n8 { margin-top: -3.5rem !important; } .mt-n9 { margin-top: -4rem !important; } .mt-n10 { margin-top: -5rem !important; } .mt-n11 { margin-top: -6rem !important; } .mt-n12 { margin-top: -7rem !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 2rem !important; } .mb-6 { margin-bottom: 2.5rem !important; } .mb-7 { margin-bottom: 3rem !important; } .mb-8 { margin-bottom: 3.5rem !important; } .mb-9 { margin-bottom: 4rem !important; } .mb-10 { margin-bottom: 5rem !important; } .mb-11 { margin-bottom: 6rem !important; } .mb-12 { margin-bottom: 7rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 2rem !important; } .pb-6 { padding-bottom: 2.5rem !important; } .pb-7 { padding-bottom: 3rem !important; } .pb-8 { padding-bottom: 3.5rem !important; } .pb-9 { padding-bottom: 4rem !important; } .pb-10 { padding-bottom: 5rem !important; } .pb-11 { padding-bottom: 6rem !important; } .pb-12 { padding-bottom: 7rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-6 { padding-right: 2.5rem !important; padding-left: 2.5rem !important; } .px-7 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-8 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .px-9 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-10 { padding-right: 5rem !important; padding-left: 5rem !important; } .px-11 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-12 { padding-right: 7rem !important; padding-left: 7rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-6 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .py-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-8 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .py-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .py-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } .fs-1 { font-size: calc(1.3575rem + 1.29vw) !important; } .fs-2 { font-size: calc(1.311rem + 0.732vw) !important; } .fs-3 { font-size: calc(1.28775rem + 0.453vw) !important; } .fs-4 { font-size: calc(1.2645rem + 0.174vw) !important; } .fs-5 { font-size: 1.1625rem !important; } .fs-6 { font-size: 0.93rem !important; } .fs-l1 { font-size: calc(3.3575rem + 3.29vw) !important; } .preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 99999; } .preloader .spinner-border { width: 40px; height: 40px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .section { padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 768px) { .section { padding-top: 3rem; padding-bottom: 3rem; } } @media (min-width: 992px) { .section { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .section-heading { margin-bottom: 1.5rem; } @media (min-width: 768px) { .section-heading { margin-bottom: 1.75rem; } } @media (min-width: 992px) { .section-heading { margin-bottom: 2rem; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-top-header { top: 100px; } } article h4, article .h4, article h5, article .h5 { margin-bottom: 1.5rem; } article h4:not(:first-child), article .h4:not(:first-child), article h5:not(:first-child), article .h5:not(:first-child) { margin-top: 2rem; } article p { line-height: 1.9; } article figure { margin: 3rem 0; } article figure + h4, article figure + .h4, article figure + h5, article figure + .h5 { margin-top: 0 !important; } article blockquote { border-left: 5px solid #e3e9ef; padding-left: 2rem; margin-top: 2rem; margin-bottom: 3rem; display: inline-block; vertical-align: top; width: 100%; } article blockquote + h4, article blockquote + .h4, article blockquote + h5, article blockquote + .h5 { margin-top: 0 !important; } .avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; font-weight: 600; height: 3.125rem; width: 3.125rem; overflow: hidden; } .avatar-sm { height: 2.4375rem; width: 2.4375rem; } .avatar-lg { height: 4rem; width: 4rem; } .avatar-xl { height: 6rem; width: 6rem; } .avatar-xxl { height: 9rem; width: 9rem; } .avatar-group .avatar { margin-left: -1.25rem; } .avatar-group .avatar:hover { z-index: 1; } .avatar-parent { display: inline-block; position: relative; } .avatar-child { position: absolute; bottom: -0.45rem; border: 2px solid #fff; left: 0; right: 0; margin: auto; width: 0.9rem; height: 0.9rem; border-radius: 50%; } .dropdown-header { font-weight: 700; font-size: 0.95rem; } .dropdown-toggle:after { content: "\f282"; font-family: bootstrap-icons; font-size: 0.5rem; margin-left: 0.35rem; font-weight: 900; vertical-align: middle; border: none; } @media (min-width: 992px) { .dropdown > .dropdown-menu-hover { display: none !important; margin: 0; } .dropdown > .dropdown-menu-hover.left { left: 0; right: auto; } .dropdown > .dropdown-menu-hover.right { right: 0; left: auto; } .dropdown:hover > .dropdown-menu-hover { display: block !important; } } .min-vh-50 { min-height: 50vh; } .min-vh-85 { min-height: 85vh; } .min-vh-65 { min-height: 65vh; } .min-h-150px { min-height: 150px; } .min-h-250px { min-height: 250px; } .min-h-350px { min-height: 350px; } .w-5px { width: 5px; } .w-10px { width: 10px; } .w-15px { width: 15px; } .w-25px { width: 25px; } .w-30px { width: 30px; } .w-35px { width: 35px; } .w-40px { width: 40px; } .w-45px { width: 45px; } .w-50px { width: 50px; } .w-55px { width: 55px; } .w-60px { width: 60px; } .w-65px { width: 65px; } .w-75px { width: 75px; } .w-80px { width: 80px; } .w-85px { width: 85px; } .w-90px { width: 90px; } .w-95px { width: 95px; } .w-100px { width: 100px; } .w-autopx { width: autopx; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-35 { width: 35% !important; } .w-40 { width: 40% !important; } .w-45 { width: 45% !important; } .w-50 { width: 50% !important; } .w-55 { width: 55% !important; } .w-60 { width: 60% !important; } .w-65 { width: 65% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !important; } .w-95 { width: 95% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } @media (min-width: 576px) { .w-sm-5 { width: 5% !important; } .w-sm-10 { width: 10% !important; } .w-sm-15 { width: 15% !important; } .w-sm-25 { width: 25% !important; } .w-sm-30 { width: 30% !important; } .w-sm-35 { width: 35% !important; } .w-sm-40 { width: 40% !important; } .w-sm-45 { width: 45% !important; } .w-sm-50 { width: 50% !important; } .w-sm-55 { width: 55% !important; } .w-sm-60 { width: 60% !important; } .w-sm-65 { width: 65% !important; } .w-sm-75 { width: 75% !important; } .w-sm-80 { width: 80% !important; } .w-sm-85 { width: 85% !important; } .w-sm-90 { width: 90% !important; } .w-sm-95 { width: 95% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } } @media (min-width: 768px) { .w-md-5 { width: 5% !important; } .w-md-10 { width: 10% !important; } .w-md-15 { width: 15% !important; } .w-md-25 { width: 25% !important; } .w-md-30 { width: 30% !important; } .w-md-35 { width: 35% !important; } .w-md-40 { width: 40% !important; } .w-md-45 { width: 45% !important; } .w-md-50 { width: 50% !important; } .w-md-55 { width: 55% !important; } .w-md-60 { width: 60% !important; } .w-md-65 { width: 65% !important; } .w-md-75 { width: 75% !important; } .w-md-80 { width: 80% !important; } .w-md-85 { width: 85% !important; } .w-md-90 { width: 90% !important; } .w-md-95 { width: 95% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } } @media (min-width: 992px) { .w-lg-5 { width: 5% !important; } .w-lg-10 { width: 10% !important; } .w-lg-15 { width: 15% !important; } .w-lg-25 { width: 25% !important; } .w-lg-30 { width: 30% !important; } .w-lg-35 { width: 35% !important; } .w-lg-40 { width: 40% !important; } .w-lg-45 { width: 45% !important; } .w-lg-50 { width: 50% !important; } .w-lg-55 { width: 55% !important; } .w-lg-60 { width: 60% !important; } .w-lg-65 { width: 65% !important; } .w-lg-75 { width: 75% !important; } .w-lg-80 { width: 80% !important; } .w-lg-85 { width: 85% !important; } .w-lg-90 { width: 90% !important; } .w-lg-95 { width: 95% !important; } .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } } @media (min-width: 1200px) { .w-xl-5 { width: 5% !important; } .w-xl-10 { width: 10% !important; } .w-xl-15 { width: 15% !important; } .w-xl-25 { width: 25% !important; } .w-xl-30 { width: 30% !important; } .w-xl-35 { width: 35% !important; } .w-xl-40 { width: 40% !important; } .w-xl-45 { width: 45% !important; } .w-xl-50 { width: 50% !important; } .w-xl-55 { width: 55% !important; } .w-xl-60 { width: 60% !important; } .w-xl-65 { width: 65% !important; } .w-xl-75 { width: 75% !important; } .w-xl-80 { width: 80% !important; } .w-xl-85 { width: 85% !important; } .w-xl-90 { width: 90% !important; } .w-xl-95 { width: 95% !important; } .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } } .min-vh-50 { min-height: 50vh; } .min-vh-85 { min-height: 85vh; } .min-vh-75 { min-height: 75vh; } .min-vh-65 { min-height: 65vh; } .min-h-150px { min-height: 150px; } .min-h-250px { min-height: 250px; } .min-h-350px { min-height: 350px; } * { outline: none; } .white-link a { color: rgba(255, 255, 255, 0.85); } .white-link a:hover { color: #fff; } .dark-link a { color: rgba(0, 0, 0, 0.65); } .dark-link a:hover { color: #000; } .text-white { color: #fff; } .text-white .dark-link a { color: rgba(255, 255, 255, 0.85); } .text-white .dark-link a:hover { color: #fff; } .theme-link a { color: #7d879c; } .theme-link a.active, .theme-link a:hover { color: #5465ff; } .text-100 { color: #f6f9fc; } .text-200 { color: #f3f5f9; } .text-300 { color: #e3e9ef; } .text-400 { color: #dae1e7; } .text-500 { color: #aeb4be; } .text-600 { color: #7d879c; } .text-700 { color: #4b566b; } .text-800 { color: #373f50; } .text-900 { color: #2b3445; } .text-white-85 { color: rgba(255, 255, 255, 0.85) !important; } .bg-cover { background-size: cover; } .bg-right-center { background-position: center right; } .bg-no-repeat { background-repeat: no-repeat; } .bg-center { background-position: center; } .bg-black { background: #000; } .bg-gray-100 { background-color: #f6f9fc; } .bg-gray-200 { background-color: #f3f5f9; } .bg-gray-300 { background-color: #e3e9ef; } .bg-gray-400 { background-color: #dae1e7; } .bg-gray-500 { background-color: #aeb4be; } .bg-gray-600 { background-color: #7d879c; } .bg-gray-700 { background-color: #4b566b; } .bg-gray-800 { background-color: #373f50; } .bg-gray-900 { background-color: #2b3445; } .bg-primary-light { background-color: rgba(84, 101, 255, 0.04) !important; } .bg-secondary-light { background-color: rgba(125, 135, 156, 0.04) !important; } .bg-success-light { background-color: rgba(40, 187, 116, 0.04) !important; } .bg-info-light { background-color: rgba(59, 134, 255, 0.04) !important; } .bg-warning-light { background-color: rgba(255, 151, 54, 0.04) !important; } .bg-danger-light { background-color: rgba(255, 111, 97, 0.04) !important; } .bg-light-light { background-color: rgba(246, 249, 252, 0.04) !important; } .bg-white-light { background-color: rgba(255, 255, 255, 0.04) !important; } .bg-black-light { background-color: rgba(0, 0, 0, 0.04) !important; } .bg-dark-light { background-color: rgba(2, 1, 10, 0.04) !important; } /*:not(.toast-header):not(.alert)>.btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 1030; display: inline-flex; }*/ .modal.px-modal-right .px-modal-vertical { transform: translateX(100%); height: 100%; max-width: 400px; margin: 0 0 0 auto; transition: transform .3s ease-out; } .modal.px-modal-right .px-modal-vertical .modal-content { height: inherit; overflow-y: auto; } .modal.px-modal-right.show { padding-right: 0 !important; } .modal.px-modal-right.show .px-modal-vertical { transform: translateX(0); } .letter-spacing-1 { letter-spacing: 1px; } .letter-spacing-2 { letter-spacing: 2px; } .letter-spacing-3 { letter-spacing: 3px; } .letter-spacing-4 { letter-spacing: 4px; } .letter-spacing-5 { letter-spacing: 5px; } .letter-spacing-6 { letter-spacing: 6px; } .slick-dots { text-align: center; margin: 0; padding: 0; list-style: none; } .owl-main-slider .slick-dots { position: absolute; bottom: 20px; left: 0; right: 0; font-size: 0px; } .slick-dots li { display: inline-block; vertical-align: top; margin: 0 5px; } .slick-dots li button { width: 15px; height: 15px; background: #fff; border: 1px solid #5465ff; transition: ease all 0.55s; border-radius: 50%; font-size: 0px; color: transparent; padding: 0; } .slick-dots li.slick-active button { background: #5465ff; } .owl-carousel .owl-item img { width: auto; max-width: 100%; } .owl-no-overflow .owl-stage-outer { overflow: inherit; } .slick-carousel .slick-arrow { position: absolute; top: 0; bottom: 0; width: 25px; height: 40px; margin: auto; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; color: #02010a; background: #fff; border: none; z-index: 1; } .slick-carousel .slick-arrow i { line-height: 1; } .slick-carousel .slick-arrow.slick-disabled { opacity: 0.35; } .slick-carousel.slick-nav-arrow-bottom .slick-arrow { position: relative; display: inline-block; margin-right: 6px; width: 30px; height: 30px; background: #02010a; color: #fff; border-radius: 50%; padding: 0; line-height: 30px; font-size: 13px; } .slick-carousel.slick-nav-arrow-bottom .slick-arrow:hover { background: #5465ff; } .slick-carousel.slick-nav-rounded .slick-arrow { width: 55px; height: 55px; border-radius: 50%; font-size: 22px; } @media (max-width: 767.98px) { .slick-carousel.slick-nav-rounded .slick-arrow { width: 30px; height: 30px; font-size: 14px; } } .slick-carousel.slick-nav-rounded .slick-next { right: 20px; } @media (max-width: 767.98px) { .slick-carousel.slick-nav-rounded .slick-next { right: 8px; } } .slick-carousel.slick-nav-rounded .slick-prev { left: 20px; } @media (max-width: 767.98px) { .slick-carousel.slick-nav-rounded .slick-prev { left: 8px; } } .slick-carousel.slick-nav-rounded-sm .slick-carousel .slick-arrow { width: 30px; height: 30px; border-radius: 50%; font-size: 12px; } .slick-carousel.slick-nav-dark .slick-arrow { color: #fff; background: #02010a; } .slick-carousel .slick-next { right: 0; } .slick-carousel .slick-prev { left: 0; } .rating-star .active { color: #fea569; } /* Product Card 1 -------------------------------------------*/ .product-card-1 { border: 1px solid #e3e9ef; position: relative; background: #fff; } .product-card-1 .badge-ribbon { position: absolute; top: 15px; left: 0; z-index: 1; } .product-card-1 .product-card-image { border-bottom: 1px solid #e3e9ef; } .product-card-1 .product-media { overflow: hidden; position: relative; } .product-card-1 .product-media img { transform: scale(1); transition: ease all 0.35s; width: 100%; } .product-card-1 .product-action { position: absolute; top: 15px; right: 25px; display: flex; flex-direction: column; transition: ease all 0.35s; opacity: 0; z-index: 1; } .product-card-1 .product-action .btn { padding: 0; width: 35px; height: 35px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; margin-bottom: 10px; background: #fff; } .product-card-1 .product-action .btn:hover { background: #5465ff; } .product-card-1 .product-cart-btn { position: absolute; bottom: -25%; left: 0; right: 0; transition: ease all 0.35s; } .product-card-1 .product-card-info { position: relative; padding: 10px 15px 15px; text-align: center; } .product-card-1 .product-meta { line-height: normal; margin-bottom: 2px; } .product-card-1 .product-meta a { color: #2c3e50; font-size: 11px; } .product-card-1 .product-meta a:hover { color: #5465ff; } .product-card-1 .product-title { font-weight: 600; margin: 0 0 6px; } .product-card-1 .product-title a { color: #02010a; } .product-card-1 .product-title a:hover { color: #5465ff; } .product-card-1 .product-price span { font-size: 16px; font-weight: 600; } .product-card-1 .product-price del { font-size: 14px; } .product-card-1 .rating-star { font-size: 12px; margin-bottom: 5px; } .product-card-1 .form-check { margin: 0 2px; } .product-card-1 .nav-thumbs { padding-top: 10px; } .product-card-1:hover { box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05); } .product-card-1:hover .product-media img { transform: scale(1.1); } .product-card-1:hover .product-action { opacity: 1; right: 15px; } .product-card-1:hover .product-cart-btn { bottom: 0; } /* Product Card 2 -------------------------------------------*/ .product-card-2 { border: 1px solid #f3f5f9; position: relative; background: #fff; } .product-card-2 .badge-ribbon { position: absolute; top: 15px; left: 0; z-index: 1; } .product-card-2 .product-media { overflow: hidden; position: relative; } .product-card-2 .product-media img { transform: scale(1); transition: ease all 0.35s; width: 100%; } .product-card-2 .btn { padding: 0; width: 35px; height: 35px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; } .product-card-2 .product-wishlist { position: absolute; top: 15px; right: 15px; z-index: 1; } .product-card-2 .product-wishlist .btn:not(:hover) { background: #fff; } .product-card-2 .product-action { position: absolute; bottom: 0; left: 0; right: 0; transition: ease all 0.35s; padding: 10px; } .product-card-2 .product-action .btn { margin: 0 3px; position: relative; transition: ease all 0.35s; opacity: 0; top: -15px; } .product-card-2 .product-card-info { position: relative; padding: 10px 15px 15px; text-align: center; } .product-card-2 .product-meta { line-height: normal; margin-bottom: 2px; } .product-card-2 .product-meta a { color: #7d879c; font-size: 11px; } .product-card-2 .product-meta a:hover { color: #5465ff; } .product-card-2 .product-title { font-weight: 600; margin: 0 0 6px; } .product-card-2 .product-title a { color: #02010a; } .product-card-2 .product-title a:hover { color: #5465ff; } .product-card-2 .product-price span { font-size: 16px; font-weight: 600; } .product-card-2 .product-price del { font-size: 14px; } .product-card-2 .rating-star { font-size: 12px; margin-bottom: 5px; } .product-card-2 .form-check { margin: 0 2px; } .product-card-2 .nav-thumbs { padding-top: 10px; } .product-card-2:hover { box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05); } .product-card-2:hover .product-media img { transform: scale(1.1); } .product-card-2:hover .product-action { background: rgba(255, 255, 255, 0.6); } .product-card-2:hover .product-action .btn { opacity: 1; top: 0; } /* Product Card 3 -------------------------------------------*/ .product-card-3 { position: relative; background: #fff; } .product-card-3 .badge-ribbon { position: absolute; top: 15px; left: 0; z-index: 1; } .product-card-3 .product-media { overflow: hidden; position: relative; } .product-card-3 .product-media img { transform: scale(1); transition: ease all 0.35s; width: 100%; } .product-card-3 .product-action { position: absolute; top: 15px; right: 15px; display: flex; flex-direction: column; z-index: 1; } .product-card-3 .product-action .btn { padding: 0; width: 35px; height: 35px; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; margin-bottom: 10px; transition: ease-in opacity 0.30s, ease-in left 0.30s; position: relative; left: -20px; opacity: 0; } .product-card-3 .product-action .btn + .btn { transition-delay: 0.15s; } .product-card-3 .product-action .btn + .btn + .btn { transition-delay: 0.20s; } .product-card-3 .product-action .btn + .btn + .btn + .btn { transition-delay: 0.25s; } .product-card-3 .product-action .btn + .btn + .btn + .btn + .btn { transition-delay: 0.30s; } .product-card-3 .product-action .btn:hover { background: #5465ff; border-color: #5465ff; } .product-card-3 .product-card-info { position: relative; padding: 10px 15px 15px; text-align: center; } .product-card-3 .product-title { font-weight: 600; margin: 0 0 6px; } .product-card-3 .product-title a { color: #02010a; } .product-card-3 .product-title a:hover { color: #5465ff; } .product-card-3 .product-price span { font-size: 16px; font-weight: 600; } .product-card-3 .product-price del { font-size: 14px; } .product-card-3:hover .product-media img { transform: scale(1.1); } .product-card-3:hover .product-action .btn { left: 0; opacity: 1; } /* Product Card 4 -------------------------------------------*/ .product-card-4 { display: flex; border: 1px solid #f3f5f9; } .product-card-4 + .product-card-4 { margin-top: 20px; } .product-card-4 .product-card-image { flex: 0 0 120px; max-width: 120px; } .product-card-4 .product-card-info { position: relative; padding: 15px; flex: 0 0 calc(100% - 120px); max-width: calc(100% - 120px); } .product-card-4 .product-title { font-weight: 600; margin: 0 0 6px; } .product-card-4 .product-title a { color: #02010a; } .product-card-4 .product-title a:hover { color: #5465ff; } .product-card-4 .product-price span { font-size: 16px; font-weight: 600; } .product-card-4 .product-price del { font-size: 14px; } .product-card-4 .produc-card-cart { margin-top: 5px; } .product-card-4 .produc-card-cart a { text-transform: uppercase; color: #02010a; font-weight: 600; font-size: 12px; } .product-card-4 .produc-card-cart a:hover { color: #5465ff; } /* Product Card 5 -------------------------------------------*/ .product-card-5 { position: relative; background: #fff; } .product-card-5 .badge-ribbon { position: absolute; top: 15px; left: 0; z-index: 1; } .product-card-5 .product-card-image { position: relative; } .product-card-5 .product-media { overflow: hidden; position: relative; } .product-card-5 .product-media img { width: 100%; } .product-card-5 .product-media .product-hover-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: ease-in opacity 0.30s; } .product-card-5 .product-wishlist-btn { position: absolute; top: 15px; right: 15px; z-index: 1; } .product-card-5 .product-wishlist-btn .btn { padding: 0; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; margin-bottom: 10px; transition: ease-in opacity 0.30s, ease-in left 0.30s; position: relative; } .product-card-5 .product-wishlist-btn .btn:hover { background: #02010a; border-color: #02010a; } .product-card-5 .product-action { position: absolute; bottom: 15px; right: 0; left: 0; display: flex; flex-direction: row; justify-content: center; z-index: 1; } .product-card-5 .product-action .btn { padding: 0; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; margin-bottom: 10px; transition: ease-in opacity 0.30s, ease-in top 0.30s; position: relative; top: -20px; opacity: 0; margin: 2px; } .product-card-5 .product-action .btn:hover { background: #5465ff; border-color: #5465ff; } .product-card-5 .product-card-info { position: relative; padding: 10px 15px 15px; text-align: center; } .product-card-5 .product-title { font-weight: 600; margin: 0 0 6px; } .product-card-5 .product-title a { color: #02010a; } .product-card-5 .product-title a:hover { color: #5465ff; } .product-card-5 .product-price span { font-size: 16px; font-weight: 600; } .product-card-5 .product-price del { font-size: 14px; } .product-card-5 .product-cart-btn { padding-top: 10px; } .product-card-5 .product-cart-btn .btn { border-radius: 35px; } .product-card-5:hover .product-media .product-hover-img { opacity: 1; } .product-card-5:hover .product-action .btn { top: 0; opacity: 1; } .cart-qty { width: 120px; position: relative; } .cart-qty .qty-btn { position: absolute; top: 1px; bottom: 1px; width: 25px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; background: #f3f5f9; } .cart-qty .qty-btn:selection { background: transparent; } .cart-qty .qty-btn:hover { color: #000; } .cart-qty .dec { left: 1px; } .cart-qty .inc { right: 1px; } .cart-qty .cart-qty-input { padding-left: 25px; padding-right: 25px; text-align: center; border: 1px solid #e3e9ef; } @media (min-width: 992px) { .product-gallery.sticky-lg-top { top: 120px; } } .product-gallery .gallery-link { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #02010a; background: rgba(255, 255, 255, 0.8); } .product-gallery .product-thumb .slick-slide img { border: 2px solid transparent; cursor: pointer; width: 100%; } .product-gallery .product-thumb .slick-slide.slick-current img { border-color: #5465ff; } .product-detail .product-info-buttons a { color: #02010a; } @media (max-width: 767.98px) { .product-detail .product-info-buttons a { font-size: 13px; } } .product-detail .product-info-buttons a i { margin-right: 8px; } .product-detail .product-info-buttons a:hover { color: #5465ff; } .product-tabs .product-nav-tabs { justify-content: center; border-bottom: 1px solid #f3f5f9; } .product-tabs .product-nav-tabs li + li { margin-left: 15px; padding-left: 15px; } .product-tabs .product-nav-tabs a { font-weight: 600; color: #02010a; font-size: 18px; position: relative; padding-left: 0; padding-right: 0; } .product-tabs .product-nav-tabs a:after { content: ""; position: absolute; bottom: -1px; left: auto; right: 0; width: 0px; height: 2px; background: #5465ff; transition: ease all 0.35s; } .product-tabs .product-nav-tabs a.active, .product-tabs .product-nav-tabs a:hover { color: #5465ff; } .product-tabs .product-nav-tabs a.active:after, .product-tabs .product-nav-tabs a:hover:after { left: 0; right: auto; width: 100%; } .product-tabs .tab-content { padding-top: 40px; } .review-box .review-image { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } @media (max-width: 991.98px) { .review-box .review-image { width: 60px; height: 60px; } } .review-box .review-image.sm { width: 50px; height: 50px; } @media (min-width: 992px) { .review-form { top: 150px; } } .product-detail-collapse { padding-top: 20px; } .product-detail-collapse .pd-collapse-row { border: 1px solid #f3f5f9; margin-top: 15px; } .product-detail-collapse .pd-collapse-row .pd-collapse-h5 { padding: 10px 15px; font-weight: 600; color: #02010a; display: flex; } .product-detail-collapse .pd-collapse-row .pd-collapse-h5 i { margin-left: auto; } .product-detail-collapse .pd-collapse-row .pd-collapse-h5[aria-expanded="false"] i:before { content: "\f282"; } .product-detail-collapse .pd-collapse-box { padding: 20px; border-top: 1px solid #f3f5f9; } .shop-category-list .nav .nav { padding-left: 10px; } .shop-category-list .nav .nav .nav-link { color: #7d879c; font-weight: 400; font-size: 15px; } .shop-category-list .nav .nav .nav-link.active, .shop-category-list .nav .nav .nav-link:hover { color: #5465ff; } .shop-category-list .nav-item { position: relative; } .shop-category-list .nav-item .s-icon { width: 30px; height: 30px; position: absolute; top: 5px; right: 0; } .shop-category-list .nav-item .s-icon:before, .shop-category-list .nav-item .s-icon:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #02010a; } .shop-category-list .nav-item .s-icon:before { width: 2px; height: 10px; } .shop-category-list .nav-item .s-icon:after { width: 10px; height: 2px; } .shop-category-list .nav-item .s-icon[aria-expanded="true"]:before { height: 0; } .shop-category-list .nav-link { padding: 8px 0; color: #02010a; font-weight: 500; } .shop-category-list .nav-link span { color: #7d879c; font-size: 13px; } .shop-category-list .nav-link.active, .shop-category-list .nav-link:hover { color: #5465ff; } /* Sidebar ---------------------------*/ .shop-sidebar-list ul { margin: 0; padding: 0; list-style: none; } .shop-sidebar-list li { padding-top: 5px; padding-bottom: 5px; } .shop-sidebar-block { margin-bottom: 30px; } .shop-sidebar-block .shop-sidebar-title { position: relative; } .shop-sidebar-block .shop-sidebar-title h5, .shop-sidebar-block .shop-sidebar-title .h5 { margin: 0 0 15px; padding: 0 0 12px; border-bottom: 1px solid #e3e9ef; font-size: 16px; text-transform: uppercase; font-weight: 600; width: 100%; display: inline-block; vertical-align: top; color: #02010a; } .shop-sidebar-block .shop-sidebar-title h5[aria-expanded="false"] i:before, .shop-sidebar-block .shop-sidebar-title .h5[aria-expanded="false"] i:before { content: "\f282"; } .shop-sidebar-block .shop-sidebar-title i { position: absolute; right: 0; top: 3px; } @media (max-width: 991.98px) { .shop-mob-toggle { position: fixed; left: -340px; top: 0; right: 20px; background: #fff; overflow-y: auto; z-index: 1111; flex: 0 0 300px; max-width: 300px; padding: 25px; height: 100vh !important; transition: ease all 0.35s; display: block !important; } .shop-mob-toggle.show { left: 0; } } /* Sidebar ---------------------------*/ .shop-top-bar .layout-change .btn { padding: 0; width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e3e9ef; } .shop-top-bar .layout-change .btn i { font-size: 18px; line-height: 1; } .shop-top-bar .layout-change .btn.active, .shop-top-bar .layout-change .btn:hover { background: #02010a; border-color: #02010a; color: #fff; } .radio-text { position: relative; padding: 0; } .radio-text .radio-text-label { min-width: 2rem; height: 2rem; font-size: .75rem; border: 1px solid #f3f5f9; padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .radio-text .form-check-input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; margin: 0; } .radio-text .form-check-input:checked ~ .radio-text-label { border-color: #5465ff; color: #5465ff; } .radio-color { position: relative; padding: 0; } .radio-color .radio-color-label { width: 1.25rem; height: 1.25rem; font-size: .75rem; border: 1px solid #f3f5f9; padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; position: relative; } .radio-color .radio-color-label span { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border-radius: 50%; } .radio-color .form-check-input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; margin: 0; } .radio-color .form-check-input:checked ~ .radio-color-label { border-color: #5465ff; color: #5465ff; } .radio-color.large .radio-color-label { width: 1.85rem; height: 1.85rem; } .custom-checkbox { position: relative; /*color*/ /*Color*/ } .custom-checkbox .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; padding-left: 2rem; } .custom-checkbox .custom-control-label:before { content: ""; position: absolute; top: .1875rem; left: 0; display: block; width: 1.125rem; height: 1.125rem; pointer-events: none; background-color: #e3e9ef; border: none; } .custom-checkbox .custom-control-label:after { content: ""; position: absolute; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 9px; height: 5px; top: -4px; left: 4px; z-index: 1; bottom: 0; margin: auto; transform: rotate(136deg); opacity: 0; } .custom-checkbox .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.3125rem; opacity: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { background-color: #02010a; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { opacity: 1; } .custom-checkbox .custom-control-input:disabled ~ .custom-control-label, .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label { text-decoration: line-through; } .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before, .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label:before { border-color: #f3f5f9; background-color: #f3f5f9; } .custom-checkbox.checkbox-color .custom-control-label:before { background-color: currentColor; } .custom-checkbox.checkbox-color .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.3125rem; opacity: 0; } .custom-checkbox.checkbox-color .custom-control-input:checked ~ .custom-control-label:before { background-color: currentColor; } .custom-checkbox.checkbox-color .custom-control-input:checked ~ .custom-control-label:after { opacity: 1; } .custom-checkbox.checkbox-color .custom-control-input:disabled ~ .custom-control-label, .custom-checkbox.checkbox-color .custom-control-input[disabled] ~ .custom-control-label { text-decoration: none; } .custom-checkbox.checkbox-color .custom-control-input:disabled ~ .custom-control-label span, .custom-checkbox.checkbox-color .custom-control-input[disabled] ~ .custom-control-label span { text-decoration: line-through; } .custom-radio { position: relative; } .custom-radio .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; padding-left: 2rem; } .custom-radio .custom-control-label:before { content: ""; position: absolute; top: .1875rem; left: 0; display: block; width: 1.125rem; height: 1.125rem; pointer-events: none; background-color: #e3e9ef; border: none; border-radius: 50%; } .custom-radio .custom-control-label:after { content: ""; position: absolute; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 9px; height: 5px; top: -4px; left: 4px; z-index: 1; bottom: 0; margin: auto; transform: rotate(136deg); opacity: 0; } .custom-radio .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.3125rem; opacity: 0; } .custom-radio .custom-control-input:checked ~ .custom-control-label:before { background-color: #02010a; } .custom-radio .custom-control-input:checked ~ .custom-control-label:after { opacity: 1; } .custom-radio .custom-control-input:disabled ~ .custom-control-label:before, .custom-radio .custom-control-input[disabled] ~ .custom-control-label:before { border-color: #eee; background-color: #eee; } .count-down-01 { display: flex; flex-wrap: wrap; } .count-down-01 > div { display: flex; margin-right: 15px; flex-direction: column; } .count-down-01 .count { font-size: 24px; color: #5465ff; font-weight: 600; } .count-down-01 .title { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } .count-down-02 { display: flex; flex-wrap: wrap; } .count-down-02 > div { text-align: center; background: #f6f9fc; line-height: 1; padding: 10px 0; margin: 3px 7px 3px 0px; } .count-down-02 .count { font-size: 18px; color: #02010a; display: inline-block; vertical-align: top; font-weight: 600; width: 100%; } .count-down-02 .title { font-size: 12px; } .fw-100 { font-weight: 100; } .fw-200 { font-weight: 200; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } .my-account .nav-pills { overflow: hidden; } .my-account .nav-pills a { position: relative; display: flex; padding: 1.875rem 0.9375rem; color: #000; border-bottom: 1px solid #f3f5f9; } .my-account .nav-pills a:hover { background-color: #5465ff; color: #fff; } .my-account .nav-pills a:hover::after { transform: translate(10px, 0); color: #fff; } .my-account .nav-pills a.active::after { color: #fff; } .my-account .nav-pills a:after { transition: all 0.2s; transition-delay: 0s; position: absolute; content: "\f27b"; width: 1em; line-height: 1em; right: 1.25rem; font-family: bootstrap-icons !important; top: 50%; font-size: 1.125rem; margin-top: -0.5em; color: #dae1e7; } .my-account .nav .nav-links:hover { background-color: #5465ff; } .list-type-01 { margin: 0; padding: 0; list-style: none; } .list-type-01 li { position: relative; padding: 2px 0 2px 25px; } .list-type-01 li:after { content: ""; width: 6px; height: 12px; position: absolute; top: 5px; left: 6px; color: #fff; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); } .list-type-01 li:before { content: ""; width: 15px; height: 15px; position: absolute; top: 6px; left: 0; background: #5465ff; border-radius: 50%; } .list-type-01.white li:after { color: #5465ff; } .list-type-01.white li:before { background: #fff; } .list-type-02 { margin: 0; padding: 0; list-style: none; } .list-type-02 li { position: relative; padding: 3px 0 3px 20px; } .list-type-02 li:after { content: ""; width: 5px; height: 9px; position: absolute; top: 10px; left: 3px; color: #5465ff; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); } .list-type-02.white li:after { color: #fff; } .list-type-03 { margin: 0; padding: 0; list-style: none; } .list-type-03 li { position: relative; padding: 7px 0 8px 25px; } .list-type-03 li:after { content: ""; width: 6px; height: 12px; position: absolute; top: 10px; left: 6px; color: #fff; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); } .list-type-03 li:before { content: ""; width: 15px; height: 15px; position: absolute; top: 11px; left: 0; background: #5465ff; border-radius: 50%; } .list-type-03.white li:after { color: #02010a; } .list-type-03.white li:before { background: #fff; } .list-type-04 { margin: 0; padding: 0; list-style: none; } .list-type-04 li { position: relative; padding: 9px 0 9px 25px; } .list-type-04 li + li { border-top: 1px solid #ddd; } .list-type-04 li i { position: absolute; top: 10; left: 0; } .list-type-05 { margin: 0; padding: 0; list-style: none; } .list-type-05 li { position: relative; padding: 9px 0; } .list-type-05 li + li { border-top: 1px solid rgba(0, 0, 0, 0.2); } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .z-index-5 { z-index: 5; } .z-index-6 { z-index: 6; } .z-index-7 { z-index: 7; } .z-index-8 { z-index: 8; } .z-index-9 { z-index: 9; } .z-index--1 { z-index: -1; } .z-index--2 { z-index: -2; } .hover-scale .hover-scale-in { overflow: hidden; } .hover-scale .hover-scale-in img { transition: ease all 0.35s; transform: scale(1); } .hover-scale:hover .hover-scale-in img { transform: scale(1.05); } .sm-title-01 { position: relative; display: inline-block; vertical-align: top; padding-left: 40px; padding-right: 40px; } .sm-title-01:before, .sm-title-01:after { content: ""; position: absolute; bottom: 0; top: 0; margin: auto; height: 3px; width: 30px; border-radius: 3px; background: #5465ff; } .sm-title-01:before { left: 0; } .sm-title-01:after { right: 0; } .nav-tabs-01 { border-bottom: none; margin-bottom: 25px; } .nav-tabs-01 .nav-item { margin: 0 15px; } .nav-tabs-01 .nav-item .nav-link { margin: 0; font-size: 1.2rem; border: none; font-weight: 600; position: relative; padding: 5px 0; color: #02010a; } .nav-tabs-01 .nav-item .nav-link:after { content: ""; position: absolute; bottom: 0; left: auto; right: 0; height: 2px; width: 0px; background: #5465ff; transition: ease all 0.35s; } .nav-tabs-01 .nav-item .nav-link:hover, .nav-tabs-01 .nav-item .nav-link.active { color: #5465ff; } .nav-tabs-01 .nav-item .nav-link:hover:after, .nav-tabs-01 .nav-item .nav-link.active:after { width: 100%; left: 0; right: auto; } img { max-width: 100%; } .link-effect { position: relative; padding: 0; border: none; background: none; } .link-effect:after { content: ""; position: absolute; bottom: 0; left: 0; right: auto; width: 100%; height: 1px; background: currentColor; transition: ease all 0.35s; } .link-effect:hover:after { width: 0; right: 0; left: auto; } .home-center-slider .slick-slide .hc-slider-box { transition: ease all 0.35s; opacity: 0; } .home-center-slider .slick-slide.slick-current .hc-slider-box { opacity: 1; } .header-transparent .logo-dark { display: none; } .fixed-header .navbar { background-color: #fff; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); } .fixed-header .logo-light { display: none; } .fixed-header .logo-dark { display: inline-flex; } /* Header Fluid -----------------------------------*/ .navbar-toggler-px-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /* Header Fluid -----------------------------------*/ @media (min-width: 1400px) { .header-fluid .container-fluid, .header-fluid .container-sm, .header-fluid .container-md, .header-fluid .container-lg, .header-fluid .container-xl, .header-fluid .container-xxl { padding-left: 35px; padding-right: 35px; } } /* Header Search -----------------------------------*/ .px-search-full { z-index: 9999; } .px-search-full .search-close { position: fixed; top: 15px; right: 15px; width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 25px; color: #fff; background: #5465ff; border: 2px solid #5465ff; border-radius: 50%; } .px-search-full .search-close:hover { background: #02010a; } /* Header Top -----------------------------------*/ .fixed-header .header-top { visibility: hidden; pointer-events: none; } /* Header Social -----------------------------------*/ .header-social .h-social-link { padding: 0 4px; font-size: 14px; vertical-align: middle; color: rgba(255, 255, 255, 0.84); } .navbar-dark .nav .nav-link { color: #fff; } .navbar-dark .nav .nav-link:hover { color: #fff; } .navbar-light .nav .nav-link { color: #000; } .navbar-light .nav .nav-link:hover { color: #5465ff; } /*Header link and dropdown -----------------------------------*/ .header-main { transition: ease-out top 0.15s; } .header-main .navbar-toggler { border: none; outline: none; box-shadow: none; padding: 0; } .header-main .navbar-toggler .navbar-toggler-icon { width: 1.8em; height: 1.8em; } .header-main .navbar-nav > .nav-item { margin: 0 5px; } .header-main .navbar-nav > .nav-item > .nav-link { font-weight: 500; text-transform: none; font-size: 0.95rem; } .header-main .navbar-nav > .nav-item.dropdown > .nav-link:after { display: none; } .header-main .navbar-nav > .nav-item .mob-menu { position: absolute; top: 0; right: 0; width: 40px; height: 52px; text-align: center; line-height: 52px; color: #02010a; } .header-main .navbar-nav > .nav-item .mob-menu:after { display: none; } .header-main .navbar-nav > .nav-item .mob-menu:before { content: "\f282"; font-family: "bootstrap-icons"; font-weight: 900; font-size: 11px; color: currentColor; } .header-main .navbar-nav > .nav-item .mob-menu.open:before { content: "\f286"; color: #5465ff; } .header-main .dropdown-item { font-size: 0.85rem; padding: 0.35rem 1rem; } .header-main .header-right .nav-link { padding: 0.3rem 0.6rem; } .header-main .header-right .nav-link i { font-size: 1.3rem; } .header-main .header-right-light .nav-link { color: #02010a; } .header-main .header-right-light .nav-link:hover { color: #5465ff; } /*Cart -----------------------------------*/ header [data-cart-items] { position: relative; } header [data-cart-items]:before { content: attr(data-cart-items); position: absolute; top: -0.65rem; right: -0.65rem; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 10px; font-weight: 400; border-radius: 50%; border: 1px solid #fff; background-color: #5465ff; color: #fff; } /*Responsive -----------------------------------*/ /* Mobile Menu -----------------------------------*/ /*Menu Hover & Header Fluid Space -----------------------------------*/ @media (min-width: 1400px) { .navbar-expand-xxl .dropdown-mega-menu { width: 100%; background: #fff; } .navbar-expand-xxl > .container { position: relative; } .navbar-expand-xxl .dropdown-menu-md { min-width: 22rem; } .navbar-expand-xxl .dropdown-menu-lg { min-width: 35rem; } .navbar-expand-xxl .dropdown-menu-xl { min-width: 42rem; } .navbar-expand-xxl .navbar-nav > .nav-item > .nav-link { line-height: 60px; } .header-option-1 .navbar-expand-xxl .navbar-nav > .nav-item > .nav-link { line-height: 35px; } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown > .nav-link:after { content: "\f282"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.55rem; border: none; line-height: 10px; } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown > .dropdown-menu { left: 50%; transform: translate(-50%, 0); margin: 0; } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown > .dropdown-menu.left { left: 0; transform: translate(0, 0); } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown > .dropdown-menu.right { right: 0; transform: translate(0, 0); } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown > .dropdown-menu > li { position: relative; } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown .dropdown-menu-sub { position: absolute; top: 0; left: 100%; } .navbar-expand-xxl .navbar-nav > .nav-item.dropdown-full { position: static; } .navbar-expand-xxl .navbar-nav > .nav-item .dropdown-menu { display: none; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; } .navbar-expand-xxl .navbar-nav > .nav-item .dropdown-menu > .dropdown { position: relative; } .navbar-expand-xxl .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item { position: relative; } .navbar-expand-xxl .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item:after { content: "\f285"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.85rem; border: none; position: absolute; top: 9px; right: 7px; font-weight: 600; } .navbar-expand-xxl .navbar-nav > .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu-sub { display: block; } .navbar-expand-xxl .navbar-nav > .nav-item:hover > .dropdown-menu { display: block; } .navbar-expand-xxl .navbar-nav > .nav-item .mob-menu { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl .dropdown-mega-menu { width: 100%; background: #fff; } .navbar-expand-xl > .container { position: relative; } .navbar-expand-xl .dropdown-menu-md { min-width: 22rem; } .navbar-expand-xl .dropdown-menu-lg { min-width: 35rem; } .navbar-expand-xl .dropdown-menu-xl { min-width: 42rem; } .navbar-expand-xl .navbar-nav > .nav-item > .nav-link { line-height: 60px; } .header-option-1 .navbar-expand-xl .navbar-nav > .nav-item > .nav-link { line-height: 35px; } .navbar-expand-xl .navbar-nav > .nav-item.dropdown > .nav-link:after { content: "\f282"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.55rem; border: none; line-height: 10px; } .navbar-expand-xl .navbar-nav > .nav-item.dropdown > .dropdown-menu { left: 50%; transform: translate(-50%, 0); margin: 0; } .navbar-expand-xl .navbar-nav > .nav-item.dropdown > .dropdown-menu.left { left: 0; transform: translate(0, 0); } .navbar-expand-xl .navbar-nav > .nav-item.dropdown > .dropdown-menu.right { right: 0; transform: translate(0, 0); } .navbar-expand-xl .navbar-nav > .nav-item.dropdown > .dropdown-menu > li { position: relative; } .navbar-expand-xl .navbar-nav > .nav-item.dropdown .dropdown-menu-sub { position: absolute; top: 0; left: 100%; } .navbar-expand-xl .navbar-nav > .nav-item.dropdown-full { position: static; } .navbar-expand-xl .navbar-nav > .nav-item .dropdown-menu { display: none; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; } .navbar-expand-xl .navbar-nav > .nav-item .dropdown-menu > .dropdown { position: relative; } .navbar-expand-xl .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item { position: relative; } .navbar-expand-xl .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item:after { content: "\f285"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.85rem; border: none; position: absolute; top: 9px; right: 7px; font-weight: 600; } .navbar-expand-xl .navbar-nav > .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu-sub { display: block; } .navbar-expand-xl .navbar-nav > .nav-item:hover > .dropdown-menu { display: block; } .navbar-expand-xl .navbar-nav > .nav-item .mob-menu { display: none; } } @media (min-width: 992px) { .navbar-expand-lg .dropdown-mega-menu { width: 100%; background: #fff; } .navbar-expand-lg > .container { position: relative; } .navbar-expand-lg .dropdown-menu-md { min-width: 22rem; } .navbar-expand-lg .dropdown-menu-lg { min-width: 35rem; } .navbar-expand-lg .dropdown-menu-xl { min-width: 42rem; } .navbar-expand-lg .navbar-nav > .nav-item > .nav-link { line-height: 60px; } .header-option-1 .navbar-expand-lg .navbar-nav > .nav-item > .nav-link { line-height: 35px; } .navbar-expand-lg .navbar-nav > .nav-item.dropdown > .nav-link:after { content: "\f282"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.55rem; border: none; line-height: 10px; } .navbar-expand-lg .navbar-nav > .nav-item.dropdown > .dropdown-menu { left: 50%; transform: translate(-50%, 0); margin: 0; } .navbar-expand-lg .navbar-nav > .nav-item.dropdown > .dropdown-menu.left { left: 0; transform: translate(0, 0); } .navbar-expand-lg .navbar-nav > .nav-item.dropdown > .dropdown-menu.right { right: 0; transform: translate(0, 0); } .navbar-expand-lg .navbar-nav > .nav-item.dropdown > .dropdown-menu > li { position: relative; } .navbar-expand-lg .navbar-nav > .nav-item.dropdown .dropdown-menu-sub { position: absolute; top: 0; left: 100%; } .navbar-expand-lg .navbar-nav > .nav-item.dropdown-full { position: static; } .navbar-expand-lg .navbar-nav > .nav-item .dropdown-menu { display: none; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; } .navbar-expand-lg .navbar-nav > .nav-item .dropdown-menu > .dropdown { position: relative; } .navbar-expand-lg .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item { position: relative; } .navbar-expand-lg .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item:after { content: "\f285"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.85rem; border: none; position: absolute; top: 9px; right: 7px; font-weight: 600; } .navbar-expand-lg .navbar-nav > .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu-sub { display: block; } .navbar-expand-lg .navbar-nav > .nav-item:hover > .dropdown-menu { display: block; } .navbar-expand-lg .navbar-nav > .nav-item .mob-menu { display: none; } } @media (min-width: 768px) { .navbar-expand-md .dropdown-mega-menu { width: 100%; background: #fff; } .navbar-expand-md > .container { position: relative; } .navbar-expand-md .dropdown-menu-md { min-width: 22rem; } .navbar-expand-md .dropdown-menu-lg { min-width: 35rem; } .navbar-expand-md .dropdown-menu-xl { min-width: 42rem; } .navbar-expand-md .navbar-nav > .nav-item > .nav-link { line-height: 60px; } .header-option-1 .navbar-expand-md .navbar-nav > .nav-item > .nav-link { line-height: 35px; } .navbar-expand-md .navbar-nav > .nav-item.dropdown > .nav-link:after { content: "\f282"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.55rem; border: none; line-height: 10px; } .navbar-expand-md .navbar-nav > .nav-item.dropdown > .dropdown-menu { left: 50%; transform: translate(-50%, 0); margin: 0; } .navbar-expand-md .navbar-nav > .nav-item.dropdown > .dropdown-menu.left { left: 0; transform: translate(0, 0); } .navbar-expand-md .navbar-nav > .nav-item.dropdown > .dropdown-menu.right { right: 0; transform: translate(0, 0); } .navbar-expand-md .navbar-nav > .nav-item.dropdown > .dropdown-menu > li { position: relative; } .navbar-expand-md .navbar-nav > .nav-item.dropdown .dropdown-menu-sub { position: absolute; top: 0; left: 100%; } .navbar-expand-md .navbar-nav > .nav-item.dropdown-full { position: static; } .navbar-expand-md .navbar-nav > .nav-item .dropdown-menu { display: none; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; } .navbar-expand-md .navbar-nav > .nav-item .dropdown-menu > .dropdown { position: relative; } .navbar-expand-md .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item { position: relative; } .navbar-expand-md .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item:after { content: "\f285"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.85rem; border: none; position: absolute; top: 9px; right: 7px; font-weight: 600; } .navbar-expand-md .navbar-nav > .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu-sub { display: block; } .navbar-expand-md .navbar-nav > .nav-item:hover > .dropdown-menu { display: block; } .navbar-expand-md .navbar-nav > .nav-item .mob-menu { display: none; } } @media (min-width: 576px) { .navbar-expand-sm .dropdown-mega-menu { width: 100%; background: #fff; } .navbar-expand-sm > .container { position: relative; } .navbar-expand-sm .dropdown-menu-md { min-width: 22rem; } .navbar-expand-sm .dropdown-menu-lg { min-width: 35rem; } .navbar-expand-sm .dropdown-menu-xl { min-width: 42rem; } .navbar-expand-sm .navbar-nav > .nav-item > .nav-link { line-height: 60px; } .header-option-1 .navbar-expand-sm .navbar-nav > .nav-item > .nav-link { line-height: 35px; } .navbar-expand-sm .navbar-nav > .nav-item.dropdown > .nav-link:after { content: "\f282"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.55rem; border: none; line-height: 10px; } .navbar-expand-sm .navbar-nav > .nav-item.dropdown > .dropdown-menu { left: 50%; transform: translate(-50%, 0); margin: 0; } .navbar-expand-sm .navbar-nav > .nav-item.dropdown > .dropdown-menu.left { left: 0; transform: translate(0, 0); } .navbar-expand-sm .navbar-nav > .nav-item.dropdown > .dropdown-menu.right { right: 0; transform: translate(0, 0); } .navbar-expand-sm .navbar-nav > .nav-item.dropdown > .dropdown-menu > li { position: relative; } .navbar-expand-sm .navbar-nav > .nav-item.dropdown .dropdown-menu-sub { position: absolute; top: 0; left: 100%; } .navbar-expand-sm .navbar-nav > .nav-item.dropdown-full { position: static; } .navbar-expand-sm .navbar-nav > .nav-item .dropdown-menu { display: none; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; } .navbar-expand-sm .navbar-nav > .nav-item .dropdown-menu > .dropdown { position: relative; } .navbar-expand-sm .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item { position: relative; } .navbar-expand-sm .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item:after { content: "\f285"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.85rem; border: none; position: absolute; top: 9px; right: 7px; font-weight: 600; } .navbar-expand-sm .navbar-nav > .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu-sub { display: block; } .navbar-expand-sm .navbar-nav > .nav-item:hover > .dropdown-menu { display: block; } .navbar-expand-sm .navbar-nav > .nav-item .mob-menu { display: none; } } .navbar-expand-xs .dropdown-mega-menu { width: 100%; background: #fff; } .navbar-expand-xs > .container { position: relative; } .navbar-expand-xs .dropdown-menu-md { min-width: 22rem; } .navbar-expand-xs .dropdown-menu-lg { min-width: 35rem; } .navbar-expand-xs .dropdown-menu-xl { min-width: 42rem; } .navbar-expand-xs .navbar-nav > .nav-item > .nav-link { line-height: 60px; } .header-option-1 .navbar-expand-xs .navbar-nav > .nav-item > .nav-link { line-height: 35px; } .navbar-expand-xs .navbar-nav > .nav-item.dropdown > .nav-link:after { content: "\f282"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.55rem; border: none; line-height: 10px; } .navbar-expand-xs .navbar-nav > .nav-item.dropdown > .dropdown-menu { left: 50%; transform: translate(-50%, 0); margin: 0; } .navbar-expand-xs .navbar-nav > .nav-item.dropdown > .dropdown-menu.left { left: 0; transform: translate(0, 0); } .navbar-expand-xs .navbar-nav > .nav-item.dropdown > .dropdown-menu.right { right: 0; transform: translate(0, 0); } .navbar-expand-xs .navbar-nav > .nav-item.dropdown > .dropdown-menu > li { position: relative; } .navbar-expand-xs .navbar-nav > .nav-item.dropdown .dropdown-menu-sub { position: absolute; top: 0; left: 100%; } .navbar-expand-xs .navbar-nav > .nav-item.dropdown-full { position: static; } .navbar-expand-xs .navbar-nav > .nav-item .dropdown-menu { display: none; box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1); padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; } .navbar-expand-xs .navbar-nav > .nav-item .dropdown-menu > .dropdown { position: relative; } .navbar-expand-xs .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item { position: relative; } .navbar-expand-xs .navbar-nav > .nav-item .dropdown-menu > .dropdown > .dropdown-item:after { content: "\f285"; font-family: bootstrap-icons; color: currentColor; margin-left: 8px; display: inline-block; font-size: 0.85rem; border: none; position: absolute; top: 9px; right: 7px; font-weight: 600; } .navbar-expand-xs .navbar-nav > .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu-sub { display: block; } .navbar-expand-xs .navbar-nav > .nav-item:hover > .dropdown-menu { display: block; } .navbar-expand-xs .navbar-nav > .nav-item .mob-menu { display: none; } /*Top spacing for mobile menu -----------------------------------*/ @media (max-width: 1399.98px) { .navbar-expand-xxl { padding-top: 10px; padding-bottom: 10px; } .navbar-expand-xxl .navbar-collapse { max-height: 70vh; overflow-y: auto; position: absolute; top: 100%; left: 0; right: 0; background: #fff; } .navbar-expand-xxl .navbar-nav .nav-item { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .navbar-expand-xxl .navbar-nav .nav-item > .nav-link { padding: 15px; color: #02010a; } .navbar-expand-xxl .navbar-nav .nav-item .dropdown-menu { background: #f6f9fc; margin: 0; border-radius: 0; } .navbar-expand-xxl .navbar-nav .nav-item .dropdown-menu li { position: relative; } .navbar-expand-xxl .navbar-nav .nav-item .dropdown-menu li .mob-menu { line-height: 34px; height: 34px; } .navbar-expand-xxl .navbar-nav .nav-item .dropdown-menu .dropdown-menu { background: #eef4f9; } .navbar-expand-xxl .navbar-nav .nav-item .dropdown-menu .dropdown-menu li { position: relative; } } @media (max-width: 1199.98px) { .navbar-expand-xl { padding-top: 10px; padding-bottom: 10px; } .navbar-expand-xl .navbar-collapse { max-height: 70vh; overflow-y: auto; position: absolute; top: 100%; left: 0; right: 0; background: #fff; } .navbar-expand-xl .navbar-nav .nav-item { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .navbar-expand-xl .navbar-nav .nav-item > .nav-link { padding: 15px; color: #02010a; } .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu { background: #f6f9fc; margin: 0; border-radius: 0; } .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu li { position: relative; } .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu li .mob-menu { line-height: 34px; height: 34px; } .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu .dropdown-menu { background: #eef4f9; } .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu .dropdown-menu li { position: relative; } } @media (max-width: 991.98px) { .navbar-expand-lg { padding-top: 10px; padding-bottom: 10px; } .navbar-expand-lg .navbar-collapse { max-height: 70vh; overflow-y: auto; position: absolute; top: 100%; left: 0; right: 0; background: #fff; } .navbar-expand-lg .navbar-nav .nav-item { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .navbar-expand-lg .navbar-nav .nav-item > .nav-link { padding: 15px; color: #02010a; } .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu { background: #f6f9fc; margin: 0; border-radius: 0; } .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu li { position: relative; } .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu li .mob-menu { line-height: 34px; height: 34px; } .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu .dropdown-menu { background: #eef4f9; } .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu .dropdown-menu li { position: relative; } } @media (max-width: 767.98px) { .navbar-expand-md { padding-top: 10px; padding-bottom: 10px; } .navbar-expand-md .navbar-collapse { max-height: 70vh; overflow-y: auto; position: absolute; top: 100%; left: 0; right: 0; background: #fff; } .navbar-expand-md .navbar-nav .nav-item { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .navbar-expand-md .navbar-nav .nav-item > .nav-link { padding: 15px; color: #02010a; } .navbar-expand-md .navbar-nav .nav-item .dropdown-menu { background: #f6f9fc; margin: 0; border-radius: 0; } .navbar-expand-md .navbar-nav .nav-item .dropdown-menu li { position: relative; } .navbar-expand-md .navbar-nav .nav-item .dropdown-menu li .mob-menu { line-height: 34px; height: 34px; } .navbar-expand-md .navbar-nav .nav-item .dropdown-menu .dropdown-menu { background: #eef4f9; } .navbar-expand-md .navbar-nav .nav-item .dropdown-menu .dropdown-menu li { position: relative; } .navbar-brand img { max-width: 150px; height: auto; } } @media (max-width: 575.98px) { .navbar-expand-sm { padding-top: 10px; padding-bottom: 10px; } .navbar-expand-sm .navbar-collapse { max-height: 70vh; overflow-y: auto; position: absolute; top: 100%; left: 0; right: 0; background: #fff; } .navbar-expand-sm .navbar-nav .nav-item { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .navbar-expand-sm .navbar-nav .nav-item > .nav-link { padding: 15px; color: #02010a; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu { background: #f6f9fc; margin: 0; border-radius: 0; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu li { position: relative; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu li .mob-menu { line-height: 34px; height: 34px; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu .dropdown-menu { background: #eef4f9; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu .dropdown-menu li { position: relative; } } .navbar-expand-sm { padding-top: 10px; padding-bottom: 10px; } .navbar-expand-sm .navbar-collapse { max-height: 70vh; overflow-y: auto; position: absolute; top: 100%; left: 0; right: 0; background: #fff; } .navbar-expand-sm .navbar-nav .nav-item { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.08); } .navbar-expand-sm .navbar-nav .nav-item > .nav-link { padding: 15px; color: #02010a; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu { background: #f6f9fc; margin: 0; border-radius: 0; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu li { position: relative; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu li .mob-menu { line-height: 34px; height: 34px; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu .dropdown-menu { background: #eef4f9; } .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu .dropdown-menu li { position: relative; } /* Hamburger Menu -----------------------------------*/ .px-nav-hamburger { position: fixed; z-index: 9999; top: 0; bottom: 0; width: 400px; max-width: 90%; transition: ease all 0.35s; } .px-nav-hamburger.end { right: -500px; } .px-nav-hamburger.end.show { right: 0; } .px-nav-hamburger.start { left: -500px; } .px-nav-hamburger.start.show { left: 0; } .px-nav-hamburger .hamburger-close { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; color: #fff; display: inline-flex; align-items: center; justify-content: center; } .px-nav-hamburger .hamburger-close i { font-size: 27px; line-height: 1; } .px-nav-hamburger .hamburger-in { padding: 110px 15% 50px; display: flex; flex-direction: column; height: 100%; } .px-nav-hamburger .hamburger-bottom { border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 30px; text-align: center; } .px-nav-hamburger .hamburger-bottom a { font-weight: 600; color: #fff; text-decoration: none; } .px-nav-hamburger .nav .nav-item { position: relative; } .px-nav-hamburger .nav .nav-item + .nav-item { border-top: 1px solid rgba(255, 255, 255, 0.05); } .px-nav-hamburger .nav .nav-item .nav-link { font-size: 18px; font-weight: 400; color: #fff; padding: 12px 0; } .px-nav-hamburger .nav .nav-item .nav-link:hover { color: #5465ff; } .px-nav-hamburger .nav .nav-item .dropdown-toggle { position: absolute; top: 10px; right: 0; width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; color: #fff; } .px-nav-hamburger .nav .nav-item .dropdown-toggle:after { font-size: 1rem; content: "\f4fe"; font-family: bootstrap-icons !important; } .px-nav-hamburger .nav .nav-item .list-unstyled { padding: 5px 0 20px; } .px-nav-hamburger .nav .nav-item .list-unstyled li { padding: 3px 0; } .px-nav-hamburger .nav .nav-item .list-unstyled li a { color: rgba(255, 255, 255, 0.8); font-size: 13px; } .px-nav-hamburger .nav .nav-item .list-unstyled li a:hover { color: #fff; } .link-style-1 a { color: #02010a; font-size: 0.85rem; padding-top: 0.15rem; padding-bottom: 0.15rem; padding-left: 1rem; position: relative; display: block; } .link-style-1 a:after { content: ""; position: absolute; top: 11px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .6; } .link-style-1 li:hover a { color: #5465ff; } .link-style-1 li:hover a:after { opacity: 1; } .footer-border-top { border-top: 1px solid rgba(0, 0, 0, 0.2); } .footer-border-top.light { border-top: 1px solid rgba(255, 255, 255, 0.1); }