/** Shopify CDN: Minification failed
Line 1453:0 Unexpected "{"
Line 5044:40 Unexpected "{"
Line 5044:50 Expected ":"
Line 5044:82 Unexpected "{"
Line 5064:0 Unexpected "}"
**/
/* section-announcement-bar */
body {
overflow-x: hidden;
}
#shopify-section-announcement-bar {
overflow: hidden;
z-index: 4; }
.announcement-bar__inner {
overflow: hidden;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center; }
@media (max-width: 767.98px) {
.announcement-bar__inner {
justify-content: flex-start;
overflow: hidden; } }
.announcement-bar__disclosure {
overflow: hidden;
display: flex;
flex-flow: row wrap;
align-items: center; }
@media (max-width: 767.98px) {
.announcement-bar__text-left {
display: none; } }
.announcement-bar a {
transition: color .3s ease; }
.topbar-text {
position: relative;
display: inline-block;
margin-right: 20px;
padding: 12px 20px 12px 0;
line-height: 20px; }
.topbar-text i {
display: inline-block;
vertical-align: middle;
margin-right: 2px; }
.topbar-text i.icon-phone {
margin-top: -3px; }
.topbar-text::after {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.2); }
.topbar-text:last-child {
margin-right: 0;
padding-right: 0; }
.topbar-text:last-child::after {
display: none; }
.header-account {
display: flex;
flex-flow: row wrap;
margin-left: 20px; }
@media (max-width: 767.98px) {
.header-account {
display: none; } }
.header-account a {
position: relative;
margin-right: 20px;
padding: 12px 20px 12px 0;
line-height: 20px; }
.header-account a::after {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.2); }
.header-account a:last-child {
margin-right: 0;
padding-right: 0; }
.header-account a:last-child::after {
display: none; }
#shopify-section-header {
z-index: 3; }
@media (min-width: 992px) {
.sticky-top:not(.shopify-section-header-hidden) .header__inner {
padding: 0 !important; } }
.header {
position: relative;
z-index: 3; }
.header-right {
position: relative; }
.header-wrap {
background-color: var(--header-bg);
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 {
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;
position: absolute;
top: 100%;
width: 375px;
max-width: 80vw;
right: 0;
background: #fff;
box-shadow: var(--shadow);
z-index: 1; }
.search-modal.show {
opacity: 1;
animation: animateMenuOpen 200ms ease; }
.search-modal .search-input {
height: 46px; }
.search__button {
position: absolute;
right: 5px;
top: 0;
height: 46px; }
.search__button .icon {
height: 16px; }
.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;
margin-left: 28px; }
.header-cart::before {
content: "";
position: absolute;
left: -18px;
top: 50%;
margin-top: -8px;
width: 1px;
height: 16px;
background-color: var(--header-color);
opacity: .3; }
.header-cart__count {
display: block;
min-width: 16px;
height: 16px;
margin-left: 5px;
color: #fff;
background: var(--primary);
border-radius: 50%;
font-size: 10px;
line-height: 16px; }
.header-cart > a {
display: flex;
align-items: center;
justify-content: center;
height: 90px ;
font-size: 48px ;
text-align: center; }
@media screen and (min-width: 768px) {
.cart-hover:hover .header-cart__content, .cart-hover:focus .header-cart__content {
opacity: 1;
visibility: visible; } }
@media (max-width: 991.98px) {
.logo-left .header__heading-link {
justify-content: center; } }
.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; }
.header-search__icon {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 16px; }
@media (min-width: 1200px) {
.footer .container {
max-width: 1750px; } }
.footer__top-inner {
padding: 90px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer-inner {
color: var(--footer-color);
background-color: var(--footer-bg);
font-size: var(--font-size-base); }
.footer__title {
font-size: calc(var(--font-size-heading) - 11px);
font-weight: var(--font-heading-weight);
font-family: var(--font-heading-family);
color: var(--footer-heading-color);
position: relative; }
.footer__center-inner {
padding: 100px 0; }
@media (max-width: 767.98px) {
.footer__center-inner {
padding: 60px 0; } }
.footer__bottom {
background-color: var(--color-copyright-bg);
color: var(--color-copyright); }
/* footer-newsletter __*/
.footer-newsletter .section-newsletter__desc {
margin-bottom: 33px; }
.footer-newsletter .form-control {
border: 0;
height: auto;
padding: 12px 15px;
padding-right: 110px; }
.footer-newsletter .btn {
position: absolute;
top: 0;
right: 0;
z-index: 3;
border: 0;
padding: 12px 20px;
color: var(--heading-color);
background-color: transparent;
font-weight: 500;
text-transform: uppercase;
transition: all .35s ease; }
.footer-newsletter .btn::before {
content: "";
pointer-events: none;
position: absolute;
top: 50%;
left: 0;
display: block;
height: 24px;
margin-top: -12px;
border-left: 1px solid #e5e5e5; }
/* footer-info ___*/
.footer-info--desc {
margin-bottom: 20px; }
.footer-info--phone .icons,
.footer-info--email .icons,
.footer-info--time .icons,
.footer-info--address .icons {
min-width: 16px;
width: 16px;
height: 16px;
display: flex;
color: #fff; }
/* footer-social ___ */
.footer-social {
justify-content: center; }
@media (min-width: 768px) {
.footer-social {
justify-content: flex-end; } }
.footer-social .social-icons-item {
position: relative; }
.footer-social .social-icons-item:not(:last-child) {
margin-right: 18px; }
.footer-social .social-icons--link {
display: block;
color: var(--color-copyright);
transition: all 0.2s ease-in-out; }
.footer-social .social-icons--link svg {
width: 14px;
height: 14px; }
.footer-social .social-icons--link svg.icon-tiktok {
width: 22px; }
.footer-social .social-icons--link .text {
display: none; }
.footer-social .social-icons--link:hover {
color: var(--primary); }
/* footer-link-list ___*/
.footer-links a {
position: relative;
color: var(--footer-link);
transition: all .2s ease-in-out; }
.footer-links a:hover {
color: var(--footer-link-hover); }
.footer-links a:hover:before {
background-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; } }
.footer-twitter iframe {
display: block;
max-width: 420px !important; }
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-user:before {
content: "\e005"; }
.icon-people:before {
content: "\e001"; }
.icon-user-female:before {
content: "\e000"; }
.icon-user-follow:before {
content: "\e002"; }
.icon-user-following:before {
content: "\e003"; }
.icon-user-unfollow:before {
content: "\e004"; }
.icon-login:before {
content: "\e066"; }
.icon-logout:before {
content: "\e065"; }
.icon-emotsmile:before {
content: "\e021"; }
.icon-phone:before {
content: "\e600"; }
.icon-call-end:before {
content: "\e048"; }
.icon-call-in:before {
content: "\e047"; }
.icon-call-out:before {
content: "\e046"; }
.icon-map:before {
content: "\e033"; }
.icon-location-pin:before {
content: "\e096"; }
.icon-direction:before {
content: "\e042"; }
.icon-directions:before {
content: "\e041"; }
.icon-compass:before {
content: "\e045"; }
.icon-layers:before {
content: "\e034"; }
.icon-menu:before {
content: "\e601"; }
.icon-list:before {
content: "\e067"; }
.icon-options-vertical:before {
content: "\e602"; }
.icon-options:before {
content: "\e603"; }
.icon-arrow-down:before {
content: "\e604"; }
.icon-arrow-left:before {
content: "\e605"; }
.icon-arrow-right:before {
content: "\e606"; }
.icon-arrow-up:before {
content: "\e607"; }
.icon-arrow-up-circle:before {
content: "\e078"; }
.icon-arrow-left-circle:before {
content: "\e07a"; }
.icon-arrow-right-circle:before {
content: "\e079"; }
.icon-arrow-down-circle:before {
content: "\e07b"; }
.icon-check:before {
content: "\e080"; }
.icon-clock:before {
content: "\e081"; }
.icon-plus:before {
content: "\e095"; }
.icon-minus:before {
content: "\e615"; }
.icon-close:before {
content: "\e082"; }
.icon-event:before {
content: "\e619"; }
.icon-exclamation:before {
content: "\e617"; }
.icon-organization:before {
content: "\e616"; }
.icon-trophy:before {
content: "\e006"; }
.icon-screen-smartphone:before {
content: "\e010"; }
.icon-screen-desktop:before {
content: "\e011"; }
.icon-plane:before {
content: "\e012"; }
.icon-notebook:before {
content: "\e013"; }
.icon-mustache:before {
content: "\e014"; }
.icon-mouse:before {
content: "\e015"; }
.icon-magnet:before {
content: "\e016"; }
.icon-energy:before {
content: "\e020"; }
.icon-disc:before {
content: "\e022"; }
.icon-cursor:before {
content: "\e06e"; }
.icon-cursor-move:before {
content: "\e023"; }
.icon-crop:before {
content: "\e024"; }
.icon-chemistry:before {
content: "\e026"; }
.icon-speedometer:before {
content: "\e007"; }
.icon-shield:before {
content: "\e00e"; }
.icon-screen-tablet:before {
content: "\e00f"; }
.icon-magic-wand:before {
content: "\e017"; }
.icon-hourglass:before {
content: "\e018"; }
.icon-graduation:before {
content: "\e019"; }
.icon-ghost:before {
content: "\e01a"; }
.icon-game-controller:before {
content: "\e01b"; }
.icon-fire:before {
content: "\e01c"; }
.icon-eyeglass:before {
content: "\e01d"; }
.icon-envelope-open:before {
content: "\e01e"; }
.icon-envelope-letter:before {
content: "\e01f"; }
.icon-bell:before {
content: "\e027"; }
.icon-badge:before {
content: "\e028"; }
.icon-anchor:before {
content: "\e029"; }
.icon-wallet:before {
content: "\e02a"; }
.icon-vector:before {
content: "\e02b"; }
.icon-speech:before {
content: "\e02c"; }
.icon-puzzle:before {
content: "\e02d"; }
.icon-printer:before {
content: "\e02e"; }
.icon-present:before {
content: "\e02f"; }
.icon-playlist:before {
content: "\e030"; }
.icon-pin:before {
content: "\e031"; }
.icon-picture:before {
content: "\e032"; }
.icon-handbag:before {
content: "\e035"; }
.icon-globe-alt:before {
content: "\e036"; }
.icon-globe:before {
content: "\e037"; }
.icon-folder-alt:before {
content: "\e039"; }
.icon-folder:before {
content: "\e089"; }
.icon-film:before {
content: "\e03a"; }
.icon-feed:before {
content: "\e03b"; }
.icon-drop:before {
content: "\e03e"; }
.icon-drawer:before {
content: "\e03f"; }
.icon-docs:before {
content: "\e040"; }
.icon-doc:before {
content: "\e085"; }
.icon-diamond:before {
content: "\e043"; }
.icon-cup:before {
content: "\e044"; }
.icon-calculator:before {
content: "\e049"; }
.icon-bubbles:before {
content: "\e04a"; }
.icon-briefcase:before {
content: "\e04b"; }
.icon-book-open:before {
content: "\e04c"; }
.icon-basket-loaded:before {
content: "\e04d"; }
.icon-basket:before {
content: "\e04e"; }
.icon-bag:before {
content: "\e04f"; }
.icon-action-undo:before {
content: "\e050"; }
.icon-action-redo:before {
content: "\e051"; }
.icon-wrench:before {
content: "\e052"; }
.icon-umbrella:before {
content: "\e053"; }
.icon-trash:before {
content: "\e054"; }
.icon-tag:before {
content: "\e055"; }
.icon-support:before {
content: "\e056"; }
.icon-frame:before {
content: "\e038"; }
.icon-size-fullscreen:before {
content: "\e057"; }
.icon-size-actual:before {
content: "\e058"; }
.icon-shuffle:before {
content: "\e059"; }
.icon-share-alt:before {
content: "\e05a"; }
.icon-share:before {
content: "\e05b"; }
.icon-rocket:before {
content: "\e05c"; }
.icon-question:before {
content: "\e05d"; }
.icon-pie-chart:before {
content: "\e05e"; }
.icon-pencil:before {
content: "\e05f"; }
.icon-note:before {
content: "\e060"; }
.icon-loop:before {
content: "\e064"; }
.icon-home:before {
content: "\e069"; }
.icon-grid:before {
content: "\e06a"; }
.icon-graph:before {
content: "\e06b"; }
.icon-microphone:before {
content: "\e063"; }
.icon-music-tone-alt:before {
content: "\e061"; }
.icon-music-tone:before {
content: "\e062"; }
.icon-earphones-alt:before {
content: "\e03c"; }
.icon-earphones:before {
content: "\e03d"; }
.icon-equalizer:before {
content: "\e06c"; }
.icon-like:before {
content: "\e068"; }
.icon-dislike:before {
content: "\e06d"; }
.icon-control-start:before {
content: "\e06f"; }
.icon-control-rewind:before {
content: "\e070"; }
.icon-control-play:before {
content: "\e071"; }
.icon-control-pause:before {
content: "\e072"; }
.icon-control-forward:before {
content: "\e073"; }
.icon-control-end:before {
content: "\e074"; }
.icon-volume-1:before {
content: "\e09f"; }
.icon-volume-2:before {
content: "\e0a0"; }
.icon-volume-off:before {
content: "\e0a1"; }
.icon-calendar:before {
content: "\e075"; }
.icon-bulb:before {
content: "\e076"; }
.icon-chart:before {
content: "\e077"; }
.icon-ban:before {
content: "\e07c"; }
.icon-bubble:before {
content: "\e07d"; }
.icon-camrecorder:before {
content: "\e07e"; }
.icon-camera:before {
content: "\e07f"; }
.icon-cloud-download:before {
content: "\e083"; }
.icon-cloud-upload:before {
content: "\e084"; }
.icon-envelope:before {
content: "\e086"; }
.icon-eye:before {
content: "\e087"; }
.icon-flag:before {
content: "\e088"; }
.icon-heart:before {
content: "\e08a"; }
.icon-info:before {
content: "\e08b"; }
.icon-key:before {
content: "\e08c"; }
.icon-link:before {
content: "\e08d"; }
.icon-lock:before {
content: "\e08e"; }
.icon-lock-open:before {
content: "\e08f"; }
.icon-magnifier:before {
content: "\e090"; }
.icon-magnifier-add:before {
content: "\e091"; }
.icon-magnifier-remove:before {
content: "\e092"; }
.icon-paper-clip:before {
content: "\e093"; }
.icon-paper-plane:before {
content: "\e094"; }
.icon-power:before {
content: "\e097"; }
.icon-refresh:before {
content: "\e098"; }
.icon-reload:before {
content: "\e099"; }
.icon-settings:before {
content: "\e09a"; }
.icon-star:before {
content: "\e09b"; }
.icon-symbol-female:before {
content: "\e09c"; }
.icon-symbol-male:before {
content: "\e09d"; }
.icon-target:before {
content: "\e09e"; }
.icon-credit-card:before {
content: "\e025"; }
.icon-paypal:before {
content: "\e608"; }
.icon-social-tumblr:before {
content: "\e00a"; }
.icon-social-twitter:before {
content: "\e009"; }
.icon-social-facebook:before {
content: "\e00b"; }
.icon-social-instagram:before {
content: "\e609"; }
.icon-social-linkedin:before {
content: "\e60a"; }
.icon-social-pinterest:before {
content: "\e60b"; }
.icon-social-github:before {
content: "\e60c"; }
.icon-social-google:before {
content: "\e60d"; }
.icon-social-reddit:before {
content: "\e60e"; }
.icon-social-skype:before {
content: "\e60f"; }
.icon-social-dribbble:before {
content: "\e00d"; }
.icon-social-behance:before {
content: "\e610"; }
.icon-social-foursqare:before {
content: "\e611"; }
.icon-social-soundcloud:before {
content: "\e612"; }
.icon-social-spotify:before {
content: "\e613"; }
.icon-social-stumbleupon:before {
content: "\e614"; }
.icon-social-youtube:before {
content: "\e008"; }
.icon-social-dropbox:before {
content: "\e00c"; }
.icon-social-vkontakte:before {
content: "\e618"; }
.icon-social-steam:before {
content: "\e620"; }
body:not(.template-index) .main-content {
padding-bottom: 60px; }
.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); }
.ff-heading {
font-family: var(--font-heading-family) !important; }
.heading-color {
color: var(--heading-color) !important; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
.form-control {
font-size: var(--font-size-base); }
*: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; }
@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: 35px; }
.page-title {
color: var(--heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: var(--font-size-heading); }
@media (max-width: 767.98px) {
.page-title {
font-size: calc(var(--font-size-heading) - 2px); } }
/* component-media */
.card__image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
.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;
font-size: var(--font-size-base);
font-weight: var(--font-heading-weight);
text-transform: uppercase; }
.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: 10px 25px; }
.btn-default-outline:focus, .btn-default-outline:hover {
color: #fff;
background-color: var(--btn-default-border-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: #f7f7f7; }
.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: #79b6c8;
border-radius: 4px; }
/* SCROLL TO TOP*/
{/*.scroll-to-top {
z-index: 1;
cursor: pointer;
text-align: center;
position: relative;
position: fixed;
right: 10px;
bottom: 100px; }
.scroll-to-top span {
background-color: var(--primary);
position: relative;
display: inline-block;
width: 50px;
height: 50px;
line-height: 48px;
color: #fff;
text-align: center;
position: relative;
border-radius: 50%;
color: #fff;
font-size: 18px;
margin-top: 5px; }
.scroll-to-top span:hover {
background-color: var(--heading-color); }
.scroll-to-top svg {
width: 12px;
height: 16px;
transform: rotate(270deg); }*/}
.vela-section--collections .container-fluid {
padding-left: 0;
padding-right: 0; }
@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%;
border: 2px solid var(--primary);
overflow: hidden;
color: var(--heading-color);
background-color: #fff;
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-family: var(--font-special-family);
font-size: calc(var(--font-size-base) - 4px);
font-weight: bold;
text-transform: uppercase; }
.shopify-policy__container {
padding-top: 60px;
padding-bottom: 60px; }
.shopify-policy__container .shopify-policy__title h1 {
margin-top: 0;
margin-bottom: 30px; }
.effectOne {
position: relative;
overflow: hidden; }
.effectOne:before, .effectOne:after {
content: "";
position: absolute;
display: block;
z-index: 1;
transition: all 0.5s ease-in-out; }
.effectOne:before {
height: 1px;
top: 10px;
left: 50%;
right: 50%;
background-color: white; }
.effectOne:after {
width: 1px;
left: 10px;
top: 50%;
bottom: 50%;
background-color: white; }
.effectOne a {
position: relative;
display: block; }
.effectOne a:before, .effectOne a:after {
content: "";
position: absolute;
display: block;
z-index: 1;
transition: all 0.5s ease-in-out; }
.effectOne a:before {
height: 1px;
bottom: 10px;
left: 50%;
right: 50%;
background-color: white; }
.effectOne a:after {
width: 1px;
right: 10px;
top: 50%;
bottom: 50%;
background-color: white; }
.effectOne:hover:before {
left: 10px;
right: 10px; }
.effectOne:hover:after {
top: 10px;
bottom: 10px; }
.effectOne:hover a:before {
left: 10px;
right: 10px; }
.effectOne:hover a:after {
top: 10px;
bottom: 10px; }
.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: var(--primary);
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: var(--primary);
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); }
.velaBorder .borderStyle {
line-height: 0; }
.header-cart {
position: relative;
margin-left: 28px; }
.header-cart:before {
content: '';
position: absolute;
left: -18px;
top: 50%;
margin-top: -8px;
width: 1px;
height: 16px;
background-color: #121212;
opacity: .3; }
.header-cart .header-cart__count {
min-width: 16px;
height: 16px;
text-align: center;
border-radius: 50%;
display: block;
line-height: 16px;
background: var(--primary);
color: #fff;
font-size: 10px; }
.cart-hover:hover .header-cart__content, .cart-hover:focus .header-cart__content {
opacity: 1;
visibility: visible; }
.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: 8px 15px;
color: #fff;
background-color: var(--primary);
border: 2px solid var(--primary);
font-family: var(--font-heading-family);
font-size: var(--font-size-base);
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: var(--border-color);
font-weight: var(--font-heading-weight); }
.cart-modal__btn--viewcart:hover, .cart-modal__btn--viewcart:focus {
color: var(--primary);
background-color: #fff;
border-color: var(--primary); }
.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: 280px;
padding: 15px;
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: calc(100vh - 240px);
overflow-x: hidden;
overflow-y: auto; }
.ajaxcart__product {
padding-bottom: 15px; }
.ajaxcart__line-item {
display: flex;
flex-flow: row wrap;
margin-left: -8px;
margin-right: -8px; }
.ajaxcart__line-item--left {
width: 90px;
padding-left: 8px;
padding-right: 8px; }
.ajaxcart__line-item--right {
width: calc(100% - 90px);
padding-left: 8px;
padding-right: 8px; }
.ajaxcart__product-image-wrapper {
position: relative; }
.ajaxcart__product-image {
display: block;
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-weight: var(--font-heading-weight);
line-height: 18px;
transition: color .3s ease;
font-size: calc(var(--font-size-base) - 1px); }
.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: var(--font-size-base); }
.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: calc(var(--font-size-base) + 1px);
color: var(--heading-color); }
.ajaxcart__subtotal {
color: var(--primary);
font-size: calc(var(--font-size-base) + 1px);
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 {
margin: 0;
display: block;
font-weight: var(--font-heading-weight);
color: var(--heading-color); }
.vela-qty {
border: 0;
position: relative;
width: 100px;
display: flex;
background: #e5e5e5; }
.vela-qty__number {
font-size: calc(var(--font-size-base) + 2px);
text-align: center;
background-color: transparent;
border: 0;
height: 40px;
width: 100%;
flex-grow: 1;
-webkit-appearance: none;
appearance: none; }
.vela-qty__adjust {
width: 20px;
flex-shrink: 0;
padding: 0;
border: 0;
background-color: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--heading-color); }
.vela-qty__adjust:hover {
color: #fff;
background-color: var(--primary); }
.vela-qty__adjust svg {
width: 9px;
pointer-events: none; }
.product-quantity__select {
min-height: 48px; }
.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: 400px;
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 {
overflow-y: hidden;
height: 100%; }
.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: 25px; }
.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; }
.disclosure {
position: relative;
padding: 12px 20px; }
@media (max-width: 767.98px) {
.disclosure {
padding: 10px 0;
margin-right: 15px; } }
.disclosure::after {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.2); }
@media (max-width: 767.98px) {
.disclosure::after {
display: none; } }
.disclosure__button {
align-items: center;
cursor: pointer;
display: flex;
background-color: transparent; }
.disclosure__button svg {
width: 10px; }
.disclosure__list {
margin-top: 12px;
min-height: 4rem;
max-height: 19rem;
max-width: 22rem;
min-width: 8rem;
width: max-content;
overflow-y: auto;
margin: 0;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
position: absolute;
top: 100%;
z-index: 13;
left: 0;
background-color: #fff;
box-shadow: var(--shadow); }
.disclosure__item {
position: relative; }
.disclosure__link {
display: block;
padding: 0.3rem 20px;
text-decoration: none;
line-height: 1.8; }
.disclosure__link--active {
color: var(--primary) !important; }
@media screen and (max-width: 749px) {
.localization-form .button {
word-break: break-all; } }
.localization-form__select {
position: relative;
border: 0;
text-align: left;
padding: 0;
color: var(--footer-heading-color);
font-weight: var(--font-heading-weight); }
.localization-form__select .icon-caret {
content: '';
height: 0.5rem;
margin-left: 6px; }
.localization-selector + .disclosure__list {
opacity: 1;
animation: animateLocalization 0.2s ease; }
.vela-currency .vela-currency__title {
cursor: pointer;
color: var(--footer-heading-color);
font-weight: var(--font-heading-weight); }
.vela-currency .dropdown-menu {
margin-bottom: 10px !important;
min-height: 4rem;
max-height: 19rem;
min-width: 7rem;
border: 0;
border-radius: 0;
font-size: inherit;
width: max-content;
overflow-y: auto;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
position: absolute;
top: 100%;
transform: translateY(-1rem);
z-index: 13;
left: 0;
background-color: #fff;
box-shadow: var(--shadow); }
.vela-currency .vela-currency__item {
display: block;
padding: 0.3rem 1.5rem;
text-decoration: none;
line-height: 1.8;
cursor: pointer; }
.vela-currency .vela-currency__item.active, .vela-currency .vela-currency__item:hover {
color: var(--primary); }
.spr-starratings,
.spr-starrating {
font-size: 100%; }
.spr-starratings .spr-icon,
.spr-starrating .spr-icon {
margin: 0 1px;
color: var(--primary); }
.spr-starratings .spr-icon-star-empty,
.spr-starrating .spr-icon-star-empty {
color: #9b9b9b; }
.spr-badge {
font-size: 13px; }
.spr-badge .spr-badge-caption {
margin-left: 8px; }
.spr-badge .spr-starratings,
.spr-badge .spr-starrating {
display: inline;
font-size: 100%; }
.product-review [class*="spr-icon-"]::before, .product-review [class^="spr-icon-"]::before {
font-size: 100%; }
.product-price {
color: var(--body-color);
font-size: var(--font-size-base); }
.product-price.product-price--regular {
position: relative;
color: #9b9b9b;
font-size: calc(var(--font-size-base) - 2px);
line-height: calc(var(--font-size-base) - 2px);
padding: 0 5px;
font-weight: 400; }
.product-price.product-price--regular:before {
content: "";
display: block;
top: 50%;
width: 100%;
height: 1px;
background-color: #9b9b9b;
position: absolute;
left: 0; }
.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;
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 5px;
font-size: var(--font-size-base);
line-height: calc(var(--font-size-base) + 10px); }
.product-card__name a {
font-weight: var(--font-heading-weight);
transition: color .3s ease;
color: var(--product-name-color);
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.product-card__name a:hover {
color: var(--product-name-hover-color);
text-decoration: none; }
.product-card__label {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
font-size: calc(var(--font-size-base) - 3px);
line-height: 18px;
letter-spacing: 1px;
display: block; }
.product-card__label > span {
display: block;
padding: 3px 10px;
min-width: 50px;
margin-bottom: 5px;
text-align: center;
z-index: 2;
text-transform: uppercase; }
.label-on-sale {
background: var(--primary);
color: #fff; }
.label-new {
background: var(--bs-info);
color: #fff;
margin-bottom: 10px; }
.label-sold-out {
background: #ffc107;
color: #fff; }
.product-grid .product-card__buttons {
position: absolute;
bottom: -10px;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: all .3s ease; }
.product-grid .product-card__buttons .btn-default {
padding: 10px 5px;
width: 100%;
line-height: 20px;
text-transform: uppercase; }
.product-grid .product-card__buttons .btn-default.is-adding svg {
display: none; }
.product-grid .product-card__buttons .btn-default:hover, .product-grid .product-card__buttons .btn-default:focus {
outline: 0;
box-shadow: none; }
.product-grid .product-card__buttons .btn--quickview {
min-width: 42px;
width: 42px;
height: 42px;
padding: 8px 5px;
display: block; }
@media (min-width: 576px) {
.product-grid:hover .product-card__buttons {
bottom: 30px;
visibility: visible;
opacity: 1; } }
.product-grid .spr-badge .spr-badge-caption {
display: none; }
.product-card__swatch li {
padding: 2px;
margin-right: 5px; }
.product-card__swatch label {
width: 14px;
height: 14px;
background-size: cover; }
/*product-list-style*/
.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); }
.product-list-style .spr-badge .spr-badge-caption {
display: none; }
.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: 15px;
position: relative;
top: 3px;
margin: 0 8px;
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; }
.slick-slide:focus {
outline: 0; }
.slick-dots {
margin-bottom: 50px; }
.slick-arrow {
position: absolute;
z-index: 2;
display: block;
width: 40px;
height: 40px;
margin-top: -20px;
top: 50%;
padding: 0;
color: #fff;
border: 0;
background-color: rgba(0, 0, 0, 0.5);
font-size: 0;
transition: all .3s ease; }
.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;
background-color: #fff; }
@media screen and (max-width: 767px) {
.slick-arrow {
width: 36px;
height: 36px;
margin-top: -18px; } }
.slick-arrow svg {
width: 10px;
height: 16px; }
.slick-arrow:focus, .slick-arrow:hover {
outline: 0;
box-shadow: none;
color: #fff;
background-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 {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
margin-left: 8px; }
.slick-next {
right: -15px; }
@media (max-width: 575.98px) {
.slick-next {
right: -3px; } }
.slick-next:before {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
margin-left: 10px; }
.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-dots {
position: static;
margin-top: 30px; }
@media (min-width: 576px) {
.js-carousel .slick-arrow {
opacity: 0;
visibility: hidden; }
.js-carousel:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.js-carousel:hover .slick-arrow.slick-disabled {
opacity: .4; }
.js-carousel:hover .slick-prev {
left: 15px; }
.js-carousel:hover .slick-next {
right: 15px; } }
/* 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: 20px; }
.vela-slideshow .slick-dots li {
padding: 0 6px; }
.vela-slideshow .slick-dots li button {
background: transparent;
width: 14px;
height: 14px;
border: 2px solid var(--primary);
border-radius: 50%; }
.vela-slideshow .slick-dots li:hover button, .vela-slideshow .slick-dots li.slick-active button {
background: var(--primary); }
.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 0;
position: relative; }
@media (max-width: 767.98px) {
.slideshow-caption__inner {
padding: 20px 0; } }
.slideshow-caption__content {
display: inline-block; }
@media (min-width: 576px) {
.slideshow-caption__content {
width: 49%; } }
.slideshow-caption__subheading {
line-height: 1;
letter-spacing: 2px; }
@media (max-width: 991.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;
letter-spacing: 1px;
margin-bottom: 5px; } }
.slideshow-caption__heading {
line-height: 1;
margin: 0;
padding: 0; }
@media (max-width: 1199.98px) {
.slideshow-caption__heading {
font-size: 56px !important; } }
@media (max-width: 991.98px) {
.slideshow-caption__heading {
font-size: 46px !important; } }
@media (max-width: 767.98px) {
.slideshow-caption__heading {
font-size: 35px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__heading {
font-size: 20px !important; } }
.slideshow-caption__heading--small {
line-height: 1;
margin: 0;
padding: 0; }
@media (max-width: 1199.98px) {
.slideshow-caption__heading--small {
font-size: 56px !important; } }
@media (max-width: 991.98px) {
.slideshow-caption__heading--small {
font-size: 46px !important; } }
@media (max-width: 767.98px) {
.slideshow-caption__heading--small {
font-size: 35px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__heading--small {
font-size: 20px !important; } }
.slideshow-caption__desc {
padding: 0;
margin-top: 20px;
width: 100%;
display: inline-block; }
@media (max-width: 767.98px) {
.slideshow-caption__desc {
margin-top: 15px;
font-size: 16px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__desc {
margin-top: 10px;
font-size: 12px !important;
max-width: 270px; } }
.slideshow-caption__btn {
display: inline-block;
background-color: transparent;
color: #222342;
padding: 14px 30px;
border: 2px solid #222;
margin-top: 45px;
font-weight: 500;
font-size: 12px;
font-family: var(--font-special-family);
text-transform: uppercase;
transition: all 0.2s ease; }
@media (prefers-reduced-motion: reduce) {
.slideshow-caption__btn {
transition: none; } }
@media (max-width: 767.98px) {
.slideshow-caption__btn {
margin-top: 25px;
padding: 8px 16px !important;
font-size: 11px !important; } }
@media (max-width: 575.98px) {
.slideshow-caption__btn {
margin-top: 15px;
padding: 6px 12px !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: var(--breadcrumb-bg); }
@media screen and (max-width: 991px) {
.vela-breadcrumbs {
margin: 0 0 30px; } }
.vela-breadcrumbs .container {
z-index: 1; }
.vela-breadcrumbs__inner {
display: flex;
padding: 10px 0; }
.vela-breadcrumbs__title {
color: var(--breadcrumb-heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: 70px;
line-height: 1;
text-transform: capitalize; }
@media (max-width: 575.98px) {
.vela-breadcrumbs__title {
font-size: 40px; } }
.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: "-";
padding: 0 0.32rem;
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.5); }
.newsletter-popup__inner {
position: relative;
z-index: 2;
padding: 20px;
width: 900px;
height: 450px;
max-width: 98vw;
max-height: 90vh; }
@media (max-width: 575.98px) {
.newsletter-popup__inner {
height: 370px; } }
.newsletter-popup__title {
font-size: 24px;
text-transform: uppercase; }
.newsletter-popup__content {
background-position: right center; }
.newsletter-popup__content-inner {
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 {
padding: 10px 25px;
box-shadow: none;
text-transform: uppercase;
background: var(--primary);
border-color: var(--primary);
color: #fff;
letter-spacing: 1px; }
.newsletter-popup__content-inner .newsletter-form__submit:hover {
background-color: var(--header-color);
border-color: var(--header-color); }
.newsletter-popup__close {
position: absolute;
top: 2px;
right: 2px;
display: block;
padding: 10px;
color: #fff;
border: none;
background-color: var(--primary);
border-radius: 50%; }
.newsletter-popup__close svg {
display: block;
width: 18px;
height: 18px; }
.newsletter-popup__close:hover, .newsletter-popup__close:focus {
background-color: var(--header-color);
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 .slick-prev {
left: 0; }
.quickview .slick-next {
right: 0; }
.quickview .product__organization {
margin-bottom: 5px; }
.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: 0;
width: 900px;
max-width: 90vw;
max-height: 95%;
overflow-x: hidden;
overflow-y: auto;
transform: scale(0);
transition: transform .4s ease; }
.quickview__content .quickview__content__inner {
background: #fff;
padding: 30px; }
.quickview__btn-close {
position: absolute;
top: 0;
right: 0;
border: 0;
display: block;
text-align: center;
width: 30px;
height: 30px;
padding: 4px;
color: #9d9d9d;
background-color: transparent;
transition: opacity .3s ease; }
.quickview__btn-close svg {
display: inline-block; }
.quickview__btn-close:hover {
color: var(--heading-color); }
.quickview-images {
display: block;
overflow: hidden; }
.product-quickview__avaiable .product-avaiable {
display: none; }
.product-quickview__avaiable .product-avaiable.product-avaiable--active {
display: flex; }
.product-single__price,
.product-single__price--compare-at {
color: var(--primary);
font-weight: 500;
margin: 0;
font-size: calc(var(--font-size-base) + 7px); }
.product-single__price--compare-at {
display: inline-block;
position: relative;
color: #7a7a7a;
font-size: calc(var(--font-size-base) + 2px);
padding: 0 5px;
font-weight: 400; }
.product-single__price--compare-at:before {
content: "";
display: block;
top: 50%;
width: 100%;
height: 1px;
background-color: #7a7a7a;
position: absolute;
left: 0; }
.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 20px; }
.product-form__input {
cursor: pointer;
display: block;
min-width: 280px;
color: var(--heading-color);
border-radius: 0;
font-size: var(--font-size-base);
text-rendering: optimizeLegibility;
transition: all .3s ease; }
.product-form__input:focus {
outline: 0; }
.product-avaiable .product-avaiable__text {
display: block;
color: #28a745; }
.product-avaiable .product-avaiable__text--outstock {
color: red; }
.variants__label {
display: block;
margin: 0 0 10px;
color: var(--heading-color);
font-weight: var(--font-heading-weight); }
.variants__options {
display: flex;
flex-flow: row wrap; }
.single-option-selector {
position: relative;
margin: 0 10px 10px 0; }
.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: 8px 10px;
min-width: 35px;
min-height: 35px;
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; }
.single-option-selector label[data-color] {
min-width: 34px;
min-height: 34px;
padding: 0;
font-size: 0;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
border-radius: 50%; }
.single-option-selector label[data-color]:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 6px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(315deg);
z-index: 2;
display: none;
margin-left: -5px;
margin-top: -5px; }
.single-option-selector label.disabled {
cursor: no-drop;
color: var(--border-color) !important;
opacity: 0.4; }
.single-option-selector input[type='radio']:checked + label:not(.disabled) {
border-color: var(--heading-color); }
.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); }
.single-option-selector input[type='radio']:checked + label:not(.disabled)[data-color]:after {
display: block; }
.product-single__buttons .product-quantity {
min-width: 125px;
margin-right: 20px;
margin-bottom: 20px; }
.product-single__buttons .btn--add-to-cart {
width: calc(50% - 10px);
padding: 0;
margin-right: 20px;
margin-bottom: 20px;
height: 56px;
font-size: 14px;
font-weight: 500; }
.product-single__buttons .btn--add-to-cart[disabled="disabled"] {
width: 100%;
margin-right: 0; }
.product-single__buttons .shopify-payment-button {
width: calc(50% - 10px);
margin-bottom: 20px; }
.product__organization {
display: flex;
flex-flow: row wrap;
margin: 0 0 10px; }
.product__organization__label {
margin-right: 5px;
color: var(--heading-color);
font-weight: 400;
min-width: 95px; }
.product__organization__text a {
color: var(--body-color); }
.product__organization__text a:hover {
color: var(--primary); }
.product-quickview__title {
color: var(--heading-color); }
.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) + 7px); }
.product-quickview__review .spr-badge-caption {
display: none; }
.product-quickview__description {
border-top: 1px solid var(--border-color);
padding-top: 20px;
font-size: calc(var(--font-size-base) - 1px); }
.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; }
.vela-sitemap__list {
margin: 0 auto;
max-width: 600px; }
.vela-sitemap__list a {
display: block;
padding: 5px 0;
color: #000;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease; }
.vela-sitemap__list a:hover, .vela-sitemap__list a:focus {
color: var(--primary); }
.about-member__name {
color: var(--heading-color); }
.about-member__social-list a {
width: 35px;
height: 35px;
line-height: 30px;
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); }
.vela-lookbook {
overflow: hidden; }
.vela-lookbook .vela-section__inner {
width: 100%;
max-width: 1750px;
margin: 0 auto; }
.vela-lookbook__content {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.vela-lookbook__item {
width: 33.33333%;
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 991.98px) {
.vela-lookbook__item {
width: 100%;
margin-bottom: 15px; } }
@keyframes lookbook-button {
0% {
width: 16px;
height: 16px; }
50% {
width: 40px;
height: 40px; }
100% {
width: 16px;
height: 16px; } }
.lookbook-card {
position: relative; }
.lookbook-card__item {
position: absolute;
z-index: 1; }
.lookbook-card__item:hover, .lookbook-card__item:focus {
z-index: 2; }
.lookbook-card__point {
position: absolute;
top: -20px;
left: -20px; }
.lookbook-card__point:hover .lookbook-card__content, .lookbook-card__point:focus .lookbook-card__content {
opacity: 1;
visibility: visible; }
.lookbook-card__button {
cursor: pointer; }
.lookbook-card__btn {
position: relative;
display: block;
width: 40px;
height: 40px;
border: 0;
padding: 0;
background-color: transparent;
font-size: 0; }
@media (min-width: 992px) {
.lookbook-card__btn {
pointer-events: none; } }
.lookbook-card__btn::before, .lookbook-card__btn::after {
content: "";
pointer-events: none;
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
border-radius: 50%;
background-color: var(--primary);
transform: translate(-50%, -50%);
transition: all .3s ease; }
.lookbook-card__btn::after {
opacity: .2;
animation: lookbook-button 3s infinite; }
.lookbook-card__content {
position: absolute;
z-index: 2;
display: block;
width: 186px;
padding: 15px;
border-radius: 4px;
background-color: white;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transition: all .15s ease; }
@media (max-width: 991.98px) {
.lookbook-card__content {
display: none; } }
.lookbook-card__content::after {
content: "";
pointer-events: none;
position: absolute; }
.lookbook-card--top-left .lookbook-card__content {
right: 28px;
bottom: 28px; }
.lookbook-card--top-right .lookbook-card__content {
left: 28px;
bottom: 28px; }
.lookbook-card--center-left .lookbook-card__content {
top: 50%;
right: 28px;
margin-right: 20px;
transform: translate(0, -50%); }
.lookbook-card--center-left .lookbook-card__content::after {
top: 50%;
right: -15px;
margin-top: -12px;
border-left: 15px solid white;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.lookbook-card--center-top .lookbook-card__content {
left: 50%;
bottom: 28px;
margin-bottom: 20px;
transform: translate(-50%, 0); }
.lookbook-card--center-top .lookbook-card__content::after {
left: 50%;
bottom: -15px;
margin-left: -12px;
border-top: 15px solid white;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.lookbook-card--center-right .lookbook-card__content {
top: 50%;
left: 28px;
margin-left: 20px;
transform: translate(0, -50%); }
.lookbook-card--center-right .lookbook-card__content::after {
top: 50%;
left: -15px;
margin-top: -12px;
border-right: 15px solid white;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.lookbook-card--center-bottom .lookbook-card__content {
left: 50%;
top: 28px;
margin-top: 20px;
transform: translate(-50%, 0); }
.lookbook-card--center-bottom .lookbook-card__content::after {
left: 50%;
top: -15px;
margin-left: -12px;
border-bottom: 15px solid white;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.lookbook-card--bottom-left .lookbook-card__content {
top: 28px;
right: 28px; }
.lookbook-card--bottom-right .lookbook-card__content {
top: 28px;
left: 28px; }
.lookbook-product__img {
display: block;
width: 100%;
margin: 0 0 10px; }
.lookbook-product__title {
margin: 0 0 5px;
display: block;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-size: var(--font-size-base);
font-weight: var(--font-heading-weight);
font-style: var(--font-heading-style);
line-height: calc(var(--font-size-base) + 8px);
transition: all .3s ease; }
.lookbook-product__title:hover {
color: var(--primary); }
.lookbook-product__price {
display: flex;
flex-flow: row wrap;
align-items: center; }
.lookbook-product__detail {
color: var(--body-color);
font-size: calc(var(--font-size-base) - 2px);
text-decoration: underline;
transition: all .3s ease; }
.lookbook-product__detail:hover {
color: var(--primary); }
.lookbook-modal .modal-header {
padding: 10px 15px 5px;
border-bottom: 0; }
.lookbook-modal .modal-body {
padding: 10px 15px 15px; }
.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%;
z-index: 1; }
.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__poster:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
left: 0;
top: 0;
z-index: 1; }
.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: 54px;
height: 54px;
z-index: 2;
color: #fff;
border: 2px solid #fff;
transition: all 0.2s ease; }
.video-btn--play:hover {
color: var(--primary);
border-color: var(--primary) !important; }
.media-content {
z-index: 2; }
.video-background__media {
height: auto; }
.collage-content {
background-size: cover;
background-repeat: no-repeat; }
.heading-group {
text-align: center;
margin-bottom: 30px;
padding: 0 15px 10px; }
@media (max-width: 767.98px) {
.heading-group {
margin-bottom: 20px; } }
.heading-group .heading {
position: relative;
margin: 0 0 40px;
padding: 0 0 30px;
color: var(--heading-color);
font-family: var(--font-heading-family);
font-size: var(--font-size-heading);
font-weight: var(--font-heading-weight);
font-style: var(--font-heading-style);
line-height: calc(var(--font-size-heading) + 8px); }
@media (max-width: 575.98px) {
.heading-group .heading {
margin: 0 0 20px;
font-size: var(--font-size-heading-mobile);
line-height: calc(var(--font-size-heading-mobile) + 4px); } }
.heading-group .heading::after {
content: "";
position: absolute;
left: 50%;
bottom: -1px;
display: block;
margin-left: -35px;
width: 70px;
height: 2px;
background-color: var(--primary); }
.heading-group .sub-heading {
max-width: 600px;
margin: 0 auto 35px; }
@media (max-width: 575.98px) {
.heading-group .sub-heading {
margin: 0 auto 20px; } }
.image-with-text__inner {
max-width: 1750px;
margin: 0 auto; }
.image-with-text__text--1 {
position: relative;
padding: 0 0 34px; }
.image-with-text__text--1::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 70px;
height: 2px;
background-color: var(--primary); }
.image-with-text-content .wrapper {
max-width: 580px;
margin-left: auto;
margin-right: 0; }
@media (max-width: 1199.98px) {
.image-with-text-content .wrapper {
padding: 30px; } }
.main-menu {
background-color: var(--menu-bg);
font-family: var(--font-special-family); }
.main-menu__wrap {
margin-left: -18px;
margin-right: -18px; }
@media (max-width: 991.98px) {
.main-menu__wrap {
margin-left: -10px;
margin-right: -10px; } }
@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: 25px 18px;
color: var(--menu-color);
font-size: var(--menu-font-size);
font-weight: var(--font-heading-weight);
text-decoration: none;
text-transform: uppercase;
transition: color .35s ease; }
@media (max-width: 991.98px) {
.main-menu__nav-item > a {
padding: 25px 10px; } }
.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;
margin-top: 0;
pointer-events: auto; }
.menu-dropdown .menu-dropdown--basic {
position: relative; }
.menu-dropdown .menu-dropdown--basic .menu-dropdown__content {
left: 0;
margin-left: 100%;
top: 0; }
.menu-dropdown--basic {
position: relative; }
.menu-dropdown__content {
position: absolute;
top: auto;
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;
margin-top: 30px;
pointer-events: none;
visibility: hidden;
transition: all .2s ease; }
.main-menu__link {
display: block;
padding: 6px 0;
color: var(--menu-dropdown-color);
text-decoration: none;
transition: color .35s ease; }
.main-menu__link:hover, .main-menu__link:focus {
color: var(--menu-dropdown-hover-color); }
.menu-dropdown__content--megamenu {
width: 100%;
padding: 30px 30px 0;
max-height: calc(100vh - 70px);
overflow-y: auto; }
.menu-dropdown__content--megamenu .menu-dropdown__content {
top: auto;
left: auto; }
.megamenu-heading {
color: var(--heading-color);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: calc(var(--menu-dropdown-font-size) + 1px);
margin-bottom: 8px;
text-transform: uppercase; }
.megamenu-heading a,
.megamenu-heading span {
display: block;
color: var(--heading-color);
position: relative;
text-transform: uppercase; }
.megamenu-links {
margin-bottom: 15px; }
.product-menu {
display: flex;
width: 100%; }
.product-menu__image {
width: 25%;
max-width: 25%; }
.product-menu__content {
width: 70%;
max-width: 70%;
padding-left: 15px; }
.product-menu__review .spr-badge .spr-badge-caption {
display: none; }
.product-menu__review .spr-badge-starrating .spr-icon {
font-size: 10px; }
.megamenu-html {
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 */
.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;
padding: 20px 45px; }
.multi-image-with-text__image {
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_botton .multi-image-with-text__content-content {
padding: 0 20px 30px; }
.vela-section--services .services-box {
padding: 35px 15px;
position: relative;
cursor: pointer;
text-align: center;
transition: all .2s ease; }
.vela-section--services .services-box .services-desc,
.vela-section--services .services-box .services-title {
transition: all .2s ease; }
.vela-section--services .services-box:hover {
border-color: var(--primary); }
.vela-section--services .services-box:hover .services-desc,
.vela-section--services .services-box:hover .services-title {
color: var(--primary) !important; }
.testimonial__avatar {
margin-bottom: 25px; }
.testimonial__avatar .card__image {
overflow: hidden;
border-radius: 50%; }
.testimonial__review {
max-width: 800px;
font-size: calc(var(--font-size-base) + 2px); }
.testimonial__name {
margin-bottom: 5px;
font-size: 12px; }
.testimonial__position {
font-size: 10px; }
.vela-section-testimonial .js-carousel .slick-arrow {
background: transparent;
border: 1px solid var(--border-color);
opacity: 1;
visibility: visible;
top: 0;
margin-top: 30px; }
.vela-section-testimonial .js-carousel .slick-arrow::before {
background-color: #a4a4a4; }
.vela-section-testimonial .js-carousel .slick-arrow:hover {
border-color: var(--primary); }
.vela-section-testimonial .js-carousel .slick-arrow:hover::before {
background-color: var(--primary); }
.vela-section-testimonial .js-carousel .slick-prev {
left: 50%;
margin-left: -190px; }
@media (max-width: 575.98px) {
.vela-section-testimonial .js-carousel .slick-prev {
margin-left: -150px; } }
.vela-section-testimonial .js-carousel .slick-next {
right: 50%;
margin-right: -190px; }
@media (max-width: 575.98px) {
.vela-section-testimonial .js-carousel .slick-next {
margin-right: -150px; } }
.vela-section-testimonial .js-carousel .slick-next::before {
margin-left: 7px; }
.collection-list__box {
background: #000; }
.collection-list__box .card_wrap {
transition: all .35s ease-in-out; }
.collection-list__box .card__image {
background-size: 100% auto; }
.collection-list__box:hover .card_wrap {
opacity: .3; }
.collection-list--title {
color: var(--heading-color);
font-size: var(--font-size-heading);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
transition: color .3s ease; }
.collection-list--title:hover {
color: var(--primary); }
.collection-list--content {
position: absolute;
top: 10%;
left: 10%;
max-width: 80%;
margin: 0; }
.collection-list--image img {
height: 100%;}
.product-tabs__nav-item:not(:last-child) {
margin-right: 50px; }
@media (max-width: 575.98px) {
.product-tabs__nav-item:not(:last-child) {
margin-right: 30px; } }
.product-tabs__nav-link {
display: block;
padding: 0;
color: #999;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: var(--font-size-base);
transition: color .35s ease;
text-transform: uppercase;
position: relative; }
.product-tabs__nav-link:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 2px solid transparent;
-webkit-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease; }
.product-tabs__nav-link:hover, .product-tabs__nav-link.active {
color: var(--primary); }
.product-tabs__nav-link:hover:before, .product-tabs__nav-link.active:before {
border-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-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); }
.vela-section--product-deals .vela-section__content {
position: relative;
padding: 0 9%; }
@media (max-width: 1199.98px) {
.vela-section--product-deals .vela-section__content {
padding: 0 5%; } }
.vela-section--product-deals .vela-section__content::before {
background: var(--image-border);
background-position: top left;
bottom: 40px;
content: "";
left: 0;
position: absolute;
right: 0;
top: 40px; }
.vela-section--product-deals .vela-section__content:after {
background: #fff none repeat scroll 0 0;
bottom: 70px;
content: "";
left: 30px;
position: absolute;
right: 30px;
top: 70px; }
.vela-section--product-deals .vela-section__content > div {
position: relative;
z-index: 1; }
.vela-section--product-deals .product-card__name {
font-size: calc(var(--font-size-base) + 4px); }
.vela-section--product-deals .product-card__name a {
color: var(--heading-color); }
.vela-section--product-deals .product-card__name a:hover {
color: var(--primary); }
@media (max-width: 767.98px) {
.vela-section--product-deals .product-card__content {
padding: 20px; } }
@media (min-width: 992px) {
.vela-section--product-deals .product-price {
font-size: calc(var(--font-size-base) + 4px); }
.vela-section--product-deals .countdown {
margin-left: -15px;
margin-right: -15px; }
.vela-section--product-deals .countdown__item {
margin: 0 15px; }
.vela-section--product-deals .countdown__item span:first-child {
width: 58px;
height: 58px;
border: 3px solid var(--primary);
font-size: calc(var(--font-size-base) + 2px);
font-weight: 900; }
.vela-section--product-deals .countdown__item span:last-child {
font-size: calc(var(--font-size-base) - 2px); } }
.product-card__countdown.style1 {
z-index: 1;
color: var(--body-color); }
.product-card__countdown.style1 .countdown__item {
margin: 0;
padding: 0 6px; }
.product-card__countdown.style1 .countdown__item span:first-child {
width: inherit;
height: inherit;
color: var(--primary);
background-color: transparent;
border-radius: 0;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: var(--font-size-base);
border: 0; }
.product-card__countdown.style1 .countdown__item span:last-child {
margin-top: 4px;
font-size: 9px; }
.collection-five__button {
font-size: var(--font-size-heading);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
color: #fff;
padding: 0 30px; }
.collection-five__button:hover {
color: var(--primary); }
.collection-five__wrap {
background: #000; }
.collection-five__wrap .card_wrap {
transition: all .35s ease-in-out; }
.collection-five__wrap:hover .card_wrap {
opacity: .3; }
.map-info__title,
.contact-form__title {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
font-size: var(--font-size-heading);
line-height: calc(var(--font-size-heading) + 6px); }
.map-info__title:before,
.contact-form__title:before {
content: "";
width: 70px;
border-top: 2px solid var(--primary);
position: absolute;
left: 0;
bottom: 0; }
.contact_form__infor {
background: #f2f2f2; }
.contact_form__infor .icons {
min-width: 20px;
width: 20px;
height: 20px;
display: flex;
opacity: .7; }
.contact_form__infor label {
display: block;
color: var(--heading-color);
font-weight: var(--font-heading-weight);
margin: 0; }
.contact_form__infor .map-info__desc {
line-height: 30px; }
@media (max-width: 991.98px) {
.page-contact__map iframe {
height: 600px !important; } }
@media (max-width: 575.98px) {
.page-contact__map iframe {
height: 400px !important; } }
.template-404__heading {
font-size: 200px;
line-height: 1; }
@media (max-width: 767.98px) {
.template-404__heading {
font-size: 150px; } }
.template-404__sub-title {
font-size: 12px;
font-weight: 500;
text-transform: uppercase; }
.template-404__title {
margin: 0 0 27px;
font-size: 50px;
font-weight: 600;
text-transform: uppercase; }
@media (max-width: 767.98px) {
.template-404__title {
font-size: 30px; } }
.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 {
margin-bottom: 8px;
color: #a3a3a3; }
.vela-section-blogs .blog-tags {
font-size: 11px;
letter-spacing: 1px; }
.vela-section-blogs .slick-dots {
position: static;
margin-top: 40px; }
.vela-section-blogs .link-more {
font-size: 12px; }
.section-newsletter {
background-position: center; }
.section-newsletter .vela-section__inner {
max-width: 570px; }
.section-newsletter .form-control {
border-color: var(--btn-default-border-color); }
.section-newsletter .btn--newsletter {
height: 56px;
text-transform: uppercase;
min-width: 170px; }
.section-product-lists .heading {
font-size: calc(var(--font-size-heading) - 4px);
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
color: var(--heading-color); }
@media (max-width: 575.98px) {
.section-product-lists .heading {
font-size: calc(var(--font-size-heading-mobile) - 3px); } }
.section-product-lists .spr-badge-caption {
display: none; }
.section-product-lists .js-carousel .slick-arrow {
width: 30px;
height: 30px;
opacity: 1;
visibility: visible;
top: -38px; }
.section-product-lists .js-carousel .slick-prev {
left: auto;
right: 50px; }
.section-product-lists .js-carousel .slick-next {
right: 15px; }
.section-product-lists .js-carousel .slick-next::before {
margin-left: 7px; }
.multiple-collapse .multiple-collapse__heading {
padding: 10px 40px;
color: #fff;
background-color: #000;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
-webkit-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease; }
.multiple-collapse .multiple-collapse__heading:before {
content: "";
position: absolute;
top: 50%;
left: 15px;
margin-top: -2px;
display: block;
width: 9px;
height: 3px;
background: #fff; }
.multiple-collapse .multiple-collapse__heading:after {
content: "";
position: absolute;
top: 50%;
left: 18px;
margin-top: -5px;
display: block;
width: 3px;
height: 9px;
opacity: 0; }
.multiple-collapse .multiple-collapse__heading.collapsed, .multiple-collapse .multiple-collapse__heading.collapsed:hover {
background-color: #f2f2f2;
color: #000; }
.multiple-collapse .multiple-collapse__heading.collapsed:after, .multiple-collapse .multiple-collapse__heading.collapsed::before {
background-color: #000; }
.multiple-collapse .multiple-collapse__heading.collapsed:after {
opacity: 1; }
.multiple-collapse .multiple-collapse__content {
background-color: #f2f2f2; }
@-webkit-keyframes lookbookBorder {
0% {
width: 30px;
height: 30px; }
50% {
width: 45px;
height: 45px; }
100% {
width: 30px;
height: 30px; } }
@-moz-keyframes lookbookBorder {
0% {
width: 30px;
height: 30px; }
50% {
width: 45px;
height: 45px; }
100% {
width: 30px;
height: 30px; } }
@-ms-keyframes lookbookBorder {
0% {
width: 30px;
height: 30px; }
50% {
width: 45px;
height: 45px; }
100% {
width: 30px;
height: 30px; } }
@keyframes lookbookBorder {
0% {
width: 30px;
height: 30px; }
50% {
width: 45px;
height: 45px; }
100% {
width: 30px;
height: 30px; } }
.velaBoxLookbook {
position: relative; }
@media (max-width: 991.98px) {
.velaBoxLookbook {
display: inline-block; } }
@media (max-width: 991.98px) {
.velaBoxLookbook.active .lookbItem {
position: static;
margin: 0; }
.velaBoxLookbook.active .lookbItemButton {
display: none; }
.velaBoxLookbook.active .lookbItemContent {
visibility: visible;
opacity: 1; } }
.lookbItem {
position: absolute;
margin-top: -20px;
margin-left: -20px; }
@media (min-width: 992px) {
.lookbItem:hover .lookbItemContent {
visibility: visible;
opacity: 1; } }
.lookbItemButton {
position: relative;
display: block;
width: 45px;
height: 45px;
border-radius: 50%;
font-size: 0;
overflow: hidden;
cursor: pointer; }
.lookbItemButton:before, .lookbItemButton:after {
content: '+';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--primary);
overflow: hidden;
transform: translate(-50%, -50%);
transition: all 0.35s ease;
color: #fff;
font-size: 14px;
line-height: 30px; }
.lookbItemButton:after {
content: "";
background-color: var(--primary);
opacity: .2;
-webkit-animation: lookbookBorder 3s infinite;
-o-animation: lookbookBorder 3s infinite;
animation: lookbookBorder 3s infinite; }
.lookbItemContent {
padding: 20px;
background-color: #fff;
border-radius: 4px;
text-align: left;
visibility: hidden;
opacity: 0;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); }
@media (min-width: 992px) {
.lookbItemContent {
position: absolute;
z-index: 2;
width: 395px;
display: flex;
transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87); }
.lookbItemContent .productLookBookImage {
width: 140px; }
.lookbItemContent .productLookBookContent {
width: calc(100% - 140px);
padding-left: 20px; }
.lookbItemContent.topLeft {
right: 28px;
bottom: 28px; }
.lookbItemContent.topRight {
left: 28px;
bottom: 28px; }
.lookbItemContent.centerLeft {
margin-right: 20px;
right: 28px;
top: 50%;
transform: translate(0, -50%); }
.lookbItemContent.centerLeft:after {
content: '';
position: absolute;
top: 50%;
right: -13px;
z-index: 1;
margin-top: -12px;
border-left: 13px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.lookbItemContent.centerRight {
margin-left: 20px;
left: 28px;
top: 50%;
transform: translate(0, -50%); }
.lookbItemContent.centerRight:after {
content: '';
position: absolute;
top: 50%;
left: -13px;
z-index: 1;
margin-top: -12px;
border-right: 13px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.lookbItemContent.centerTop {
bottom: 50px;
left: 21px;
transform: translate(-50%, 0); }
.lookbItemContent.centerTop:after {
content: '';
position: absolute;
bottom: -13px;
left: 50%;
z-index: 1;
margin-left: -12px;
border-top: 13px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.lookbItemContent.centerBottom {
top: 50px;
left: 21px;
transform: translate(-50%, 0); }
.lookbItemContent.centerBottom:after {
content: '';
position: absolute;
top: -13px;
left: 50%;
z-index: 1;
margin-left: -12px;
border-bottom: 13px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.lookbItemContent.bottomLeft {
top: 28px;
right: 28px; }
.lookbItemContent.bottomRight {
top: 28px;
left: 28px; } }
@media (max-width: 991.98px) {
.lookbItemContent {
display: none;
position: absolute;
top: 50%;
left: 50%;
z-index: 600;
width: 290px;
transform: translate(-50%, -50%); }
.lookbItemContent .productLookBookPrice {
padding-bottom: 10px; }
.lookbItemContent .productLookBookTitle {
padding-top: 15px; } }
.lookbItemContent .proReviews {
margin-bottom: 10px; }
.lookbItemContent .proReviews .spr-badge-caption {
display: none; }
.lookbItemContent .productLookBookTitle {
font-weight: 500; }
.lookbItemContent .productLookBookTitle a {
display: block;
color: var(--heading-color);
text-decoration: none;
transition: all 0.35s ease; }
.lookbItemContent .productLookBookTitle a:hover, .lookbItemContent .productLookBookTitle a:focus {
color: var(--primary); }
.lookbItemContent .productLookBookPrice {
padding-bottom: 30px; }
.lookbItemContent .productLookBookPrice .priceProduct {
display: inline-block;
margin-right: 5px; }
.lookbItemContent .btnLeft {
color: var(--primary); }
.velaBoxLookbookOverlay {
display: none; }
@media (max-width: 991.98px) {
.velaBoxLookbookOverlay {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 599;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3); } }
.velaBoxLookbookClose {
position: absolute;
top: -20px;
right: -20px;
width: 20px;
height: 20px;
cursor: pointer; }
.velaBoxLookbookClose:before, .velaBoxLookbookClose:after {
content: "";
display: block;
position: absolute;
top: 8px;
left: 2px;
width: 16px;
height: 2px;
background-color: #fff; }
.velaBoxLookbookClose:before {
transform: rotate(45deg); }
.velaBoxLookbookClose:after {
transform: rotate(-45deg); }
@media (max-width: 767.98px) {
.announcement-bar {
padding: 10px 15px !important; /* Reset left padding */
text-align: center !important;
}
.announcement-bar__text-left {
display: block !important;
font-size: 14px !important;
line-height: 1.4;
color: #FFEED9 !important;
text-align: center !important;
padding: 0 !important;
margin: 0 auto !important;
}
.announcement-bar__inner {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.announcement-bar p {
margin: 0 !important;
padding: 0 !important;
}
}
/* Removing sold out badge */
/* Hide Sold Out badge on product cards (Vela Theme 2.1) */
/* This targets common classes used for sold out badges on product cards. */
/* You might only need one of these, or a combination, depending on your theme's specific structure. */
.card__badge .badge--bottom-left.color-{{ settings.sold_out_badge_color_scheme }} {
display: none !important;
}
.sold-out-badge {
display: none !important;
}
.product-badge--sold-out {
display: none !important;
}
.badge.price__badge-sold-out {
display: none !important;
}
/* Remove sold out badge */
.usf-soldout-badge {
display: none !important;
}
}