/** Shopify CDN: Minification failed
Line 1988:0 Unexpected "}"
Line 3356:48 Expected identifier but found "."
**/
/* section-announcement-bar */
#shopify-section-announcement-bar {
z-index: 4; }
#shopify-section-header {
z-index: 3; }
.header {
position: relative;
z-index: 3; }
.header-wrap {
background-color: #FEF9F5;
color: var(--header-color);
transition: all 0.2s ease-in-out 0s; }
#shopify-section-header.sticky-top {
will-change: transform; }
#shopify-section-header.sticky-top.animate {
transition: transform 0.15s ease-out; }
.shopify-section-header-hidden {
transform: translateY(-100%); }
@media (min-width: 992px) {
.header__inner {
position: relative; } }
/* Header icons */
.header__icon {
color: var(--header-color); }
.header__icon .icon {
height: 20px;
width: 20px;
fill: none;
vertical-align: middle;
transition: all 0.2s ease-in-out 0s; }
/* .header__icon .icon:hover {
transform: scale(1.07); } */
.header__icon:hover {
color: var(--header-color); }
/* Search */
.search-modal {
opacity: 0;
border-bottom: 0.1rem solid var(--color-foreground-20);
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 1; }
.search-modal.show {
opacity: 1;
animation: animateMenuOpen 200ms ease; }
.search-modal__content {
width: 100%;
height: 100%;
padding: 0 3rem 0 1rem;
line-height: 1.8; }
.search-modal__close-button {
position: absolute;
right: 5px; }
.search-modal__close-button .icon {
width: 25px; }
.search-modal__close-button:hover {
color: var(--primary); }
.search-input {
border-radius: 0; }
.search__button {
position: absolute;
right: 0;
top: 0; }
.search__button .icon {
height: 20px; }
.search__button:hover {
color: var(--primary); }
@keyframes animateMenuOpen {
0% {
opacity: 0;
transform: translateY(-1.5rem); }
100% {
opacity: 1;
transform: translateY(0); } }
/*cart */
.header-cart {
position: relative; }
.header-cart .header-cart__count {
min-width: 18px;
height: 18px;
text-align: center;
border-radius: 50%;
display: block;
top: -10px;
right: -10px;
background: var(--primary);
color: #fff;
font-size: 10px;
line-height: 18px; }
@media screen and (min-width: 768px) {
.cart-hover:hover .header-cart__content, .cart-hover:focus .header-cart__content {
opacity: 1;
visibility: visible; } }
.logo-center > .row {
justify-content: space-between; }
.logo-center .header-center {
order: 1; }
.logo-center .header-left {
order: 2; }
.logo-center .header-right {
order: 3;
justify-content: flex-end; }
/*fix header white */
.header__heading-logo.logo-white {
display: none; }
@media (min-width: 992px) {
.header-white .header__heading-logo {
display: none; }
.header-white .header__heading-logo.logo-white {
display: block; }
.header-white .header__icon,
.header-white .main-menu__nav-item > a {
color: #fff; }
.header-white .header__icon:hover,
.header-white .main-menu__nav-item > a:hover {
color: #fff; } }
@media (min-width: 992px) {
.template-collection .header-white {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
background: transparent; }
.template-index #shopify-section-header:not(.animate) .header-wrap,
.template-index .header-wrap:not(.sticky-header) {
border-bottom: 0 !important; } }
.footer {
color: var(--footer-color);
background-color: var(--footer-bg);
background-repeat: no-repeat; }
.footer__title {
font-size: calc(var(--font-size-base) + 3px);
font-weight: var(--font-heading-weight);
font-family: var(--font-heading-family);
color: var(--footer-heading-color); }
.footer__top-inner {
padding-top: 80px; }
@media (max-width: 767.98px) {
.footer__top-inner {
padding-top: 60px; } }
.footer__center-inner {
padding-top: 15px;
padding-bottom: 40px; }
.footer__bottom {
border-top: 1px solid #3b3c3e; }
/* footer-newsletter __*/
@media (min-width: 768px) {
.footer-newsletter .group-heading {
border-right: 2px solid var(--primary); }
.footer-newsletter .footer-newsletter-content {
padding-left: 25px; } }
.footer-newsletter .footer-newsletter--title {
color: var(--primary);
font-size: 24px;
margin-bottom: 10px; }
.footer-newsletter .footer-newsletter--desc {
color: var(--footer-heading-color);
line-height: 20px; }
.footer-newsletter .btn--newsletter {
background-color: var(--primary);
color: #fff;
border: 0;
border-radius: var(--button-border-radius);
height: 35px;
padding: 0 30px; }
.footer-newsletter .btn--newsletter .text {
display: none; }
.footer-newsletter .btn--newsletter .icons {
display: block;
width: 20px;
height: 20px; }
.footer-newsletter .input-group {
border-radius: var(--button-border-radius);
background: #4a4a4a;
padding: 8px 10px; }
.footer-newsletter .input-group .btn {
position: relative;
z-index: 2; }
.footer-newsletter .input-group .form-control {
display: block;
width: 100%;
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
border-radius: 30px;
background: #4a4a4a;
border: 0;
color: var(--footer-heading-color);
padding: 0 10px;
text-indent: 15px; }
.footer-newsletter .input-group .form-control::placeholder {
color: #868686; }
/* footer-info ___*/
.footer-info--desc {
margin-bottom: 20px; }
.footer-info--desc b {
color: var(--primary); }
.footer-info--phone,
.footer-info--email,
.footer-info--address {
color: var(--footer-heading-color);
line-height: 20px; }
.footer-info--phone .icons,
.footer-info--email .icons,
.footer-info--address .icons {
min-width: 20px;
width: 20px;
height: 20px;
display: flex;
color: var(--primary); }
.footer-info--phone .icons svg,
.footer-info--email .icons svg,
.footer-info--address .icons svg {
width: 20px; }
/* footer-social ___ */
.footer-social .social-icons-item:not(:last-child) {
margin-right: 10px; }
.footer-social .social-icons--link {
display: block;
width: 40px;
height: 40px;
background: #fff;
color: #000;
line-height: 38px;
border-radius: 50%;
margin-bottom: 10px;
transition: all 0.2s ease-in-out; }
.footer-social .social-icons--link svg {
width: 15px;
height: 15px; }
.footer-social .social-icons--link .text {
display: none; }
.footer-social .social-icons--link:hover {
background-color: var(--primary);
color: #fff; }
/* footer-link-list ___*/
.footer-links a {
color: var(--footer-link);
font-size: 15px;
line-height: 24px;
transition: all .2s ease-in-out; }
.footer-links a:hover {
color: var(--footer-link-hover); }
@media (max-width: 767.98px) {
.accordion-footer .footer__title {
position: relative;
cursor: pointer; }
.accordion-footer .footer__title svg {
width: 7px;
height: 17px;
transform: rotate(270deg); }
.accordion-footer .footer__title.active svg {
transform: rotate(90deg); }
.accordion-footer__content {
display: none; } }
body {
font-size: var(--font-size-base); }
body:not(.template-index) .main-content {
padding-bottom: 60px; }
.link {
color: var(--heading-color);
text-decoration: none; }
.link:hover {
color: var(--primary); }
.link--text {
color: var(--body-color); }
.link--text:hover {
color: var(--primary); }
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; }
/* 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; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
@media (min-width: 992px) {
.col-lg-2-4 {
flex: 0 0 auto;
width: 20%;
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5); } }
@media (min-width: 1200px) {
.col-xl-2-4 {
flex: 0 0 auto;
width: 20%;
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5); } }
.radius-30 {
border-radius: 30px; }
.mb-gutter {
margin-bottom: 30px; }
.g-0 .mb-gutter {
margin-bottom: 0; }
.gutter-10 {
margin-left: -10px !important;
margin-right: -10px !important; }
.gutter-10 > [class*=col-],
.gutter-10 > [class^=col-] {
padding-left: 5px !important;
padding-right: 5px !important; }
.gutter-10 .mb-gutter {
margin-bottom: 10px; }
.gutter-20 {
margin-left: -20px !important;
margin-right: -20px !important; }
.gutter-20 > [class*=col-],
.gutter-20 > [class^=col-] {
padding-left: 10px !important;
padding-right: 10px !important; }
.gutter-20 .mb-gutter {
margin-bottom: 20px; }
.page-header {
margin-bottom: 50px; }
/* component-media */
.card__image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
overflow: hidden;
}
.card__image .noscript {
position: absolute;
top: 0;
left: 0; }
.card__image .pre-loading {
display: none;
z-index: 55; }
.card__image.lazyloading .pre-loading {
display: block; }
.btn-default {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background-color: var(--btn-default-bg-color);
padding: 8px 25px;
border-radius: var(--button-border-radius); }
.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-default-outline {
color: var(--btn-default-bg-color);
border-color: var(--btn-default-border-color);
background-color: #fff;
padding: 8px 25px;
border-radius: var(--button-border-radius); }
.btn-default-outline:focus, .btn-default-outline:hover {
color: var(--btn-default-hover-color);
border-color: var(--btn-default-hover-border-color);
background-color: var(--btn-default-hover-bg-color); }
.btn-link:hover {
color: var(--primary); }
/* 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: #fff; }
.pre-loading > span {
display: none;
position: absolute;
left: 0;
width: 0;
height: 0;
background-color: var(--primary); }
.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%;
height: 100%;
max-width: 100%;
background: #eee; }
.cookie-consent {
position: fixed;
left: 0;
bottom: 0;
z-index: 95;
display: block;
width: 100%;
padding: 15px 30px;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease; }
.cookie-consent.active {
opacity: 1;
visibility: visible; }
.cookie-consent__wrapper {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between; }
.cookie-consent__message {
margin-right: 15px;
padding: 8px 0; }
.cookie-consent__message a {
color: inherit; }
.cookie-consent__message p {
margin: 0; }
.cookie-consent__dismiss .btn {
padding: 8px 44px;
color: #fff;
background-color: #ed6436;
border-radius: 4px; }
/* SCROLL TO TOP*/
.scroll-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 94;
display: none;
width: 44px;
height: 44px;
color: #000;
background-color: #fff;
font-size: 20px;
line-height: 38px;
text-align: center;
border: 2px solid #000;
transition: all 0.2s ease-in-out; }
.scroll-to-top svg {
width: 12px;
height: 16px;
transform: rotate(90deg); }
.scroll-to-top:hover {
color: #fff;
background-color: var(--primary);
border-color: var(--primary); }
@media (max-width: 575.98px) {
.vela-section {
padding-top: 0 !important;
padding-bottom: 0 !important; } }
/* SECTION COUNTDOWN */
.vela-section--countdown {
position: relative;
background-size: cover;
background-position: center center; }
.countdown {
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center; }
@media screen and (max-width: 767px) {
.countdown {
padding: 0; } }
.countdown__item {
margin: 0 4px; }
.countdown__item span:first-child {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
color: #fff;
background-color: var(--secondary);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: calc(var(--font-size-base) + 1px); }
.countdown__item span:last-child {
display: block;
margin-top: 5px;
font-size: 10px;
color: var(--heading-color);
font-weight: bold;
text-transform: uppercase; }
.border.border-2 {
border-color: #f2f2f2 !important; }
.shopify-policy__container {
padding-top: 60px;
padding-bottom: 60px; }
.shopify-policy__container .shopify-policy__title h1 {
margin-top: 0;
margin-bottom: 30px; }
.cart-modal {
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: flex;
align-items: center;
justify-items: center;
width: 100vw;
height: 100vh; }
.cart-modal__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); }
.cart-modal__inner {
position: relative;
z-index: 2;
display: flex;
flex-flow: row wrap;
width: 570px;
max-width: 90%;
max-height: 90%;
margin: 0 auto;
margin-bottom: 50px;
padding: 30px;
background-color: var(--body-bg);
overflow-y: auto; }
@media screen and (max-width: 767px) {
.cart-modal__inner {
padding: 15px; } }
.cart-modal__close {
position: absolute;
top: 0;
right: 0;
display: block;
width: 30px;
height: 30px;
padding: 4px;
color: var(--heading-color);
opacity: .5;
transition: opacity .3s ease; }
.cart-modal__close svg {
display: block;
max-width: 100%;
max-height: 100%; }
.cart-modal__close:hover {
color: var(--primary);
opacity: .9; }
.cart-modal__image {
min-height: 100%; }
.cart-modal__image img {
z-index: 10000; }
.cart-modal__name {
margin: 0 0 15px;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-size: calc(var(--font-size-base) + 3px);
font-weight: var(--font-heading-weight);
line-height: 24px; }
@media screen and (max-width: 500px) {
.cart-modal__name {
margin: 0 0 5px; } }
.cart-modal__messenger {
margin: 0 0 10px;
color: green; }
.cart-modal__funcs {
padding: 10px 0 0; }
@media screen and (max-width: 500px) {
.cart-modal__funcs {
padding: 1px 0 0; } }
.cart-modal__btn {
display: block;
width: calc(50% - 5px);
margin: 10px 0 0;
padding: 14px 17px;
color: #fff;
background-color: var(--primary);
border: 2px solid var(--primary);
border-radius: var(--button-border-radius);
font-family: var(--font-heading-family);
font-size: 16px;
font-weight: var(--font-heading-weight);
line-height: 20px;
text-align: center;
}
.cart-modal__btn:hover, .cart-modal__btn:focus {
outline: 0;
color: var(--btn-default-color);
background-color: var(--btn-default-bg-color);
border-color: var(--btn-default-border-color); }
.cart-modal__btn--viewcart {
color: var(--heading-color);
background-color: #fff;
border-color:
#ED5C01;
font-weight: var(--font-heading-weight);
transition:.3s;
}
.cart-modal__btn--viewcart:hover, .cart-modal__btn--viewcart:focus {
color: #062d3e;
background-color: #fff;
border-color: #ED5C01;
box-shadow: 0 0 10px #fd8a41;
}
.cookie-message {
display: none; }
.cart--no-cookies .cookie-message {
display: block; }
.header-cart__content {
position: absolute;
top: 100%;
right: 0;
z-index: 9;
display: block;
min-width: 380px;
padding: 25px;
background-color: var(--body-bg);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
opacity: 0;
visibility: hidden;
transition: all .3s ease; }
.ajaxcart-container {
color: var(--body-color); }
.ajaxcart__inner {
max-height: 320px;
overflow-x: hidden;
overflow-y: auto; }
.ajaxcart__product {
padding: 15px 0; }
.ajaxcart__product:not(:last-child) {
border-bottom: 1px dashed var(--border-color); }
.ajaxcart__line-item {
display: flex;
flex-flow: row wrap;
margin-left: -8px;
margin-right: -8px; }
.ajaxcart__line-item--left {
width: 110px;
padding-left: 8px;
padding-right: 8px; }
.ajaxcart__line-item--right {
width: calc(100% - 110px);
padding-left: 8px;
padding-right: 8px;
}
.ajaxcart__product-image-wrapper {
position: relative; }
.ajaxcart__product-image {
display: block;
border: 1px solid var(--image-border-color);
border-radius: var(--image-border-radius);
overflow: hidden; }
.ajaxcart__product-image img {
display: block;
max-width: 100%; }
.ajaxcart__quantity {
position: absolute;
top: -7px;
right: -7px;
display: block;
min-width: 25px;
height: 20px;
padding: 0 3px;
color: #fff;
background-color: rgba(114, 114, 114, 0.9);
border-radius: 20px;
border: 2px solid var(--body-bg);
font-size: 12px;
line-height: 16px;
text-align: center; }
.ajaxcart__product-description {
position: relative;
display: flex;
justify-content: space-between;
height: 100%; }
.ajaxcart__product-name-wrapper {
padding-right: 15px; }
.ajaxcart__product-name {
margin: 0;
display: block;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-size: 16px;
font-weight: var(--font-heading-weight);
line-height: 18px;
transition: color .3s ease;
}
.ajaxcart__product-name:hover, .ajaxcart__product-name:focus {
color: var(--primary);
text-decoration: none; }
.ajaxcart__product-meta {
display: block;
color: var(--body-color);
font-size: calc(var(--font-size-base) - 2px); }
.ajaxcart__price {
display: block;
font-size: 20px;
}
.ajaxcart__price--regular {
font-size: calc(var(--font-size-base) - 1px);
font-weight: var(--font-heading-weight); }
.ajaxcart__footer-price {
display: flex;
justify-content: space-between;
margin-top: 8px;
padding: 15px 0 5px;
border-top: 1px solid var(--border-color); }
.ajaxcart__subtotal-name {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: 18px;
color: var(--heading-color);
}
.ajaxcart__subtotal {
color: var(--primary);
font-size: 20px;
font-weight: var(--font-heading-weight);
}
.ajaxcart__policies {
margin: 0;
padding: 0 0 10px;
font-size: calc(var(--font-size-base) - 1px); }
.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-label {
color: var(--heading-color);
font-style: italic; }
.ajaxcart__note-input {
border-radius: 0; }
.ajaxcart__note-input:focus {
border-color: var(--primary);
outline: 0;
box-shadow: none; }
.ajaxcart__qty {
position: relative; }
.is-loading .ajaxcart__qty {
opacity: .5; }
.product-quantity__label {
display: none;
margin: 0;
padding-right: 10px;
font-size: calc(var(--font-size-base) - 1px);
font-weight: var(--font-heading-weight); }
.vela-qty {
border: 1px solid #DDDDDD;
position: relative;
width: 100%;
height: 55px;
padding: 0 15px;
display: flex;
border-radius: var(--button-border-radius); }
.drawer__quantity .vela-qty {
height: 32px;
}
.vela-qty__number {
font-size: 18px;
text-align: center;
background-color: transparent;
border: 0;
height: 55px;
width: 100%;
flex-grow: 1;
-webkit-appearance: none;
appearance: none;
font-weight: 500;
color: #062D3E;
}
.vela-qty__adjust {
width: 30px;
flex-shrink: 0;
padding: 0;
border: 0;
background-color: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color:#DDDDDD;
transition:.3s;
}
.vela-qty__adjust:hover {
color: var(--primary);
}
.vela-qty__adjust svg {
width: 16px;
pointer-events: none; }
.product-quantity__select {
min-height: 48px;
border-radius: var(--button-border-radius); }
.ajaxcart__remove {
position: absolute;
top: -2px;
right: -5px;
color: var(--primary);
font-size: calc(var(--font-size-base) - 3px);
text-decoration: underline;
transition: color .3s ease; }
.ajaxcart__remove svg {
display: block;
width: 22px;
height: 22px; }
.ajaxcart__remove:hover, .ajaxcart__remove:focus {
color: var(--heading-color); }
.cart-empty-message {
margin: 0;
padding: 0 5px;
text-align: center; }
.drawer {
position: fixed;
top: 0;
bottom: 0;
z-index: 1070;
display: block;
width: 450px;
padding: 0 25px;
max-width: 90%;
background-color: #fff;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translate(100%, 0);
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}
.drawer--right {
right: 0; }
.drawer__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1069;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
.drawer--open {
position: fixed;
left: 0;
right: 0;
overflow: hidden; }
.drawer--open .drawer {
opacity: 1;
visibility: visible;
transform: translate(0, 0); }
.drawer--open .drawer__overlay {
opacity: 1;
visibility: visible; }
.drawer__title {
padding: 10px 0;
margin: 0;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-size: 1.5em;
font-weight: var(--font-heading-weight);
line-height: 30px; }
.drawer__close-button {
position: absolute;
top: 15px;
right: 0;
display: block;
padding: 0;
color: var(--primary);
border: none;
background-color: transparent; }
.drawer__close-button svg {
display: block;
width: 20px;
height: 20px; }
.drawer__inner {
top: 60px;
left: 0;
bottom: 0; }
.drawer__inner .ajaxcart__footer {
position: absolute;
left: 25px;
right: 25px;
bottom: 0;
padding: 25px 0;
background-color: #fff; }
.drawer__inner .cart-empty-message {
margin: 30px 0 0;
padding: 15px 0;
font-size: calc(var(--font-size-base) + 10px); }
.drawer__inner .ajaxcart__inner {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0 25px;
max-height: none; }
.drawer__quantity {
margin: 8px 0 0; }
.drawer__quantity .vela-qty {
border-width: 1px;
padding: 0 5px;
width: 100px; }
.drawer__quantity .vela-qty__adjust {
width: 20px; }
.drawer__quantity .vela-qty__adjust svg {
width: 14px; }
.drawer__quantity .vela-qty__number {
font-size: var(--font-size-base);
height: 30px; }
.cart__unit-price {
display: block; }
.ajaxcart-toast {
position: fixed;
top: 30px;
right: 30px;
z-index: 99;
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;
line-height: 14px;
text-align: center;
background: transparent;
transition: all .3s ease;
opacity: 0.8; }
.ajaxcart-toast__close:hover, .ajaxcart-toast__close:focus {
color: #fff;
outline: 0;
opacity: 1; }
.spr-starratings,
.spr-starrating {
font-size: 11px; }
.spr-starratings .spr-icon,
.spr-starrating .spr-icon {
margin: 0 1px;
color: #ffc107; }
.spr-starratings .spr-icon-star-empty,
.spr-starrating .spr-icon-star-empty {
color: #b3b3b3; }
.spr-starratings .spr-icon-star-empty:before,
.spr-starrating .spr-icon-star-empty:before {
content: "\e800"; }
.spr-badge {
font-size: 11px; }
.spr-badge .spr-badge-caption {
display: inline-block;
position: relative;
color: #b3b3b3;
letter-spacing: 1px;
font-size: 14px; }
.spr-badge .spr-starratings,
.spr-badge .spr-starrating {
display: inline;
font-size: 100%; }
.product-price {
color: var(--primary);
font-size: calc(var(--font-size-base) + 5px);
font-weight: 700; }
.product-price.product-price--regular {
color: #a3a3a3;
font-size: calc(var(--font-size-base) + 1px); }
.product-card {
position: relative;
overflow: hidden; }
.product-card .img-primary {
visibility: visible;
opacity: 1;
transition: all 100ms ease-in-out; }
.product-card .img-secondary {
visibility: hidden;
opacity: 0;
top: 0;
width: 100%;
left: 0;
transition: all 100ms ease-in-out; }
@media (min-width: 576px) {
.product-card:hover .img-primary {
visibility: hidden;
opacity: 0; }
.product-card:hover .img-secondary {
visibility: visible;
opacity: 1; } }
.product-card__image-wrapper {
position: relative;
overflow: hidden; }
.product-card__image-link {
display: block;
border: 1px solid var(--image-border-color);
border-radius: var(--image-border-radius);
overflow: hidden;
position: relative; }
.product-card__image {
position: relative;
padding-top: 100%;
overflow: hidden; }
.product-card__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain; }
.product-card__review {
margin-bottom: 8px; }
.product-card__vendor {
margin: 0 0 5px;
font-size: calc(var(--font-size-base) - 2px); }
.product-card__name {
margin: 0 0 10px;
font-size: calc(var(--font-size-base) + 1px);
line-height: calc(var(--font-size-base) + 5px);
text-align: left;
}
.product-card__name a {
transition: color .3s ease; }
.product-card__name a:hover {
color: var(--primary);
text-decoration: none; }
.product-card__label {
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
font-size: calc(var(--font-size-base) - 1px);
line-height: 18px;
font-weight: bold; }
.label-on-sale {
display: block;
margin: 0 0 5px;
padding: 4px 10px;
color: #fff;
text-align: center;
border-radius: 15px;
background: var(--secondary); }
.label-new {
display: block;
margin: 0 0 5px;
padding: 4px 15px;
color: #fff;
background: green;
border: 1px solid green;
text-align: center;
border-radius: 15px; }
.label-sold-out {
display: block;
margin: 0 0 5px;
padding: 4px 15px;
text-align: center;
color: #fff;
border-radius: 15px;
background: #ffc107; }
.product-grid {
margin-bottom: 30px; }
.product-grid .product-card__buttons {
position: absolute;
right: 15px;
top: 15px;
z-index: 2;
display: none;
transition: opacity .3s ease; }
.product-grid .product-card__buttons .btn {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
padding: 0;
color: var(--heading-color);
border: 1px solid var(--border-color);
border-radius: 50%;
background-color: #fff;
transition: all .3s ease;
display: none;
}
.product-grid .product-card__buttons .btn svg {
width: 18px;
height: 18px; }
.product-grid .product-card__buttons .btn.is-adding svg {
display: none; }
.product-grid .product-card__buttons .btn:hover, .product-grid .product-card__buttons .btn:focus {
outline: 0;
box-shadow: none; }
.product-grid .product-card__buttons .btn:hover {
color: #fff;
border-color: var(--primary);
background-color: var(--primary); }
@media (min-width: 576px) {
.product-grid:hover .product-card__buttons {
display: block; } }
/*product-list-style*/
.product-list-style {
margin-bottom: 20px; }
.product-list-style .product-card__image-wrapper {
flex: 0 0 110px;
padding-right: 20px; }
.product-list-style .product-card__name {
font-size: var(--font-size-base);
line-height: calc(var(--font-size-base) + 4px); }
.product-list-style .product-price {
font-size: var(--font-size-base); }
.vela-section--product-deals .product-deal-list .product-card__image-link {
border: 0; }
.article__meta {
font-size: calc(var(--font-size-base) - 2px);
line-height: 24px; }
.article__meta > span {
position: relative; }
.article__meta > span:not(:last-child):after {
content: "";
width: 1px;
height: 18px;
position: relative;
top: 3px;
margin: 0 11px;
display: inline-block;
background: rgba(135, 135, 135, 0.5);
-webkit-transform: rotate(30deg);
transform: rotate(30deg); }
/*slick*/
.slick-carousel {
display: none;
margin-left: -15px;
margin-right: -15px; }
@media (max-width: 575.98px) {
.slick-carousel {
margin-left: -8px;
margin-right: -8px; } }
.slick-carousel.slick-initialized {
display: block; }
.slick-carousel .slick-carousel__item {
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 575.98px) {
.slick-carousel .slick-carousel__item {
padding-left: 8px;
padding-right: 8px; } }
.slick-carousel.gx-0 {
margin-left: 0;
margin-right: 0; }
.slick-carousel.gx-0 .slick-carousel__item {
padding-left: 0;
padding-right: 0; }
.slick-carousel.gx-1 {
margin-left: -5px;
margin-right: -5px; }
.slick-carousel.gx-1 .slick-carousel__item {
padding-left: 5px;
padding-right: 5px; }
.slick-carousel.gx-3 {
margin-left: -10px;
margin-right: -10px; }
.slick-carousel.gx-3 .slick-carousel__item {
padding-left: 10px;
padding-right: 10px; }
.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;
margin-left: auto;
margin-right: auto; }
.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;
border: 1px solid transparent; }
.slick-slide:focus {
outline: 0; }
.slick-dots {
margin-bottom: 50px; }
.slick-arrow {
position: absolute;
top: 50%;
z-index: 2;
display: block;
width: 40px;
height: 40px;
margin-top: -15px;
padding: 0;
color: var(--heading-color);
border: 1px solid var(--primary);
background-color: var(--primary);
font-size: 0;
transition: all .3s ease;
border-radius: 50%;
}
.slick-arrow:before {
content: "";
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
display: block;
width: 20px;
height: 20px;
}
@media screen and (max-width: 767px) {
.slick-arrow {
width: 36px;
height: 36px;
margin-top: -15px; } }
.slick-arrow svg {
width: 10px;
height: 16px; }
.slick-arrow:focus, .slick-arrow:hover {
outline: 0;
box-shadow: none;
color: #fff;
background-color: #000;
border-color: #000; }
.slick-arrow.slick-hidden {
display: none; }
.slick-arrow.slick-disabled {
opacity: .5;
cursor: not-allowed; }
.slick-prev {
left: -15px; }
@media (max-width: 575.98px) {
.slick-prev {
left: -3px; } }
.slick-prev:before {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_125_1240)'%3E%3Cpath d='M19.172 12.0006L14.222 16.9506L15.636 18.3646L22 12.0006L15.636 5.6366L14.222 7.0506L19.172 12.0006Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_125_1240)'%3E%3Cpath d='M13.172 12.0006L8.222 16.9506L9.636 18.3646L16 12.0006L9.636 5.6366L8.222 7.0506L13.172 12.0006Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_125_1240'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 30 -0.00012207)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_125_1240'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 24 -0.00012207)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.slick-next {
right: -15px; }
@media (max-width: 575.98px) {
.slick-next {
right: -3px; } }
.slick-next:before {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_125_1240)'%3E%3Cpath d='M19.172 12.0006L14.222 16.9506L15.636 18.3646L22 12.0006L15.636 5.6366L14.222 7.0506L19.172 12.0006Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_125_1240)'%3E%3Cpath d='M13.172 12.0006L8.222 16.9506L9.636 18.3646L16 12.0006L9.636 5.6366L8.222 7.0506L13.172 12.0006Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_125_1240'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 30 -0.00012207)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_125_1240'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 24 -0.00012207)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.slick-dots {
position: absolute;
left: 0;
width: 100%;
bottom: -30px;
display: flex;
flex-wrap: row wrap;
justify-content: center;
margin: 0;
padding: 0;
list-style: none; }
.slick-dots li {
padding: 0 5px; }
.slick-dots li.slick-active button {
background-color: var(--primary); }
.slick-dots button {
display: block;
width: 7px;
height: 7px;
padding: 0;
border: 0;
border-radius: 3px;
background-color: #e0e0e0;
font-size: 0; }
.slick-dots button:hover, .slick-dots button:focus {
outline: 0;
box-shadow: none; }
.js-carousel .slick-arrow {
width: 35px;
height: 35px; }
.js-carousel .slick-arrow:before {
width: 18px;
height: 18px; }
.js-carousel .slick-prev::before {
margin-left: 6px; }
.js-carousel .slick-next::before {
margin-left: 9px; }
.js-carousel .slick-dots {
position: static;
margin-top: 30px; }
@media (min-width: 576px) {
.js-carousel .slick-arrow {
opacity: 0;
visibility: hidden; }
.js-carousel .slick-prev {
left: 15px; }
.js-carousel .slick-next {
right: 15px; }
.js-carousel:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.js-carousel:hover .slick-arrow.slick-disabled {
opacity: .4; }
.js-carousel:hover .slick-prev {
left: 0; }
.js-carousel:hover .slick-next {
right: 0; } }
/* endslick */
/* __ velaSlideshow ___ */
.vela-slideshow .slick-arrow {
opacity: 0;
visibility: hidden;
transition: all .3s ease-in-out 0s; }
.vela-slideshow .slick-prev {
left: 15px; }
.vela-slideshow .slick-next {
right: 15px; }
.vela-slideshow .slick-dotted {
margin-bottom: 0; }
.vela-slideshow .slick-dots {
bottom: 60px; }
@media (max-width: 1199.98px) {
.vela-slideshow .slick-dots {
bottom: 40px; } }
@media (max-width: 767.98px) {
.vela-slideshow .slick-dots {
bottom: 20px; } }
.vela-slideshow .slick-dots li {
padding: 0 8px; }
.vela-slideshow .slick-dots li button {
background: rgba(255, 255, 255, 0.3);
width: 10px;
height: 10px;
border-radius: 50%; }
.vela-slideshow .slick-dots li:hover button, .vela-slideshow .slick-dots li.slick-active button {
background: #fff; }
.vela-slideshow:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.vela-section--slideshow .container .slick-dots {
bottom: 30px; }
@media (max-width: 1199.98px) {
.vela-section--slideshow .container .slick-dots {
bottom: 20px; } }
@media (max-width: 767.98px) {
.vela-section--slideshow .container .slick-dots {
bottom: 15px; } }
.vela-section--slideshow .container .slick-dots li {
padding: 0 5px; }
.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; }
@media (min-width: 768px) {
.slideshow-caption {
background-color: transparent !important; } }
@media (max-width: 767.98px) {
.slideshow-caption.captionPosition {
position: static; }
.slideshow-caption.captionPosition .velassCaptionContent {
padding: 20px 0 50px; } }
.slideshow-caption.noCaption {
display: none; }
.slideshow-caption .captionWrap {
position: relative;
display: table;
width: 100%;
height: 100%; }
.slideshow-caption__inner {
display: table-cell;
padding: 50px 7%;
position: relative; }
@media (max-width: 767.98px) {
.slideshow-caption__inner {
padding: 20px 0; } }
.slideshow-caption__content {
display: inline-block; }
.slideshow-caption__subheading {
line-height: 1; }
.slideshow-caption__subheading.ff-special {
font-weight: 400; }
@media (max-width: 767.98px) {
.slideshow-caption__subheading {
font-size: 16px !important; } }
@media (max-width: 767.98px) {
.slideshow-caption__subheading {
font-size: 14px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__subheading {
font-size: 10px !important; } }
.slideshow-caption__heading {
line-height: 1.1;
margin: 0;
padding: 0; }
.slideshow-caption__heading.ff-special {
font-weight: 400; }
@media (max-width: 1199.98px) {
.slideshow-caption__heading {
font-size: 50px !important; } }
@media (max-width: 991.98px) {
.slideshow-caption__heading {
font-size: 40px !important; } }
@media (max-width: 767.98px) {
.slideshow-caption__heading {
font-size: 30px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__heading {
font-size: 18px !important; } }
.slideshow-caption__heading--small {
line-height: 1.1;
margin: 0;
padding: 0; }
.slideshow-caption__heading--small.ff-special {
font-weight: 400; }
@media (max-width: 1199.98px) {
.slideshow-caption__heading--small {
font-size: 120px !important; } }
@media (max-width: 991.98px) {
.slideshow-caption__heading--small {
font-size: 90px !important; } }
@media (max-width: 767.98px) {
.slideshow-caption__heading--small {
font-size: 50px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__heading--small {
font-size: 40px !important; } }
.slideshow-caption__desc {
padding: 0;
margin-top: 10px;
max-width: 500px;
width: 100%;
line-height: 1.1;
display: inline-block; }
.slideshow-caption__desc.ff-special {
font-weight: 400; }
@media (max-width: 767.98px) {
.slideshow-caption__desc {
margin-top: 8px;
font-size: 16px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__desc {
margin-top: 5px;
font-size: 12px !important; } }
.slideshow-caption__btn {
display: inline-block;
background-color: transparent;
color: #222342;
padding: 11px 30px;
border: 1px solid #222;
margin-top: 35px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
border-radius: 30px;
transition: all 0.35s ease;
transition: all 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.slideshow-caption__btn {
transition: none; } }
@media (prefers-reduced-motion: reduce) {
.slideshow-caption__btn {
transition: none; } }
@media (max-width: 991.98px) {
.slideshow-caption__btn {
margin-top: 25px;
padding: 10px 25px !important;
font-size: 13px !important; } }
@media (max-width: 767.98px) {
.slideshow-caption__btn {
margin-top: 20px;
padding: 8px 20px !important;
font-size: 11px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__btn {
margin-top: 10px;
padding: 6px 15px !important;
font-size: 9px !important; } }
.slideshow-caption__btn:hover {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important; }
.slick-active .leftright-1 {
animation-name: bounceInLeft;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .leftright-2 {
animation-name: bounceInLeft;
animation-duration: 1.6s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .leftright-3 {
animation-name: bounceInLeft;
animation-duration: 2.2s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .leftright-4 {
animation-name: bounceInLeft;
animation-duration: 2.8s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .leftright-5 {
animation-name: bounceInLeft;
animation-duration: 3.4s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .rightleft-1 {
animation-name: bounceInRight;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .rightleft-2 {
animation-name: bounceInRight;
animation-duration: 1.6s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .rightleft-3 {
animation-name: bounceInRight;
animation-duration: 2.2s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .rightleft-4 {
animation-name: bounceInRight;
animation-duration: 2.8s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .rightleft-5 {
animation-name: bounceInRight;
animation-duration: 3.4s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .topbottom-1 {
animation-name: bounceInDown;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .topbottom-2 {
animation-name: bounceInDown;
animation-duration: 1.6s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .topbottom-3 {
animation-name: bounceInDown;
animation-duration: 2.2s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .topbottom-4 {
animation-name: bounceInDown;
animation-duration: 2.8s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .topbottom-5 {
animation-name: bounceInDown;
animation-duration: 3.4s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .bottomtop-1 {
animation-name: bounceInUp;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .bottomtop-2 {
animation-name: bounceInUp;
animation-duration: 1.6s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .bottomtop-3 {
animation-name: bounceInUp;
animation-duration: 2.2s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .bottomtop-4 {
animation-name: bounceInUp;
animation-duration: 2.8s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.slick-active .bottomtop-5 {
animation-name: bounceInUp;
animation-duration: 3.4s;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
animation-iteration-count: none; }
.vela-breadcrumbs {
position: relative;
overflow: hidden;
background-color:#FEF9F5;
}
@media screen and (max-width: 991px) {
.vela-breadcrumbs {
margin: 0 0 30px; } }
.vela-breadcrumbs .container {
z-index: 1; }
.vela-breadcrumbs__inner {
display: flex;
padding-left: 30px;
padding-top: 32px;
padding-bottom: 18px;
}
}
.vela-breadcrumbs__title {
color: var(--breadcrumb-heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: 46px;
line-height: 1;
text-transform: capitalize; }
@media (max-width: 575.98px) {
.vela-breadcrumbs__title {
font-size: 36px; } }
.vela-breadcrumbs__image {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.breadcrumb__link {
color: var(--breadcrumb-color-link); }
.breadcrumb__link:hover {
color: var(--breadcrumb-color); }
/* .breadcrumb-item + .breadcrumb-item::before {
content: "";
width: 14px;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
background-color: var(--breadcrumb-color-link);
height: 14px;
margin: 4px 0.3rem 0;
color: var(--breadcrumb-color-link); } */
.newsletter-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 94;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
.newsletter-popup--active {
opacity: 1;
visibility: visible; }
.newsletter-popup__overlay {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.12); }
.newsletter-popup__inner {
position: relative;
z-index: 2;
width: 700px;
height: 350px;
max-width: 90vw;
max-height: 90vh;
background-color: var(--body-bg); }
.newsletter-popup__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.newsletter-popup__content {
height: 100%; }
.newsletter-popup__content-inner {
max-height: 100%;
color: var(--body-color);
font-size: var(--font-size-base);
overflow-y: auto; }
.newsletter-popup__content-inner .newsletter-form__input {
height: 44px;
padding: 8px 20px;
box-shadow: none; }
.newsletter-popup__content-inner .newsletter-form__submit {
margin: 20px 0 0;
padding: 10px 30px;
box-shadow: none; }
.newsletter-popup__close {
position: absolute;
top: 2px;
right: 2px;
display: block;
padding: 5px;
color: var(--heading-color);
border: none;
background-color: transparent; }
.newsletter-popup__close svg {
display: block;
width: 20px;
height: 20px; }
.newsletter-popup__close:hover, .newsletter-popup__close:focus {
border: none;
outline: 0;
color: var(--primary); }
.quickview {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all .3s ease; }
.quickview.show {
opacity: 1;
visibility: visible; }
.quickview.show .quickview__content {
transform: scale(1); }
.quickview__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); }
.quickview__content {
position: relative;
z-index: 1;
margin: 30px;
padding: 30px;
width: 960px;
max-width: 90vw;
max-height: 95%;
overflow-x: hidden;
overflow-y: auto;
background-color: #fff;
transform: scale(0);
transition: transform .4s ease; }
.quickview__btn-close {
position: absolute;
top: 0;
right: 0;
display: block;
width: 30px;
height: 30px;
padding: 4px;
color: var(--heading-color);
background-color: transparent;
border: 0;
opacity: .5;
transition: opacity .3s ease; }
.quickview__btn-close svg {
display: block;
max-width: 100%;
max-height: 100%; }
.quickview__btn-close:hover {
color: var(--primary);
opacity: .9; }
.quickview-images {
display: block;
overflow: hidden; }
.product-quickview__avaiable .product-avaiable {
display: none; }
.product-quickview__avaiable .product-avaiable.product-avaiable--active {
display: block; }
.product-single__price,
.product-single__price--compare-at {
margin: 0;
color: var(--primary);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: calc(var(--font-size-base) + 10px); }
.product-single__price--compare-at {
padding-right: 8px;
display: inline-block;
color: var(--body-color);
font-weight: var(--font-heading-weight);
font-size: calc(var(--font-size-base) + 6px);
text-decoration: line-through;
opacity: .8; }
.product-single__unit {
display: none; }
.price-container--unit-available .product-single__unit {
display: block; }
.product-single__policies {
margin: 15px 0 25px 0; }
.product-form__item {
margin: 0 0 15px; }
.product-form__input {
cursor: pointer;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-appearance: none;
-moz-appearance: none;
display: block;
min-width: 280px;
padding: 8px 15px;
color: var(--heading-color);
border: 1px solid var(--border-color);
border-radius: 0;
background-image: url("//cdn.shopify.com/s/files/1/0282/2858/3562/t/16/assets/ico-select.svg?v=12595063896653130835");
background-repeat: no-repeat;
background-position: right 10px center;
font-size: var(--font-size-base);
line-height: 1.5;
text-rendering: optimizeLegibility;
transition: all .3s ease; }
.product-form__input:focus {
outline: 0; }
.product-avaiable svg {
width: 16px;
position: absolute;
top: 0;
left: 0; }
.product-avaiable .product-avaiable__text {
position: relative;
display: block;
padding-left: 18px;
color: #28a745;
font-weight: bold; }
.product-avaiable .product-avaiable__text ~ svg {
color: #28a745; }
.product-avaiable .product-avaiable__text--outstock {
color: red; }
.product-avaiable .product-avaiable__text--outstock ~ svg {
color: red; }
.variants__label {
display: block;
margin: 0 0 5px;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight); }
.variants__options {
display: flex;
flex-flow: row wrap; }
.single-option-selector {
position: relative;
margin: 0 10px 10px 0;
transition:.3;
}
.js-product-select-option--1 .single-option-selector.color_active {
border: 1px dashed;
border-radius: 30px;
}
.js-product-select-option--1 .single-option-selector:hover label {
box-shadow: 0 0 3px #ED5C01;
}
.single-option-selector input {
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
width: 1px;
height: 1px;
}
.single-option-selector label {
cursor: pointer;
position: relative;
display: block;
margin: 0;
padding: 11px 10px;
min-width: 40px;
min-height: 40px;
border-radius: 30px;
color: var(--heading-color);
background-color: #fff;
/* border: 1px solid var(--border-color); */
font-size: calc(var(--font-size-base) - 1px);
font-weight: var(--font-heading-weight);
line-height: 16px;
text-align: center;
transition:.4s;
}
.js-product-select-option--2 .single-option-selector label{
padding: 11px 20px;
}
.js-product-select-option--2 .single-option-selector label:hover, .js-product-select-option--3 .single-option-selector label:hover {
background-color: #ED5C01;
color: #fff;
}
.single-option-selector label[data-color] {
min-width: 25px;
min-height: 25px;
padding: 0;
font-size: 0;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%; }
.single-option-selector label[data-color].disabled::before {
content: '';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//cdn.shopify.com/s/files/1/0282/2858/3562/t/16/assets/ico-cross.svg?v=73987839457825480);
background-repeat: no-repeat;
background-position: center;
background-size: 100%; }
.single-option-selector label.disabled {
cursor: default;
color: var(--border-color) !important;
opacity: 0.5; }
/* .single-option-selector input[type='radio']:checked + label:not(.disabled) {
border-color: #000;
} */
/* .single-option-selector input[type='radio']:checked + label:not(.disabled)[data-color] {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } */
@media (max-width: 575.98px) {
.product-single__buttons {
flex-wrap: wrap; } }
.product-single__buttons .product-quantity {
width: 30%;
margin-right: 20px;
}
.product-single__buttons .btn--add-to-cart {
width: 56%;
height: 55px !important;
background-color: transparent;
border-style: dashed;
font-weight: 600;
font-size: 20px;
line-height: 1.3;
text-transform: capitalize;
color: #062D3E;
transition:.4s;
}
.product-single__buttons .btn--add-to-cart[disabled="disabled"] {
width: 100%;
margin-right: 0; }
.product-single__buttons .shopify-payment-button {
width: 100%;
margin:25px 0;
}
@media (max-width: 575.98px) {
.product-single__buttons .shopify-payment-button {
width: 100%; } }
.product__organization {
display: flex;
flex-flow: row wrap;
margin: 0 0 10px;
font-size: calc(var(--font-size-base) - 1px); }
.product__organization__label {
margin-right: 10px;
color: var(--heading-color);
font-weight: bold; }
.product__organization__text a {
color: var(--body-color); }
.product__organization__text a:hover {
color: var(--primary); }
.product-quickview__buttons .vela-qty__number {
height: 36px; }
.product-quickview__buttons .form-select {
min-width: 80px; }
.product-quickview__buttons .product-quantity__select {
min-height: 40px; }
.product-quickview__buttons .btn--add-to-cart {
width: 100%;
height: 40px; }
.product-quickview__price .product-single__price, .product-quickview__price .product-single__price--compare-at {
font-size: calc(var(--font-size-base) + 6px); }
.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; }
.about-member__social-list a {
width: 35px;
height: 35px;
line-height: 33px;
color: #555;
border: 1px solid #aaa; }
.about-member__social-list a svg {
height: 15px;
width: 15px; }
.about-member__social-list a:hover {
color: var(--primary);
border-color: var(--primary); }
.gallery___item {
overflow: hidden; }
.gallery___item a {
display: block;
position: relative;
transition: opacity .3s ease; }
.gallery___item a .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
color: #fff;
z-index: 2;
width: 25px;
height: 25px; }
.gallery___item a:before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
background-color: rgba(37, 37, 37, 0.3);
z-index: 1;
visibility: hidden;
transition: opacity .3s ease-in-out; }
.gallery___item a .card__image {
transition: all .3s ease-in-out;
-webkit-transform: scale(1);
transform: scale(1); }
.gallery___item a:hover .icon, .gallery___item a:hover:before {
opacity: 1;
visibility: visible; }
.gallery___item a:hover .card__image {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
.collage .btn-close {
background-size: 100%;
width: 2em;
height: 2em; }
.video-section__poster.deferred-media__poster:focus {
outline-offset: 0.3rem; }
.video-section__media iframe {
background-color: rgba(var(--color-foreground), 0.03);
border: 0; }
.video-section__poster,
.video-section__media iframe {
position: absolute;
width: 100%;
height: 100%; }
.video-section__media {
position: relative;
padding-bottom: 56.25%; }
.video-section__media.deferred-media {
overflow: visible; }
.deferred-media__poster {
background-color: transparent;
border: none;
cursor: pointer;
margin: 0;
padding: 0;
height: 100%;
width: 100%; }
.deferred-media:not([loaded]) template {
z-index: -1; }
.deferred-media[loaded] .media-content,
.deferred-media[loaded] .video-section-thumbnail,
.deferred-media[loaded] .deferred-media__poster {
display: none !important; }
.deferred-media__poster:focus {
outline-offset: -0.3rem; }
.video-btn--play {
width: 60px;
height: 60px;
background-color: #fff;
transition: all 0.2s ease; }
.video-btn--play:hover {
color: #fff;
border-color: var(--primary) !important;
background-color: var(--primary) !important; }
.media-content {
z-index: 2; }
.video-background__media {
height: auto; }
.heading-group {
text-align: center;
margin-bottom: 30px; }
@media (min-width: 768px) {
.heading-group {
margin-bottom: 35px; } }
.heading-group .heading {
margin-bottom: 5px;
font-size: var(--font-size-header); }
@media (max-width: 575.98px) {
.heading-group .heading {
font-size: var(--font-size-header-mobile); } }
.heading-group .heading span span {
color: var(--primary); }
.heading-group .sub-heading {
margin-bottom: 5px; }
@media (min-width: 1400px) {
.logo-list .container {
max-width: 1440px; } }
.logo-list .vela-section__content {
border: 1px solid var(--border-color);
border-radius: var(--image-border-radius); }
.logo-list .logo-list-item:before {
width: 1px;
height: 100%;
display: block;
content: "";
background: var(--border-color);
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.logo-list .logo-list-item:after {
width: 100%;
height: 1px;
display: block;
content: "";
background: var(--border-color);
position: absolute;
left: 0;
bottom: -1px;
z-index: 1; }
.main-menu {
background-color: var(--menu-bg); }
.main-menu__nav {
display: flex;
flex-wrap: wrap; }
.main-menu__nav-item:not(:last-child) {
margin-right: 40px; }
@media (max-width: 991.98px) {
.main-menu__nav-item:not(:last-child) {
margin-right: 20px; } }
.main-menu__nav-item > a {
position: relative;
display: block;
padding: 15px 0;
color: var(--menu-color);
font-size: var(--menu-font-size);
font-weight: var(--font-heading-weight);
text-decoration: none;
transition: color .35s ease; }
.main-menu__nav-item > a svg {
width: 12px;
margin-left: 6px; }
.main-menu__nav-item > a:hover, .main-menu__nav-item > a:focus {
color: var(--menu-hover-color); }
.main-menu__nav-item:hover > a, .main-menu__nav-item:focus > a {
color: var(--menu-hover-color); }
.menu-dropdown:hover > .menu-dropdown__content, .menu-dropdown:focus > .menu-dropdown__content {
opacity: 1;
visibility: visible; }
.menu-dropdown > a {
display: flex; }
.menu-dropdown--basic {
position: relative; }
.menu-dropdown__content {
position: absolute;
top: auto;
left: 0;
z-index: 90;
font-size: var(--menu-dropdown-font-size);
min-width: 220px;
padding: 20px 25px;
background-color: var(--menu-dropdown-bg);
box-shadow: var(--shadow);
opacity: 0;
visibility: hidden;
transition: all .15s ease; }
.menu-dropdown__content a {
display: block;
padding: 5px 0;
color: var(--menu-dropdown-color);
text-decoration: none;
transition: color .35s ease; }
.menu-dropdown__content a:hover, .menu-dropdown__content a:focus {
color: var(--menu-dropdown-hover-color); }
.menu-dropdown__content--megamenu {
width: 100%;
padding: 20px 30px; }
.menu-dropdown__content--megamenu .menu-dropdown__content {
top: auto;
left: auto; }
.megamenu-heading {
color: var(--heading-color);
font-weight: var(--font-heading-weight);
font-size: calc(var(--menu-dropdown-font-size) + 3px);
margin-bottom: 8px; }
.megamenu-heading a,
.megamenu-heading span {
display: block;
color: var(--heading-color);
position: relative; }
.megamenu-heading a:before,
.megamenu-heading span:before {
position: absolute;
bottom: 5px;
width: 40px;
height: 1px;
background: var(--primary);
content: "";
left: 0; }
.megamenu-links {
margin-bottom: 15px; }
.megamenu-products {
margin-bottom: 15px;
padding: 6px 0; }
.product-menu {
display: flex;
width: 100%; }
.product-menu__image {
width: 30%;
max-width: 30%; }
.product-menu__image a {
padding: 0; }
.product-menu {
padding: 6px 0; }
.product-menu__content {
width: 70%;
max-width: 70%;
padding-left: 15px; }
.product-menu__name {
margin: 0 0 5px; }
.product-menu__name a {
padding: 0;
color: var(--heading-color); }
.megamenu-html {
padding: 6px 0;
color: var(--menu-dropdown-color); }
.megamenu-html img {
max-width: 100%;
height: auto; }
.megamenu-banner {
margin: 15px 0 0; }
.megamenu-banner a {
padding: 0; }
.menu-row__col {
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px; }
.menu-row__col--20 {
width: 20%;
max-width: 20%; }
.menu-row__col--25 {
width: 25%;
max-width: 25%; }
.menu-row__col--33 {
width: 33.333%;
max-width: 33.333%; }
.menu-row__col--50 {
width: 50%;
max-width: 50%; }
.menu-row__col--66 {
width: 66%;
max-width: 66%; }
.menu-row__col--75 {
width: 75%;
max-width: 75%; }
.menu-row__col--80 {
width: 80%;
max-width: 80%; }
.menu-row__col--100 {
width: 100%;
max-width: 100%; }
.menu-drawer-container {
display: flex; }
.list-menu {
list-style: none;
padding: 0;
margin: 0; }
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap; }
summary.list-menu__item {
padding-right: 2.7rem; }
.list-menu__item {
display: flex;
align-items: center;
line-height: 1.3; }
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: 1.8; }
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem; } }
/* Header menu drawer */
.header__icon--menu .icon {
display: block;
position: absolute;
opacity: 1;
transform: scale(1);
transition: transform 150ms ease, opacity 150ms ease; }
details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
visibility: hidden;
opacity: 0;
transform: scale(0.8); }
.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
visibility: hidden; }
.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
visibility: visible;
opacity: 1;
transform: scale(1.07); }
.overflow-hidden-mobile {
overflow: hidden; }
.header__icon--menu {
position: initial;
width: 20px; }
.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
content: '';
position: absolute;
cursor: default;
width: 100%;
height: calc(100vh - 100%);
height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
top: 100%;
left: 0;
background: var(--color-foreground-50);
opacity: 0;
visibility: hidden;
z-index: 2;
transition: opacity 0.2s ease,
visibility 0.2s ease; }
menu-drawer > details[open] > summary::before {
visibility: visible;
opacity: 1; }
.js details[open] > .menu-drawer,
.js details[open] > .menu-drawer__submenu {
-webkit-transition: transform 0.2s ease, visibility 0.2s ease;
-ms-transition: transform 0.2s ease, visibility 0.2s ease;
transition: transform 0.2s ease, visibility 0.2s ease; }
.js details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
transform: translateX(0);
visibility: visible; }
.menu-drawer {
position: absolute;
-webkit-transform: translateX(-320px);
-ms-transform: translateX(-320px);
transform: translateX(-320px);
visibility: hidden;
z-index: 3;
left: 0;
top: 100%;
width: 320px;
padding: 0;
border-left: 0;
background-color: #fff;
overflow-x: hidden;
height: calc(var(--viewport-height,100vh) - (var(--header-bottom-position,100%)));
transition: all 0.3s ease-in-out;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); }
.menu-drawer__inner-container {
position: relative;
height: 100%; }
.menu-drawer__navigation-container {
height: 100%; }
.menu-drawer__navigation {
padding: 20px 0; }
.menu-drawer__inner-submenu {
height: 100%;
overflow-x: hidden;
overflow-y: auto; }
.menu-drawer__menu-item {
padding: 10px 25px;
text-decoration: none;
color: var(--color-link); }
.menu-drawer__menu-item > .icon-arrow {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); }
.menu-drawer__menu-item--active {
font-weight: 700; }
.menu-drawer .icon-arrow {
width: 16px; }
.menu-drawer__close-button {
padding: 12px 5px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 15px; }
.menu-drawer__close-button .icon-arrow {
transform: rotate(180deg);
margin-right: 5px; }
.menu-drawer__utility-links {
padding: 15px 25px;
background-color: #e8e8e8; }
.menu-drawer__menu li {
margin-bottom: 0.2rem; }
.menu-drawer__submenu {
position: absolute;
top: 0;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 1;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden; }
.menu-drawer__submenu .menu-drawer__submenu {
overflow-y: auto; }
@media (prefers-reduced-motion) {
.motion-reduce {
transition: none !important; } }
/* end menu drawer */
.vela-header-menu .text_right {
font-size: var(--menu-font-size);
color: var(--menu-color);
font-weight: var(--font-heading-weight); }
.multi-image-with-text__inner {
overflow: hidden; }
.multi-image-with-text__wrapper {
display: flex;
width: 100%;
flex-direction: column;
position: relative; }
.multi-image-with-text__wrapper.text_top {
flex-direction: column-reverse; }
.multi-image-with-text__wrapper.text_top .multi-image-with-text__content-content {
margin-bottom: 30px; }
.multi-image-with-text__wrapper.text_botton .multi-image-with-text__content-content {
margin-top: 30px; }
.multi-image-with-text__wrapper.text_over {
flex-direction: column-reverse; }
.multi-image-with-text__wrapper.text_over .multi-image-with-text__content-content {
align-items: center;
bottom: 0px;
display: flex;
flex-direction: column;
justify-content: center;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.multi-image-with-text__wrapper.text_over .multi-image-with-text__content-wrapper {
width: 100%;
padding: 20px; }
@media (min-width: 1400px) {
.multi-image-with-text__wrapper.text_over .multi-image-with-text__content-wrapper {
padding: 20px 45px; } }
.multi-image-with-text__image {
border-radius: var(--image-border-radius);
overflow: hidden; }
.multi-image-with-text__image span {
display: inline-block; }
.multi-image-with-text__sub-title {
font-size: calc(var(--font-size-base) - 1px); }
.multi-image-with-text__btn {
border-radius: 30px;
border: 1px solid #000;
padding: 10px 25px;
font-size: 16px;
font-weight: 700; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.multi-image-with-text__btn {
padding: 4px 18px;
font-size: 12px; } }
.multi-image-with-text__btn:hover {
background-color: #000 !important;
border-color: #000 !important; }
.multi-image-with-text__wrapper--shadow {
box-shadow: 14px 0 88px rgba(0, 0, 0, 0.05); }
.multi-image-with-text__wrapper--shadow.text_top .multi-image-with-text__content-content {
padding: 30px 20px 0; }
.multi-image-with-text__wrapper--shadow.text_top .multi-image-with-text__image {
border-radius: 0 0 var(--image-border-radius) var(--image-border-radius); }
.multi-image-with-text__wrapper--shadow.text_botton .multi-image-with-text__content-content {
padding: 0 20px 30px; }
.multi-image-with-text__wrapper--shadow.text_botton .multi-image-with-text__image {
border-radius: var(--image-border-radius) var(--image-border-radius) 0 0; }
.services .services-image {
margin-bottom: 10px; }
.services .services-title {
line-height: 1;
margin-bottom: 20px; }
.services .services-wrap {
width: 100%;
max-width: 300px;
margin: 0 auto; }
.testimonial__avatar {
margin-bottom: 25px; }
.testimonial__avatar .card__image {
overflow: hidden;
border-radius: 50%; }
.testimonial__review {
margin-bottom: 20px; }
.testimonial__name {
margin-bottom: 5px;
text-transform: uppercase; }
.collection-list__box {
margin-bottom: 30px; }
.collection-list__box .collection-list--image a {
border-radius: var(--image-border-radius);
transition: all .3s ease; }
.collection-list__box .collection-list--image a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
z-index: 2;
transition: all .3s ease;
opacity: 0;
visibility: hidden; }
.collection-list__box .collection-list--image a .icon-plus {
width: 39px;
height: 1px;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden; }
.collection-list__box .collection-list--image a .icon-plus .icon {
width: 39px;
height: 1px;
background: #fff;
display: block;
position: absolute; }
.collection-list__box .collection-list--image a .icon-plus .icon ~ .icon {
transform: rotate(90deg); }
.collection-list__box .collection-list--image a .card_wrap {
transform: scale(1);
transition: all .3s ease; }
.collection-list__box .collection-list--image a:hover:before,
.collection-list__box .collection-list--image a:hover .icon-plus {
opacity: 1;
visibility: visible; }
.collection-list__box .collection-list--image a:hover .card_wrap {
transform: scale(1.1); }
.collection-list__box .collection-list--title {
font-size: calc(var(--font-size-base) + 7px);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
line-height: calc(var(--font-size-base) + 11px);
transition: all .3s ease; }
.collection-list__box .collection-list--title:hover {
color: var(--primary); }
.vela-section--collections-bgimage .has-bgimage {
padding-top: 80px;
padding-bottom: 80px; }
@media (max-width: 767.98px) {
.vela-section--collections-bgimage .has-bgimage {
padding-top: 60px;
padding-bottom: 60px; } }
@media (min-width: 1400px) {
.vela-section--collections-bgimage .slick-carousel {
margin-left: -25px;
margin-right: -25px; }
.vela-section--collections-bgimage .slick-carousel .slick-carousel__item {
padding-left: 25px;
padding-right: 25px; } }
@media (max-width: 575.98px) {
.product-tabs__heading {
overflow-x: auto; }
.product-tabs__nav {
white-space: nowrap; } }
.product-tabs__nav-link {
display: block;
padding: 12px 20px;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: calc(var(--font-size-base) + 9px);
line-height: 20px;
border-radius: 30px;
border: 2px dashed transparent;
transition: color .35s ease; }
@media (max-width: 575.98px) {
.product-tabs__nav-link {
font-size: calc(var(--font-size-base) + 2px);
padding: 6px 14px; } }
.product-tabs__nav-link:hover, .product-tabs__nav-link.active {
border-color: var(--primary);
color: var(--primary); }
.product-tabs-vertical__nav-link {
display: block;
padding: 10px;
color: var(--body-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: calc(var(--font-size-base) + 1px);
line-height: 20px;
transition: color .35s ease; }
@media (min-width: 576px) {
.product-tabs-vertical__nav-link {
border-top: 1px solid var(--border-color);
padding: 15px 10px; } }
.product-tabs-vertical__nav-link svg {
width: 6px;
height: 11px;
margin-top: -4px; }
.product-tabs-vertical__nav-link:hover, .product-tabs-vertical__nav-link.active {
color: var(--primary); }
@media (min-width: 576px) {
.product-tabs-vertical .product-tabs-vertical__heading {
width: 280px; } }
.product-tabs-vertical .product-tabs-vertical__heading .heading {
font-size: calc(var(--font-size-base) + 7px);
padding: 10px; }
@media (max-width: 575.98px) {
.product-tabs-vertical .product-tabs-vertical__heading .heading {
border-bottom: 1px solid var(--border-color); } }
.product-tabs-vertical .product-tabs-vertical__heading .icon {
margin-right: 10px; }
@media (max-width: 575.98px) {
.product-tabs-vertical .product-tabs-vertical__heading {
border-bottom: 1px solid var(--border-color);
border-right: 0 !important; } }
@media (min-width: 576px) {
.product-tabs-vertical .tab-content {
width: calc( 100% - 280px); } }
.product-tabs-vertical .slick-carousel {
margin-left: 0;
margin-right: 0; }
.product-tabs-vertical .slick-carousel__item {
padding-top: 20px;
padding-bottom: 20px; }
@media (min-width: 576px) {
.product-tabs-vertical .slick-carousel__item {
border-right: 1px solid var(--border-color); } }
.product-tabs-vertical .product-list-style,
.product-tabs-vertical .product-grid {
margin-bottom: 0 !important; }
.product-tabs-vertical .product-card__image-link {
border: 0 !important; }
.product-tabs-vertical .row {
margin-left: 0;
margin-right: -1px;
margin-bottom: -1px; }
.product-tabs-vertical .row > * {
padding-top: 20px;
padding-bottom: 20px;
border-right: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color); }
.product-card__countdown.style1 {
z-index: 1;
color: var(--body-color);
background-color: var(--body-bg);
border: 2px solid var(--primary);
border-radius: 50px; }
.product-card__countdown.style1 .countdown__item {
margin: 0;
padding: 8px 6px; }
.product-card__countdown.style1 .countdown__item span:first-child {
width: inherit;
height: inherit;
color: var(--heading-color);
background-color: transparent;
border-radius: 0;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: var(--font-size-base); }
.product-card__countdown.style1 .countdown__item span:last-child {
margin-top: 4px;
font-size: 12px; }
.collection-five__content {
left: 10px;
right: 10px;
bottom: 30px; }
.collection-five__button {
font-size: calc(var(--font-size-base) + 7px);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
background: #fff;
color: var(--heading-color);
padding: 8px 25px; }
.collection-five__button:hover {
background: var(--primary);
color: #fff; }
.collection-five .collection-primary .collection-five__content {
bottom: 50%;
margin-bottom: -30px; }
.collection-five .collection-primary .collection-five__button {
padding: 19px 30px;
min-width: 260px; }
@media (min-width: 992px) {
.collection-five .column {
width: 25.875%; }
.collection-five .column--primary {
width: 48.25%; } }
.map-info {
background: #f2f2f2;
border-radius: 10px;
padding: 30px; }
@media (min-width: 1200px) {
.map-info {
padding: 40px;
top: 50%;
left: 50%;
z-index: 2;
transform: translateY(-50%); } }
.map-info .icons {
width: 66px;
min-width: 66px;
height: 66px;
line-height: 62px;
font-size: 26px;
background-color: var(--primary); }
.map-info .icons svg {
width: 20px;
height: 20px;
display: inline-block; }
.map-info label {
display: block;
color: var(--heading-color);
font-weight: var(--font-heading-weight);
margin: 0; }
.map-info .map-info__desc {
line-height: 30px; }
@media (max-width: 991.98px) {
.menu_drawer_fixed {
position: fixed;
overflow: hidden;
left: 0;
right: 0;
top: 0
}
.menu_drawer_fixed:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
background: rgb(0 0 0 / 50%);
z-index: 2
}
.page-contact__map iframe {
height: 600px !important; } }
@media (max-width: 575.98px) {
.page-contact__map iframe {
height: 400px !important; } }
.template-404 .subtitle {
font-size: 300px;
color: var(--heading-color);
line-height: 1; }
@media (max-width: 767.98px) {
.template-404 .subtitle {
font-size: 150px; } }
.template-404 .title {
font-size: 50px;
font-weight: 400; }
@media (max-width: 767.98px) {
.template-404 .title {
font-size: 28px; } }
.template-404 .title::before {
position: absolute;
content: "";
width: 140px;
height: 2px;
bottom: 0;
left: calc(50% - 70px);
background: var(--border-color); }
.vertical-menu__heading {
font-size: calc(var(--font-size-base) + 3px);
padding: .68rem 1.3rem;
cursor: pointer; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.vertical-menu__heading {
font-size: var(--font-size-base); } }
.vertical-menu__heading .icons {
margin-right: 10px; }
.vertical-menu__heading .icons .icon {
width: 22px;
height: 2px; }
.vertical-menu__heading .icons .icon:nth-child(2) {
width: 10px;
margin: 3px 0; }
.vertical-menu__heading .icons .icon:nth-child(3) {
width: 16px; }
.vertical-menu__heading svg {
width: 14px; }
#vertical-menu-content.show .list-group {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.vertical-menu-content .icon-menu {
max-width: 31px; }
.vertical-menu.dark .list-group-item {
background-color: #2d2e33;
border-bottom-color: #3a3b3e; }
.vertical-menu.dark .list-group-item a {
color: #fff; }
.vertical-menu.dark .list-group-item a:hover {
color: var(--primary); }
.vela-section-blogs .article__meta-date {
width: 75px;
height: 75px;
z-index: 2;
font-size: 26px;
line-height: 1; }
.vela-section-blogs .article__meta-date span {.product-grid .product-card__buttons .btn
border-top: 1px solid #fff;
font-size: 14px;
margin-top: 2px;
padding-top: 5px; }
.vela-section-blogs .blog-tags {
font-size: 11px;
letter-spacing: 1px; }
.vela-section-blogs .article__meta {
color: #a3a3a3; }
.vela-section-blogs .article__title {
max-width: 260px; }
.vela-section-blogs .article__meta-author {
color: var(--heading-color); }
.vela-section-blogs .article__meta-author span {
color: #a3a3a3; }
.vela-section-blogs .article__meta-author:after {
transform: inherit !important; }
.vela-section-blogs .slick-dots {
position: static;
margin-top: 40px; }
.product__row {
row-gap: 30px;
}
@media (max-height:375px) {
.js-product-media .card__image {
padding-top: 70% !important;
object-fit: contain;
background-size: contain;
background-position: center;
}
.product-single__main-media {
background: #fff;
}
}
.js-product-select-option--2 label , .js-product-select-option--3 label {
border: 1px solid #00000030;
}
.template-collection .product-group-price {
justify-content: flex-start !important;
}
.collection-sidebar__wapper .product-categories {
margin-bottom: 25px !important;
}
.collection-filters__field .collection-filters__sort {
border-radius: 0 !important;
}
.breadcrumb__link span , .breadcrumb-item {
font-size: 17px;
}
h1.vela-breadcrumbs__title {
margin-bottom: 20px !important;
}
.facet-checkbox svg:nth-child(3) {
display: none;
}
.js-sidebar-toggle {
align-items: center !important;
}
.vela-breadcrumbs {
margin: 0 0 50px;
}
.cart__ctas button {
padding: 15px 0;
}
.cart__ctas button:hover {
box-shadow: 0 0 10px #fd8a41;
border: 1px solid #fd8a41;
background: transparent!important;
color: #062d3e;
}
.quantity .quantity__input {
height: 35px;
}
#checkout-main .PcENG.FpqZ3 button {
background: #ed5c01;
border-radius: 50px;
border: 1px solid transparent;
transition: .4s;
}
#checkout-main .PcENG button:hover {
box-shadow: 0 0 10px #fd8a41;
border: 1px solid #fd8a41;
background: transparent!important;
color: #062d3e;
}
.collection_bg_color {
height: 30px;
width: 30px;
border-radius: 50%;
background-size: contain;
background-repeat: no-repeat;
font-size: 0;
margin: 5px;
}
.bac_img {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 5px;
padding-top: 12px;
}
.collection_bg_color_row {
border-radius: 50%;
border: 1px dashed !important;
}
.collection_bg_color_row {
border: hidden !important;
}
.bac_img a:nth-child(1) .collection_bg_color_row{
border: 1px dashed !important;
}
.bac_img .collection_bg_color_row:hover {
border: 1px dashed !important;
}
.col_product_qa label.product-quantity__label {
display: none;
width: 50px;
font-size: 18px;
color: #000;
}
.col_product_qa .product-quantity {
padding-top: 15px;
width: 50%;
margin-left: 0;
margin-right: auto;
}
#main-collection-product-grid .col_payment button:hover {
box-shadow: 0 0 10px #fd8a41;
border: 1px solid #fd8a41;
background: transparent!important;
color: #062d3e;
}
.col_payment .shopify-payment-button {
width: 50%;
}
.product-card__form {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#main-collection-product-grid .col_payment button{
padding: 14px 20px;
width: 49%;
}
.col_payment {
padding: 0 5px;
width: 100%;
margin-bottom: -10px;
padding-bottom: 10px;
}
form.form-addtocart {
padding: 10px 0;
}
#main-collection-product-grid .vela-qty__number , #main-collection-product-grid .vela-qty {
height: 48px;
}
.shopify-payment-button__more-options {
display: none !important;
}
.col_payment .product-card__form .btn--add-to-cart span {
display: block !important;
}
.product-card__form .btn--add-to-cart {
background-color: transparent;
border-color: #ed5c01;
color: #062d3e;
width: 100%;
padding: 14px 20px;
border-radius: 50px;
border: 1px dashed #ed5c01;
font-size: 16px;
}
.product-card__form .btn--add-to-cart:hover {
border-style: solid;
box-shadow: 0 0 10px #fd8a41;
}
.template-index header.header {
position: absolute;
top: 0;
left: 0;
right: 0;
background: transparent !important;
}
.template-index .header-wrap {
background: linear-gradient(180deg, #FEF9F5 -20%, rgba(244, 239, 235, 0) 100%);
}
div#shopify-section-header.product-sticky-fix header.header {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #FEF9F5;
animation: head_s 1s;
box-shadow: 0px 4px 34px rgb(0 0 0 / 15%);
}
@keyframes head_s {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.header-cart .icon.icon-cart g path {
fill: #000;
}
div#shopify-section-header.product-sticky-fix .header-wrap{
background: #FEF9F5;
}
.header_flex {
align-items: center;
}
.header-cart .icon-cart:hover g path {
fill: #ed5c01;
}
.header__inner .header-menu-mobile {
display: none !important;
}
.col_product_qa {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
row-gap: 10px;
}
.product-card .bac_img .collection_bg_color_row.color_active {
border: 1px dashed !important;
}
.product_color_li {
list-style: none;
}
ul.product_color_ul {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 0;
column-gap: 5px;
margin: 0;
}
.col_product_qa .shopify-payment-button__button--unbranded {
background-color: var(--primary);
font-weight: 600;
font-size: 18px;
line-height: 1.2;
color: #fff;
border: 1px solid transparent;
padding: 0!important;
height: 50px;
box-shadow: 0 6px #fd8a42;
transition: .4s!important;
border-radius: 50px;
width: 98% !important;
margin-right: 0;
margin-left: auto;
}
body.template-collection .main-content {
padding-bottom: 120px;
}
@media (max-width:1400px) {
.product-card__form .btn--add-to-cart {
font-size: 15px;
}
}
@media (max-width:1199px) {
.collection-content .product-card__name a {
font-size: 14px !important;
}
.collection-filters__field select#SortBy {
font-size: 14px;
}
.col_product_qa .product-quantity {
width: 170px;
}
.col_payment {
padding: 0 8px;
width: 190px;
margin-bottom: 0px;
margin-left: -6px;
}
#main-collection-product-grid .col_payment button {
width: 100%;
}
.col_payment .shopify-payment-button {
width: 100%;
}
.product-card__form {
row-gap: 10px;
}
.col_product_qa .shopify-payment-button__button--unbranded {
width: 100% !important;
}
body.template-collection .main-content {
padding-bottom: 100px;
}
}
@media (max-width:991px) {
h1.vela-breadcrumbs__title {
margin-bottom: 10px !important;
font-size: 36px;
}
.page-collection-header__left {
margin-bottom: 10px !important;
}
#main-collection-product-grid .vela-qty__number , #main-collection-product-grid .vela-qty {
height: 45px;
}
.product-card__form .btn--add-to-cart {
padding: 13px;
font-size: 16px;
}
.collection_bg_color {
height: 25px;
width: 25px;
margin: 4px;
}
.header-left {
max-width: 300px !important;
}
#main-collection-product-grid .col_payment button {
padding: 12px 20px;
}
.col_product_qa .shopify-payment-button__button--unbranded {
font-size: 16px;
height: 45px;
}
body.template-collection .main-content {
padding-bottom: 90px;
}
}
@media (max-width:767px) {
h1.vela-breadcrumbs__title {
font-size: 32px;
}
.product__row {
padding-top: 10px;
}
.template-index .header-wrap {
background: #FEF9F5;
}
.header__inner {
padding: 5px 0 !important;
}
.header-left {
max-width: 290px !important;
}
body.template-collection .main-content {
padding-bottom: 80px;
}
}
@media (max-width:575px) {
h1.vela-breadcrumbs__title {
font-size: 28px;
}
.vela-breadcrumbs {
margin: 0 0 40px !important;
}
.product-price {
font-size: 16px;
}
.product-card__name {
margin: 0 0 5px
}
.collection-sidebar--open .collection-sidebar__close {
left: 260px;
z-index: 9;
top: 5px;
}
.collection-sidebar__close svg path {
fill: #000;
}
.block-sidebar__title {
font-size: 18px;
}
.template-collection .vela-breadcrumbs__inner {
padding-left: 0;
}
body.template-collection .main-content {
padding-bottom: 70px;
}
}
@media (max-width:450px) {
.template-collection .vela-breadcrumbs .vela-breadcrumbs__title {
display: none;
}
.vela-breadcrumbs__inner {
padding-top: 20px;
}
#main-collection-product-grid .vela-qty__number, #main-collection-product-grid .vela-qty {
height: 40px;
}
.product-card__form .btn--add-to-cart {
font-size: 14px;
}
.col_product_qa .product-quantity {
width: 150px;
}
#main-collection-product-grid .col_payment button {
padding: 11px 20px;
width: 100%;
}
.col_product_qa .shopify-payment-button__button--unbranded {
height: 41px !important;
font-size: 15px !important;
}
.template-index header.header {
position: relative;
}
}
@media (max-width:370px) {
h1.vela-breadcrumbs__title {
font-size: 26px;
}
.vela-breadcrumbs {
margin: 0 0 30px !important;
}
.collection-content .product-card__name a {
font-size: 12px !important;
}
.collection-product-count {
font-size: 14px;
}
.breadcrumb__link span, .breadcrumb-item {
font-size: 16px;
}
.col_product_qa
label.product-quantity__label {
width: 100%;
text-align: left;
}
.col_product_qa .product-quantity__selector {
width: 100%;
}
.product-card__form .btn--add-to-cart {
padding: 13px 10px;
font-size: 13px;
}
.col_payment {
padding: 10px 5px;
}
.header-left {
max-width: 250px !important;
}
.col_payment {
margin-left: 0;
}
body.template-collection .main-content {
padding-bottom: 60px;
}
}