/** Shopify CDN: Minification failed
Line 1570:27 Expected ":"
**/
.color-primary {
color: var(--primary); }
.color-secondary {
color: var(--secondary); }
li.main-menu__nav-item.menu-dropdown svg {
display: none !important;
}
.product-card:hover .product-card__img-primary {
transform: scale(1) !important;
}
.main-menu__nav-item>a {
font-weight: 700 !important;
text-transform: uppercase;
}
.bg-heading {
background-color: var(--heading-color); }
.container-fluid,
.container-full,
.container-xl,
.container-xxl {
max-width: var(--page-mx-xl, 100%); }
@media (min-width: 1380px) {
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: var(--page-mx-xl, 1350px); } }
@media (min-width: 1470px) {
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
max-width: var(--page-mx-xl, 1470px); } }
.container-full {
width: 100%;
margin-right: auto;
margin-left: auto; }
.vela-section {
margin: var(--st-mg);
padding: var(--st-pd-dt);
background-color: var(--st-bg-cl);
background-image: var(--st-bg-img);
background-size: cover;
background-repeat: no-repeat; }
.vela-section.mx-auto {
max-width: var(--st-mx-w); }
@media (max-width: 767.98px) {
.vela-section {
padding: var(--st-pd-mb, 0);
margin: var(--st-mg-mb, var(--st-mg)); } }
.vela-section > .container {
max-width: var(--page-mx-xl, 100%); }
@media screen and (min-width: 1380px) {
.vela-section > .container {
max-width: var(--page-mx-xl, 1350px); } }
@media screen and (min-width: 1470px) {
.vela-section > .container {
max-width: var(--page-mx-xl, 1470px); } }
@media (max-width: 767.98px) {
.vela-section > .container {
padding-left: 16px;
padding-right: 16px; } }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.minh-100 {
min-height: 100% !important; }
.link {
color: var(--color-link);
text-decoration: none;
transition: all .2s ease; }
.link:hover {
color: var(--primary); }
.link--text {
color: var(--body-color); }
.link--text:hover {
color: var(--primary); }
.link-underline {
text-decoration: underline; }
.text-secondary {
color: var(--secondary) !important; }
.text-color {
color: var(--body-color) !important; }
.text-color-light {
color: var(--body-color-light) !important; }
.ff-heading {
font-family: var(--font-heading-family) !important; }
.fw-medium {
font-weight: 500 !important; }
.fw-semibold {
font-weight: 600 !important; }
.heading-color {
color: var(--heading-color) !important; }
.fs-18 {
font-size: 18px !important; }
.fs-14 {
font-size: 14px !important; }
.fs-13 {
font-size: 13px !important; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
*:focus-visible {
outline: 0;
outline-offset: 0;
box-shadow: none; }
.z-index-1 {
z-index: 1 !important; }
@media (min-width: 992px) {
.row-cols-lg-7 > * {
flex: 0 0 auto;
width: 14.285%; }
.row-cols-lg-8 > * {
flex: 0 0 auto;
width: 12.5%; } }
@media (min-width: 1330px) {
.row-cols-xl-7 > * {
flex: 0 0 auto;
width: 14.285%; }
.row-cols-xl-8 > * {
flex: 0 0 auto;
width: 12.5%; } }
/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
*:focus {
outline: 0;
outline-offset: 0;
box-shadow: none; }
/* Negate the fallback side-effect for browsers that support :focus-visible */
*:focus:not(:focus-visible) {
outline: 0;
box-shadow: none; }
.focus-inset:focus-visible {
outline: 0;
outline-offset: 0;
box-shadow: none; }
.focus-inset:focus {
outline: 0;
outline-offset: 0;
box-shadow: none; }
.focus-inset:focus:not(:focus-visible) {
outline: 0;
box-shadow: none; }
.focus-none {
box-shadow: none !important;
outline: 0 !important; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.ff-special {
font-family: var(--font-special-family), var(--font-heading-family) !important; }
.page-header {
margin-bottom: 30px; }
.page-title {
color: var(--heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: 30px; }
@media (max-width: 767.98px) {
.page-title {
font-size: calc(var(--font-size-base) + 6px); } }
.modal img {
max-width: 100%;
height: auto; }
/* component-media */
.card__image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
.card__image img {
object-fit: contain;
object-position: center center;
max-height: 100%;
max-width: 100%; }
.card__image .noscript {
position: absolute;
top: 0;
left: 0; }
.card__image .pre-loading {
z-index: 55;
display: block; }
.card__image.lazyload > img,
.card__image.lazyloaded .pre-loading {
display: none; }
.btn-default {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background-color: var(--btn-default-bg-color);
padding: 11px 30px;
position: relative;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.btn-default > span {
position: relative; }
.btn-default:focus, .btn-default:hover {
color: var(--btn-default-hover-color);
border-color: var(--btn-default-hover-border-color);
background-color: var(--btn-default-hover-bg-color); }
.btn-outline {
color: var(--btn-ol-cl, #1f1f27);
border-color: var(--btn-ol-bd-cl, #dadbe0);
padding: 11px 30px; }
.btn-outline:focus, .btn-outline:hover {
color: var(--btn-ol-cl-h, #1f1f27);
border-color: var(--btn-ol-bd-cl-h, #1f1f27); }
.btn--viewall {
background: transparent;
color: var(--heading-color);
border: 1px solid var(--border-color);
padding: 11px 32px;
-webkit-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease; }
.btn--viewall:hover {
border-color: var(--heading-color); }
.btn-link:hover {
color: var(--primary); }
.btn-link-outline {
border-bottom: 2px solid var(--heading-color);
position: relative; }
.btn-link-outline::before {
content: "";
position: absolute;
right: 0;
bottom: -2px;
width: 0;
border-bottom: 2px solid var(--primary);
-webkit-transition: width .3s ease;
transition: width .3s ease;
z-index: 10; }
.btn-link-outline:hover {
color: var(--primary); }
.btn-link-outline:hover:before {
left: 0;
width: 100%; }
.p-gutter {
padding: var(--bs-gutter-x, 1.875rem); }
.px-gutter {
padding-left: var(--bs-gutter-x, 1.875rem);
padding-right: var(--bs-gutter-x, 1.875rem); }
/* base-details-summary */
summary {
cursor: pointer;
list-style: none;
position: relative; }
summary .icon-caret {
position: absolute;
height: 0.6rem;
right: 1.5rem;
top: calc(50% - 0.35rem); }
summary::-webkit-details-marker {
display: none; }
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0; }
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none; }
.form__message {
padding: 1rem 1.3rem; }
.form__message .form-message__title {
font-size: 1.2em; }
.form__message--error {
color: #651818;
border: 1px solid #d20000;
background-color: #fff8f8;
text-align: left;
width: 100%; }
.form__message--success {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
display: block;
width: 100%; }
.pre-loading {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: var(--body-bg); }
.pre-loader {
--pre-bg: no-repeat linear-gradient(var(--heading-color) 0 0);
display: inline-block;
width: 130px;
height: 4px;
background: var(--pre-bg), var(--pre-bg), var(--border-color);
background-size: 60% 100%;
animation: preloader 3s infinite; }
@keyframes preloader {
0% {
background-position: -150% 0, -150% 0; }
66% {
background-position: 250% 0, -150% 0; }
100% {
background-position: 250% 0, 250% 0; } }
.vela-loading {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: block;
width: 100vw;
height: 100vh;
background-color: rgba(255, 255, 255, 0.9); }
@keyframes line-scale {
0%,
100% {
transform: scale(1); }
50% {
transform: scale(0.4); } }
.vela-loading__icon {
position: absolute;
top: 50%;
left: 50%;
display: flex;
transform: translate(-50%, -50%); }
.vela-loading__icon > span {
margin: 0 2px;
display: block;
width: 4px;
height: 25px;
background-color: var(--primary); }
.vela-loading__icon > span:nth-child(1) {
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.vela-loading__icon > span:nth-child(2) {
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.vela-loading__icon > span:nth-child(3) {
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.vela-loading__icon > span:nth-child(4) {
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.placeholder {
background-color: rgba(18, 18, 18, 0.04);
color: rgba(18, 18, 18, 0.55);
fill: rgba(18, 18, 18, 0.55); }
svg.placeholder-svg {
width: 100%;
max-width: 100%;
background: var(--svg-bg-cl, #eef0f2);
height: var(--plh-svg-h, 100%); }
/* SCROLL TO TOP*/
.scroll-to-top {
cursor: pointer;
position: fixed;
right: 10px;
bottom: 11px;
z-index: 1031;
text-align: center; }
@media (max-width: 767.98px) {
.scroll-to-top {
right: 10px;
bottom: 75px; } }
.scroll-to-top__button {
position: relative;
width: 56px;
height: 56px;
color: #fff;
background-color: var(--heading-color);
border-bottom: 4px solid var(--primary);
overflow: hidden;
transition: background-color .2s linear; }
.scroll-to-top__button:hover {
background-color: var(--body-color); }
.scroll-to-top__button:hover .scroll-to-top__button-mask {
transform: translateY(0); }
@media (max-width: 767.98px) {
.scroll-to-top__button {
width: 40px;
height: 40px;
background-color: var(--body-color);
line-height: 38px; } }
.scroll-to-top__button-mask {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--heading-color);
background-color: var(--primary);
transform: translateY(100%);
transition: transform .2s linear; }
@media (max-width: 991.98px) {
.scroll-to-top__button-mask {
display: none; } }
.effectOne {
position: relative;
overflow: hidden; }
.effectOne a {
position: relative;
display: block; }
.effectOne a:before, .effectOne a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear; }
.effectOne a:hover:before {
right: 50%;
left: 50%;
z-index: 1;
background: rgba(255, 255, 255, 0.2); }
.effectOne a:hover:after {
top: 50%;
bottom: 50%;
z-index: 1;
background: rgba(255, 255, 255, 0.2); }
.effectTwo a {
display: block;
overflow: hidden;
position: relative; }
.effectTwo a:before {
border: 1px solid #ffffff;
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s,transform 0.35s ease 0s;
z-index: 1; }
.effectTwo a:after {
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
transform: scale(1.4);
opacity: 0;
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.05);
transition: opacity 0.35s ease 0s,transform 0.35s ease 0s;
z-index: 1; }
.effectTwo a:hover:before, .effectTwo a:hover:after {
opacity: 1;
transform: scale(1); }
.effectThree a {
display: block;
overflow: hidden;
position: relative; }
.effectThree a img {
transform: scale(1);
transition: all 0.35s ease 0s; }
@media (prefers-reduced-motion: reduce) {
.effectThree a img {
transition: none; } }
.effectThree a:before, .effectThree a:after {
content: "";
opacity: 0;
position: absolute;
transition: all 0.35s ease 0s;
z-index: 1; }
@media (prefers-reduced-motion: reduce) {
.effectThree a:before, .effectThree a:after {
transition: none; } }
.effectThree a:before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
bottom: 20px;
left: 10px;
right: 10px;
top: 20px;
transform: scale(1, 0); }
.effectThree a:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
left: 20px;
right: 20px;
bottom: 10px;
top: 10px;
transform: scale(0, 1); }
.effectThree a:hover:before, .effectThree a:hover:after {
opacity: 1;
transform: scale(1); }
.effectThree a:hover img {
transform: scale(1.05); }
.effectFour a {
display: block;
overflow: hidden;
position: relative; }
.effectFour a:before {
background: #fff;
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 0;
z-index: 99;
transition: all .5s ease; }
.effectFour a:after {
z-index: 99;
background: #fff;
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 0;
transition: all .5s ease; }
.effectFour a:hover:before {
left: 0;
right: 0;
opacity: .1; }
.effectFour a:hover:after {
top: 0;
bottom: 0;
opacity: .1; }
.effectFive a {
display: block;
overflow: hidden;
position: relative; }
.effectFive a .card_wrap {
transition: all .4s ease; }
.effectFive a:hover .card_wrap {
transform: scale(1.1); }
.effectSix .card__image {
transition: all .5s ease-in-out; }
.effectSix:hover .card__image {
transform: scale(1); }
.velaBorder .borderStyle {
line-height: 0; }
.white-space-nowrap {
white-space: nowrap; }
h1, .h1 {
line-height: 1.167;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
h2, .h2 {
line-height: 1.2;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
h4, .h4,
h3, .h3 {
line-height: 1.14;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
h5, .h5 {
line-height: 1.4;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
h6, .h6 {
line-height: 1.375;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
.line-clamp-1 {
position: relative;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.line-clamp-2 {
position: relative;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.line-clamp-3 {
position: relative;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.is-adding {
pointer-events: none; }
.is-adding span.text,
.is-adding .btn__text {
opacity: 0; }
.is-adding svg {
opacity: 0; }
.is-adding .spinner-border {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; }
.show-tooltip {
position: relative; }
.show-tooltip .tooltip {
visibility: hidden;
pointer-events: none;
transition: all .1s linear; }
.show-tooltip .bs-tooltip-top {
bottom: 100%;
margin-bottom: 10px;
transform: translate(-50%);
left: 50%; }
.show-tooltip .bs-tooltip-top .tooltip-arrow {
transform: translate(-50%);
left: 50%; }
.show-tooltip .bs-tooltip-start {
right: 100%;
margin-right: 10px; }
.show-tooltip .bs-tooltip-start .tooltip-arrow {
transform: translate(0, -50%);
top: 50%; }
.show-tooltip .bs-tooltip-end {
left: 100%;
margin-left: 10px; }
.show-tooltip .bs-tooltip-end .tooltip-arrow {
transform: translate(0, -50%);
top: 50%; }
.show-tooltip:hover .tooltip {
visibility: visible;
opacity: 1; }
.show-tooltip:hover .bs-tooltip-top {
margin-bottom: 0; }
.show-tooltip:hover .bs-tooltip-start {
margin-right: 0; }
.show-tooltip:hover .bs-tooltip-end {
margin-left: 0; }
.grid-column > .col-12 {
max-width: var(--col-dt); }
@media (max-width: 991.98px) {
.grid-column > .col-12 {
max-width: var(--col-tl); } }
@media (max-width: 767.98px) {
.grid-column > .col-12 {
max-width: var(--col-mb); } }
.mw-40 {
min-width: 40px; }
.hvduc-select__container {
position: relative; }
.hvduc-select__heading {
cursor: pointer;
display: inline-block;
min-width: 100px;
padding: 6px 30px 6px 16px;
font-weight: 400;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px 12px;
border: 1px solid var(--border-lighter-color);
border-radius: 2rem;
transition: all 0.15s ease-in-out; }
.hvduc-select__content {
position: absolute;
top: 100%;
left: 0;
z-index: 10;
min-width: 100%;
padding: 0;
opacity: 0;
visibility: hidden;
box-shadow: var(--shadow);
background-color: #fff;
padding: 8px;
border-radius: .25rem; }
.hvduc-select__container.active > .hvduc-select__content {
opacity: 1;
visibility: visible; }
.hvduc-select__option {
display: block;
width: 100%;
border: 0;
background: transparent;
text-align: left;
padding: 5px 10px;
font-size: 13px;
line-height: 22px;
font-weight: 500;
border-radius: .25rem;
white-space: nowrap; }
.hvduc-select__option.active, .hvduc-select__option:hover {
background-color: #f4f4f4;
color: var(--heading-color); }
.product-quantity__label {
margin: 0;
display: block;
font-weight: var(--font-heading-weight);
color: var(--heading-color);
min-width: 75px;
padding-right: 15px; }
.vela-qty {
position: relative;
display: flex;
align-items: center;
width: 108px;
padding: 0 5px;
background-color: var(--border-lighter-color); }
.vela-qty__number {
-webkit-appearance: none;
appearance: none;
flex-grow: 1;
width: 100%;
height: 56px;
font-size: calc(var(--font-size-base) + 1px);
font-weight: 600;
background-color: transparent;
border: 0;
text-align: center; }
@media (max-width: 767.98px) {
.vela-qty__number {
height: 48px; } }
.vela-qty__adjust {
cursor: pointer;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
color: var(--header-color);
background-color: transparent;
border: 0;
border-radius: 50%; }
.vela-qty__adjust.disable {
cursor: no-drop;
pointer-events: none;
color: var(--border-color); }
.vela-qty__adjust:hover {
color: var(--heading-color);
background-color: var(--primary); }
.vela-qty__adjust svg {
width: 12px;
pointer-events: none; }
.vela__btn-close {
display: block;
width: 40px;
height: 40px;
padding: 0;
color: var(--heading-color);
background: transparent;
border: 1px solid var(--border-lighter-color);
border-radius: 50%; }
.vela__btn-close .icon-line1,
.vela__btn-close .icon-line {
margin-left: -5px;
margin-top: -5px;
transition: all .3s ease; }
.vela__btn-close .icon-line1 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.vela__btn-close:focus, .vela__btn-close:hover {
background-color: var(--border-lighter-color); }
.vela__btn-close:focus .icon-line1,
.vela__btn-close:focus .icon-line, .vela__btn-close:hover .icon-line1,
.vela__btn-close:hover .icon-line {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.hidden-label ~ label {
position: absolute;
top: -8px;
left: 20px;
display: inline-block;
margin-bottom: 0;
padding: 0 5px;
color: var(--heading-color);
background: #fff;
font-size: var(--font-size-base);
line-height: 1;
font-weight: 500;
opacity: 0;
visibility: hidden;
transition: all .2s linear; }
.hidden-label:focus ~ label {
opacity: 1;
visibility: visible; }
.effect-rotate {
animation: rotation 7s infinite linear; }
.letter-spacing-small {
letter-spacing: .8px; }
.scroll-style {
overflow-x: hidden;
overflow-y: auto; }
/* scrollbar width */
.scroll-style::-webkit-scrollbar {
width: 4px; }
/* scrollbar track */
.scroll-style::-webkit-scrollbar-track {
background: #eee; }
/* scrollbar handle */
.scroll-style::-webkit-scrollbar-thumb {
border-radius: 1rem;
background-color: #b6b6b6; }
.modal-dialog .scroll-style {
max-height: calc(100vh - 60px); }
.ratio-full {
--bs-aspect-ratio: 100vh; }
p {
letter-spacing: .8px; }
.offcanvas-backdrop,
.modal-backdrop.show {
backdrop-filter: blur(60px); }
@media (max-width: 1199.98px) {
.gx-24 {
--bs-gutter-x: 24px; } }
@media (max-width: 767.98px) {
.gx-24 {
--bs-gutter-x: 16px; } }
.g-ct {
--bs-gutter-x: var(--gutter-md-x);
--bs-gutter-y: var(--gutter-md-y); }
@media (max-width: 767.98px) {
.g-ct {
--bs-gutter-x: var(--gutter-x);
--bs-gutter-y: var(--gutter-y); } }
@media (max-width: 767.98px) {
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem; }
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem; }
.g-3,
.gx-3 {
--bs-gutter-x: 1rem; }
.g-3,
.gy-3 {
--bs-gutter-y: 1rem; } }
.icon-effect-1 .vela-icon {
position: relative;
transition: .3s transform ease; }
.icon-effect-1 .vela-icon-1 {
position: absolute;
transform: translate(-100%, 100%);
left: 0;
bottom: 0;
transition: .3s transform ease; }
.icon-effect-1:hover .vela-icon-1 {
transform: translate(0, 0); }
.icon-effect-1:hover .vela-icon {
transform: translate(100%, -100%); }
#shop-hcaptcha-badge-container {
display: none !important; }
.vela-video {
position: relative;
width: 100%;
overflow: hidden; }
.vela-video[data-autoplay=true]::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%; }
.vela-video::before {
content: "";
pointer-events: none;
display: block;
padding-bottom: 56.25%; }
.vela-video > video,
.vela-video > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.cookie-message {
display: none; }
.cart--no-cookies .cookie-message {
display: block; }
.ajaxcart-container {
color: var(--body-color); }
.ajaxcart__product-image {
display: block;
background-color: var(--border-lighter-color);
border-radius: 4px;
overflow: hidden; }
.ajaxcart__product-image img {
display: block;
max-width: 100%; }
.ajaxcart__quantity {
position: absolute;
top: -7px;
right: -7px;
display: block;
min-width: 20px;
height: 20px;
padding: 0 3px;
color: #fff;
background-color: rgba(114, 114, 114, 0.9);
border: 2px solid var(--body-bg);
font-size: 12px;
line-height: 16px;
text-align: center; }
.ajaxcart__product-description {
position: relative;
height: 100%; }
.ajaxcart__product-name-wrapper {
padding-right: 20px; }
.ajaxcart__product-name {
color: var(--product-name-color);
transition: color .2s linear; }
.ajaxcart__product-name:hover {
color: var(--product-name-hover-color);
text-decoration: none; }
.ajaxcart__product-meta {
line-height: 18px; }
.ajaxcart__product-meta span:not(:last-child)::after {
content: "/";
display: inline-block;
width: 0;
height: 12px;
margin: 0 3px;
padding-right: 6px; }
.ajaxcart__price {
display: block;
font-size: calc(var(--font-size-base) + 1px);
font-weight: 600; }
.ajaxcart__price--regular {
font-weight: var(--font-heading-weight);
color: #ccc; }
.ajaxcart__footer-buttons {
margin: 0 -7px; }
.ajaxcart__footer-price {
display: flex;
justify-content: space-between; }
.ajaxcart__subtotal-name {
color: var(--heading-color);
font-weight: 500;
font-size: 16px; }
.ajaxcart__subtotal {
color: var(--heading-color);
font-size: calc(var(--font-size-base) + 1px);
font-weight: var(--font-heading-weight); }
.ajaxcart__policies a {
border-bottom: 1px solid var(--body-color); }
.ajaxcart__footer-discount {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 0 5px;
border-top: 1px solid var(--border-color); }
.ajaxcart__footer-discount .ajaxcart__price {
padding-left: 20px; }
.ajaxcart__note {
margin: 15px 0 0; }
.ajaxcart__note-input:focus {
border-color: var(--primary);
outline: 0;
box-shadow: none; }
.ajaxcart__panel .form-select,
.ajaxcart__panel .form-control {
padding-top: 13px;
padding-bottom: 13px; }
.ajaxcart__panel .btn {
min-height: 48px; }
.ajaxcart__panel-heading {
font-weight: 600; }
.ajaxcart__panel-heading svg {
margin-top: -2px; }
.ajaxcart__qty {
position: relative; }
.is-loading .ajaxcart__qty {
opacity: .5; }
.ajaxcart__qty-num {
flex-grow: 1;
width: 30px;
height: 24px;
background-color: transparent;
font-size: calc(var(--font-size-base) + 1px);
font-weight: 600;
line-height: 24px;
-webkit-appearance: none;
appearance: none; }
.ajaxcart__qty-adjust {
cursor: pointer;
flex-shrink: 0;
width: 24px;
height: 24px;
padding: 0;
color: var(--body-color);
background-color: transparent;
border: 1px solid var(--border-color);
border-radius: 4px; }
.ajaxcart__qty-adjust:hover {
color: var(--header-color); }
.ajaxcart__qty-adjust svg {
width: 10px;
pointer-events: none; }
.ajaxcart__gift-title span {
font-weight: 600;
margin-left: 3px; }
.ajaxcart__remove {
padding: 0;
color: var(--secondary);
background-color: transparent;
border: 0;
border-bottom: 1px solid var(--secondary);
line-height: 24px;
transition: all .2s linear; }
.ajaxcart__remove:hover {
color: var(--heading-color);
border-bottom-color: var(--heading-color); }
.ajaxcart__product:not(:last-child) {
padding-bottom: 16px; }
.ajaxcart__product.is-loading {
pointer-events: none; }
.cart-empty-message {
margin: 0;
padding: 0 5px;
text-align: center; }
.ajaxcart-toast {
position: fixed;
top: 30px;
right: 30px;
z-index: 1071;
color: #fff;
background-color: red;
border: none;
border-radius: 0; }
.ajaxcart-toast .toast-body {
padding: 15px 30px;
padding-right: 50px; }
.ajaxcart-toast__close {
width: 20px;
height: 20px;
color: #fff;
background: transparent;
line-height: 14px;
opacity: 0.8;
text-align: center;
transition: all .3s ease; }
.ajaxcart-toast__close:hover, .ajaxcart-toast__close:focus {
color: #fff;
outline: 0;
opacity: 1; }
.mini-cart-total {
margin-top: 20px;
padding: 15px 0px 0px;
color: #000;
border-top: 1px solid #e9e9e9;
font-size: calc(var(--font-size-base) + 1px);
font-weight: 500;
text-align: left; }
.mini-cart-total .js-cart-total {
float: right; }
@keyframes effectOpacity {
0% {
color: var(--heading-color); }
50% {
color: var(--bs-danger); }
100% {
color: var(--border-color); } }
.product-quantity__select {
cursor: pointer;
min-width: 80px;
min-height: 54px;
padding: 6px 30px 6px 15px;
background-color: transparent;
border: 2px solid var(--border-color);
text-align: center; }
.cart-modal__btn--checkout {
opacity: .3;
pointer-events: none; }
.cart-modal__btn--checkout span.icon-key {
display: flex;
line-height: 20px; }
.cart-modal__btn--checkout .ajaxcart__subtotal {
color: #fff; }
#terms_conditions {
cursor: pointer; }
#terms_conditions ~ .form-check-label {
cursor: pointer; }
#terms_conditions ~ .form-check-label a {
border-bottom: 1px solid var(--body-color); }
#terms_conditions:checked ~ .cart-modal__btn--checkout {
opacity: 1;
pointer-events: auto; }
.product-price {
color: var(--body-color);
font-size: calc(var(--font-size-base) + 3px);
font-weight: 600;
line-height: 1.333334; }
.product-price__has-sale {
color: #fb4005; }
.product-price--regular {
padding: 0 2px;
color: var(--secondary);
font-size: var(--font-size-base);
font-weight: normal;
text-decoration: line-through; }
.product-price--regular::before {
display: none; }
.product-card {
position: relative; }
.product-card .img-primary {
visibility: visible;
opacity: 1;
transition: all 0.7s ease; }
.product-card .img-secondary {
top: 0;
width: 100%;
left: 0;
opacity: 0;
visibility: hidden;
transform: scale(1);
transition: all 0.7s ease; }
.product-card .product-card__img-primary {
transition: transform 0.7s ease; }
@media (min-width: 992px) {
.product-card:hover .img-primary {
opacity: 0;
visibility: hidden; }
.product-card:hover .img-secondary {
visibility: visible;
opacity: 1;
transform: scale(1.1); }
.product-card:hover .product-card__img-primary {
transform: scale(1.1); } }
.product-card__image-wrapper {
position: relative;
background-color: var(--border-lighter-color);
border-radius: 4px; }
.product-card__image-link {
display: block;
overflow: hidden;
position: relative; }
.product-card__tags {
color: var(--secondary);
font-size: calc(var(--font-size-base) - 2px); }
.product-card__tags a {
color: var(--secondary); }
.product-card__tags a:hover {
color: var(--heading-color); }
.product-card__vendor {
color: var(--secondary);
font-size: calc(var(--font-size-base) - 2px); }
.product-card__vendor label {
display: none; }
.product-card__vendor a {
color: var(--secondary);
transition: color .2s linear; }
.product-card__vendor a:hover {
color: var(--heading-color); }
.product-card__name {
position: relative;
font-family: var(--font-body-family); }
.product-card__name a {
color: var(--product-name-color);
transition: color .3s ease; }
.product-card__name a span {
position: relative; }
.product-card__name a:hover {
color: var(--product-name-hover-color); }
.product-card__label {
top: 0;
margin: 12px 12px 0;
font-size: 13px;
line-height: 15px;
display: block;
z-index: 1; }
.product-card__label > span {
display: block;
padding: 6px 10px;
margin-bottom: 4px;
text-align: center;
border-radius: 30px; }
.product-card--second .product-card__image-wrapper {
overflow: hidden; }
.product-card--second .product-card__content {
padding: 20px 0 10px; }
.product-card--second .product-card__vendor {
display: block;
font-weight: 600;
line-height: 1.23077;
text-transform: uppercase; }
.product-card--second .product-card__vendor a {
transition: color .2s ease; }
.product-card--second .product-card__vendor a:hover {
color: var(--body-color); }
.product-card--second .product-card__name {
margin: 0 0 10px;
font-size: calc(var(--font-size-base) - 1px);
font-weight: 600;
line-height: 1.286; }
.product-card--second .product-card__name a:hover {
color: var(--body-color); }
.product-card--second .product-card__label {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
margin: 0;
padding: 16px 16px 0;
font-weight: 500;
line-height: 1.23077; }
.product-card--second .product-card__label > span {
margin: 0;
padding: 4px 12px 5px;
border-radius: 2px;
text-align: left; }
@media (min-width: 992px) {
.product-card--second .product-card__buttons {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all .4s ease; } }
@media (max-width: 991.98px) {
.product-card--second .product-card__buttons {
position: absolute;
left: 8px;
right: 8px;
bottom: 8px;
z-index: 1;
display: flex;
justify-content: center; } }
@media (min-width: 992px) {
.product-card--second .btn-addtocart {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 10px 15px;
color: var(--heading-color);
background-color: var(--primary);
border: 0;
border-bottom: 2px solid var(--heading-color);
font-size: var(--font-size-base);
font-weight: 600;
line-height: 1.733334;
overflow: hidden; }
.product-card--second .btn-addtocart:hover .btn-addtocart__mask {
transform: translateY(0); }
.product-card--second .btn-addtocart svg {
display: block;
margin-right: 8px; } }
@media (max-width: 991.98px) {
.product-card--second .btn-addtocart {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 7px 16px;
color: var(--body-color);
background-color: var(--body-bg);
border: 0;
font-size: 13px;
border-radius: 4px; }
.product-card--second .btn-addtocart svg {
width: 15px;
height: 15px;
margin-right: 5px; } }
.product-card--second .btn-addtocart__mask {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--primary);
background-color: var(--heading-color);
transform: translateY(calc(100% + 10px));
transition: transform .12s ease-in; }
.product-card--second .shop-action {
display: grid;
grid-template-columns: auto;
gap: 8px;
padding: 8px;
z-index: 1; }
.product-card--second .shop-action .btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
color: var(--body-color);
background-color: transparent;
border: 0;
border-radius: 4px;
transition: all .4s ease; }
.product-card--second .shop-action .btn:hover {
color: var(--primary);
background-color: var(--heading-color); }
@media (max-width: 991.98px) {
.product-card--second .shop-action .btn {
background-color: var(--body-bg); } }
@media (max-width: 767.98px) {
.product-card--second .shop-action .btn svg {
width: 15px;
height: 15px; } }
.product-card--second .shop-action .btn .tooltip {
padding: 0 6px; }
.product-card--second .shop-action .btn .tooltip .tooltip-arrow {
width: 6px;
height: 6px;
margin-top: -3px;
transform: translate(0, 0); }
.product-card--second .shop-action .btn .bs-tooltip-start .tooltip-arrow::before {
left: 0;
border-width: 3px 0 3px 4px; }
.product-card--second .shop-action .btn .bs-tooltip-end .tooltip-arrow::before {
right: 0;
border-width: 3px 4px 3px 0; }
.product-card--second .shop-action .btn .tooltip-inner {
padding: 6px 8px;
border-radius: 4px;
color: var(--primary);
background-color: var(--heading-color);
font-family: var(--font-body-family);
font-size: calc(var(--font-size-base) - 2px);
font-weight: 400;
line-height: 1.23077; }
.product-card--second .shop-action .btn--wishlist .heart-fill {
display: none; }
.product-card--second .shop-action .btn--wishlist.is-added .heart {
display: none; }
.product-card--second .shop-action .btn--wishlist.is-added .heart-fill {
display: block; }
@media (max-width: 767.98px) {
.product-card--second .shop-action .btn--wishlist svg {
width: 14px;
height: 14px; } }
@media (min-width: 992px) {
.product-card--second .shop-action .btn--action {
opacity: 0;
visibility: hidden; } }
@media (min-width: 992px) {
.product-card--second .shop-action.start-0 .btn--action {
transform: translateX(-10px); } }
@media (min-width: 992px) {
.product-card--second .shop-action.end-0 .btn--action {
transform: translateX(10px); } }
.product-card--second .vela-review__badge {
display: flex;
align-items: center;
padding: 2px 8px;
color: var(--primary);
background-color: var(--heading-color);
border-radius: 2px;
font-size: calc(var(--font-size-base) - 2px);
font-weight: 500;
line-height: 1.23077; }
.product-card--second .vela-review__badge .jdgm-star {
display: flex !important; }
.product-card--second .vela-review__badge .jdgm-star.jdgm--on:before {
background-color: var(--primary); }
.product-card--second .vela-review__star {
display: flex;
margin-top: -2px; }
.product-card--second .vela-review[data-styles="compact"] .vela-review__count {
font-weight: 600; }
@media (min-width: 768px) {
.product-card--second:hover .product-card__buttons {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.product-card--second:hover .shop-action .btn {
background-color: var(--body-bg); }
.product-card--second:hover .shop-action .btn:hover {
background-color: var(--heading-color); }
.product-card--second:hover .shop-action .btn--action {
opacity: 1;
visibility: visible; }
.product-card--second:hover .shop-action.start-0 .btn--action, .product-card--second:hover .shop-action.end-0 .btn--action {
transform: translateX(0); } }
.product-card__list {
border-bottom: 1px solid var(--border-lighter-color); }
@media (min-width: 992px) {
.product-card__list .shop-action:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
background: var(--border-lighter-color); } }
.product-card__list .shop-action .btn {
width: 100%; }
.label-on-sale {
background: var(--sale-badge-bg-color);
color: var(--sale-badge-color); }
.label-new {
margin-bottom: 10px;
background: #0088CC;Aahou hi karrle tu bhi mohabbat tamil is
color: var(--new-badge-color); }
.label-sold-out {
background: var(--sold-out-badge-bg-color);
color: var(--sold-out-badge-color); }
.label-pre-order {
background: var(--pre-order-badge-bg-color);
color: var(--pre-order-badge-color); }
.btn--wishlist-page {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--body-color);
background-color: #fff;
border: 0;
border-radius: 50%;
transition: all .3s ease; }
.btn--wishlist-page:hover {
color: #fff;
background: var(--primary); }
.product-grid .product-card__image-link {
opacity: 1;
transition: all .1s ease; }
.product-grid .product-card__image-link.image-out-of-stok::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ffffff26;
z-index: 1; }
.product-grid .product-card__review {
opacity: 1;
transition: all .3s ease; }
.product-grid .spr-badge .spr-badge-caption {
display: none; }
.product-grid.grid__style1 .product-card__label {
margin: 8px; }
.product-grid.grid__style1 .shop-action {
margin: 8px; }
@media (min-width: 992px) {
.product-grid.grid__style1 .shop-action {
margin: 16px; }
.product-grid.grid__style1 .shop-action.start-0 .btn--action {
transform: translateX(-20px); }
.product-grid.grid__style1 .shop-action.end-0 .btn--action {
transform: translateX(20px); } }
.product-grid.grid__style1 .btn--wishlist .heart-fill {
display: none; }
.product-grid.grid__style1 .btn--wishlist.is-added .heart-fill {
display: block; }
.product-grid.grid__style1 .btn--wishlist.is-added .heart {
display: none; }
.product-grid.grid__style1 .btn--action {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--body-color);
background-color: #fff;
border: 0;
margin-bottom: 8px;
z-index: 2;
border-radius: 50%;
transition: all .3s ease;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); }
@media (min-width: 992px) {
.product-grid.grid__style1 .btn--action {
visibility: hidden;
opacity: 0; } }
.product-grid.grid__style1 .btn--action:hover {
color: #fff;
background: var(--primary); }
@media (max-width: 991.98px) {
.product-grid.grid__style1 .btn--action {
width: 32px;
height: 32px;
color: var(--body-color);
background-color: #fff; }
.product-grid.grid__style1 .btn--action svg {
width: 14px;
height: 14px; } }
@media (min-width: 992px) {
.product-grid.grid__style1:hover .btn--wishlist {
color: var(--body-color);
background-color: #fff; }
.product-grid.grid__style1:hover .btn--wishlist:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style1:hover .btn--action {
opacity: 1;
visibility: visible; }
.product-grid.grid__style1:hover .shop-action.start-0 .btn--action,
.product-grid.grid__style1:hover .shop-action.end-0 .btn--action {
transform: translateX(0); } }
.product-grid.grid__style2 .product-card__label {
margin: 8px; }
.product-grid.grid__style2 .product-card__buttons {
bottom: -4px;
visibility: hidden;
opacity: 0;
left: 0;
right: 0;
transition: all .3s ease; }
.product-grid.grid__style2 .shop-action {
margin: 8px;
z-index: 1; }
.product-grid.grid__style2 .shop-action.start-0 .btn--action {
transform: translateX(-20px); }
.product-grid.grid__style2 .shop-action.end-0 .btn--action {
transform: translateX(20px); }
.product-grid.grid__style2 .btn--add-to-cart {
position: relative;
background: #fff;
color: var(--body-color);
z-index: 1;
font-size: 15px;
padding: 10px 29px;
transition: all .3s ease;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
.product-grid.grid__style2 .btn--add-to-cart:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style2 .btn--action {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--body-color);
background-color: #fff;
border: 0;
z-index: 2;
visibility: hidden;
opacity: 0;
border-radius: 50%;
transition: all .3s ease;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
.product-grid.grid__style2 .btn--action:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style2 .btn--wishlist {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
margin-bottom: 8px;
color: var(--secondary);
background-color: transparent;
border: 0;
border-radius: 50%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
transition: all .3s ease; }
.product-grid.grid__style2 .btn--wishlist .heart-fill {
display: none; }
.product-grid.grid__style2 .btn--wishlist.is-added .heart-fill {
display: block; }
.product-grid.grid__style2 .btn--wishlist.is-added .heart {
display: none; }
@media (min-width: 768px) {
.product-grid.grid__style2:hover .product-card__buttons {
bottom: 16px;
opacity: 1;
visibility: visible; }
.product-grid.grid__style2:hover .btn--wishlist {
color: var(--body-color);
background-color: #fff; }
.product-grid.grid__style2:hover .btn--wishlist:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style2:hover .shop-action.start-0 .btn--action,
.product-grid.grid__style2:hover .shop-action.end-0 .btn--action {
transform: translateX(0);
opacity: 1;
visibility: visible; } }
.product-grid.grid__style3 .shop-action {
transition: all .3s ease;
z-index: 1;
left: 50%; }
@media (min-width: 992px) {
.product-grid.grid__style3 .shop-action {
visibility: hidden;
opacity: 0;
margin-top: 20px;
top: 50%;
transform: translate(-50%, -50%); } }
@media (max-width: 991.98px) {
.product-grid.grid__style3 .shop-action {
bottom: 0;
transform: translateX(-50%);
margin-bottom: -18px; } }
.product-grid.grid__style3 .btn--action {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
margin: 4px;
color: var(--body-color);
background-color: #fff;
border: 0;
z-index: 2;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
border-radius: 50%;
transition: all .3s ease; }
.product-grid.grid__style3 .btn--action:hover {
color: #fff;
background: var(--primary); }
@media (max-width: 991.98px) {
.product-grid.grid__style3 .btn--action {
width: 32px;
height: 32px; }
.product-grid.grid__style3 .btn--action svg {
width: 14px;
height: 14px; } }
.product-grid.grid__style3 .btn--wishlist .heart-fill {
display: none; }
.product-grid.grid__style3 .btn--wishlist.is-added .heart-fill {
display: block; }
.product-grid.grid__style3 .btn--wishlist.is-added .heart {
display: none; }
@media (min-width: 992px) {
.product-grid.grid__style3:hover .shop-action {
margin-top: 0;
opacity: 1;
visibility: visible; } }
.product-grid.grid__style3 .product-card__swatch {
margin-top: 12px; }
.product-grid.grid__style4 .product-card__label {
margin: 8px; }
.product-grid.grid__style4 .shop-action {
margin: 8px; }
.product-grid.grid__style4 .btn--wishlist {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-bottom: 8px;
padding: 0;
color: var(--secondary);
background-color: transparent;
border: 0;
border-radius: 50%;
transition: all .3s ease; }
.product-grid.grid__style4 .btn--wishlist .heart-fill {
display: none; }
.product-grid.grid__style4 .btn--wishlist.is-added .heart-fill {
display: block; }
.product-grid.grid__style4 .btn--wishlist.is-added .heart {
display: none; }
.product-grid.grid__style4 .btn--action {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--body-color);
background-color: #fff;
border: 0;
z-index: 2;
border-radius: 50%;
transition: all .3s ease;
opacity: 0;
visibility: hidden;
transform: translateX(40px); }
.product-grid.grid__style4 .btn--action:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style4 .btn--quickview {
margin-bottom: 8px; }
@media (min-width: 768px) {
.product-grid.grid__style4:hover .btn--wishlist {
color: var(--body-color);
background-color: #fff; }
.product-grid.grid__style4:hover .btn--wishlist:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style4:hover .btn--action {
opacity: 1;
visibility: visible;
transform: translateX(0); } }
.product-grid.grid__style5 .product-card__image-wrapper {
border-radius: 8px; }
.product-grid.grid__style5 .btn--wishlist {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
margin: 8px;
color: var(--secondary);
background-color: transparent;
border: 0;
border-radius: 50%;
transition: all .3s ease; }
.product-grid.grid__style5 .btn--wishlist .heart-fill {
display: none; }
.product-grid.grid__style5 .btn--wishlist.is-added .heart-fill {
display: block; }
.product-grid.grid__style5 .btn--wishlist.is-added .heart {
display: none; }
@media (max-width: 991.98px) {
.product-grid.grid__style5 .btn--wishlist {
width: 32px;
height: 32px;
color: var(--body-color);
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
.product-grid.grid__style5 .btn--wishlist svg {
width: 14px;
height: 14px; } }
.product-grid.grid__style5 .shop-action {
margin-bottom: 8px;
transition: all .3s ease; }
@media (min-width: 992px) {
.product-grid.grid__style5 .shop-action {
visibility: hidden;
opacity: 0; } }
.product-grid.grid__style5 .btn--action {
position: relative;
background: #fff;
z-index: 2;
font-size: 15px;
padding: 10px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s ease;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
.product-grid.grid__style5 .btn--action svg {
margin-bottom: 2px;
margin-right: 5px; }
.product-grid.grid__style5 .btn--action:hover {
color: #fff;
background: var(--primary); }
@media (max-width: 991.98px) {
.product-grid.grid__style5 .btn--action {
font-size: 13px;
font-weight: 500;
padding: 6px 15px;
width: auto; } }
@media (min-width: 992px) {
.product-grid.grid__style5:hover .btn--wishlist {
color: var(--body-color);
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
.product-grid.grid__style5:hover .btn--wishlist.is-added, .product-grid.grid__style5:hover .btn--wishlist:hover {
color: #fff;
background: var(--primary); }
.product-grid.grid__style5:hover .shop-action {
margin-bottom: 24px;
visibility: visible;
opacity: 1; } }
.product-grid.grid__style5 .product-card__swatch {
margin-top: 12px; }
.product-grid .product-card__swatch {
margin-top: 12px; }
.product-card__list1 {
border-bottom: 1px solid var(--border-lighter-color); }
.product-card__list1 .product-card__label {
margin: 8px; }
.product-card__list1 .shop-action {
transform: translateX(50px);
transition: all .3s ease;
visibility: hidden;
opacity: 0; }
.product-card__list1 .btn--add-to-cart {
position: relative;
color: #fff;
background: var(--primary);
font-size: 15px;
padding: 10px 35px;
transition: all .3s ease; }
.product-card__list1 .btn--add-to-cart:hover {
background-color: var(--body-color); }
.product-card__list1 .btn--action {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
color: var(--body-color);
background-color: #fff;
border: 0;
border-radius: 50%;
transition: all .3s ease; }
.product-card__list1 .btn--action:hover {
color: #fff;
background: var(--primary); }
.product-card__list1 .btn--quickview {
margin-top: 8px; }
.product-card__list1 .btn--wishlist .heart-fill {
display: none; }
.product-card__list1 .btn--wishlist.is-added .heart-fill {
display: block; }
.product-card__list1 .btn--wishlist.is-added .heart {
display: none; }
@media (min-width: 768px) {
.product-card__list1:hover .shop-action {
transform: translateX(0);
opacity: 1;
visibility: visible; } }
.product-card__swatch:empty {
display: none; }
.product-card__swatch li {
margin: 2px;
border: 1px solid #DADBE0;
width: 24px;
height: 24px;
padding: 3px;
border-radius: 50%; }
.product-card__swatch li:hover, .product-card__swatch li.is-active {
border-color: var(--body-color); }
.product-card__swatch li.variant-has-image {
width: 30px;
height: 30px; }
.product-card__swatch li.variant-has-image label {
width: 22px;
height: 22px; }
.product-card__swatch label {
width: 16px;
height: 16px;
background-size: cover;
cursor: pointer;
border-radius: 50%;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; }
.product-card__swatch .extendlink.more_option_item {
display: none; }
.product-card__swatch .more_option {
cursor: pointer;
border: 0;
font-size: 14px;
overflow: hidden;
line-height: 10px;
display: flex;
align-items: center; }
.product-card__swatch .more_option::before {
content: "-"; }
.product-card__swatch .more_option.more_option_active::before {
content: "+"; }
.product-list__style1 .product-card__image-wrapper {
max-width: 96px;
width: 100%;
border-radius: 8px; }
/* SECTION COUNTDOWN */
.product-card__countdown {
display: flex;
flex-flow: row wrap;
justify-content: start;
text-align: center; }
.product-card__countdown .countdown-title {
color: var(--secondary); }
.product-card__countdown .countdown__item {
text-align: center;
padding: 0 2px;
position: relative; }
.product-card__countdown .countdown__item:not(:last-child) {
margin-right: 10px; }
.product-card__countdown .countdown__item:not(:last-child):before, .product-card__countdown .countdown__item:not(:last-child):after {
content: "";
width: 3px;
height: 3px;
background-color: var(--heading-color);
position: absolute;
border-radius: 50%;
top: 3px;
right: -7px;
display: block; }
.product-card__countdown .countdown__item:not(:last-child)::after {
top: 10px; }
.product-card__countdown .countdown__item span:first-child {
color: var(--heading-color);
font-weight: 700;
font-size: 18px;
line-height: calc(var(--font-size-base) + 2px);
display: block;
margin-bottom: 0px; }
.product-card__countdown .countdown__item span:last-child {
display: block;
color: #bdbcbc;
font-size: 12px; }
.article__meta {
color: var(--secondary);
font-size: 13px;
font-weight: 500; }
.article__meta .icon {
margin-right: 3px;
display: flex;
color: var(--body-color); }
.article__meta span,
.article__meta a {
color: var(--heading-color);
font-weight: 600; }
.article__meta span:hover,
.article__meta a:hover {
color: var(--body-color); }
.article__meta > div {
position: relative; }
.article__meta > div:not(:last-child) {
margin-right: 16px; }
.article__meta .text-white > a,
.article__meta .text-white > span {
color: #fff; }
.article__meta-tags .tags__item {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
color: var(--secondary); }
.article__meta-tags .tags__item .tags__item {
color: var(--secondary); }
.article__btn {
text-transform: capitalize;
transition: all .2s ease; }
.blog_social_sharing .list-social__link {
color: #999; }
.blog_social_sharing .list-social__link:hover {
color: var(--primary); }
.blog__grid1 .article__featured-image-link::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2); }
.blog__grid1 .article__content {
z-index: 2; }
.blog__grid2 .article__content {
position: relative;
margin: -70px 40px 0;
padding: 24px 24px 0;
background-color: #fff;
border-radius: 8px 8px 0 0; }
.slick-carousel {
display: none;
margin-top: 0; }
.slick-carousel.slick-initialized {
display: block; }
.slick-carousel .slick-carousel__item {
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5); }
.slick-slider {
position: relative;
display: block;
user-select: none;
touch-action: pan-y; }
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0); }
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: hand; }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: '';
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto; }
.slick-slide:focus {
outline: 0; }
.slick-arrow {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-top: -24px;
padding: 0;
color: var(--heading-color);
background-color: #fff;
border: 0;
font-size: 0;
line-height: 0;
opacity: 1;
transition: all .2s linear; }
@media (max-width: 767.98px) {
.slick-arrow {
display: none !important; } }
.slick-arrow:before {
content: "";
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
display: block;
width: 7px;
height: 12px;
background-color: var(--heading-color); }
.slick-arrow svg {
width: 7px;
height: 12px; }
.slick-arrow:hover {
outline: 0;
box-shadow: none;
color: #fff;
background-color: var(--heading-color);
border-color: var(--heading-color);
opacity: 1; }
.slick-arrow:hover::before {
background-color: var(--primary); }
.slick-arrow.slick-hidden {
display: none; }
.slick-arrow.slick-disabled {
cursor: not-allowed;
opacity: .5; }
.slick-prev {
left: 0; }
@media (max-width: 991.98px) {
.slick-prev {
left: calc(.5 * var(--bs-gutter-x) + 8px); } }
.slick-prev:before {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
margin-right: 1px; }
.slick-next {
right: 0; }
@media (max-width: 991.98px) {
.slick-next {
right: calc(.5 * var(--bs-gutter-x) + 8px); } }
.slick-next:before {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
margin-left: 1px; }
.slick-dots {
position: absolute;
left: 0;
width: 100%;
bottom: -30px;
display: flex;
flex-wrap: row wrap;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none; }
.slick-dots li {
padding: 0 6px;
border: 0;
border-radius: 50%; }
.slick-dots li.slick-active button {
width: 24px;
opacity: 1; }
.slick-dots button {
display: block;
width: 8px;
height: 8px;
padding: 0;
background: var(--heading-color);
border: 0;
border-radius: 4px;
font-size: 0;
opacity: .3;
transition: all .3s ease; }
.slick-carousel.slick-dotted {
margin-bottom: 28px; }
.slick-carousel.slick-dotted .slick-dots {
bottom: -28px; }
@media (min-width: 992px) {
.slick-carousel .slick-arrow {
visibility: hidden;
opacity: 0; }
.slick-carousel.slick-dotted {
margin-bottom: 38px; }
.slick-carousel.slick-dotted .slick-dots {
bottom: -38px; }
.slick-carousel:hover .slick-arrow {
visibility: visible;
opacity: 1; }
.slick-carousel:hover .slick-arrow.slick-disabled {
opacity: .4; }
.slick-carousel:hover .slick-prev {
left: calc(.5 * var(--bs-gutter-x) + 16px); }
.slick-carousel:hover .slick-next {
right: calc(.5 * var(--bs-gutter-x) + 16px); } }
@media (max-width: 767.98px) {
.slick-carousel__variableWidth .container, .slick-carousel__variableWidth .container-fluid, .slick-carousel__variableWidth .container-xl, .slick-carousel__variableWidth .container-xxl {
padding-right: 0 !important; } }
@keyframes rotation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@media (max-width: 767.98px) {
.slick-carousel__variableWidth .box-width {
width: var(--card-w); } }
.slick-arrow__bottom {
padding-bottom: 70px; }
.slick-arrow__bottom .slick-arrow {
top: auto;
bottom: 0;
margin-top: inherit;
opacity: 1;
visibility: visible; }
.slick-arrow__bottom .slick-prev {
left: calc(var(--bs-gutter-x) * .5) !important; }
.slick-arrow__bottom .slick-next {
left: calc(var(--bs-gutter-x) * .5) !important;
margin-left: 70px; }
@media (min-width: 992px) {
.carousel-custom.slick-carousel {
margin-bottom: 0 !important; }
.carousel-custom .slick-dots {
display: none !important; } }
@media (max-width: 991.98px) {
.carousel-custom .slick-arrow {
display: none !important; } }
/*wishlist page*/
.wishlist-page__content .pre-loading {
display: none; }
.wishlist-page__content.loading .pre-loading {
display: block; }
.wishlist-count .count {
min-width: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
font-weight: 400;
text-align: center;
border-radius: 50%;
display: inline-block;
position: absolute;
top: -8px;
right: -15px;
color: #fff;
background-color: var(--body-color); }
.vela-btn {
margin: var(--vl-b-mg);
padding: var(--vl-b-pd);
color: var(--vl-b-cl);
background-color: #fff;
border-width: var(--vl-b-bd-w, 0);
border-style: solid;
border-color: var(--vl-b-bd-cl);
font-size: var(--vl-b-fs);
transition: all 0.2s ease; }
@media (prefers-reduced-motion: reduce) {
.vela-btn {
transition: none; } }
@media (max-width: 767.98px) {
.vela-btn {
margin: var(--vl-b-mg-m, var(--vl-b-mg));
padding: var(--vl-b-pd-m, 8px 20px);
font-size: var(--vl-b-fs-m); } }
.vela-btn:hover {
color: var(--vl-b-cl-h);
background-color: #fff;
border-color: var(--vl-b-bd-cl-h); }
.vela-btn.btn__special-style {
position: relative; }
.vela-btn.btn__special-style::after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 24px;
height: 2px;
background-color: var(--vl-b-bd-cl);
transition: all .3s ease; }
.vela-btn.btn__special-style:hover::after {
width: 100%;
background-color: var(--vl-b-bd-cl-h); }
.vela-text {
margin: var(--vl-t-mg-m, 0);
color: var(--vl-t-cl);
font-size: var(--vl-t-fs-m);
line-height: calc(var(--vl-t-fs-m) + 6px); }
@media (min-width: 768px) {
.vela-text {
margin: var(--vl-t-mg-tl, var(--vl-t-mg));
font-size: var(--vl-t-fs-tl, var(--vl-t-fs));
line-height: calc(var(--vl-t-fs-tl, var(--vl-t-fs)) + 6px); } }
@media (min-width: 992px) {
.vela-text {
margin: var(--vl-t-mg, 0);
font-size: var(--vl-t-fs);
line-height: calc(var(--vl-t-fs) + 10px); } }
.btn-buynow {
width: 100%;
min-height: 56px;
border-radius: 0;
color: #fff;
background-color: rgba(251, 64, 5, 0.7);
font-size: calc(var(--font-size-base) - 2px);
font-weight: bold;
line-height: 1.23077;
overflow: hidden;
text-transform: uppercase;
transition: all .2s linear; }
@media (max-width: 767.98px) {
.btn-buynow {
min-height: 48px; } }
.btn-buynow:hover, .btn-buynow:hover:not([disabled]) {
color: var(--body-bg);
background-color: var(--heading-color); }
.page-faqs__heading .icons {
display: inline-block;
width: 38px;
height: 38px;
color: var(--color-text);
margin-bottom: 15px; }
@media (max-width: 991.98px) {
.faqs {
padding-top: 30px; } }
.faqs__desc p {
margin-bottom: 20px; }
.template-search__search {
max-width: 570px; }
.effect-first .card_wrap {
overflow: hidden; }
.effect-first .card__image {
transition: transform .3s linear; }
.effect-first:hover .card__image {
transform: scale(1); }
/* __ velaSlideshow ___ */
.vela-slideshow .slick-arrow {
visibility: hidden;
opacity: 0; }
.vela-slideshow:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.vela-slideshow:hover .slick-prev {
left: 16px; }
.vela-slideshow:hover .slick-next {
right: 16px; }
@media (min-width: 992px) {
.vela-slideshow:hover .slick-prev {
left: 45px; }
.vela-slideshow:hover .slick-next {
right: 45px; } }
.vela-slideshow .slick-dotted {
margin-bottom: 0; }
.vela-slideshow .slick-dots {
bottom: 30px; }
@media (max-width: 767.98px) {
.vela-slideshow .slick-dots {
position: relative;
bottom: auto;
padding: 0 0 24px; } }
.vela-slideshow.scroll_down .slick-dots {
right: 0;
z-index: 1;
max-width: var(--sl-ct-mx-w, 1430px);
margin-left: auto;
margin-right: auto;
justify-content: flex-start;
padding-right: var(--bs-gutter-x, 0.9375rem);
padding-left: var(--bs-gutter-x, 0.9375rem); }
.slide--image > div {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: var(--bg-position); }
.slide--image > div::before {
content: "";
pointer-events: none;
display: block;
padding-bottom: var(--sl-mh, 400px); }
@media (min-width: 768px) {
.slide--image > div::before {
padding-bottom: var(--sl-th, 600px); } }
@media (min-width: 992px) {
.slide--image > div::before {
padding-bottom: var(--sl-h, 800px); } }
.caption_container .container-fluid,
.caption_container .container {
max-width: var(--sl-ct-mx-w, 1430px); }
.slideshow-caption {
position: absolute;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.slideshow-caption {
transition: none; } }
.slick-active .slideshow-caption {
opacity: 1; }
.slideshow-caption__inner {
position: relative; }
.slideshow-caption__subheading {
font-weight: 500; }
.slideshow-caption__content {
display: inline-block;
background-color: var(--sl-box-bg);
max-width: var(--sl-box-mx, auto);
padding: var(--sl-box-pd-dt, 0); }
@media (max-width: 767.98px) {
.slideshow-caption__content {
padding: var(--sl-box-pd-mb, 0); } }
.slideshow-caption__btn {
position: relative;
display: inline-flex;
line-height: 1.23077;
overflow: hidden; }
.slideshow-caption__btn::before {
content: "";
pointer-events: none;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
display: block;
width: 100%;
height: 2px;
background-color: var(--vl-b-bg-cl-h); }
.slideshow-caption__btn:hover {
color: var(--vl-b-cl);
border-color: var(--vl-b-bd-cl);
background-color: #fff; }
.slideshow-caption__btn:hover .slideshow-caption__btn-mask {
transform: translateY(0); }
.slideshow-caption__btn-mask {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #fff;
border-color: var(--vl-b-bd-cl-h);
background-color: var(--vl-b-bg-cl-h);
transform: translateY(100%);
transition: transform .1s ease-out; }
.slideshow-caption__heading {
line-height: 1.11; }
.slideshow-caption__heading--small {
line-height: 1.11; }
@media (max-width: 767.98px) {
.slideshow-caption.under-image {
position: relative; }
.slideshow-caption.under-image .slideshow-caption__subheading, .slideshow-caption.under-image .slideshow-caption__heading, .slideshow-caption.under-image .slideshow-caption__heading--small {
color: var(--heading-color); }
.slideshow-caption.under-image .slideshow-caption__subheading {
font-weight: 600; } }
/*custom animation*/
.slick-active .slideshow-caption__content > * {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
animation-timing-function: ease-in; }
.slick-active .animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.slick-active .animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat); }
.slick-active .animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2); }
.slick-active .animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3); }
.slick-active .animate__delay-1 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay); }
.slick-active .animate__delay-2 {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
-webkit-animation-delay: calc(var(--animate-delay) * 1.6);
animation-delay: calc(var(--animate-delay) * 1.6); }
.slick-active .animate__delay-3 {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
-webkit-animation-delay: calc(var(--animate-delay) * 2.2);
animation-delay: calc(var(--animate-delay) * 2.2); }
.slick-active .animate__delay-4 {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
-webkit-animation-delay: calc(var(--animate-delay) * 2.8);
animation-delay: calc(var(--animate-delay) * 2.8); }
.slick-active .animate__delay-5 {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
-webkit-animation-delay: calc(var(--animate-delay) * 3.4);
animation-delay: calc(var(--animate-delay) * 3.4); }
.slick-active .animate__faster {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2); }
.slick-active .animate__fast {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8); }
.slick-active .animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2); }
.slick-active .animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3); }
/*end custom */
.slide__scroll {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: var(--bs-gutter-x, 0.9375rem);
padding-left: var(--bs-gutter-x, 0.9375rem);
font-size: 13px;
line-height: 13px;
font-weight: var(--font-heading-weight);
margin-bottom: 35px; }
.btn-slide__scroll {
color: var(--sl-btn-sd-cl);
position: relative;
z-index: 2;
text-transform: uppercase;
font-weight: 500;
padding: 8px;
letter-spacing: 1.2px;
font-size: 11px; }
.btn-slide__scroll:hover {
color: var(--primary); }
.btn-slide__scroll .text-circle {
fill: currentColor;
height: auto;
transform-origin: center;
animation: rotation 7s infinite linear; }
@keyframes scropDown {
0% {
left: -5px;
opacity: 1; }
100% {
left: -20px;
opacity: .1; } }
.effect-rotate {
animation: rotation 7s infinite linear; }
@keyframes rotation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.slideshow-banner .slick-dots {
padding: 0 56px;
justify-content: flex-start; }
@media (max-width: 767.98px) {
.slideshow-banner .slick-dots {
padding: 0 18px; } }
@media (min-width: 992px) {
.slideshow-banner .slideshow--image .card__image {
padding-top: var(--plh-svg-h) !important;
background-size: cover; } }
@media (min-width: 992px) {
.slideshow-banner__rpanel .card__image {
padding-top: var(--plh-svg-h) !important;
background-size: cover; } }
.slideshow-banner__rpanel-caption {
position: absolute;
top: 10%;
left: 5%;
padding: 30px;
max-width: 310px; }
@media (max-width: 767.98px) {
.slideshow-banner__rpanel-caption {
top: 0;
left: 0; } }
.slideshow-banner__rpanel-subtitle {
color: var(--text-color);
font-size: calc(var(--font-size-base) - 2px);
font-weight: bold; }
.slideshow-banner__rpanel-title {
margin: 0 0 26px;
color: var(--text-color);
font-size: var(--font-size-heading);
line-height: calc(var(--font-size-heading) + 4px); }
@media (max-width: 767.98px) {
.slideshow-banner__rpanel-title {
font-size: calc(var(--font-size-heading) - 14px);
line-height: calc(var(--font-size-heading) - 8px); } }
.slideshow-banner__rpanel-btn {
display: inline-flex;
min-height: 48px;
padding: 0 24px; }
@media (max-width: 767.98px) {
.slideshow-banner__rpanel-btn {
min-height: 40px; } }
.slideshow-banner__rpanel-btn .btn-nutrion__mask {
padding: 0 24px; }
@keyframes hvducSliderTextActive {
0%, 20% {
transform: translateY(200%); }
80% {
transform: translateY(-5px); }
90% {
transform: translateY(5px); }
100% {
transform: translateY(0); } }
@keyframes hvducSliderTextLeave {
0% {
transform: translateY(0); }
20% {
transform: translateY(10px); }
100% {
transform: translateY(-200%); } }
.hvduc-sheading {
display: inline-flex;
flex-direction: column;
height: calc(1.1em + 5px);
margin-bottom: -5px;
padding-bottom: 5px;
overflow: hidden;
color: var(--primary); }
@media (max-width: 767.98px) {
.hvduc-sheading {
display: flex;
width: 100%; } }
.hvduc-sheading .slick-list {
padding-bottom: 5px;
margin-bottom: -5px; }
.hvduc-sheading .slick-slide {
opacity: 0; }
.hvduc-sheading .slick-slide.slick-active {
opacity: 1;
animation: hvducSliderTextActive .3s linear; }
.hvduc-sheading .slick-slide.hvduc-outup {
opacity: 1;
animation: hvducSliderTextLeave .2s linear forwards; }
.heading-group {
position: relative; }
.heading-group .heading {
font-size: var(--font-size-heading); }
@media (max-width: 991.98px) {
.heading-group .heading {
font-size: calc(var(--font-size-heading) - 2px); } }
@media (max-width: 767.98px) {
.heading-group .heading {
font-size: calc(var(--font-size-heading) - 14px); } }
.heading-group.text-center .sub-heading {
max-width: 570px;
margin-left: auto;
margin-right: auto; }
.heading-group .sub-heading {
font-size: calc(var(--font-size-base) + 3px);
font-weight: 600;
line-height: 1.33333; }
.section__heading .heading__style1 {
position: relative;
overflow: hidden; }
.section__heading .heading__style1 > span {
position: relative;
padding: 0 30px; }
.section__heading .heading__style1 > span::before {
content: "";
position: absolute;
width: 2000px;
height: 1px;
background-color: var(--border-color);
display: block;
right: 100%;
top: 50%; }
.section__heading .heading__style1 > span::after {
content: "";
position: absolute;
width: 2000px;
height: 1px;
background-color: var(--border-color);
display: block;
left: 100%;
top: 50%; }
.section__heading .heading__style1.text-start > span {
padding-left: 0; }
.section__heading .heading__style1.text-start > span::before {
display: none; }
.section__heading .heading__style1.text-end > span {
padding-right: 0; }
.section__heading .heading__style1.text-end > span::after {
display: none; }
.section__heading .heading__style2 {
position: relative;
overflow: hidden; }
.section__heading .heading__style2 > span {
position: relative;
padding: 0 20px; }
@media (min-width: 768px) {
.section__heading .heading__style2 > span {
padding: 0 40px; } }
@media (min-width: 992px) {
.section__heading .heading__style2 > span {
padding: 0 70px; } }
.section__heading .heading__style2 > span::before {
content: "";
position: absolute;
width: 130px;
height: 4px;
background-color: transparent;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
display: block;
margin-top: -2px;
right: 100%;
top: 50%; }
.section__heading .heading__style2 > span::after {
content: "";
position: absolute;
width: 130px;
height: 4px;
background-color: transparent;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
display: block;
margin-top: -2px;
left: 100%;
top: 50%; }
.section__heading .heading__style2.text-start > span {
padding-left: 0; }
.section__heading .heading__style2.text-start > span::before {
display: none; }
.section__heading .heading__style2.text-end > span {
padding-right: 0; }
.section__heading .heading__style2.text-end > span::after {
display: none; }
.logo-effect .card__image {
opacity: 0.3;
transition: all .35s ease; }
.logo-effect .card__image:hover {
opacity: 1; }
.brand-list__item a {
max-width: 100%; }
.header__icon--menu {
position: initial;
display: flex;
align-items: center;
width: 20px;
height: 20px; }
.header__icon--menu .icon {
display: block;
position: absolute; }
.header__icon--menu .icon-close {
position: fixed;
top: 10px;
color: #fff;
opacity: 0;
visibility: hidden;
transform: translateX(0);
transition: transform 0.25s ease, visibility 0.25s ease; }
.header__icon--menu[aria-expanded=true]:before {
content: "";
cursor: default;
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(60px); }
.header__icon--menu[aria-expanded=true] .icon-close {
z-index: 99;
opacity: 1;
visibility: visible;
transform: translateX(330px); }
.overflow-hidden-mobile {
overflow: hidden; }
details[open] > .menu-drawer__submenu {
-webkit-transition: transform 0.25s ease, visibility 0.25s ease;
-ms-transition: transform 0.25s ease, visibility 0.25s ease;
transition: transform 0.25s ease, visibility 0.25s ease; }
details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
visibility: visible;
transform: translateX(0); }
.menu-drawer {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 3;
width: 350px;
max-width: 100%;
padding: 0;
background-color: #fff;
border-left: 0;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(-350px);
-ms-transform: translateX(-350px);
transform: translateX(-350px);
visibility: hidden;
overflow: hidden;
transition: all 0.25s ease-in-out; }
.menu-drawer__inner-container {
position: relative;
height: 100%;
overflow-y: scroll; }
.menu-drawer__navigation {
padding: 12px 0; }
.menu-drawer__inner-submenu {
height: 100%;
overflow-x: hidden;
overflow-y: auto; }
.menu-drawer__menu-item {
padding: 12px 24px;
color: var(--color-link);
font-size: 16px;
line-height: 24px;
text-decoration: none; }
.menu-drawer__menu-item a {
color: var(--color-link); }
.menu-drawer__menu-item > .icon-arrow {
position: absolute;
top: 50%;
right: 20px;
color: var(--body-color);
transform: translateY(-50%); }
.menu-drawer__menu-item .label-hot,
.menu-drawer__menu-item .label-new {
position: relative;
right: 0;
display: inline-block;
margin: 0 0 0 8px;
padding: 2px 10px;
color: #fff;
border-radius: 30px;
font-size: 12px;
line-height: 20px;
text-align: center; }
.menu-drawer__menu-item .label-new {
background: #7ec433; }
.menu-drawer__menu-item .label-new:after {
border-right: 5px solid #7ec433; }
.menu-drawer__menu-item .label-hot {
background: #e53939; }
.menu-drawer__menu-item .label-hot:after {
border-right: 5px solid #e53939; }
.menu-drawer__utility-links {
padding: 15px 25px;
border-top: 1px solid var(--border-color);
font-size: calc(var(--font-size-base) - 2px); }
.menu-drawer__close-button {
margin-bottom: 8px;
padding: 16px 24px;
line-height: 16px;
text-decoration: none; }
.menu-drawer__close-button .label-hot,
.menu-drawer__close-button .label-new {
position: relative;
top: -2px;
right: 0;
display: inline-block;
margin: 0 0 0 8px;
padding: 0 8px;
color: #fff;
border-radius: 1px;
font-size: 9px;
font-weight: 500;
line-height: 18px;
text-align: center;
text-transform: uppercase; }
.menu-drawer__close-button .label-hot:after,
.menu-drawer__close-button .label-new:after {
content: "";
position: absolute;
left: -5px;
bottom: 4px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent; }
.menu-drawer__close-button .label-new {
background: #7ec433; }
.menu-drawer__close-button .label-new:after {
border-right: 5px solid #7ec433; }
.menu-drawer__close-button .label-hot {
background: #e53939; }
.menu-drawer__close-button .label-hot:after {
border-right: 5px solid #e53939; }
.menu-drawer__submenu {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
background-color: #fff;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden; }
.menu-drawer__submenu .menu-drawer__submenu {
overflow-y: auto; }
.menu-drawer__tab-heading {
color: #fff;
background-color: var(--heading-color);
font-size: 13px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase; }
.menu-drawer__tab-heading .nav-link {
color: rgba(255, 255, 255, 0.3);
line-height: 32px; }
.menu-drawer__tab-heading .nav-link::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 0;
background-color: #fff;
transition: .3s all ease; }
.menu-drawer__tab-heading .nav-link.active {
color: #fff; }
.menu-drawer__tab-heading .nav-link.active::before {
height: 2px; }
.menu-drawer__collection-image {
background-color: var(--border-lighter-color); }
@media (prefers-reduced-motion) {
.motion-reduce {
transition: none !important; } }
.verticalMenu__style1 {
padding: 24px; }
.verticalMenu__style1 .list-menu__item {
display: block; }
.verticalMenu__style2 > .menu-drawer__menu {
padding: 0 24px; }
.verticalMenu__style2 > .menu-drawer__menu > li:not(:last-child) {
border-bottom: 1px solid var(--border-color); }
.verticalMenu__style2 .menu-drawer__collection-image {
width: 56px;
min-width: 56px;
margin-right: 16px; }
.testimonial {
background-position: center center;
background-repeat: no-repeat; }
.testimonial__badge {
color: #FFB511; }
.testimonial__badge .jdgm-preview-badge {
display: block !important; }
.testimonial__review {
line-height: 1.75; }
.testimonial__title {
font-family: var(--font-body-family);
font-size: calc(var(--font-size-base) + 3px);
font-weight: 600; }
.testimonial__style2 .testimonial__review {
border-bottom: 1px solid var(--border-lighter-color); }
.testimonial-banner__testimonial {
max-width: 450px; }
@media (min-width: 768px) {
.testimonial-banner__testimonial {
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } }
.contact_form1 label {
color: var(--heading-color);
font-weight: var(--font-heading-weight); }
.contact_form1 .icons {
border: 1px solid var(--border-color);
width: 50px;
height: 50px;
min-width: 50px; }
.contact_form2 label {
color: var(--heading-color);
font-weight: var(--font-heading-weight); }
.contact_form2 .contact_form2__map {
border: 1px solid var(--border-color);
box-shadow: 0 0 5px #ccc; }
.contact_form2 .contact_form2__map iframe {
width: 100%;
height: var(--gm-h-m); }
@media (min-width: 768px) {
.contact_form2 .contact_form2__map iframe {
height: var(--gm-h); } }
.google-map__map {
filter: grayscale(var(--grayscale, 0%));
transition: filter .3s linear; }
.google-map__map:hover {
filter: grayscale(0%); }
.google-map__map iframe {
display: block;
width: 100%;
height: var(--gm-h-m); }
@media (min-width: 768px) {
.google-map__map iframe {
height: var(--gm-h); } }
.map_grey {
filter: url('data:image/svg+xml;utf8,#g');
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
transition: filter .5s ease; }
.map_grey:hover {
filter: none; }
.location-store__image .card__image,
.location-store__image .card_wrap {
height: 100%; }
.location-store__image img {
height: 100% !important;
object-fit: cover; }
.location-store__info {
margin: 17% 10%; }
.vela-section-blogs .link-more {
font-size: 12px; }
.vela-section-blogs .article__title {
font-family: var(--font-body-family);
font-size: 18px;
font-weight: 600;
line-height: 24px; }
.vela-section-blogs .article__title a {
color: var(--heading-color);
transition: color .2s ease; }
.vela-section-blogs .article__title a:hover {
color: var(--body-color); }
.vela-section-blogs .article__read-more:hover {
color: var(--primary); }
.vela-section-blogs .blog_title {
transition: all .2s ease;
background: #fff; }
.vela-section-blogs .blog_title:hover {
background: var(--primary);
color: #fff; }
.vela-section-blogs .slick-dots {
position: static;
margin-top: 30px; }
.vela-section-blogs .blog__grid1 .article__featured-image-link {
border-radius: 50% 50% 0 0; }
@media (min-width: 768px) {
.section-newsletter {
margin: var(--et-mg); } }
@media (max-width: 767.98px) {
.section-newsletter {
margin: var(--et-mg-mb); } }
.section-newsletter .btn--newsletter {
font-weight: 400;
font-size: 16px;
margin-left: 8px; }
.section-newsletter .vela-section__inner {
background-position: right bottom; }
.newsletter-layout__style1 .section-newsletter__content {
max-width: 525px; }
.newsletter-layout__style2.mx-auto {
border-radius: 16px; }
.newsletter-layout__style2 .section-newsletter__wrap {
max-width: 1100px; }
@media (min-width: 992px) {
.newsletter-layout__style2 .section-newsletter__wrap {
margin-right: 3%; } }
@media (min-width: 1200px) {
.newsletter-layout__style2 .section-newsletter__wrap {
margin-right: 9%; } }
.newsletter-layout__style2 .section-newsletter__content {
max-width: 420px; }
.newsletter-layout__style2 .section-newsletter__form {
max-width: 545px; }
.template-captcha .shopify-challenge__button {
border: 1px solid var(--border-color);
background-color: #fff;
color: var(--heading-color);
margin-top: 30px !important;
padding: 8px 25px; }
.template-captcha .shopify-challenge__button:hover {
border-color: var(--primary);
background-color: var(--primary);
color: #fff; }
.template-captcha .shopify-challenge__container {
padding: 80px 0; }