* {
outline: none
}
html {
padding-bottom: 0 !important;
font-size: 62.5%
}
@media (min-width: 1200px) {
.container {
max-width: var(--container)
}
}
img {
max-width: 100%
}
p:last-child {
margin-bottom: 0
}
input,
select,
textarea {
display: block;
width: 100%;
border: 1px solid #e3e0d3;
background-color: #fff;
color: #162950;
max-width: 100%;
line-height: 1.2;
font-family: inherit;
border-radius: 0;
padding: 13px 15px
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(icon-downward-arrow.svg);
background-size: 12px;
background-repeat: no-repeat;
background-position: center right 15px
}
.lang-rtl select {
background-position: center left 15px
}
.form-vertical .title_block {
font-family: var(--font-family-default);
font-weight: 800;
font-size: 2.4rem;
color: var(--color-title);
text-transform: uppercase
}
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
display: inline-block;
margin-bottom: 30px
}
.box-shadow {
box-shadow: 4px 4px 6px rgba(var(--color-shadow-rgb), .08)
}
.box-shadow-2 {
box-shadow: 8px 8px 2px 1px rgba(var(--color-shadow-rgb), .05)
}
a,
button,
[role=button],
input,
label,
select,
textarea {
touch-action: manipulation
}
@media (min-width: 1441px) {
.d-xxl-flex {
display: flex !important
}
.text-xxl-center {
text-align: center !important
}
.container-fluid {
padding-left: var(--container-fluid);
padding-right: var(--container-fluid)
}
}
@media (max-width: 1440px) {
html {
font-size: 60%
}
}
@media (max-width: 1199px) {
html {
font-size: 58.5%
}
}
@media (max-width: 991px) {
html {
font-size: 57%
}
}
@media (max-width: 575px) {
html {
font-size: 55%
}
.flex-xs-unordered {
order: 0
}
.flex-xs-first {
order: -1
}
}
.tooltip {
pointer-events: none
}
.tooltip.show {
opacity: 1
}
.tooltip .tooltip-inner {
background-color: #000;
color: #fff;
padding: 8px 10px;
font-size: 10px;
font-weight: 500;
text-transform: capitalize;
border-radius: 3px
}
.bs-tooltip-left .arrow:before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000
}
.bs-tooltip-top .tooltip-inner {
background-color: #000
}
.bs-tooltip-top .arrow:before {
bottom: -10px;
border-width: 5px;
inset-inline-start: 50%;
transform: translate(-50%);
border-top-color: #000
}
.lang-rtl .bs-tooltip-top .arrow:before {
transform: translate(50%)
}
a,
.link {
color: var(--color-link);
transition: .2s;
text-decoration: none
}
a:hover,
.link:hover {
text-decoration: none;
color: var(--color-hover)
}
.link:hover .zmdi-long-arrow-right,
.link:hover .rbb-icon-direction-55 {
transform: rotate(0)
}
.link .zmdi-long-arrow-right,
.link .rbb-icon-direction-55 {
-webkit-margin-start: 7px;
margin-inline-start: 7px;
transition: .17s linear;
transform: rotate(-45deg)
}
i {
display: inline-block
}
.btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 15px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: .2s;
width: initial;
color: var(--color-button-text);
background: var(--color-button);
border: var(--button-thickness) solid var(--color-button-border);
font: var(--button-font-weight) var(--button-font-size) var(--button-font-family);
text-transform: var(--button-text-transform);
border-radius: var(--button-corner)
}
.btn:hover,
.btn.active {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.btn:hover .zmdi-long-arrow-right,
.btn:hover .rbb-icon-direction-55,
.btn.active .zmdi-long-arrow-right,
.btn.active .rbb-icon-direction-55 {
transform: rotate(0) !important
}
@media (min-width: 1200px) {
.btn {
min-width: var(--button-normal-width);
height: var(--button-normal-height)
}
.btn.btn-medium {
min-width: var(--button-medium-width);
height: var(--button-medium-height)
}
.btn.btn-large {
min-width: var(--button-large-width);
height: var(--button-large-height)
}
}
@media (max-width: 1199px) {
.btn {
min-width: clamp(60px, var(--button-normal-width)*.9, 140px);
height: calc(var(--button-normal-height)*.8)
}
.btn.btn-medium {
min-width: calc(var(--button-medium-width)*.7)
}
.btn.btn-large {
min-width: calc(var(--button-large-width)*.7)
}
}
.btn[disabled],
.btn.disabled {
opacity: .6;
pointer-events: none
}
.btn:focus {
outline: 0;
box-shadow: none
}
.btn.btn-skew {
transform: skew(-22deg)
}
.btn.btn-skew span {
transform: skew(22deg)
}
.btn .zmdi-long-arrow-right,
.btn .rbb-icon-direction-55 {
transform: rotate(-45deg);
-webkit-margin-start: 7px;
margin-inline-start: 7px;
transition: .15s
}
button:focus {
outline: none
}
button[disabled],
button.disabled {
cursor: default;
opacity: .6;
pointer-events: none
}
.title_section {
margin-bottom: var(--section-heading-spacing);
position: relative
}
.title_section .title {
color: var(--color-heading);
font-family: var(--section-heading-font-family);
font-style: var(--heading-font-style);
font-size: var(--section-heading-font-size);
font-weight: var(--section-heading-font-weight)
}
.title_section .title:has(.btn) {
display: flex;
align-items: center
}
.title_section .title p:has(+.btn) {
display: inline-flex;
margin-bottom: 0
}
.title_section .title a:not(.btn) {
color: var(--color-hover)
}
.title_section .title .btn {
min-width: 86px;
height: 26px;
font-size: 10px;
text-transform: uppercase;
font-weight: 400;
border-radius: 30px;
padding: 0 5px;
letter-spacing: 0;
font-family: var(--font-family-default);
-webkit-margin-start: 15px;
margin-inline-start: 15px
}
.title_section .title+.sub_title {
margin-top: var(--section-subheading-spacing)
}
.title_section .sub_title {
color: var(--color-subheading);
font-family: var(--section-subheading-font-family);
font-size: var(--section-subheading-font-size);
font-weight: var(--section-subheading-font-weight);
letter-spacing: var(--section-subheading-letter-spacing);
max-width: 800px
}
.title_section .sub_title:has(+.title) {
margin-bottom: var(--section-subheading-spacing)
}
.title_section .sub_title a {
--color-link: var(--color-subheading)
}
.title_section .desc {
color: var(--color-descheading);
font-size: var(--section-descheading-font-size);
font-weight: var(--section-descheading-font-weight);
max-width: 840px;
margin-top: var(--section-descheading-spacing)
}
.title_section .desc a {
--color-link: var(--color-descheading);
position: relative
}
.title_section .desc a:after {
content: "\ea0b";
display: inline-flex;
font-family: var(--font-icons);
-webkit-margin-start: 7px;
margin-inline-start: 7px;
transform: rotate(-45deg);
transition: transform .3s
}
.title_section .desc a:hover:after {
transform: rotate(0)
}
.title_section .img-heading {
display: inline-block;
max-width: 80px;
overflow: hidden
}
.title_section .img-heading.heading-animate {
-webkit-animation: headingAnimate 2s ease-in-out infinite;
animation: headingAnimate 2s ease-in-out infinite
}
.title_section.text-center .sub_title,
.title_section.text-center .desc,
.title_section.text-center .title {
margin-left: auto;
margin-right: auto
}
.title_section.text-right .sub_title,
.title_section.text-right .desc,
.title_section.text-right .title {
-webkit-margin-start: auto;
margin-inline-start: auto
}
@media (max-width: 1199px) {
.title_section {
margin-bottom: clamp(15px, var(--section-heading-spacing)*.8, 4rem)
}
.title_section .title {
font-size: var(--section-heading-font-size-lg)
}
}
@media (max-width: 767px) {
.title_section .title {
font-size: var(--section-heading-font-size-sm)
}
.title_section .title:has(.btn) {
display: block
}
.title_section .title p:has(+.btn) {
display: block
}
.title_section .title .btn {
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-top: 5px
}
}
.nov-lang-cur .nov_ud_group:not(:last-child) {
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
.nov-lang-cur .nov_ud_btn {
color: var(--color-title);
font-size: 12px;
font-weight: 500;
padding-block: 10px;
cursor: pointer
}
.nov-lang-cur .nov_ud_btn svg {
-webkit-margin-start: 5px;
margin-inline-start: 5px
}
.nov-lang-cur .nov_ud_btn:hover {
color: var(--color-hover)
}
.nov-lang-cur .nov_ud_dropdown {
background-color: #fff;
border-radius: 0 0 3px 3px;
overflow: hidden;
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
min-width: 110px;
z-index: 10;
box-shadow: 0 0 5px #00000026;
margin: 0;
display: none
}
.nov-lang-cur .nov_ud_dropdown .item {
font-size: 12px;
color: #222;
transition: background-color .3s;
padding: 10px 15px
}
.nov-lang-cur .nov_ud_dropdown .item:hover,
.nov-lang-cur .nov_ud_dropdown .item.active {
background-color: #f3f3f3
}
.nov-lang-cur .nov_ud_dropdown .item:not(:last-child) {
border-bottom: 1px solid var(--color-border)
}
.nov-lang-cur input[type=hidden] {
display: none
}
.nov-lang-cur .flag-icon {
width: 14px;
min-width: 14px;
-webkit-margin-end: 5px;
margin-inline-end: 5px;
display: inline-block;
font-size: 0
}
.placeholder-svg {
display: block;
background-color: #f2f2f2;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border: 1px solid rgba(var(--color-text-rgb), .2)
}
.placeholder-noblocks {
padding: 40px;
text-align: center
}
.product-form__item--checkout .shopify-payment-button__button {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0;
height: 50px;
width: 100%;
color: #222;
background-color: #fff;
border: 1px solid #e2e2e2;
border-radius: var(--button-corner);
box-shadow: 3px 3px 6px rgba(var(--color-shadow-rgb), .08);
transition: color .35s ease, background-color .35s ease, border-color .35s ease;
font: var(--button-font-weight) var(--button-font-size) var(--button-font-family);
text-transform: var(--button-text-transform)
}
.product-form__item--checkout .shopify-payment-button__button:hover {
color: var(--color-button-text-hover) !important;
background-color: var(--color-button-hover) !important;
border-color: var(--color-button-border-hover) !important
}
.product-form__item--checkout .shopify-payment-button__button [role=button] {
min-height: 50px !important;
border-radius: var(--button-corner) !important
}
.product-form__item--checkout .shopify-payment-button__button .shopify-cleanslate {
width: calc(100% + var(--button-thickness)*2)
}
.product-form__item--checkout[disabled] .shopify-payment-button__button {
opacity: .6;
pointer-events: none
}
.product-form__item--checkout .shopify-payment-button__more-options {
display: none
}
.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
display: none !important
}
.product-form__item--submit {
flex: auto
}
.product-form__item--submit.soldout {
cursor: pointer
}
.product-form__item--submit.soldout .btnAddToCart {
pointer-events: none !important
}
.product-form__item--submit.soldout #AddToCartText {
display: flex;
align-items: center
}
.product-form__item--submit.soldout #AddToCartText:before {
content: "\f15a";
font-family: var(--font-icon);
font-size: 17px;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
font-weight: 400;
display: inline-block
}
.product-form__item--submit .btnAddToCart {
display: flex;
width: 100%;
height: 50px;
color: #222;
background: #ededed;
border-color: #ededed;
font: var(--button-font-weight) var(--button-font-size) var(--button-font-family);
text-transform: var(--button-text-transform)
}
.product-form__item--submit .btnAddToCart:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.product-form__item--submit .btnAddToCart.loading {
background: var(--color-button-hover);
color: var(--color-button-text-hover)
}
.product-form__item--submit .btnAddToCart.loading #AddToCartText,
.product-form__item--submit .btnAddToCart.loading svg {
display: none
}
.product-form__item--submit .btnAddToCart.loading .load {
display: inline-block
}
.product-form__item--submit .btnAddToCart .load {
width: 20px;
height: 20px;
border-radius: 100%;
border: 3px solid var(--color-button-text-hover);
border-top: 3px solid rgba(0, 0, 0, 0);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
display: none
}
fieldset .block-content {
margin: -5px
}
fieldset .product-single__variant-item {
padding: 0 5px;
display: flex
}
fieldset input[type=radio] {
display: none
}
fieldset input[type=radio]+label {
width: 100%;
padding: 0 23px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-title);
cursor: pointer;
transition: all .2s;
margin-bottom: 0;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 3px
}
fieldset input[type=radio]+label:hover {
border-color: #000
}
@media (max-width: 991px) {
fieldset input[type=radio]+label {
padding: 0 15px;
height: 45px;
line-height: 43px
}
}
fieldset input[type=radio].disabled+label {
position: relative;
opacity: .6
}
fieldset input[type=radio].disabled+label:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top left, transparent calc(50% - 1px), #bbb, transparent calc(50% + 1px))
}
fieldset input[type=radio]:checked+label {
background-color: #000;
border-color: #000;
color: #fff
}
fieldset.variant-color input[type=radio]+label {
font-size: 0;
width: 36px;
height: 36px;
border-radius: 100%;
border: 3px solid #f5f6fc;
overflow: hidden;
padding: 0;
box-shadow: 0 0 0 1px #e0e2ec
}
fieldset.variant-color input[type=radio]+label.img {
width: 80px;
height: initial;
border: none;
position: relative;
box-shadow: none;
line-height: 0;
padding: 0;
background: none;
border-radius: 5px
}
fieldset.variant-color input[type=radio]:checked+label.color,
fieldset.variant-color input[type=radio]:hover+label.color {
box-shadow: 0 0 0 2px var(--color-button-border)
}
fieldset.variant-color input[type=radio]:checked+label.img {
box-shadow: 0 0 0 1px var(--color-hover)
}
fieldset.variant-color .variant-color-white.color {
position: relative
}
fieldset.variant-color .variant-color-white.color:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
border-radius: 100%;
border: 1px solid #e0e2ec
}
product-variant-dropdown select {
border-radius: 5px;
border-color: #dbdbdb;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(icon-downward-arrow.svg);
background-size: 12px;
background-repeat: no-repeat;
background-position: center right 15px;
max-width: 270px;
color: var(--color-text)
}
.lang-rtl product-variant-dropdown select {
background-position: center left 15px
}
product-variant-dropdown select:not(.variant-color) {
text-transform: uppercase
}
.product-single__control-label {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
color: var(--color-title);
min-width: 130px;
display: inline-block
}
@media (max-width: 991px) {
.product-single__control-label {
min-width: 110px
}
}
.available_product {
margin-bottom: 8px
}
.available_product .product__available {
font-size: 11px;
font-weight: 500;
color: #6bb853;
text-transform: uppercase
}
.available_product .product__available>span {
-webkit-margin-end: 3px;
margin-inline-end: 3px
}
.available_product .product__available.sold-out {
color: #ff7f7f
}
.product-single__vendor a,
.product-single__sku a,
.product-single__cat a,
.product-single__tags a {
font-size: 12px;
font-weight: 400;
line-height: 20px
}
.label-sku,
.product-single__vendor {
font-size: 12px
}
.product-form__item--quantity {
margin-top: 13px
}
.product-form__item--quantity .js-qty {
min-width: 110px;
border: 1px solid #e6e6e6;
position: relative;
border-radius: 50px;
font-weight: 400;
font-size: 1.4rem;
color: var(--color-title)
}
.product-form__item--quantity .js-qty .js-qty__num {
height: 48px;
font-size: 13px;
font-weight: 400;
color: var(--color-title);
text-align: center;
border: none;
background-color: #fff;
padding: 0
}
.product-form__item--quantity .js-qty .js-qty__adjust {
position: absolute;
padding: 0;
text-align: center;
width: 26px;
height: 48px;
line-height: 48px;
color: #bfbfbf;
font-size: 1.6rem;
background: #fff;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
.product-form__item--quantity .js-qty .js-qty__adjust:hover {
outline: none;
color: var(--color-hover)
}
.product-form__item--quantity .js-qty .js-qty__adjust .icon {
background: #0000;
display: none
}
.product-form__item--quantity .js-qty .js-qty__adjust.js-qty__adjust--plus {
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%)
}
.product-form__item--quantity .js-qty .js-qty__adjust.js-qty__adjust--minus {
inset-inline-start: 0;
top: 50%;
transform: translateY(-50%)
}
.product-form__item--quantity .quick_view_qty {
min-width: 110px;
border: 1px solid #dbdbdb;
position: relative;
font-size: 12px;
color: var(--color-title);
-webkit-margin-end: 10px;
margin-inline-end: 10px;
overflow: hidden;
border-radius: var(--button-corner)
}
.product-form__item--quantity .quick_view_qty .quantity-selector {
height: 50px;
font-size: 12px;
font-weight: 700;
color: #343434;
text-align: center;
border: none;
padding: 0;
border-radius: 100px
}
.product-form__item--quantity .quick_view_qty .quantity-selector::-webkit-outer-spin-button,
.product-form__item--quantity .quick_view_qty .quantity-selector::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.product-form__item--quantity .quick_view_qty .quantity-selector[type=number] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield
}
.product-form__item--quantity .quick_view_qty .quick_view-qty {
position: absolute;
padding: 0;
text-align: center;
width: 26px;
height: 48px;
line-height: 48px;
color: #b4b4b4;
font-size: 18px;
background: #fff;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
align-items: none;
cursor: pointer
}
.product-form__item--quantity .quick_view_qty .quick_view-qty:hover {
outline: none;
color: var(--color-hover)
}
.product-form__item--quantity .quick_view_qty .quick_view-qty .icon {
background: #0000;
display: none
}
.product-form__item--quantity .quick_view_qty .quick_view-qty .fallback-text {
color: #b4b4b4
}
.product-form__item--quantity .quick_view_qty .quick_view-qty.quick_view-qty-plus {
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%)
}
.product-form__item--quantity .quick_view_qty .quick_view-qty.quick_view-qty-minus {
inset-inline-start: 0;
top: 50%;
transform: translateY(-50%)
}
@media (max-width: 375px) {
.product-form__item--quantity .js-qty .js-qty__adjust {
height: 40px;
line-height: 40px
}
.product-form__item--quantity .js-qty .js-qty__num {
height: 40px
}
}
.categories__sidebar .title-block {
padding: 15px 40px 25px;
margin-bottom: 0;
color: var(--color-button-text);
background-color: var(--color-button);
border-radius: 10px 10px 0 0
}
.categories__sidebar .title-block i {
-webkit-margin-end: 20px;
margin-inline-end: 20px;
font-size: 19px
}
.categories__sidebar a {
font-size: 1.3rem;
font-weight: 700;
text-transform: capitalize
}
.categories__sidebar .block__content {
padding: 35px 40px;
background-color: #f2f2f2;
border-radius: 10px;
margin-top: -10px
}
.categories__sidebar .block__content .cateTitle:not(:last-child) {
margin-bottom: 15px
}
.categories__sidebar .block__content>.cateTitle>a {
position: relative
}
.categories__sidebar .block__content>.cateTitle>a:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid #bababa;
-webkit-margin-end: 25px;
margin-inline-end: 25px;
border-radius: 100%
}
.categories__sidebar .block__content>.cateTitle>a:hover:before {
border-color: var(--color-hover)
}
.categories__sidebar .block__content .hasSubCategory {
position: relative
}
.categories__sidebar .block__content .hasSubCategory.level1 .arrow {
position: absolute;
inset-inline-end: 0;
top: 5px;
width: 15px;
height: 15px;
color: #505050;
border-radius: 2px
}
.categories__sidebar .block__content .hasSubCategory.level1 .arrow:after {
content: "\f273";
background: #cadae2;
font-family: var(--font-icon);
width: 15px;
height: 15px;
min-width: 15px;
padding: 1px 4px;
color: #fff;
border-radius: 2px
}
.categories__sidebar .block__content .hasSubCategory.level1 .arrow:hover {
cursor: pointer
}
.categories__sidebar .block__content .hasSubCategory.level1 .arrow:hover:after {
background: var(--color-hover)
}
.categories__sidebar .block__content .hasSubCategory.level1 .arrow.collapsed:after {
content: "\f278"
}
.categories__sidebar .block__content .hasSubCategory.level2 {
background: none;
margin-top: 10px;
margin-bottom: 10px
}
.categories__sidebar .block__content .hasSubCategory.level2.collapsed {
background: none;
top: 50%;
transform: translateY(-50%);
margin-top: 2px
}
.categories__sidebar .block__content .hasSubCategory.level2.collapsed:hover {
background: none
}
.categories__sidebar .block__content .hasSubCategory.level2:after {
background: #fff;
color: #898989
}
.categories__sidebar .block__content .hasSubCategory.level2:hover:after {
background: none;
color: var(--color-hover)
}
.categories__sidebar .block__content .subCategory {
margin-top: 8px;
-webkit-padding-start: 33px;
padding-inline-start: 33px
}
.categories__sidebar .block__content .subCategory .cateTitle {
padding: 3.5px 0
}
.categories__sidebar .block__content .subCategory .cateItem {
font-family: var(--font-family-default);
font-size: 13px;
font-weight: 400
}
.categories__sidebar .block__content .subCategory .cateItem:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: #6c6c6c;
transform: rotate(45deg);
-webkit-margin-end: 25px;
margin-inline-end: 25px;
margin-bottom: 2px
}
.categories__sidebar .block__content .subCategory .cateItem:hover {
color: var(--color-hover)
}
.categories__sidebar .block__content .level2>.subCategory {
-webkit-padding-start: 35px;
padding-inline-start: 35px
}
.categories__sidebar .block__content .level2>.subCategory .cateItem:before {
display: none
}
@media (max-width: 1199px) {
.categories__sidebar .block__content,
.categories__sidebar .title-block {
padding-left: 25px;
padding-right: 25px
}
}
.nov-pagination {
margin: 16px 0 80px;
position: relative
}
@media (max-width: 767px) {
.nov-pagination {
margin: 16px 0 40px
}
}
.pagination__viewing {
font-size: 11px;
font-family: var(--font-family-default);
font-weight: 400;
color: var(--color-text);
text-transform: uppercase;
background: #fff;
z-index: 2;
-webkit-padding-end: 8px;
padding-inline-end: 8px;
-webkit-margin-end: auto;
margin-inline-end: auto
}
@media (max-width: 991px) {
.pagination__viewing {
-webkit-padding-end: 15px;
padding-inline-end: 15px
}
}
@media (max-width: 480px) {
.pagination__viewing {
display: none
}
}
.pagination {
background: #fff;
text-align: center;
list-style: none;
z-index: 2;
-webkit-padding-start: 10px;
padding-inline-start: 10px
}
.pagination li {
display: inline-block;
margin: 0 7.5px
}
.pagination__text>a,
.pagination__text>span {
width: 46px;
height: 46px;
line-height: 44px;
border-radius: 100%;
color: var(--color-title);
font-size: 13px;
font-weight: 700;
display: inline-block;
border: 1px solid #c9c9c9
}
.pagination__text.active>a,
.pagination__text.active>span,
.pagination__text:hover>a,
.pagination__text:hover>span {
border-color: #0000;
background: var(--color-hover);
color: #fff
}
.pagination__text.active:hover {
cursor: not-allowed
}
.pagination__btn {
font-size: 24px;
width: 46px;
height: 46px;
line-height: 44px;
color: var(--color-secondary-button-text);
background-color: var(--color-secondary-button);
border: 1px solid var(--color-secondary-button-border);
border-radius: 100%
}
.pagination__btn:hover {
color: var(--color-secondary-button-text-hover);
background-color: var(--color-secondary-button-hover);
border-color: var(--color-secondary-button-border-hover)
}
.pagination__btn .icon__fallback-text {
display: none
}
.pagination__btn.disabled:hover {
cursor: not-allowed
}
.site-header__search {
flex: auto
}
.site-header__search .search-header__input {
width: 100%;
height: 48px;
border-radius: 50px;
-webkit-padding-start: 20px;
padding-inline-start: 20px;
-webkit-padding-end: 50px;
padding-inline-end: 50px;
transition: .3s;
color: var(--search-input-color);
background: var(--search-input-bg);
border-color: var(--search-input-border)
}
.site-header__search .search-header__input::-webkit-input-placeholder {
font-size: 10px;
color: var(--search-placeholder);
font-weight: 500;
text-transform: capitalize
}
.site-header__search .search-header__input:-moz-placeholder {
font-size: 10px;
color: var(--search-placeholder);
font-weight: 500;
text-transform: capitalize
}
.site-header__search .search-header__input::-moz-placeholder {
font-size: 10px;
color: var(--search-placeholder);
font-weight: 500;
text-transform: capitalize
}
.site-header__search .search-header__input:-ms-input-placeholder {
font-size: 10px;
color: var(--search-placeholder);
font-weight: 500;
text-transform: capitalize
}
.site-header__search .search-header__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 4px;
cursor: pointer;
z-index: 9;
transition: .3s;
width: 40px;
height: 40px;
border-radius: 50px;
color: var(--color-button-text);
background: var(--color-button);
border: var(--button-thickness) solid var(--color-button-border)
}
.site-header__search .search-header__submit:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.site-header__search .search-header__submit .search-header__submit-icon {
font-size: 16px;
display: flex;
z-index: 2
}
.site-header__search .search-header__submit .search-header__submit-icon svg {
max-width: 14px;
height: auto
}
.site-header__search .search-header__placeholder {
display: none !important
}
.site-header__search .search_trend-title {
margin-top: 30px !important
}
.site-header__search .search_autocomplete {
position: absolute;
z-index: 2;
top: 100%;
width: 100%;
left: 0;
display: none;
padding-bottom: 40px;
border-top: 1px solid var(--color-border);
box-shadow: 0 10px 10px #00000014
}
.site-header__search .search_autocomplete-content {
width: var(--container);
max-width: calc(100svw - 40px);
margin-inline: auto;
padding: 0 15px
}
@media (max-width: 767px) {
.site-header__search .search-header__input {
-webkit-padding-start: 15px;
padding-inline-start: 15px;
-webkit-padding-end: 80px;
padding-inline-end: 80px
}
.site-header__search .search-header__submit {
padding: 0 15px
}
}
.nov-search__canvas {
position: fixed;
width: 1170px;
max-width: calc(100svw - 60px);
inset-block-start: 50%;
inset-inline-start: 50%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%) scale(.5);
background-color: #fff;
-webkit-padding-before: 3rem;
padding-block-start: 3rem;
padding-inline: 3rem;
-webkit-padding-after: 6rem;
padding-block-end: 6rem;
border-radius: 5px;
transition: .4s
}
.nov-search__canvas.act {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1)
}
.nov-search__canvas .search-header__input {
height: 50px;
-webkit-padding-start: 0;
padding-inline-start: 0;
-webkit-padding-end: 4rem;
padding-inline-end: 4rem;
border-radius: 0;
color: var(--color-text);
border: none;
border-bottom: 1px solid var(--color-border);
background-color: #fff
}
.nov-search__canvas .search-header__input::-webkit-input-placeholder {
font-size: 0
}
.nov-search__canvas .search-header__input:-moz-placeholder {
font-size: 0
}
.nov-search__canvas .search-header__input::-moz-placeholder {
font-size: 0
}
.nov-search__canvas .search-header__input:-ms-input-placeholder {
font-size: 0
}
.nov-search__canvas .search-header__submit {
position: absolute;
inset-block-start: 50%;
transform: translateY(-50%);
inset-inline-end: 0;
min-width: 40px;
height: 40px;
padding: 0 10px;
color: var(--color-text);
background-color: #0000 !important;
border: none !important;
opacity: .6;
cursor: pointer
}
.nov-search__canvas .search-header__submit:hover {
color: var(--color-hover);
opacity: 1
}
.nov-search__canvas .search-header__submit .search-header__submit-icon {
display: block
}
.nov-search__canvas .search-header__submit .search-header__submit-icon svg {
max-width: 24px
}
.nov-search__canvas .btn-search__clear-text {
color: #cdcdcd
}
.nov-search__canvas .btn-search__clear-text:hover {
color: var(--color-hover)
}
.nov-search__canvas .search_autocomplete {
position: static
}
.nov-search__canvas .nov_btn_close {
inset-block-start: 30px;
inset-inline-end: 30px
}
.nov-search__canvas .search-header__placeholder {
display: block
}
@media (min-width: 768px) {
.nov-search__canvas .search_trend-title {
margin-top: 5rem
}
}
@media (max-width: 991px) {
.nov-search__canvas .search_trend-content .list-item {
overflow-x: auto;
overflow-y: hidden
}
}
@media (max-width: 767px) {
.nov-search__canvas .search-header__input {
-webkit-padding-start: 15px;
padding-inline-start: 15px;
-webkit-padding-end: 80px;
padding-inline-end: 80px
}
.nov-search__canvas .search-header__submit {
padding: 0 15px
}
.nov-search__canvas .search_trend {
display: block
}
}
@media (max-width: 991px) {
.nov-search__canvas .container {
max-width: 100%
}
}
.search_autocomplete {
background: var(--color-background)
}
.product-has-border .search-results__block li {
border: 1px solid var(--product-color-border);
border-radius: var(--product-corner-radius);
padding: 4px 4px 20px;
overflow: hidden
}
.product-has-border .search-results__block li .title,
.product-has-border .search-results__block li .price {
padding: 0 5px
}
.search-results__block {
background: var(--color-background);
overflow-x: hidden;
overflow-y: auto;
text-align: left !important;
max-width: 100svw;
padding-top: 40px
}
.lang-rtl .search-results__block {
text-align: right !important
}
@media (max-width: 1199px) {
.search-results__block .search-results {
max-width: 960px
}
}
.search-results__block li {
background: var(--product-color-background)
}
.search-results__block li .thumbnail {
border-radius: var(--product-corner-radius-image);
overflow: hidden;
transform: translateZ(0)
}
.search-results__block li .title {
font-size: 1.4rem;
color: var(--product-color-title);
font-weight: 700;
margin-top: 2.5rem;
transition: color .3s
}
.search-results__block li .title:hover {
color: var(--color-hover)
}
.search-results__block li .price {
font-size: 16px;
font-weight: 700;
margin-top: 15px;
color: var(--product-color-price)
}
.search-results__block .search-see_all {
margin-top: 35px
}
@media (min-width: 768px) {
.search-results__block .search-results {
margin: -15px
}
.search-results__block .search-results li {
flex: 0 0 20%;
max-width: 20%;
padding: 15px
}
}
@media (max-width: 767px) {
.search-results__block {
box-shadow: 10px 10px 10px #0000001a;
border-radius: 0;
transform: translateZ(0);
padding-bottom: 30px;
width: 100vw;
margin-top: 0
}
.search-results__block .search-results {
overflow: auto;
box-shadow: none;
padding: 0 20px 10px;
scrollbar-width: none;
margin: -10px;
display: flex;
flex-wrap: nowrap
}
.search-results__block .search-results::-webkit-scrollbar {
display: none
}
.search-results__block .search-see_all {
-webkit-margin-start: 20px;
margin-inline-start: 20px
}
.search-results__block li {
flex: 0 0 45%;
max-width: 100%;
border: none !important;
padding: 10px
}
.search-results__block li .title {
margin-top: 15px;
margin-bottom: 5px;
text-align: left !important
}
.lang-rtl .search-results__block li .title {
text-align: right !important
}
.search-results__block li .price {
text-align: left !important
}
.lang-rtl .search-results__block li .price {
text-align: right !important
}
}
.search-header__placeholder {
font-size: 2.4rem;
color: var(--color-text);
position: absolute;
inset-inline-start: 0;
inset-block-start: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: .6
}
.search-header__placeholder:has(~.search-header__input:focus) {
display: none !important
}
@media (max-width: 767px) {
.search-header__placeholder {
display: none !important
}
}
.search_trend .search-trend-item {
height: 42px;
min-width: initial;
padding-inline: 3rem;
font-size: 1.2rem;
font-weight: 500
}
.search_trend .search-trend-item:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
@media (max-width: 767px) {
.search_trend {
display: block;
position: relative;
padding: 20px
}
.search_trend .list-item {
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none
}
.search_trend .list-item::-webkit-scrollbar {
display: none
}
}
.btn-search__clear-text {
top: 50%;
transform: translateY(-50%);
inset-inline-end: 55px;
font-size: 20px;
line-height: 1
}
.btn-search__clear-text:hover {
color: var(--search-input-color)
}
@media (max-width: 767px) {
.btn-search__clear-text {
inset-inline-start: initial;
inset-inline-end: 20px
}
}
.nov-slick-carousel:not(.slick-initialized),
.nov-slick-navfor-carousel:not(.slick-initialized) {
overflow: hidden;
display: flex
}
.nov-slick-carousel:not(.slick-initialized) .item,
.nov-slick-navfor-carousel:not(.slick-initialized) .item {
width: 100%
}
.nov-slick-carousel .slick-track,
.nov-slick-navfor-carousel .slick-track {
display: flex
}
.nov-slick-carousel .slick-track .slick-slide,
.nov-slick-navfor-carousel .slick-track .slick-slide {
height: auto
}
.nov-slick-carousel[data-vertical=true] .slick-track,
.nov-slick-navfor-carousel[data-vertical=true] .slick-track {
display: block
}
.nov-slick-carousel[data-row="1"],
.nov-slick-navfor-carousel[data-row="1"] {
flex-wrap: nowrap
}
.nov-slick-carousel[data-row="1"].slick-initialized,
.nov-slick-navfor-carousel[data-row="1"].slick-initialized {
display: block
}
.nov-slick-carousel[data-items_xxl="1"]:not(.slick-initialized) .item,
.nov-slick-carousel[data-items="1"]:not(.slick-initialized) .item,
.nov-slick-carousel[data-items_xl="1"]:not(.slick-initialized) .item,
.nov-slick-navfor-carousel[data-items_xxl="1"]:not(.slick-initialized) .item,
.nov-slick-navfor-carousel[data-items="1"]:not(.slick-initialized) .item,
.nov-slick-navfor-carousel[data-items_xl="1"]:not(.slick-initialized) .item {
display: none
}
.nov-slick-carousel[data-items_xxl="1"]:not(.slick-initialized) .item:first-child,
.nov-slick-carousel[data-items="1"]:not(.slick-initialized) .item:first-child,
.nov-slick-carousel[data-items_xl="1"]:not(.slick-initialized) .item:first-child,
.nov-slick-navfor-carousel[data-items_xxl="1"]:not(.slick-initialized) .item:first-child,
.nov-slick-navfor-carousel[data-items="1"]:not(.slick-initialized) .item:first-child,
.nov-slick-navfor-carousel[data-items_xl="1"]:not(.slick-initialized) .item:first-child {
display: block
}
@media (max-width: 575px) {
.nov-slick-carousel[data-unslick=true],
.nov-slick-navfor-carousel[data-unslick=true] {
overflow: initial
}
}
.nov-slick-carousel:has(.item-product:hover .item-product__popup--variant.act) .slick-arrow,
.nov-slick-navfor-carousel:has(.item-product:hover .item-product__popup--variant.act) .slick-arrow {
opacity: 0 !important
}
.nov-slick-carousel.slider-shadow .slick-list,
.nov-slick-navfor-carousel.slider-shadow .slick-list {
margin: -15px;
padding: 15px
}
.nov-slick-carousel.slider-shadow .slick-slide:not(.slick-active):has(+.slick-active),
.nov-slick-navfor-carousel.slider-shadow .slick-slide:not(.slick-active):has(+.slick-active) {
opacity: 0
}
.nov-slick-carousel.slider-shadow .slick-active+.slick-slide:not(.slick-active),
.nov-slick-navfor-carousel.slider-shadow .slick-active+.slick-slide:not(.slick-active) {
opacity: 0
}
.nov-slick-carousel.slider-shadow .slick-act,
.nov-slick-navfor-carousel.slider-shadow .slick-act {
opacity: 1 !important
}
.slick-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--slider-arrow-size);
height: var(--slider-arrow-size);
font-size: 22px;
color: var(--slider-arrow-color);
background: var(--slider-arrow-bg);
border: 1px solid var(--slider-arrow-border);
transition: background .3s, color .3s, border-color .3s, left 1s .5s, right 1s .5s, opacity .3s linear;
border-radius: var(--slider-arrow-corner);
z-index: 11;
opacity: 0;
box-shadow: var(--slider-arrow-shadow);
display: flex;
align-items: center;
justify-content: center
}
.slick-slider .slick-arrow i {
display: none
}
.slick-slider .slick-arrow:hover {
color: var(--slider-arrow-color-act);
background: var(--slider-arrow-bg-act);
border-color: var(--slider-arrow-border-act)
}
.slick-slider .slick-arrow:hover:not(.slick-disabled):before {
transform: rotate(-30deg)
}
.slick-slider .slick-arrow:hover:not(.slick-disabled):after {
transform: rotate(30deg)
}
.slick-slider .slick-arrow:hover:before,
.slick-slider .slick-arrow:hover:after {
background-color: var(--slider-arrow-color-act)
}
.slick-slider .slick-arrow:before,
.slick-slider .slick-arrow:after {
content: "";
position: absolute;
top: calc(50% - 1px);
inset-inline-start: calc(50% - 5px);
background: var(--slider-arrow-color);
height: 2px;
width: 8px;
transition: transform .3s;
z-index: 2;
border-radius: 5px
}
.slick-slider .slick-arrow:not(.slick-disabled):before {
transform: rotate(-45deg)
}
.slick-slider .slick-arrow:not(.slick-disabled):after {
transform: rotate(45deg)
}
.slick-slider .slick-arrow.arrow-prev {
inset-inline-start: 20px
}
.slick-slider .slick-arrow.arrow-prev:before,
.slick-slider .slick-arrow.arrow-prev:after {
transform-origin: left
}
.lang-rtl .slick-slider .slick-arrow.arrow-prev:before,
.lang-rtl .slick-slider .slick-arrow.arrow-prev:after {
transform-origin: right
}
.slick-slider .slick-arrow.arrow-next {
inset-inline-end: 20px
}
.slick-slider .slick-arrow.arrow-next:before,
.slick-slider .slick-arrow.arrow-next:after {
transform-origin: right
}
.lang-rtl .slick-slider .slick-arrow.arrow-next:before,
.lang-rtl .slick-slider .slick-arrow.arrow-next:after {
transform-origin: left
}
.slick-slider .slick-arrow.slick-disabled {
opacity: .6;
cursor: not-allowed
}
.slick-slider.slick-dotted {
margin-bottom: 0
}
.slick-slider:hover .slick-arrow {
opacity: 1
}
.slick-slider.grid--view-items .slick-arrow {
opacity: 0
}
.slick-slider.grid--view-items:hover .slick-arrow {
opacity: 1
}
.slick-slider.grid--view-items:hover .slick-arrow.arrow-prev {
inset-inline-start: -5px
}
.slick-slider.grid--view-items:hover .slick-arrow.arrow-next {
inset-inline-end: -5px
}
.slick-dots {
margin: 40px 0 0;
list-style: none;
display: flex;
justify-content: center;
padding: 0 15px
}
.slick-dots li {
border-radius: var(--slider-dot-corner);
display: flex;
align-items: center;
justify-content: center;
position: relative
}
.slick-dots li button {
position: relative;
width: var(--slider-dot-width);
height: var(--slider-dot-height);
border-radius: var(--slider-dot-corner);
font-size: 0;
cursor: pointer;
padding: 0;
transition: .3s;
display: block;
background: var(--slider-dot-color);
border: var(--slider-dot-border-size) solid var(--slider-dot-border-color)
}
.slick-dots li button:before {
display: none
}
.slick-dots li:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.slick-dots li:hover button {
transform: scale(1.1)
}
.slick-dots li.slick-active button {
width: var(--slider-dot-width-act);
height: var(--slider-dot-height-act);
background: var(--slider-dot-color-act);
border-color: var(--slider-dot-color-act)
}
.slick-dots:has(li:only-child) {
display: none
}
.slider-nav {
-webkit-margin-start: auto;
margin-inline-start: auto
}
.slider-nav:has(.swiper-button-disabled+.swiper-button-disabled) {
display: none !important
}
.nav-arrow {
position: relative;
width: var(--slider-arrow-size);
height: var(--slider-arrow-size);
font-size: 22px;
color: var(--slider-arrow-color);
background: var(--slider-arrow-bg);
border: 1px solid var(--slider-arrow-border);
transition: background .3s, color .3s, border-color .3s, left 1s .5s, right 1s .5s, opacity .3s linear;
border-radius: var(--slider-arrow-corner);
z-index: 5;
box-shadow: var(--slider-arrow-shadow);
display: flex;
align-items: center;
justify-content: center
}
.nav-arrow:hover {
color: var(--slider-arrow-color-act);
background: var(--slider-arrow-bg-act);
border-color: var(--slider-arrow-border-act)
}
.nav-arrow:hover:not(.slick-disabled):before,
.nav-arrow:hover:not(.swiper-button-disabled):before {
transform: rotate(-30deg)
}
.nav-arrow:hover:not(.slick-disabled):after,
.nav-arrow:hover:not(.swiper-button-disabled):after {
transform: rotate(30deg)
}
.nav-arrow:hover:before,
.nav-arrow:hover:after {
background-color: var(--slider-arrow-color-act)
}
.nav-arrow:before,
.nav-arrow:after {
content: "";
position: absolute;
top: calc(50% - 1px);
inset-inline-start: calc(50% - 5px);
background: var(--slider-arrow-color);
height: 2px;
width: 8px;
transition: transform .3s;
z-index: 2;
border-radius: 5px
}
.nav-arrow:not(.slick-disabled):before,
.nav-arrow:not(.swiper-button-disabled):before {
transform: rotate(-45deg)
}
.nav-arrow:not(.slick-disabled):after,
.nav-arrow:not(.swiper-button-disabled):after {
transform: rotate(45deg)
}
.nav-arrow.nav-prev:before,
.nav-arrow.nav-prev:after {
transform-origin: left
}
.lang-rtl .nav-arrow.nav-prev:before,
.lang-rtl .nav-arrow.nav-prev:after {
transform-origin: right
}
.nav-arrow.nav-prev+.nav-next {
-webkit-margin-start: 10px;
margin-inline-start: 10px
}
.nav-arrow.nav-next:before,
.nav-arrow.nav-next:after {
transform-origin: right
}
.lang-rtl .nav-arrow.nav-next:before,
.lang-rtl .nav-arrow.nav-next:after {
transform-origin: left
}
.nav-arrow.disabled,
.nav-arrow.swiper-button-disabled {
cursor: not-allowed;
opacity: .6
}
.nav-arrow:has(svg) {
background: #0000 !important;
border: none;
box-shadow: none
}
.nav-arrow:has(svg):before,
.nav-arrow:has(svg):after {
display: none
}
.lang-rtl .nav-arrow:has(svg) {
transform: rotate(180deg)
}
.nav-arrow:has(svg) svg {
max-width: 35px
}
@media (min-width: 1441px) {
.nav-arrow.absolute {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.nav-arrow.absolute.nav-prev {
inset-inline-start: var(--start)
}
.nav-arrow.absolute.nav-next {
inset-inline-end: var(--end)
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="1"] .sp-item {
flex: 0 0 100%
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="1"] .sp-item {
flex: 0 0 100%
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="1"] .sp-item {
flex: 0 0 100%
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="1"] .sp-item {
flex: 0 0 100%
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="1"] .sp-item {
flex: 0 0 100%
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="1"] .sp-item {
flex: 0 0 100%
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="2"] .sp-item {
flex: 0 0 50%
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="2"] .sp-item {
flex: 0 0 50%
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="2"] .sp-item {
flex: 0 0 50%
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="2"] .sp-item {
flex: 0 0 50%
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="2"] .sp-item {
flex: 0 0 50%
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="2"] .sp-item {
flex: 0 0 50%
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="3"] .sp-item {
flex: 0 0 calc(100%/3)
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="3"] .sp-item {
flex: 0 0 calc(100%/3)
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="3"] .sp-item {
flex: 0 0 calc(100%/3)
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="3"] .sp-item {
flex: 0 0 calc(100%/3)
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="3"] .sp-item {
flex: 0 0 calc(100%/3)
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="3"] .sp-item {
flex: 0 0 calc(100%/3)
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="4"] .sp-item {
flex: 0 0 25%
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="4"] .sp-item {
flex: 0 0 25%
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="4"] .sp-item {
flex: 0 0 25%
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="4"] .sp-item {
flex: 0 0 25%
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="4"] .sp-item {
flex: 0 0 25%
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="4"] .sp-item {
flex: 0 0 25%
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="5"] .sp-item {
flex: 0 0 20%
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="5"] .sp-item {
flex: 0 0 20%
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="5"] .sp-item {
flex: 0 0 20%
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="5"] .sp-item {
flex: 0 0 20%
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="5"] .sp-item {
flex: 0 0 20%
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="5"] .sp-item {
flex: 0 0 20%
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="6"] .sp-item {
flex: 0 0 calc(100%/6)
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="6"] .sp-item {
flex: 0 0 calc(100%/6)
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="6"] .sp-item {
flex: 0 0 calc(100%/6)
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="6"] .sp-item {
flex: 0 0 calc(100%/6)
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="6"] .sp-item {
flex: 0 0 calc(100%/6)
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="6"] .sp-item {
flex: 0 0 calc(100%/6)
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="7"] .sp-item {
flex: 0 0 calc(100%/7)
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="7"] .sp-item {
flex: 0 0 calc(100%/7)
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="7"] .sp-item {
flex: 0 0 calc(100%/7)
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="7"] .sp-item {
flex: 0 0 calc(100%/7)
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="7"] .sp-item {
flex: 0 0 calc(100%/7)
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="7"] .sp-item {
flex: 0 0 calc(100%/7)
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="8"] .sp-item {
flex: 0 0 12.5%
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="8"] .sp-item {
flex: 0 0 12.5%
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="8"] .sp-item {
flex: 0 0 12.5%
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="8"] .sp-item {
flex: 0 0 12.5%
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="8"] .sp-item {
flex: 0 0 12.5%
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="8"] .sp-item {
flex: 0 0 12.5%
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="9"] .sp-item {
flex: 0 0 calc(100%/9)
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="9"] .sp-item {
flex: 0 0 calc(100%/9)
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="9"] .sp-item {
flex: 0 0 calc(100%/9)
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="9"] .sp-item {
flex: 0 0 calc(100%/9)
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="9"] .sp-item {
flex: 0 0 calc(100%/9)
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="9"] .sp-item {
flex: 0 0 calc(100%/9)
}
}
.nov-slick-carousel:not(.slick-initialized)[data-items_xxl="10"] .sp-item {
flex: 0 0 10%
}
@media (max-width: 1440px)and (min-width: 1200px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xl="10"] .sp-item {
flex: 0 0 10%
}
}
@media (max-width: 1199px)and (min-width: 992px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_lg="10"] .sp-item {
flex: 0 0 10%
}
}
@media (max-width: 991px)and (min-width: 768px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_md="10"] .sp-item {
flex: 0 0 10%
}
}
@media (max-width: 767px)and (min-width: 576px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_sm="10"] .sp-item {
flex: 0 0 10%
}
}
@media (max-width: 575px) {
.nov-slick-carousel:not(.slick-initialized)[data-items_xs="10"] .sp-item {
flex: 0 0 10%
}
}
.nov-swiper-carousel:has(.item-product:hover .item-product__popup--variant.act) .nav-arrow {
opacity: 0 !important
}
.nov-swiper-carousel:not(.swiper-initialized) .swiper-wrapper,
.collection-carousel:not(.swiper-initialized) .swiper-wrapper {
display: flex
}
.nov-swiper-carousel:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
.collection-carousel:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
flex-basis: 0;
flex-grow: 1
}
.nov-swiper-carousel:hover .nav-arrow,
.collection-carousel:hover .nav-arrow {
opacity: 1
}
.swiper-slide {
opacity: 0
}
.swiper-slide-visible {
opacity: 1
}
.swiper-scrollbar {
height: 2px !important;
margin-bottom: 2px;
width: 100% !important
}
.swiper-scrollbar:has(+.slider-nav) {
-webkit-padding-end: 114px;
padding-inline-end: 114px
}
.swiper-scrollbar .swiper-scrollbar-drag {
height: 2px !important;
top: 0;
background: var(--color-hover) !important;
cursor: pointer
}
.swiper-pagination {
display: flex;
justify-content: center;
padding-bottom: 2px;
position: static !important;
width: initial !important
}
.swiper-pagination:has(.swiper-pagination-bullet:only-child) {
display: none
}
.swiper-pagination .swiper-pagination-bullet {
margin: 0 6px !important;
border-radius: var(--slider-dot-corner);
width: var(--slider-dot-width);
height: var(--slider-dot-height);
border: var(--slider-dot-border-size) solid var(--slider-dot-border-color);
background: var(--slider-dot-color);
padding: 0;
transition: .3s;
opacity: 1
}
.swiper-pagination .swiper-pagination-bullet:hover {
transform: scale(1.1)
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--slider-dot-color-act);
background: var(--slider-dot-color-act);
width: var(--slider-dot-width-act);
height: var(--slider-dot-height-act)
}
.modal-open {
overflow: hidden !important
}
.modal-dialog .modal-content {
border-radius: 10px;
border: none
}
.modal-dialog .modal-body {
padding: 10px
}
.modal-dialog.modal-lg .modal-content {
min-width: 830px
}
@media (max-width: 767px) {
.modal-dialog {
max-width: initial;
width: 100%;
height: 100%;
margin: 0
}
.modal-dialog .modal-content {
border-radius: 0;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 40px 0
}
}
.modal-content .modal-body {
max-height: 100%;
overflow-y: initial
}
.modal-backdrop {
background: rgba(var(--bg-overlay), var(--bg-overlay-opacity));
-webkit-backdrop-filter: blur(var(--bg-overlay-blur));
backdrop-filter: blur(var(--bg-overlay-blur));
visibility: hidden
}
.modal-backdrop.show {
opacity: 1;
visibility: visible
}
.modal .modal-header {
border: none;
position: absolute;
top: 10px;
inset-inline-end: 10px;
z-index: 99;
background: #0000;
padding: 0;
margin: 0;
min-height: 48px
}
.modal .modal-header:hover {
outline: none
}
.block-form-login .form-group {
margin-bottom: 15px
}
.block-form-login .title_form {
font-size: 1.4rem;
color: var(--color-title)
}
.block-form-login .popup__login-label {
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 8px;
color: var(--color-title)
}
.block-form-login .popup__login-label span {
color: #ff2a2a
}
.block-form-login .errors {
margin-bottom: 10px
}
.block-form-login .errors ul {
-webkit-padding-start: 17px;
padding-inline-start: 17px
}
.block-form-login .errors ul li {
font-family: var(--font-family-default);
font-weight: 400;
font-size: 13px;
color: var(--color-title)
}
.block-form-login .submit_login p {
margin: 12px 0 30px
}
.block-form-login .submit_login p #RecoverPassword {
font-size: 13px;
color: #505050;
font-weight: 500;
font-family: var(--font-family-default)
}
.block-form-login .submit_login p #RecoverPassword strong {
font-size: 13px;
color: #1b191d;
font-weight: 600;
font-family: var(--font-family-default);
transition: all .35s ease
}
.block-form-login .submit_login p #RecoverPassword strong:hover {
color: var(--color-hover)
}
.block-form-login .novform-password {
position: relative
}
.block-form-login .novform-password .hide_show_password {
position: absolute;
bottom: 1px;
inset-inline-end: 1px;
padding: 0 15px;
line-height: 44px;
color: #818181;
cursor: pointer
}
.block-form-login .novform-password .hide_show_password:hover {
color: var(--color-title)
}
.block-form-login .forgot_password {
display: flex;
align-items: center;
margin-top: 20px;
margin-bottom: 25px;
font-weight: 500
}
.block-form-login .forgot_password i {
font-size: 16px;
-webkit-margin-end: 8px;
margin-inline-end: 8px;
color: var(--color-hover)
}
.block-form-login .forgot_password a {
font-size: 12px;
color: var(--color-title)
}
.block-form-login .forgot_password a strong:hover {
color: var(--color-hover)
}
.block-form-login .bank_register {
font-family: var(--font-family-default);
font-weight: 400;
font-size: 12px;
margin: 10px 0 20px
}
.block-form-login .bank_register a {
font-family: var(--font-family-default);
font-weight: 600;
font-size: 12px;
color: #6aa1da
}
.block-form-login .bank_register a:hover {
color: var(--color-hover)
}
.block-form-login .btn {
width: 100%
}
.block-form-login .novform-newsletter .custom-checkbox {
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #d0d0d0;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
text-align: center;
line-height: 18px
}
.block-form-login .novform-newsletter .custom-checkbox i {
opacity: 0;
color: #fff
}
.block-form-login .novform-newsletter #register__newsletter:checked+label .custom-checkbox {
background-color: var(--color-hover);
border-color: var(--color-hover)
}
.block-form-login .novform-newsletter #register__newsletter:checked+label .custom-checkbox i {
opacity: 1
}
.close-icon {
box-shadow: 0 0 10px #0000001a;
width: 45px;
height: 45px;
border-radius: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: var(--color-button);
border: 1px solid var(--color-button-border)
}
.close-icon:before,
.close-icon:after {
content: "";
position: absolute;
top: 50%;
left: calc(50% - 9px);
width: 18px;
height: 2px;
background-color: var(--color-button-text);
transform-origin: center;
transition: transform .3s linear
}
.close-icon:before {
transform: rotate(45deg)
}
.close-icon:after {
transform: rotate(-45deg)
}
.close-icon:hover:before,
.close-icon:hover:after {
transform: rotate(0)
}
#popup__login .modal-header {
inset-inline-end: -45px;
inset-block-start: -40px;
box-shadow: none;
transition: background .3s
}
#popup__login .modal-header:before,
#popup__login .modal-header:after {
background: #fff
}
#popup__login .modal-header:hover {
background: #ffffff26
}
#popup__login .modal-dialog .modal-content {
box-shadow: 0 0 10px #00000040;
position: relative;
border-radius: 5px
}
#popup__login .modal-dialog .modal-body {
padding: 4rem
}
#popup__login #p_register {
display: none
}
#popup__login h1 {
line-height: 1
}
#popup__login input {
height: 50px;
border-radius: 5px;
border-color: var(--color-border)
}
#popup__login input::-webkit-input-placeholder {
color: #b5b5b5;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
#popup__login input:-moz-placeholder {
color: #b5b5b5;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
#popup__login input::-moz-placeholder {
color: #b5b5b5;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
#popup__login input:-ms-input-placeholder {
color: #b5b5b5;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
#popup__login .btn-switch {
border-radius: 5px;
height: 50px;
background: #0000;
color: var(--color-title);
border-color: var(--color-hover)
}
#popup__login .btn-switch:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
#popup__login .btn-password .btn {
border-radius: 5px;
height: 50px
}
#popup__login .btn-password .btn:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
@media (min-width: 768px) {
#popup__login .modal-dialog {
max-width: 420px
}
}
@media (max-width: 767px) {
#popup__login {
background-color: #fff
}
#popup__login .modal-dialog {
align-items: start;
padding-top: 30px
}
#popup__login .modal-dialog .modal-content {
box-shadow: none
}
}
#popup-subscribe {
overflow-y: auto
}
#popup-subscribe.newsletter .modal-dialog .modal-content {
border-radius: 20px
}
#popup-subscribe.newsletter .modal-body {
padding: 0;
background-color: var(--bg-news);
border-radius: 5px;
overflow: hidden
}
@media (max-width: 767px) {
#popup-subscribe.newsletter .modal-body {
overflow: auto
}
}
#popup-subscribe.newsletter .modal-header {
min-height: initial;
inset-inline-end: -22px;
inset-block-start: -22px;
background: var(--color-button);
border-color: var(--color-button-border)
}
#popup-subscribe.newsletter .modal-body_content {
padding-inline: 30px;
max-width: 480px
}
#popup-subscribe.promotion .modal-header {
inset-inline-start: 50%;
transform: translate(-50%);
top: -50px
}
#popup-subscribe.promotion .respone_image img {
transition: none
}
#popup-subscribe.show .modal-dialog {
opacity: 1;
transform: scale(1)
}
#popup-subscribe .modal-body_content {
transition: all .35s
}
#popup-subscribe .modal-dialog {
width: 660px;
max-width: calc(100svw - 50px);
opacity: 0;
transform: scale(.5);
transition: .3s
}
#popup-subscribe .close-icon {
box-shadow: none
}
#popup-subscribe .close-icon:before,
#popup-subscribe .close-icon:after {
height: 2px
}
#popup-subscribe .input {
height: 45px;
border-radius: 5px;
-webkit-padding-start: 2rem;
padding-inline-start: 2rem;
border-color: var(--color-border)
}
#popup-subscribe .input::-webkit-input-placeholder {
font-size: 12px;
color: var(--color-text);
text-transform: capitalize
}
#popup-subscribe .input:-moz-placeholder {
font-size: 12px;
color: var(--color-text);
text-transform: capitalize
}
#popup-subscribe .input::-moz-placeholder {
font-size: 12px;
color: var(--color-text);
text-transform: capitalize
}
#popup-subscribe .input:-ms-input-placeholder {
font-size: 12px;
color: var(--color-text);
text-transform: capitalize
}
#popup-subscribe button {
height: 45px;
min-width: initial;
padding-inline: 3rem;
border-radius: 5px
}
#popup-subscribe .block_social .list-inline-item:not(:last-child) {
-webkit-margin-end: 2rem;
margin-inline-end: 2rem
}
#popup-subscribe .block_social a {
width: initial;
height: initial;
border-radius: 0;
border: none;
color: var(--color-title)
}
#popup-subscribe .block_social a svg {
width: 16px
}
#popup-subscribe .block_social a:hover {
color: var(--color-hover)
}
#popup-subscribe .checkbox .custom-checkbox {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
#popup-subscribe .checkbox .custom-checkbox input {
width: 18px;
height: 18px;
line-height: 18px;
margin: 0;
border-color: #d5d5d5;
accent-color: var(--color-hover)
}
#popup-subscribe .checkbox label {
cursor: pointer
}
#popup-subscribe .preferences h5 {
color: var(--color-title)
}
#popup-subscribe .preferences input {
display: none
}
#popup-subscribe .preferences label {
margin-bottom: 0;
font-size: 1.3rem;
position: relative;
cursor: pointer;
display: flex;
align-items: center
}
#popup-subscribe .preferences label:not(:last-child) {
-webkit-margin-end: 2rem;
margin-inline-end: 2rem
}
#popup-subscribe .preferences label:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #cbcbcb;
border-radius: 100%;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
background-clip: content-box;
transition: box-shadow .2s linear
}
#popup-subscribe .preferences input:checked+label:before {
background-color: #000;
box-shadow: 0 0 0 5px #fff inset
}
#popupAlert .modal-content {
background-color: #dff0d8;
padding: 15px;
border-radius: 5px;
max-width: 95%;
height: auto
}
#Form_newletter .modal-dialog {
max-width: 560px
}
#Form_newletter .modal-content {
padding: 67px 55px 60px
}
#Form_newletter .block_title {
padding: 0 52px 34px
}
#Form_newletter .block_title .title {
font-size: 1.6rem
}
#Form_newletter .block_title .sub {
font-size: 1.4rem;
padding: 0 15px
}
#Form_newletter .contact-form .input-group {
margin-bottom: 29px
}
#Form_newletter .contact-form .input-group input {
text-align: center;
border: 1px solid var(--color-border);
margin-bottom: 10px;
height: 56px;
border-radius: 3px
}
#Form_newletter .contact-form .input-group button {
pointer-events: none;
opacity: .6;
border-radius: 3px;
height: 56px
}
#Form_newletter .contact-form .input-group button i {
font-size: 20px;
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
#Form_newletter .contact-form .ps-shown-by-js i {
display: none
}
#Form_newletter .contact-form.add button {
cursor: pointer;
pointer-events: initial;
opacity: 1
}
#Form_newletter .contact-form.add .ps-shown-by-js i {
display: block
}
#Form_newletter .checkbox .custom-checkbox input[type=checkbox] {
opacity: 0
}
#Form_newletter .checkbox .text a {
font-weight: 700
}
#Form_newletter .checkbox .text a:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline
}
#Form_newletter .custom-checkbox {
-webkit-margin-end: 15px;
margin-inline-end: 15px;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
border: 1px solid #d0d0d0;
position: relative;
cursor: pointer;
border-radius: 2px;
margin-top: 3px
}
#Form_newletter .custom-checkbox .ps-shown-by-js {
position: absolute;
top: 0;
inset-inline-start: 50%;
transform: translate(-50%)
}
.lang-rtl #Form_newletter .custom-checkbox .ps-shown-by-js {
transform: translate(50%)
}
#Form_newletter .close {
background: #0000;
top: -50px;
inset-inline-end: -35px
}
#Form_newletter .close i {
font-size: 18px;
font-weight: 400;
color: #000;
transition: all .35s ease
}
#Form_newletter .close:hover i {
transform: rotate(180deg);
transition: all .35s ease
}
#Form_newletter .errors ul {
-webkit-padding-start: 15px;
padding-inline-start: 15px;
padding-bottom: 15px
}
@media (max-width: 991px) {
#Form_newletter .modal-dialog {
margin: 1.75rem 30px
}
}
@media (max-width: 767px) {
#Form_newletter .modal-content {
padding: 60px 0
}
}
@media (max-width: 575px) {
#Form_newletter .block_title {
padding: 0 0 30px
}
#Form_newletter .modal-dialog {
margin: 0
}
}
.cart_popup_opened .nov-bg {
background-color: #fff0;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
opacity: 1
}
.cart_popup_opened .cart__popup {
border-radius: 10px;
margin: 65px auto;
background: #fff;
position: relative;
box-shadow: 0 0 15px 5px #0003
}
@media (min-width: 1200px) {
.cart_popup_opened .cart__popup {
max-width: 1000px
}
}
.cart_popup_opened .cart-popup__content-top {
padding: 30px 40px 15px
}
.cart_popup_opened .cart-popup__content-bottom {
padding: 30px 40px
}
.cart_popup_opened .nov-content {
height: 100vh;
min-height: 600px;
display: flex;
align-items: center;
padding: 0 15px;
text-align: left !important
}
.lang-rtl .cart_popup_opened .nov-content {
text-align: right !important
}
.cart_popup_opened .cart-popup-heading .cart__popup-headingtitle {
font-size: 1.8rem;
-webkit-margin-end: 30px;
margin-inline-end: 30px;
color: var(--color-title);
font-family: var(--font-family-primary)
}
.cart_popup_opened .cart-popup-heading span {
font-size: 11px;
color: var(--color-title)
}
.cart_popup_opened .cart-message {
font-size: 12px;
color: #30b94d;
border: 1px solid #a2e0af;
background: #eef6f0;
border-radius: 3px;
overflow: hidden;
-webkit-padding-start: 15px;
padding-inline-start: 15px;
height: 40px;
margin-bottom: 20px;
display: flex;
align-items: center
}
.cart_popup_opened .cart-message i {
font-size: 1.8rem;
-webkit-margin-end: 11px;
margin-inline-end: 11px
}
.cart_popup_opened .cart-message strong {
-webkit-margin-end: 5px;
margin-inline-end: 5px;
font-weight: 600
}
.cart_popup_opened .cart-message.removed {
border-color: #f3c4c4;
background: #f9ebeb;
color: #eb5454
}
.cart_popup_opened .cart-message.removed i,
.cart_popup_opened .cart-message.removed strong {
color: #eb5454
}
@media (max-width: 767px) {
.cart_popup_opened .cart-message {
display: none !important
}
}
.cart_popup_opened .cart_items {
max-height: 185px;
overflow-y: auto;
-webkit-margin-start: -30px;
margin-inline-start: -30px;
-webkit-padding-start: 30px;
padding-inline-start: 30px;
-webkit-padding-end: 23px;
padding-inline-end: 23px;
padding-bottom: 10px
}
.cart_popup_opened .cart_items::-webkit-scrollbar-track {
background-color: #ededed;
border-radius: 10px
}
.cart_popup_opened .cart_items::-webkit-scrollbar {
width: 8px
}
.cart_popup_opened .cart_items::-webkit-scrollbar-thumb {
background-color: #9c9c9c;
border-radius: 10px;
border: 2px solid rgba(0, 0, 0, 0);
background-clip: content-box
}
@media (max-width: 767px) {
.cart_popup_opened .cart_items {
-webkit-padding-start: 40px;
padding-inline-start: 40px;
-webkit-padding-end: 10px;
padding-inline-end: 10px
}
}
.cart_popup_opened .cart__popup-item {
padding: 15px 20px;
background: #fff;
text-align: left !important;
border-radius: 10px;
border: 1px solid #e2e2e2;
position: relative;
box-shadow: 4px 4px 10px #0000001a
}
.lang-rtl .cart_popup_opened .cart__popup-item {
text-align: right !important
}
@media (max-width: 767px) {
.cart_popup_opened .cart__popup-item {
padding: 15px 20px 10px
}
}
@media (max-width: 575px) {
.cart_popup_opened .cart__popup-item {
flex-wrap: wrap
}
}
.cart_popup_opened .cart__popup-item .cart__popup-remove {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-start: -12px
}
.cart_popup_opened .cart__popup-item .cart__popup-remove a {
width: 25px;
height: 25px;
min-width: 25px;
line-height: 25px;
font-size: 14px;
border-radius: 100%;
color: #5e5e5e;
background-color: #e9e9e9;
text-align: center;
display: inline-block
}
.cart_popup_opened .cart__popup-item .cart__popup-remove a:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover)
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb {
-webkit-margin-end: 20px;
margin-inline-end: 20px;
min-width: 80px;
width: 80px;
border-radius: var(--product-corner-radius-image);
overflow: hidden
}
@media (max-width: 767px) {
.cart_popup_opened .cart__popup-item .cart__popup-thumb {
min-width: 45px
}
}
@media (max-width: 575px) {
.cart_popup_opened .cart__popup-item .cart__popup-thumb {
flex: 20%;
-webkit-margin-end: 0;
margin-inline-end: 0;
margin-bottom: 10px;
min-width: initial
}
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb img {
-o-object-fit: cover;
object-fit: cover
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb .ratio-11 {
aspect-ratio: 1/1
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb .ratio-34 {
aspect-ratio: 3/4
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb .ratio-43 {
aspect-ratio: 4/3
}
.cart_popup_opened .cart__popup-item .cart__popup_grow {
-webkit-padding-end: 25px;
padding-inline-end: 25px;
flex: auto
}
.cart_popup_opened .cart__popup-item .cart__popup_grow .cart__popup-title a {
font-size: 12px;
line-height: 1.5
}
.cart_popup_opened .cart__popup-item .cart__popup_grow .cart__popup-variant {
font-size: 10px
}
@media (max-width: 575px) {
.cart_popup_opened .cart__popup-item .cart__popup_grow {
flex: 80%;
-webkit-padding-start: 20px;
padding-inline-start: 20px;
-webkit-padding-end: 0;
padding-inline-end: 0
}
}
.cart_popup_opened .cart__popup-item .cart__popup-price {
min-width: 75px;
font-size: 13px;
color: var(--color-title)
}
@media (max-width: 575px) {
.cart_popup_opened .cart__popup-item .cart__popup-price {
flex: 30%;
min-width: initial
}
}
@media (max-width: 575px) {
.cart_popup_opened .cart__popup-item .cart__popup-quantity {
flex: 40%
}
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty--input {
width: 40px !important;
height: 36px !important;
font-family: var(--font-family-default);
font-size: 13px;
color: var(--color-title);
text-align: center;
padding: 0;
border: none
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty--input::-webkit-outer-spin-button,
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty--input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty--input[type=number] {
-webkit-appearance: textfield;
appearance: textfield;
-moz-appearance: textfield
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty {
font-weight: 300;
font-size: 1.4rem;
color: var(--color-text);
border: none;
width: 25px;
min-width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty:hover {
background-color: #e9e9e9
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .quantity {
max-width: 89px
}
.cart_popup_opened .cart__popup-item .cart__popup-total {
min-width: 80px;
font-size: 1.5rem;
color: var(--color-title);
-webkit-padding-start: 5px;
padding-inline-start: 5px
}
@media (max-width: 767px) {
.cart_popup_opened .cart__popup-item .cart__popup-total {
min-width: 70px
}
}
@media (max-width: 575px) {
.cart_popup_opened .cart__popup-item .cart__popup-total {
min-width: initial
}
.cart_popup_opened .cart__popup-item .cart__popup-total .quantity {
max-width: initial;
justify-content: center
}
}
.cart_popup_opened .cart-notice-total {
font-size: 1.4rem
}
.cart_popup_opened .cart-notice-total span {
color: #2f9e6b
}
.cart_popup_opened .cart__popup-total__price {
font-size: 12px;
line-height: 1;
color: var(--color-title)
}
.cart_popup_opened .cart__popup-total__price .cart__popup-stotal {
font-size: 18px
}
.cart_popup_opened .btn-action {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 72%;
font-weight: 700;
border: 1px solid #e2e2e2;
text-transform: uppercase;
border-radius: var(--button-corner)
}
.cart_popup_opened .btn-action.checkout-button {
background-color: #222;
color: #fff;
border-color: #0000
}
.cart_popup_opened .btn-action:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.cart_popup_opened .custom-checkbox {
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #d0d0d0;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
text-align: center;
line-height: 18px
}
.cart_popup_opened .custom-checkbox i {
display: none;
color: #fff
}
.cart_popup_opened .popup__cart-checkout .label__text p {
margin-bottom: 0;
font-weight: 700
}
.cart_popup_opened #checkout__input:checked+label .custom-checkbox {
background-color: var(--color-hover);
border-color: var(--color-hover)
}
.cart_popup_opened #checkout__input:checked+label .custom-checkbox i {
display: inline-block
}
.cart_popup_opened #checkout__input~.checkout-button {
background-color: #f4f4f4;
color: silver;
border-color: #0000;
pointer-events: none
}
.cart_popup_opened #checkout__input:checked~.checkout-button {
pointer-events: auto;
background-color: #222;
color: #fff
}
.cart_popup_opened #checkout__input:checked~.checkout-button:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
@media (min-width: 992px) {
.cart_popup_opened #threshold_bar_popup {
-webkit-margin-end: 23px;
margin-inline-end: 23px
}
.cart_popup_opened .col-lg-62-7 {
max-width: 62.7%;
flex: 0 0 62.7%
}
.cart_popup_opened .col-lg-37-3 {
max-width: 37.3%;
flex: 0 0 37.3%
}
}
@media (max-width: 1199px) {
.cart_popup_opened .cart__popup {
max-width: 100%
}
}
@media (max-width: 991px) {
.cart_popup_opened .nov-content {
align-items: flex-start
}
}
@media (max-width: 767px) {
.cart_popup_opened #threshold_bar_popup {
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
.cart_popup_opened .cart__popup {
border-radius: 0;
margin: 0;
padding-top: 50px
}
.cart_popup_opened .cart-popup__content-top,
.cart_popup_opened .cart-popup__content-bottom {
padding: 30px 10px
}
}
.cart__popup-related-title {
font-family: var(--font-family-default);
font-weight: 800;
font-size: 1.4rem;
color: var(--color-title);
margin-bottom: 25px
}
.product-related .popup__cart-product {
text-align: center;
background: #fff;
transition: all .35s linear
}
.product-related .popup__cart-product img {
border-radius: var(--border-radius-product-image)
}
.product-related .popup__cart-product .sp-post-image-second {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all .6s;
transform: translateY(15px)
}
.product-related .popup__cart-product .has-multiimage .sp-post-image {
transition: all .6s
}
.product-related .popup__cart-product .related_product-title {
font-weight: 700;
font-size: 12px;
color: var(--color-title);
margin-top: 15px;
margin-bottom: 5px;
display: block
}
.product-related .popup__cart-product .related_product-title:hover {
color: var(--color-hover)
}
.product-related .popup__cart-product .btnAddToCart {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
width: calc(100% - 20px);
border-radius: 5px;
padding: 0 5px;
height: 38px;
line-height: 38px;
position: absolute;
bottom: 10px;
inset-inline-start: 50%;
transform: translate(-50%);
opacity: 0;
visibility: hidden;
transition: all .3s;
color: var(--color-button-text);
background-color: var(--color-button);
border: var(--button-thickness) solid var(--color-button-border)
}
.lang-rtl .product-related .popup__cart-product .btnAddToCart {
transform: translate(50%)
}
.product-related .popup__cart-product .btnAddToCart:hover {
color: var(--color-button-text);
background-color: var(--color-button);
border-color: var(--color-button-border-hover)
}
.product-related .popup__cart-product .product-price__price {
font-size: 12px;
font-weight: 500;
font-family: var(--font-family-primary)
}
.product-related .popup__cart-product s.product-price__price {
color: #d5d5d5;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
font-family: var(--font-family-primary)
}
.product-related .popup__cart-product:hover .btnAddToCart {
visibility: visible;
opacity: 1
}
.product-related .popup__cart-product:hover .has-multiimage .sp-post-image {
opacity: 0
}
.product-related .popup__cart-product:hover .has-multiimage .sp-post-image-second {
opacity: 1;
visibility: visible;
transform: translateY(0)
}
.product-related-slider .slick-list {
margin: -5px;
padding: 5px
}
.product-related-slider .popup__cart-product {
border-radius: 10px;
border: 1px solid var(--color-border);
padding: 10px
}
.product-related-slider .popup__cart-product .thumbnail-container {
border-radius: var(--border-radius-product-image);
overflow: hidden;
transform: translateZ(0);
min-width: 80px;
width: 80px;
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.product-related-slider .popup__cart-product .sp-post-image-second {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all .6s
}
.product-related-slider .popup__cart-product .has-multiimage .sp-post-image {
transition: all .6s
}
.product-related-slider .popup__cart-product .product__info {
flex: auto
}
.product-related-slider .popup__cart-product .related_product-title {
font-weight: 500;
font-size: 12px;
color: var(--product-color-title);
margin-bottom: 10px
}
.product-related-slider .popup__cart-product .related_product-title:hover {
color: var(--color-hover)
}
.product-related-slider .popup__cart-product .form-btn-item-product {
-webkit-margin-start: auto;
margin-inline-start: auto
}
.product-related-slider .popup__cart-product .btn-addtocart {
font-size: 16px;
border-radius: 100%;
width: 40px;
height: 40px;
transition: .3s;
color: #000;
background-color: #f4f4f4;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
-webkit-margin-start: 5px;
margin-inline-start: 5px;
padding: 0
}
.product-related-slider .popup__cart-product .btn-addtocart svg {
max-width: 14px
}
.product-related-slider .popup__cart-product .btn-addtocart:hover {
color: var(--product-color-button-text-hover);
background-color: var(--product-color-button-hover);
border-color: var(--product-color-button-border-hover)
}
.product-related-slider .popup__cart-product .product-price__price {
font-size: 12px;
font-weight: 700;
color: var(--product-color-price)
}
.product-related-slider .popup__cart-product s.product-price__price {
color: var(--product-color-reduced-price);
-webkit-margin-start: 10px;
margin-inline-start: 10px
}
.product-related-slider .popup__cart-product:hover .btnAddToCart {
visibility: visible;
opacity: 1
}
.product-related-slider .popup__cart-product:hover .has-multiimage .sp-post-image {
opacity: 0
}
.product-related-slider .popup__cart-product:hover .has-multiimage .sp-post-image-second {
opacity: 1;
visibility: visible
}
.product-related-slider .slick-dots {
margin-top: 20px;
padding-bottom: 1px
}
@media (max-width: 767px) {
.product-related-slider .slick-list {
-webkit-margin-start: -5px;
margin-inline-start: -5px;
-webkit-margin-end: -15vw;
margin-inline-end: -15vw;
-webkit-padding-start: 5px;
padding-inline-start: 5px;
-webkit-padding-end: 30vw;
padding-inline-end: 30vw
}
}
.content_threshold.threshold_congrats {
margin-bottom: 30px;
background: #30b94d;
font-family: var(--font-family-default);
font-weight: 800;
font-size: 10px;
color: #fff;
text-transform: uppercase;
min-height: 22px;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: .25px;
padding: 0 5px
}
.content_threshold.threshold_congrats i {
font-size: 15px;
font-weight: 400;
color: #fff;
-webkit-margin-start: 6px;
margin-inline-start: 6px
}
.threshold_spend {
font-family: var(--font-family-default);
font-weight: 700;
font-size: 12px;
margin-bottom: 10px
}
.threshold_spend.spend_congrats span {
display: inline-flex;
align-items: center
}
.threshold_spend:not(.spend_congrats) span:not(.money) {
color: #30b94d
}
.threshold_spend i {
font-size: 22px;
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.threshold_bar {
background-color: #ededed;
border-radius: 20px;
padding: 1px
}
.threshold_bar .animate {
display: block;
height: 7px;
position: relative;
max-width: 100%;
border-radius: 20px;
background-color: #30b94d;
transition: width .6s ease
}
.threshold_bar .animate span {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
inset-inline-start: 100%;
font-size: 16px;
color: #30b94d;
width: 26px;
height: 26px;
border: 1px solid #30b94d;
border-radius: 100%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center
}
.lang-rtl .threshold_bar .animate span {
transform: translate(50%, -50%)
}
.threshold_bar.threshold_congrats {
border-color: #9bdfc0
}
.threshold_bar.threshold_congrats .animate {
background-color: #30b94d
}
.nov-move-horizontal .nov-with-anim {
opacity: 0;
visibility: hidden;
transition: all .35s linear
}
.nov-move-horizontal.nov-ready .nov-with-anim {
opacity: 1;
visibility: initial;
transition: all .35s linear
}
.nov-with-anim .close-icon {
position: absolute;
top: 10px;
inset-inline-end: 10px
}
#popup-Wishlist {
width: 380px;
background: #0000;
border-radius: 0;
box-shadow: 10px 10px 13px #00000040
}
#popup-Wishlist.loading-modal {
display: block;
transform: translate(410px);
transition: all .3s ease 2s;
opacity: 0;
visibility: hidden;
top: initial;
bottom: 30px;
inset-inline-start: initial;
inset-inline-end: 30px
}
.lang-rtl #popup-Wishlist.loading-modal {
transform: translate(-410px)
}
#popup-Wishlist .modal-header {
padding: 9px 10px;
background: var(--color-button);
position: static;
width: initial;
border-radius: 0;
height: initial;
min-height: initial;
line-height: initial;
justify-content: space-between
}
#popup-Wishlist .modal-header .message_title {
font-family: var(--font-family-default);
font-weight: 700;
font-size: 10px;
color: var(--color-button-text);
text-transform: uppercase
}
#popup-Wishlist .modal-header .message_title i {
font-size: 1.5rem;
font-weight: 400;
color: var(--color-button-text);
-webkit-margin-end: 12px;
margin-inline-end: 12px
}
#popup-Wishlist .modal-header button {
width: initial;
height: initial;
position: relative;
border-radius: 0;
background: #0000;
padding: 0;
margin: 0;
text-shadow: none;
border: none;
cursor: pointer;
transition: all .35s linear
}
#popup-Wishlist .modal-header button i {
font-size: 12px;
font-weight: 400;
color: #fff
}
#popup-Wishlist .modal-header button:hover {
transform: rotate(180deg)
}
#popup-Wishlist .modal-body {
padding: 10px;
background: #fff
}
#popup-Wishlist .modal-body .wishlistImage {
-webkit-margin-end: 24px;
margin-inline-end: 24px
}
#popup-Wishlist .modal-body .product-title {
-webkit-padding-start: 20px;
padding-inline-start: 20px;
-webkit-padding-end: 33px;
padding-inline-end: 33px;
font-family: var(--font-family-default);
font-size: 12px;
font-weight: 600;
color: var(--color-title)
}
#popup-Wishlist .modal-body .product-title a {
font-family: var(--font-family-default);
font-size: 12px;
font-weight: 600;
color: var(--color-title)
}
#popup-Wishlist .modal-body .product-title a:hover,
#popup-Wishlist .modal-body .product-title:hover {
color: var(--color-hover)
}
#popup-Wishlist .modal-body .btn {
height: 30px;
line-height: 30px;
padding: 0 10px;
min-width: initial
}
#popup-Wishlist .actions {
-webkit-margin-start: auto;
margin-inline-start: auto
}
#popup-Wishlist.novload .modal-body:after {
content: "";
position: absolute;
inset-inline-start: 0;
bottom: 0;
width: 0;
height: 3px;
background: #c4e8bf;
-webkit-animation: novload 5s linear;
animation: novload 5s linear
}
#popup-Wishlist .btn-wishlist {
font-size: 1.3rem;
text-transform: capitalize;
font-weight: 500;
font-family: var(--font-family-default)
}
@media (max-width: 767px) {
#popup-Wishlist .modal-header {
margin: 0
}
}
@media (max-width: 400px) {
#popup-Wishlist.loading-modal {
width: 290px;
bottom: 85px;
inset-inline-end: 15px
}
#popup-Wishlist.loading-modal .modal-body .product-title {
-webkit-padding-start: 15px;
padding-inline-start: 15px;
-webkit-padding-end: 10px;
padding-inline-end: 10px
}
}
#ModalVideo {
height: 100vh
}
#ModalVideo .modal-header {
inset-inline-end: -25px;
top: -25px;
background-color: #fff
}
#ModalVideo .modal-body {
box-shadow: 0 0 10px #0000001a;
border-radius: 5px
}
#ModalVideo .modal-dialog {
max-width: initial;
width: 75%;
margin: 0 auto;
height: 100%
}
#ModalVideo .modal-content {
flex-direction: row
}
#ModalVideo .embed-responsive {
max-height: calc(100vh - 100px);
margin: auto
}
@media (max-width: 767px) {
#ModalVideo .modal-dialog {
width: 90%;
margin: auto
}
#ModalVideo .modal-dialog .modal-content {
height: initial;
padding: 0;
overflow: initial
}
#ModalVideo .modal-header {
position: absolute !important;
left: 50%;
transform: translate(-50%);
right: inherit;
top: -75px
}
}
[class*=variant-color-] {
background-size: cover;
background-position: center
}
.preloader_nov {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100%;
z-index: 9999999;
background: var(--bg-loadpage)
}
.preloader_nov .nov_load {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
height: 100px;
width: 100px;
display: block
}
.lang-rtl .preloader_nov .nov_load {
transform: translate(50%, -50%)
}
#nov-popup-fake-order {
position: fixed;
inset-inline-start: 10px;
bottom: 60px;
background: #fff;
z-index: 9;
border-radius: 10px;
padding: 10px;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
-webkit-padding-end: 60px;
padding-inline-end: 60px;
transition: transform 1s ease, opacity .5s, visibility .5s;
box-shadow: 0 0 35px #0000001f;
transform: translate(-80%);
opacity: 0;
visibility: hidden;
font-size: 13px
}
.lang-rtl #nov-popup-fake-order {
transform: translate(80%)
}
#nov-popup-fake-order.act {
opacity: 1;
transform: translate(0);
visibility: visible
}
.lang-rtl #nov-popup-fake-order.act {
transform: translate(0)
}
@media (min-width: 768px) {
#nov-popup-fake-order {
inset-inline-start: 15px;
bottom: 30px
}
}
#nov-popup-fake-order .product-image {
-webkit-margin-end: 20px;
margin-inline-end: 20px;
max-width: 95px
}
#nov-popup-fake-order .product-title {
max-width: 250px
}
#nov-popup-fake-order .zmdi-eye {
color: #c6c6c6;
-webkit-margin-start: 8px;
margin-inline-start: 8px;
font-size: 18px
}
#nov-popup-fake-order .zmdi-eye:hover {
color: var(--color-hover)
}
#nov-popup-fake-order [class*=rbb-icon] {
font-size: 18px
}
#nov-popup-fake-order .rbb-icon-time-2 {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
#nov-popup-fake-order .time {
-webkit-margin-end: 24px;
margin-inline-end: 24px
}
#nov-popup-fake-order .block-verified {
color: #34ad5e
}
#nov-popup-fake-order .close-popup {
position: absolute;
top: 11px;
inset-inline-end: 18px;
color: #000;
transition: transform .7s ease;
line-height: 1;
font-size: 16px
}
#nov-popup-fake-order .close-popup:hover {
color: var(--color-hover)
}
#nov-popup-fake-order .rbb-icon-check-4 {
background-color: #fff;
border-radius: 100%
}
#nov-popup-fake-order .icon-verified {
position: relative;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
#nov-popup-fake-order .icon-verified:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
top: 0;
left: 0;
-webkit-animation: scaleIcon 1.2s linear infinite;
animation: scaleIcon 1.2s linear infinite
}
.shopify-pc__banner__dialog {
max-width: 600px !important;
border-top-left-radius: 6px !important
}
.shopify-pc__banner__dialog .shopify-pc__banner__body {
margin-bottom: 20px
}
.shopify-pc__banner__dialog .shopify-pc__banner__btns {
justify-content: flex-start;
flex-wrap: wrap
}
.shopify-pc__banner__dialog .shopify-pc__banner__btn-manage-prefs {
order: 2;
text-align: left;
padding: 0;
flex: 0 0 100%;
margin-top: 20px;
outline: none !important
}
.shopify-pc__banner__dialog .shopify-pc__banner__btn-manage-prefs span {
outline: none !important
}
.shopify-pc__banner__dialog .shopify-pc__banner__btn-accept,
.shopify-pc__banner__dialog .shopify-pc__banner__btn-decline {
flex: 0 0 35%;
margin: 0 10px 0 0;
padding: 16px 25px
}
.shopify-pc__banner__dialog button:not(.shopify-pc__banner__btn-manage-prefs) {
border-radius: var(--button-corner) !important;
outline: none !important;
transition: .3s
}
.shopify-pc__banner__dialog button:not(.shopify-pc__banner__btn-manage-prefs):hover {
color: var(--color-button-text-hover) !important;
background: var(--color-button-hover) !important;
border-color: var(--color-button-border-hover) !important
}
.block_accordion .nov-accordion__title {
text-decoration: none;
cursor: pointer;
position: relative;
font-family: var(--heading-font-family);
transition: background .3s linear
}
.block_accordion .nov-accordion__title:after {
position: absolute;
font-family: var(--font-icon);
top: 50%;
transform: translateY(-50%);
inset-inline-end: 20px;
font-size: 18px;
font-weight: 400
}
.block_accordion .nov-accordion__title.act {
color: var(--color-hover);
background-color: #e6e6e6
}
.block_accordion .nov-accordion__content {
display: none
}
.el-parallax {
position: absolute;
top: -150px !important;
left: 0;
width: 100%;
height: calc(100% + 300px) !important;
transition: transform .2s linear;
background: var(--url) no-repeat center;
background-size: cover
}
.template-index .pswp__container {
transition: transform .7s cubic-bezier(.645, .045, .355, 1)
}
.template-index .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: url(icon-zoom.svg), auto
}
.template-index .pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: grab
}
.template-index .pswp__button--close {
position: fixed;
left: 50%;
transform: translate(-50%);
width: 55px;
height: 55px;
border-radius: 100%;
background-color: #fff;
margin: 0;
opacity: 1;
bottom: 50px;
box-shadow: 0 2px 10px #0000001a;
transition: all .2s ease-in-out !important
}
.template-index .pswp__button--close svg {
width: 15px;
height: 15px
}
.template-index .pswp__button--close:hover,
.template-index .pswp__button--close:active,
.template-index .pswp__button--close:focus {
background-color: #fff;
transform: translate(-50%) scale(1.1)
}
.template-index .pswp__button--close:hover svg,
.template-index .pswp__button--close:active svg,
.template-index .pswp__button--close:focus svg {
-webkit-animation: topbotom .5s ease-in-out forwards;
animation: topbotom .5s ease-in-out forwards
}
.template-index .pswp__button--close .pswp__icn {
position: static
}
.template-index .pswp__button--arrow {
position: fixed;
bottom: 55px;
top: initial;
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #fff;
box-shadow: 0 2px 10px #0000001a;
display: flex;
align-items: center;
justify-content: center;
transform: translate(-50%);
transition: all .2s ease-in-out !important
}
.template-index .pswp__button--arrow .pswp__icn {
width: 15px;
height: 15px;
margin: 0;
position: static;
transform: none
}
.template-index .pswp__button--arrow.pswp__button--arrow--prev {
left: calc(50% - 70px)
}
.template-index .pswp__button--arrow.pswp__button--arrow--next {
left: calc(50% + 70px);
right: initial
}
.template-index .pswp__button--arrow:hover,
.template-index .pswp__button--arrow:active,
.template-index .pswp__button--arrow:focus {
background-color: #fff;
transform: translate(-50%) scale(1.1);
box-shadow: 0 2px 10px #0000001a
}
.template-index .pswp__button--arrow:hover.pswp__button--arrow--prev svg,
.template-index .pswp__button--arrow:active.pswp__button--arrow--prev svg,
.template-index .pswp__button--arrow:focus.pswp__button--arrow--prev svg {
-webkit-animation: rightleft .5s ease-in-out forwards;
animation: rightleft .5s ease-in-out forwards
}
.template-index .pswp__button--arrow:hover.pswp__button--arrow--next svg,
.template-index .pswp__button--arrow:active.pswp__button--arrow--next svg,
.template-index .pswp__button--arrow:focus.pswp__button--arrow--next svg {
-webkit-animation: leftright .5s ease-in-out forwards;
animation: leftright .5s ease-in-out forwards
}
.gradient-animate {
background-size: 400% 400% !important;
-webkit-animation: BgGradient linear infinite;
animation: BgGradient linear infinite;
-webkit-animation-duration: var(--bg-gradient-time);
animation-duration: var(--bg-gradient-time)
}
.gradient-animate:before {
background-size: 400% 400% !important;
-webkit-animation: BgGradient linear infinite;
animation: BgGradient linear infinite;
-webkit-animation-duration: var(--bg-gradient-time);
animation-duration: var(--bg-gradient-time)
}
#AirReviews-BlockWrapper {
font-family: var(--font-family-default) !important;
max-width: var(--container);
margin: auto
}
@media (max-width: 767px) {
#AirReviews-BlockWrapper {
padding: 0 15px
}
}
.AirReviews-Blocks__List,
.AirReviews-NoReview__Inner {
margin-top: 0 !important
}
.AirReviews-Blocks__LayoutList .AirReviews-Blocks__PresetModern .AirReviews-Blocks__List .AirReviews-Blocks__ListReview .AirReviews-Blocks__ReviewDetails,
.AirReviews-Blocks__LayoutList.AirReviews-Blocks__PresetModern .AirReviews-Blocks__List .AirReviews-Blocks__ListReview .AirReviews-Blocks__ReviewDetails,
.AirReviews-Blocks .AirReviews-Blocks__List .AirReviews-NoReview__Wrapper .AirReviews-NoReview__Inner,
.AirReviews-Blocks__LayoutList .AirReviews-Blocks__PresetModern .AirReviews-Blocks__Summary,
.AirReviews-Blocks__LayoutList.AirReviews-Blocks__PresetModern .AirReviews-Blocks__Summary {
box-shadow: none !important;
border: 1px solid #e2e2e2 !important;
padding: 20px !important;
border-radius: 5px
}
.item-product .AirReviews-StarRate .AirReviews-StarRate--Icon {
margin-right: 2px !important
}
.item-product .AirReviews-StarRate .AirReviews-StarRate--Icon:last-child {
margin: 0 !important
}
.item-product .AirReviews-StarRate .Avada_Star-Icon {
font-size: 12px !important
}
.item-product .AirReviews-StarRate--Count {
display: none !important
}
@media (max-width: 600px) {
.item-product .AirReviews-Widget.AirReviews-Widget--Stars {
display: block !important
}
}
.AirReviews-Thumbnail>img,
.AirReviews-Thumbnail--selected>img {
border-radius: 5px
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks__Summary {
box-shadow: 4px 4px 8px #0000001a !important;
border: 1px solid #e2e2e2 !important;
border-radius: 5px !important;
padding: 15px !important;
width: 30%
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks__SummaryLeft {
border: none !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Information {
display: block !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Rate {
background: #f6f6f6;
display: flex
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Rate .AirReviews-Blocks--RateCount {
font-size: 4.8rem;
-webkit-margin-end: 15px;
margin-inline-end: 15px;
-webkit-padding-end: 15px;
padding-inline-end: 15px;
-webkit-border-end: 1px solid #d7d7d7;
border-inline-end: 1px solid #d7d7d7
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Rate .AirReviews-Text--bodySm span {
font-size: 2rem !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--MaximumRate {
display: none !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--List {
margin: 0 !important;
padding: 15px;
background: #f6f6f6;
border-radius: var(--air-border-radius-sm)
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--List .AirReviews-Blocks-Star>div {
width: 12px !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Actions {
margin: 16px 0 0 !important;
display: block !important;
text-align: center !important;
font-size: 16px;
background: #f6f6f6;
border-radius: var(--air-border-radius-sm);
padding: 16px !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Actions .AirReviews-Blocks__ActionRate {
margin: 5px auto 0 !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks__List {
width: 66% !important;
margin-top: 20px !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks__List .AirReviews-NoReview__Wrapper .AirReviews-NoReview__Inner {
margin-top: 0 !important;
border-radius: 5px !important
}
@media (max-width: 767px) {
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks--Title {
padding: 15px 15px 0 !important
}
.AirReviews-Blocks__PresetSimple .AirReviews-Blocks__List {
width: 100% !important
}
}
@media (max-width: 767px) {
.template-product .AirReviews-PreviewWrapper__Mobile .AirReviews-Blocks__Summary {
box-shadow: 4px 4px 8px #0000001a !important;
border: 1px solid #e2e2e2 !important;
border-radius: 5px !important;
padding: 15px !important;
width: 30%;
margin-bottom: 30px !important
}
}
.item-hexagon {
position: relative
}
.item-hexagon svg {
height: auto
}
.item-hexagon svg:first-child {
width: var(--size);
stroke-dasharray: var(--dasharray);
position: relative
}
.item-hexagon svg:first-child use {
stroke: var(--stroke);
fill: var(--fill)
}
.item-hexagon svg:nth-child(2) {
position: absolute
}
.item-hexagon.style-1 svg:first-child {
z-index: 2
}
.item-hexagon.style-1 svg:nth-child(2) {
z-index: 1;
top: 5px;
inset-inline-start: 2px;
width: calc(var(--size) + 4px);
fill: var(--fill-second)
}
.item-hexagon.style-2 svg:nth-child(2) {
width: calc(var(--size) - 11%);
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.item-hexagon.style-2 svg:nth-child(2) use {
fill: var(--fill-second)
}
.shopify-section {
overflow: hidden
}
.shopify-section:has(.row-sticky) {
overflow: initial
}
@media (min-width: 576px) {
.shopify-section:has(.row-sticky-sm) {
overflow: initial
}
}
@media (min-width: 768px) {
.shopify-section:has(.row-sticky-md) {
overflow: initial
}
}
@media (min-width: 992px) {
.shopify-section:has(.row-sticky-lg) {
overflow: initial
}
}
@media (min-width: 1200px) {
.shopify-section:has(.row-sticky-xl) {
overflow: initial
}
}
.shopify-section:has(.product-template__container) {
overflow: initial
}
.shopify-section .full-screen-right {
-webkit-padding-end: 0 !important;
padding-inline-end: 0 !important
}
.shopify-section .full-screen-right .container-inner {
-webkit-margin-end: -50vw !important;
margin-inline-end: -50vw !important;
-webkit-padding-end: 50vw !important;
padding-inline-end: 50vw !important
}
@media (max-width: 767px) {
.shopify-section .distance {
padding-top: var(--di-pt-sm);
padding-bottom: var(--di-pb-sm)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.shopify-section .distance {
padding-top: var(--di-pt-md);
padding-bottom: var(--di-pb-md)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.shopify-section .distance {
padding-top: var(--di-pt-lg);
padding-bottom: var(--di-pb-lg)
}
}
@media (min-width: 1200px) {
.shopify-section .distance {
padding-top: var(--di-pt-xl);
padding-bottom: var(--di-pb-xl)
}
}
.shopify-section .distance.bg {
position: relative;
border-radius: var(--ss-bg-corner);
z-index: 1
}
.shopify-section .distance.bg:before {
content: "";
position: absolute;
left: 0;
width: 100%;
background-color: var(--ss-bg-color);
background-repeat: no-repeat;
background-position: var(--ss-bg-image-position);
background-size: var(--ss-bg-image-size);
border-radius: var(--ss-bg-corner);
z-index: -1
}
.shopify-section .distance.bg.bg-top:before {
top: 0
}
.shopify-section .distance.bg.bg-center:before {
top: 50%;
transform: translateY(-50%)
}
.shopify-section .distance.bg.bg-bottom:before {
bottom: 0
}
@media (max-width: 575px) {
.shopify-section .distance.bg:before {
height: var(--bg-height-xs)
}
}
@media (min-width: 576px)and (max-width: 767px) {
.shopify-section .distance.bg:before {
height: var(--bg-height-sm)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.shopify-section .distance.bg:before {
height: var(--bg-height-md)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.shopify-section .distance.bg:before {
height: var(--bg-height-lg)
}
}
@media (min-width: 1200px)and (max-width: 1440px) {
.shopify-section .distance.bg:before {
height: var(--bg-height-xl)
}
}
@media (min-width: 1441px) {
.shopify-section .distance.bg:before {
height: var(--bg-height-xxl)
}
}
.shopify-section .distance.container-inner.bg {
overflow: hidden;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 1200px) {
.shopify-section .distance.container-inner.bg {
padding-left: var(--ss-bg-padding-horizontal);
padding-right: var(--ss-bg-padding-horizontal)
}
}
.wow {
opacity: 0
}
.wow.ewow {
opacity: 1
}
.nov-sh-image-1 {
position: relative;
overflow: hidden;
transform: translateZ(0)
}
.nov-sh-image-1:after {
content: "";
display: inline-block;
width: 150%;
height: 80%;
position: absolute;
top: -75%;
inset-inline-end: 32%;
background: #ffffff26;
transform: skewY(-50deg);
transition: all .35s ease
}
.lang-rtl .nov-sh-image-1:after {
transform: skewY(50deg)
}
.nov-sh-image-1:hover:after {
top: 120%;
inset-inline-end: -75%;
transition: all .35s ease
}
.nov-sh-image-2 {
overflow: hidden;
transform: translateZ(0)
}
.nov-sh-image-2 img {
transition: all 1.5s ease-out
}
.nov-sh-image-2:hover:not(.no-sh-xs) img {
transform: scale(1.07)
}
@media (min-width: 576px) {
.nov-sh-image-2:hover.no-sh-xs img {
transform: scale(1.07)
}
}
.nov-sh-image-3:hover img {
-webkit-animation: policy 1s linear;
animation: policy 1s linear
}
.nov-sh-image-4 {
opacity: 70%;
transition: opacity .3s
}
.nov-sh-image-4:hover {
opacity: 100%
}
.nov-sh-image-5 {
transition: .3s linear
}
.nov-sh-image-5:hover img {
filter: brightness(.7)
}
.nov-sh-image-6 {
position: relative;
overflow: hidden
}
.nov-sh-image-6:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background: #ffffff03;
transition: .5s
}
.nov-sh-image-6:hover:before {
opacity: 1
}
#preview-bar-iframe,
#PBarNextFrameWrapper {
display: none !important
}
.nov-btn-click-slider {
position: relative
}
.nov-btn-click-slider .el-slider {
position: absolute;
height: 100%;
top: 50%;
transform: translateY(-50%);
box-shadow: 5px 5px 8px #00000012;
transition: all .3s ease-in-out
}
@media (min-width: 1200px) {
.theme-blocks-item {
padding-top: var(--mt-xl);
padding-bottom: var(--mb-xl)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.theme-blocks-item {
padding-top: var(--mt-lg);
padding-bottom: var(--mb-lg)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.theme-blocks-item {
padding-top: var(--mt-md);
padding-bottom: var(--mb-md)
}
}
@media (max-width: 767px) {
.theme-blocks-item {
padding-top: var(--mt-sm);
padding-bottom: var(--mb-sm)
}
}
.pattern-section {
width: var(--width);
min-width: 60px
}
.pattern-animate-1 {
-webkit-animation: patternAnimate1 2.5s linear infinite;
animation: patternAnimate1 2.5s linear infinite
}
.pattern-animate-2 {
-webkit-animation: patternAnimate2 2.5s linear infinite;
animation: patternAnimate2 2.5s linear infinite
}
@-webkit-keyframes patternAnimate1 {
0% {
transform: rotate(0) translate(-5px) rotate(0)
}
to {
transform: rotate(360deg) translate(-5px) rotate(-360deg)
}
}
@keyframes patternAnimate1 {
0% {
transform: rotate(0) translate(-5px) rotate(0)
}
to {
transform: rotate(360deg) translate(-5px) rotate(-360deg)
}
}
@-webkit-keyframes patternAnimate2 {
0% {
transform: scaleZ(1)
}
30% {
transform: scale3d(.75, 1.25, 1)
}
40% {
transform: scale3d(1.25, .75, 1)
}
50% {
transform: scale3d(.85, 1.15, 1)
}
65% {
transform: scale3d(1.05, .95, 1)
}
75% {
transform: scale3d(.95, 1.05, 1)
}
to {
transform: scaleZ(1)
}
}
@keyframes patternAnimate2 {
0% {
transform: scaleZ(1)
}
30% {
transform: scale3d(.75, 1.25, 1)
}
40% {
transform: scale3d(1.25, .75, 1)
}
50% {
transform: scale3d(.85, 1.15, 1)
}
65% {
transform: scale3d(1.05, .95, 1)
}
75% {
transform: scale3d(.95, 1.05, 1)
}
to {
transform: scaleZ(1)
}
}
@-webkit-keyframes progress {
0% {
background-position: 0 0
}
to {
background-position: -60px -60px
}
}
@keyframes progress {
0% {
background-position: 0 0
}
to {
background-position: -60px -60px
}
}
@-webkit-keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes novload {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes novload {
0% {
width: 0
}
to {
width: 100%
}
}
@-webkit-keyframes scaleIcon {
0% {
opacity: .7;
box-shadow: 0 0 0 0 var(--color)
}
to {
opacity: 0;
box-shadow: 0 0 0 7px var(--color)
}
}
@keyframes scaleIcon {
0% {
opacity: .7;
box-shadow: 0 0 0 0 var(--color)
}
to {
opacity: 0;
box-shadow: 0 0 0 7px var(--color)
}
}
@-webkit-keyframes BgGradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
to {
background-position: 0% 50%
}
}
@keyframes BgGradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
to {
background-position: 0% 50%
}
}
@-webkit-keyframes headingAnimate {
0% {
transform: translateY(0)
}
50% {
transform: translateY(20px)
}
to {
transform: translateY(0)
}
}
@keyframes headingAnimate {
0% {
transform: translateY(0)
}
50% {
transform: translateY(20px)
}
to {
transform: translateY(0)
}
}
@-webkit-keyframes hoverButton {
0% {
transform: translateY(0)
}
to {
transform: translateY(-80%)
}
}
@keyframes hoverButton {
0% {
transform: translateY(0)
}
to {
transform: translateY(-80%)
}
}
@-webkit-keyframes hoverButton2 {
0% {
transform: translateY(80%)
}
to {
transform: translateY(0)
}
}
@keyframes hoverButton2 {
0% {
transform: translateY(80%)
}
to {
transform: translateY(0)
}
}
[class*=shopify-section-group-header-group-] {
overflow: initial
}
.site-header {
position: relative;
z-index: 12
}
.site-header .container-full {
padding: 0 15px
}
.site-header .nov_ud_group:not(:last-child) {
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
.site-header .nov_ud_group .nov_ud_btn {
background-color: #0000;
padding: 0 5px;
height: 26px
}
.site-header .nov_ud_group .nov_ud_btn span {
white-space: nowrap
}
.site-header .nov_ud_group .nov_ud_btn:hover {
color: var(--color-hover) !important
}
.site-header .nov_ud_group .nov_ud_dropdown {
min-width: 170px;
top: calc(100% + 12px);
bottom: initial;
inset-inline-start: initial;
inset-inline-end: 0
}
.site-header #AccessibleNav.text-left .site-nav .nav--lv1:first-child {
-webkit-padding-start: 0;
padding-inline-start: 0;
-webkit-padding-end: 16px;
padding-inline-end: 16px
}
.header-content,
.header-top,
.header-bottom {
background: var(--color-background)
}
.header-group-item>div:not(:last-child) {
-webkit-margin-end: 3rem;
margin-inline-end: 3rem
}
.header-icon {
position: relative;
cursor: pointer;
transition: .3s;
font-size: 20px;
color: var(--color-icons);
line-height: 1
}
.header-icon:hover,
.header-icon:hover .header-label {
color: var(--color-hover)
}
.header-icon:has(svg) {
font-size: initial
}
.header-icon .rbb-icon-shopping-cart-6 {
font-size: 25px
}
.header-icon .rbb-icon-shopping-basket-6 {
font-size: 24px
}
.header-icon .rbb-icon-shopping-basket-2 {
font-size: 22px
}
.header-icon.search__btn-overlay {
font-size: 24px;
display: flex
}
.header-icon[title=Account] .header-label {
-webkit-margin-start: 12px;
margin-inline-start: 12px
}
.header-icon svg {
width: 18px;
height: auto
}
.header-label {
font-size: 1.2rem;
text-transform: capitalize;
color: var(--color-text);
transition: .3s;
font-weight: 500;
-webkit-margin-start: 12px;
margin-inline-start: 12px
}
@media (max-width: 991px) {
.header-label {
display: none
}
}
.WishlistCount {
min-width: 16px;
height: 16px;
font-size: 10px;
font-family: var(--font-family-primary);
padding-inline: 2px;
border-radius: 100%;
position: absolute;
inset-block-start: -6px;
inset-inline-end: -8px;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: var(--color-button-text);
background-color: var(--color-button)
}
.cart__canvas_count,
#header-cart-total {
position: relative;
height: 25px;
font-size: 11px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-button-text);
background-color: var(--color-button);
border: 1px solid var(--color-button-border);
line-height: 1;
border-radius: 4px;
-webkit-padding-start: 6px;
padding-inline-start: 6px;
-webkit-padding-end: 7px;
padding-inline-end: 7px;
-webkit-margin-start: 20px;
margin-inline-start: 20px
}
.cart__canvas_count:before,
#header-cart-total:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: rgba(0, 0, 0, 0) var(--color-button) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
inset-inline-start: -12px
}
.lang-rtl .cart__canvas_count:before,
.lang-rtl #header-cart-total:before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--color-button)
}
@media (max-width: 991px) {
.cart__canvas_count,
#header-cart-total {
display: none
}
}
#header-cart-total {
-webkit-margin-start: 10px;
margin-inline-start: 10px;
font-size: 10px;
font-weight: 700
}
.block_social .list-inline-item:not(:last-child) {
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
.block_social a {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
font-size: 14px;
border: 1px solid var(--color-border)
}
.block_social a svg {
width: 14px;
height: auto;
position: relative
}
.block_social .social-title {
display: none;
-webkit-margin-start: 25px;
margin-inline-start: 25px
}
@media (min-width: 768px) {
#header-sticky {
position: fixed;
width: 100%;
top: -60px;
inset-inline-start: 0;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: .3s linear;
box-shadow: 0 0 10px #0000001a;
background: var(--color-background)
}
#header-sticky .bl_content {
height: 60px
}
#header-sticky.sticky-header-active {
top: 0;
opacity: 1;
visibility: visible
}
#header-sticky .dropdown-toggle:after {
display: none
}
#header-sticky #AccessibleNav .site-nav .nav--lv1 {
padding-top: 0;
padding-bottom: 0;
height: 60px
}
#header-sticky #AccessibleNav .site-nav .nav--lv1:hover .nav-dropdown--lv1.megaMenu {
top: 100%
}
#header-sticky .site-nav--Megamenu.site-nav--fw .megaMenu {
inset-inline-start: 0 !important;
transform: translate(0)
}
#header-sticky .site-header__logo img {
max-height: 52px;
width: auto
}
#header-sticky .site-nav--btn {
min-width: initial;
height: 40px
}
}
.site-header__cart {
position: relative
}
.site-header__cart .site-header__cart-count {
min-width: 16px;
height: 16px;
font-size: 10px;
font-family: var(--font-family-primary);
color: var(--color-button-text);
background-color: var(--color-button);
border-radius: 100%;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
inset-block-start: -6px;
inset-inline-end: -8px;
padding-inline: 2px
}
.site-header__cart .site-header__cart-count .CartCount {
line-height: 1
}
#cart-info .ajaxcart__product {
position: relative;
padding: 20px
}
#cart-info .ajaxcart__product .media img {
width: 110px;
-webkit-margin-end: 20px;
margin-inline-end: 20px;
border-radius: var(--product-corner-radius-image);
-o-object-fit: cover;
object-fit: cover
}
#cart-info .ajaxcart__product .media img.ratio-11 {
aspect-ratio: 1/1
}
#cart-info .ajaxcart__product .media img.ratio-34 {
aspect-ratio: 3/4
}
#cart-info .ajaxcart__product .media img.ratio-43 {
aspect-ratio: 4/3
}
#cart-info .ajaxcart__product .product-name span,
#cart-info .ajaxcart__product .ajaxcart__product-meta span {
font-size: 12px;
text-transform: none;
color: var(--color-title);
font-weight: 700;
display: block;
margin-bottom: 13px
}
#cart-info .ajaxcart__product .product-name span.title:hover,
#cart-info .ajaxcart__product .ajaxcart__product-meta span.title:hover {
color: var(--color-hover)
}
#cart-info .ajaxcart__product .product-name span.bt_s,
#cart-info .ajaxcart__product .ajaxcart__product-meta span.bt_s {
color: var(--color-text);
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
margin-bottom: 8px
}
#cart-info .ajaxcart__product .product-price {
font-size: 12px;
color: var(--color-title);
font-weight: 800
}
#cart-info .ajaxcart__product .quantity {
font-size: 1.2rem;
color: var(--color-title);
font-weight: 500
}
#cart-info .ajaxcart__product .remove-from-cart {
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
border-radius: 100%;
color: #5e5e5e;
background: #e6e6e6;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0)
}
#cart-info .ajaxcart__product .remove-from-cart:hover {
background-color: var(--color-button);
color: var(--color-button-text);
border-color: var(--color-button-border)
}
#cart-info .ajaxcart__product .cart__mini--qty .cart__mini-qty--input {
width: 40px !important;
height: 36px !important;
font-family: var(--font-family-default);
font-size: 13px;
color: var(--color-title);
text-align: center;
padding: 0;
border: none
}
#cart-info .ajaxcart__product .cart__mini--qty .cart__mini-qty--input::-webkit-outer-spin-button,
#cart-info .ajaxcart__product .cart__mini--qty .cart__mini-qty--input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
#cart-info .ajaxcart__product .cart__mini--qty .cart__mini-qty--input[type=number] {
-webkit-appearance: textfield;
appearance: textfield;
-moz-appearance: textfield
}
#cart-info .ajaxcart__product .cart__mini--qty .cart__mini-qty {
font-weight: 300;
font-size: 1.4rem;
color: var(--color-text);
border: none;
width: 25px;
min-width: 25px;
height: 25px;
line-height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%
}
#cart-info .ajaxcart__product .cart__mini--qty .cart__mini-qty:hover {
background-color: #e9e9e9
}
#cart-info .ajaxcart__product .cart__mini--qty .quantity {
max-width: 89px
}
.block_cart_canvas #desktop_cart {
width: 370px;
border: none;
display: block;
height: 100vh;
max-height: 100vh;
position: fixed;
z-index: 99999;
background: #fff;
top: 0 !important;
inset-inline-end: -330px;
opacity: 0;
visibility: hidden;
transition: .5s ease;
box-shadow: 0 0 6px #0000001a
}
.block_cart_canvas #desktop_cart.active {
inset-inline-end: 0;
opacity: 1;
visibility: visible
}
.block_cart_canvas #desktop_cart .block_cart_top {
border-bottom: 1px solid var(--color-border);
padding: 5px 20px;
height: 60px;
width: 100%;
background-color: #fff
}
.block_cart_canvas #desktop_cart .block_cart_top #CartCountCavas {
-webkit-margin-end: 2px;
margin-inline-end: 2px
}
.block_cart_canvas #desktop_cart .block_cart_top.scroll-down {
position: fixed;
top: -60px;
opacity: 0
}
.block_cart_canvas #desktop_cart .block_cart_top.sticky-sm {
position: fixed;
top: 0;
opacity: 1;
box-shadow: 0 0 10px #0000001a;
transition: .3s;
z-index: 9
}
.block_cart_canvas #desktop_cart .cart__canvas--title {
font-size: 1.4rem;
color: var(--color-title)
}
.block_cart_canvas #desktop_cart #cart-info {
background-color: #fff;
position: relative
}
.block_cart_canvas #desktop_cart #cart-info p.cart {
padding: 40px 20px 20px
}
.block_cart_canvas #desktop_cart #cart-info .cart {
display: flex;
flex-direction: column;
height: calc(100vh - 60px)
}
.block_cart_canvas #desktop_cart #cart-info .cart .ajaxcart__product {
padding: 0
}
.block_cart_canvas #desktop_cart #cart-info .cart .ajaxcart__product:not(:last-child) {
margin-bottom: 20px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__inner {
position: relative;
padding-bottom: 30px;
overflow-y: auto
}
@media (max-width: 767px) {
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__inner {
margin-bottom: 0
}
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__inner::-webkit-scrollbar-track {
background-color: #ededed;
border-radius: 10px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__inner::-webkit-scrollbar {
width: 8px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__inner::-webkit-scrollbar-thumb {
background-color: #9c9c9c;
border-radius: 10px;
border: 2px solid rgba(0, 0, 0, 0);
background-clip: content-box
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__inner .ajaxcart__inner--content {
padding: 20px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer {
margin-top: auto;
padding: 25px 20px;
position: relative
}
@media (min-width: 768px) {
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer.h_scroll:after {
content: "";
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 30px;
background-color: #0000;
background: linear-gradient(180deg, #0000, #0000001a)
}
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .cart-note label {
margin-top: 10px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .subtotal {
padding: 10px 0;
margin-bottom: 15px;
font-weight: 800;
text-transform: uppercase;
font-family: var(--font-family-primary);
color: var(--color-title);
border-bottom: 1px solid var(--color-border)
}
@media (max-width: 767px) {
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .subtotal {
border-top: 1px solid var(--color-border);
border-bottom: none;
padding: 15px 0
}
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .subtotal label {
font-size: 1.2rem;
margin: 0
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .subtotal span {
font-size: 1.6rem
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .cart_view {
display: block;
margin: 0 60px;
padding: 35px 0 10px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .btn {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 72%;
font-weight: 700;
color: #222;
background: #fff;
border: 1px solid #e2e2e2;
text-transform: uppercase;
box-shadow: 3px 3px 6px rgba(var(--color-shadow-rgb), .08)
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .btn.cart__checkout {
margin-top: 10px;
background-color: #222;
color: #fff;
border-color: #0000;
box-shadow: none;
pointer-events: initial
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .btn:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .custom-checkbox {
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #d0d0d0;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
text-align: center;
line-height: 18px
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .custom-checkbox i {
display: none;
color: #fff
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer .label__text p {
margin-bottom: 0;
font-weight: 700
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer #checkout__canvas:checked~[for=checkout__canvas] .custom-checkbox {
color: var(--color-button-text-hover);
background: var(--color-button);
border-color: var(--color-button)
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer #checkout__canvas:checked~[for=checkout__canvas] .custom-checkbox i {
display: inline-block
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer #checkout__canvas~.cart__checkout {
background: #f4f4f4;
color: silver;
border-color: #0000;
box-shadow: none;
pointer-events: none
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer #checkout__canvas:checked~.cart__checkout {
pointer-events: initial;
background: #222;
border-color: #0000;
color: #fff
}
.block_cart_canvas #desktop_cart #cart-info .ajaxcart__footer #checkout__canvas:checked~.cart__checkout:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.block_cart_canvas #desktop_cart #cart-info #threshold_bar_popup_minicart {
margin-bottom: 30px
}
@media (max-width: 991px) {
.block_cart_canvas #desktop_cart {
width: 320px;
inset-inline-end: -320px
}
}
@media (max-width: 767px) {
.block_cart_canvas #desktop_cart {
width: 100%
}
.block_cart_canvas #desktop_cart .cart {
height: calc(100vh - 120px) !important
}
.block_cart_canvas #desktop_cart.item_count {
overflow-x: hidden;
overflow-y: auto
}
.block_cart_canvas #desktop_cart.open-extend {
overflow-y: hidden
}
.block_cart_canvas #desktop_cart.open-extend:before {
content: "";
position: fixed;
width: 100%;
height: 100%;
background-color: #ffffffb3;
z-index: 10
}
.block_cart_canvas #desktop_cart .cart_extend--textarea {
height: 110px
}
.block_cart_canvas #desktop_cart .cart_extend--label {
background-color: #ebebeb
}
.block_cart_canvas #desktop_cart .extend--label__item {
background-color: #0000;
margin-bottom: 0
}
.block_cart_canvas #desktop_cart .extend--label__item:not(:last-child) {
-webkit-border-end: 1px solid #fff;
border-inline-end: 1px solid #fff
}
}
.cart_extend {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 370px;
height: 100%;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-border-end: 1px solid var(--color-border);
border-inline-end: 1px solid var(--color-border);
transition: .3s
}
.cart_extend.act {
opacity: 1;
visibility: visible;
inset-inline-start: -370px
}
.cart_extend .btn {
border-radius: 5px
}
@media (max-width: 991px) {
.cart_extend {
width: 320px
}
.cart_extend.act {
inset-inline-start: -320px
}
}
@media (max-width: 767px) {
.cart_extend {
position: fixed;
width: 100%;
top: initial;
bottom: 0;
height: initial;
inset-inline-start: 0 !important;
z-index: 11;
padding-bottom: 40px;
box-shadow: 0 0 10px #0000001a
}
}
.cart_extend--label {
top: 60px;
inset-inline-end: 100%;
transition: .3s
}
.cart_extend--label.act {
inset-inline-end: calc(100% + 370px)
}
@media (max-width: 991px) {
.cart_extend--label.act {
inset-inline-end: calc(100% + 320px)
}
}
.extend--label__item {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border-start-start-radius: 5px;
border-end-start-radius: 5px;
background-color: #fff;
cursor: pointer;
color: #fff;
font-size: 20px;
transition: .3s
}
.extend--label__item:hover svg {
opacity: 1
}
@media (min-width: 768px) {
.extend--label__item {
box-shadow: 0 0 6px #0000001a
}
}
.extend--label__item i {
display: none
}
.extend--label__item:not(:last-child) {
margin-bottom: 5px
}
.extend--label__item svg {
max-width: 28px;
height: auto;
opacity: .5;
transition: opacity .3s
}
.extend--label__item.act {
background-color: #000
}
.extend--label__item.act svg {
display: none
}
.extend--label__item.act i {
display: inline-block
}
.cart_extend-header {
padding: 18px 20px;
height: 60px;
border-bottom: 1px solid var(--color-border);
margin-bottom: 30px;
color: var(--color-title)
}
.cart_extend-header svg {
max-width: 28px;
-webkit-margin-end: 20px;
margin-inline-end: 20px
}
.cart_extend-content {
padding: 0 20px
}
.cart__discount-desc {
font-size: 1.2rem
}
.cart__discount-desc span {
color: #e73939
}
.cart_extend--input,
.cart_extend--select {
height: 50px;
border-radius: 5px;
border: 1px solid var(--color-border);
color: var(--color-text)
}
.cart_extend--select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(icon-downward-arrow.svg);
background-size: 12px;
background-repeat: no-repeat;
background-position: center right 15px
}
.lang-rtl .cart_extend--select {
background-position: center left 15px
}
.cart_extend--textarea {
border-color: var(--color-border);
border-radius: 5px;
height: 200px;
background-color: #f5f5f5
}
.cart_extend--textarea::-webkit-input-placeholder {
color: var(--color-text)
}
.cart_extend--textarea:-moz-placeholder {
color: var(--color-text)
}
.cart_extend--textarea::-moz-placeholder {
color: var(--color-text)
}
.cart_extend--textarea:-ms-input-placeholder {
color: var(--color-text)
}
.cart_extend--select_label {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 7px;
color: var(--color-title)
}
@media (max-width: 767px) {
.cart_extend--btn,
.get-rates {
background-color: #fff;
color: #222;
box-shadow: 3px 3px 6px rgba(var(--color-shadow-rgb), .08);
border-color: #e2e2e2;
height: 50px
}
.cart_extend--btn:hover,
.get-rates:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.cart_extend--btn.cancel {
background-color: #222;
color: #fff;
border-color: #222
}
.cart_extend--btn.cancel:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
}
.close_cart {
width: 40px;
height: 40px
}
.cart_empty_img {
width: 200px;
height: 250px;
margin: 0 auto;
background: url(cart-empty.webp) no-repeat center;
background-size: contain
}
.header-settings {
width: 370px;
display: block;
height: 100vh;
max-height: 100vh;
position: fixed;
z-index: 105;
background: #fff;
padding: 35px 30px;
top: 0 !important;
inset-inline-end: -370px;
opacity: 0;
visibility: hidden;
transition: .5s;
box-shadow: 0 0 6px rgba(var(--color-shadow-rgb), .1);
overflow-y: auto;
scrollbar-width: none
}
.header-settings::-webkit-scrollbar {
display: none
}
.header-settings.act {
inset-inline-end: 0;
visibility: visible;
opacity: 1
}
.header-settings .close-icon {
box-shadow: 0 0 10px #0000001a;
color: #000;
width: 48px;
height: 48px;
border-radius: 100%;
cursor: pointer;
position: relative;
-webkit-margin-start: auto;
margin-inline-start: auto
}
.header-settings .close-icon:before,
.header-settings .close-icon:after {
content: "";
position: absolute;
top: 50%;
left: calc(50% - 8px);
width: 16px;
height: 1px;
background-color: #000;
transform-origin: center;
transition: transform .3s linear
}
.header-settings .close-icon:before {
transform: rotate(45deg)
}
.header-settings .close-icon:after {
transform: rotate(-45deg)
}
.header-settings .close-icon:hover:before,
.header-settings .close-icon:hover:after {
transform: rotate(0)
}
.header-settings .header-settings-img {
width: var(--width)
}
.header-settings .header-settings-title {
font-size: 12px;
font-weight: 700;
color: var(--color-header-settings-title);
text-transform: uppercase;
font-family: var(--font-family-primary);
padding-top: 3rem;
margin-top: 3rem;
margin-bottom: 2rem;
border-top: 1px solid var(--color-border)
}
.header-settings .header-settings-account .item {
font-size: 14px;
font-weight: 600
}
.header-settings .header-settings-account .item:not(:last-child) {
margin-bottom: 15px
}
.header-settings .header-settings-account .item a {
color: var(--color-link)
}
.header-settings .header-settings-account .item a:hover {
color: var(--color-hover)
}
.header-settings .header-settings-menu .item-linklist {
font-size: 14px
}
.header-settings .header-settings-menu .item-linklist:not(:last-child) {
margin-bottom: 15px
}
.header-settings .header-settings-menu .item-linklist a {
color: var(--color-text)
}
.header-settings .header-settings-menu .item-linklist a:hover {
color: var(--color-hover)
}
.header-settings .nov_ud_btn {
text-transform: uppercase !important
}
.header-settings .nov_ud_btn svg {
-webkit-margin-start: auto;
margin-inline-start: auto
}
#NovBreadcrumbs {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
#NovBreadcrumbs .item-home i {
-webkit-margin-end: 5px;
margin-inline-end: 5px;
font-size: 12px
}
#NovBreadcrumbs .headingBreacrumb {
font-size: 3rem
}
#NovBreadcrumbs .item-breacrumb {
font-size: 85%;
font-weight: 500
}
#NovBreadcrumbs .breadcrumb {
background: #0000;
margin-bottom: 0;
padding: 0;
position: relative;
z-index: 1
}
#NovBreadcrumbs .breadcrumb .list-inline-item:not(:last-child) {
-webkit-margin-end: 13px;
margin-inline-end: 13px;
-webkit-padding-end: 11px;
padding-inline-end: 11px;
position: relative
}
#NovBreadcrumbs .breadcrumb .list-inline-item:not(:last-child):before {
content: "";
width: 4px;
height: 4px;
transform: rotate(45deg) translateY(-50%);
position: absolute;
inset-inline-end: -2px;
top: 50%;
border-radius: 1.5px
}
#NovBreadcrumbs .breadcrumb-deal {
position: absolute;
inset-inline-end: 15px;
top: 50%;
transform: translateY(-50%)
}
#NovBreadcrumbs .breadcrumb-deal-t {
-webkit-margin-end: 20px;
margin-inline-end: 20px;
color: var(--breadcrumb-collection-heading-color)
}
#NovBreadcrumbs .breadcrumb-deal-i {
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
#NovBreadcrumbs .countdownfree {
display: flex
}
#NovBreadcrumbs .countdownfree .item-time {
width: 60px;
height: 60px;
border: 1px solid #ff001a;
border-radius: 5px;
box-shadow: 4px 4px #c40619;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
#NovBreadcrumbs .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 15px;
margin-inline-end: 15px;
background: #000;
color: #fff
}
#NovBreadcrumbs .countdownfree .item-time:last-child {
color: var(--color-title);
background: #fff
}
#NovBreadcrumbs .countdownfree .data-number {
font-size: 2rem;
font-weight: 800;
line-height: 1
}
#NovBreadcrumbs .countdownfree .name-time {
display: block;
font-size: 11px;
line-height: 1;
font-weight: 500;
margin-top: 5px
}
#NovBreadcrumbs.breadcrumb_product {
background-color: var(--breadcrumb-product-bg);
padding-top: clamp(0px, var(--breadcrumb-product-top), 35px);
padding-bottom: clamp(0px, var(--breadcrumb-product-bottom), 35px);
margin-bottom: clamp(0px, var(--breadcrumb-product-margin-bottom), 40px);
border-top: 1px solid var(--breadcrumb-product-border-color)
}
#NovBreadcrumbs.breadcrumb_product .item-breacrumb {
color: var(--breadcrumb-product-text-color)
}
#NovBreadcrumbs.breadcrumb_product .list-inline-item:not(:last-child):before {
background-color: var(--breadcrumb-product-text-color)
}
#NovBreadcrumbs.breadcrumb_collection {
background-color: var(--breadcrumb-collection-bg);
padding-top: clamp(0px, var(--breadcrumb-collection-top), 35px);
padding-bottom: var(--breadcrumb-collection-bottom-xs);
margin-bottom: var(--breadcrumb-collection-margin-bottom-xs);
border-color: var(--breadcrumb-collection-border-color)
}
#NovBreadcrumbs.breadcrumb_collection .headingBreacrumb {
color: var(--breadcrumb-collection-heading-color)
}
#NovBreadcrumbs.breadcrumb_collection .item-breacrumb {
color: var(--breadcrumb-collection-text-color)
}
#NovBreadcrumbs.breadcrumb_collection .list-inline-item:not(:last-child):before {
background-color: var(--breadcrumb-collection-text-color)
}
#NovBreadcrumbs.breadcrumb_collection:not(.collection-deal) .breadcrumb {
justify-content: center
}
#NovBreadcrumbs.breadcrumb_collection:not(.collection-deal) .headingBreacrumb {
text-align: center
}
#NovBreadcrumbs.breadcrumb_inner {
background-color: var(--breadcrumb-inner-bg);
padding-top: clamp(0px, var(--breadcrumb-inner-top), 35px);
padding-bottom: clamp(0px, var(--breadcrumb-inner-bottom), 35px);
margin-bottom: clamp(0px, var(--breadcrumb-inner-margin-bottom), 40px);
border-top: 1px solid var(--breadcrumb-inner-border-color)
}
#NovBreadcrumbs.breadcrumb_inner .breadcrumb {
justify-content: center
}
#NovBreadcrumbs.breadcrumb_inner .headingBreacrumb {
color:#fff;
/* color: var(--breadcrumb-inner-heading-color); */
text-align: center
}
#NovBreadcrumbs.breadcrumb_inner .item-breacrumb {
/* color: var(--breadcrumb-inner-text-color) */
color:#fff;
}
#NovBreadcrumbs.breadcrumb_inner .list-inline-item:not(:last-child):before {
/* background-color: var(--breadcrumb-inner-text-color) */
background-color:#fff;
}
@media (max-width: 575px) {
#NovBreadcrumbs .breadcrumb-deal-i {
display: none
}
#NovBreadcrumbs .countdownfree .item-time {
width: 45px;
height: 45px
}
#NovBreadcrumbs .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
#NovBreadcrumbs .countdownfree .name-time {
font-size: 9px
}
#NovBreadcrumbs .countdownfree .data-number {
font-size: 12px
}
}
@media (max-width: 1199px) {
#NovBreadcrumbs .headingBreacrumb {
font-size: 2.2rem
}
#NovBreadcrumbs .breadcrumb-deal {
position: static;
transform: translateY(0);
margin-top: 15px
}
}
@media (min-width: 576px) {
#NovBreadcrumbs.breadcrumb_product {
padding-top: clamp(0px, var(--breadcrumb-product-top), 50px);
padding-bottom: clamp(0px, var(--breadcrumb-product-bottom), 50px);
margin-bottom: clamp(0px, var(--breadcrumb-product-margin-bottom), 60px)
}
#NovBreadcrumbs.breadcrumb_collection {
padding-top: clamp(0px, var(--breadcrumb-collection-top), 50px);
padding-bottom: var(--breadcrumb-collection-bottom-sm);
margin-bottom: var(--breadcrumb-collection-margin-bottom-sm)
}
#NovBreadcrumbs.breadcrumb_inner {
padding-top: clamp(0px, var(--breadcrumb-inner-top), 50px);
padding-bottom: clamp(0px, var(--breadcrumb-inner-bottom), 50px);
margin-bottom: clamp(0px, var(--breadcrumb-inner-margin-bottom), 60px)
}
}
@media (min-width: 768px) {
#NovBreadcrumbs.breadcrumb_product {
padding-top: clamp(0px, var(--breadcrumb-product-top), 70px);
padding-bottom: clamp(0px, var(--breadcrumb-product-bottom), 70px)
}
#NovBreadcrumbs.breadcrumb_collection {
padding-top: clamp(0px, var(--breadcrumb-collection-top), 70px);
padding-bottom: var(--breadcrumb-collection-bottom-md);
margin-bottom: var(--breadcrumb-collection-margin-bottom-md)
}
#NovBreadcrumbs.breadcrumb_inner {
padding-top: clamp(0px, var(--breadcrumb-inner-top), 70px);
padding-bottom: clamp(0px, var(--breadcrumb-inner-bottom), 70px)
}
}
@media (min-width: 992px) {
#NovBreadcrumbs.breadcrumb_product {
padding-top: clamp(0px, var(--breadcrumb-product-top), 90px);
padding-bottom: clamp(0px, var(--breadcrumb-product-bottom), 90px)
}
#NovBreadcrumbs.breadcrumb_collection {
padding-top: clamp(0px, var(--breadcrumb-collection-top), 90px);
padding-bottom: var(--breadcrumb-collection-bottom-lg);
margin-bottom: var(--breadcrumb-collection-margin-bottom-lg)
}
#NovBreadcrumbs.breadcrumb_inner {
padding-top: clamp(0px, var(--breadcrumb-inner-top), 90px);
padding-bottom: clamp(0px, var(--breadcrumb-inner-bottom), 90px)
}
}
@media (min-width: 1200px) {
#NovBreadcrumbs.breadcrumb_product {
padding-top: var(--breadcrumb-product-top);
padding-bottom: var(--breadcrumb-product-bottom);
margin-bottom: var(--breadcrumb-product-margin-bottom)
}
#NovBreadcrumbs.breadcrumb_collection {
padding-top: var(--breadcrumb-collection-top);
padding-bottom: var(--breadcrumb-collection-bottom);
margin-bottom: var(--breadcrumb-collection-margin-bottom)
}
#NovBreadcrumbs.breadcrumb_inner {
padding-top: var(--breadcrumb-inner-top);
padding-bottom: var(--breadcrumb-inner-bottom);
margin-bottom: var(--breadcrumb-inner-margin-bottom)
}
}
#_desktop_back_top {
position: fixed;
inset-block-end: 20px;
inset-inline-end: 20px;
width: 46px;
height: 46px;
display: none;
cursor: pointer;
z-index: 1000
}
#_desktop_back_top:hover i {
transform: translate(-50%, -75%)
}
.lang-rtl #_desktop_back_top:hover i {
transform: translate(50%, -75%)
}
#_desktop_back_top svg {
transform: rotate(-90deg)
}
#_desktop_back_top circle {
fill: none;
stroke-width: 2
}
#_desktop_back_top .bg {
stroke: #e0e0e0;
fill: #fff
}
#_desktop_back_top .progress {
stroke: var(--color-button);
stroke-dasharray: 157;
stroke-dashoffset: 157;
transition: stroke-dashoffset .2s ease
}
#_desktop_back_top i {
transition: transform .3s;
position: absolute;
inset-block-start: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
color: var(--color-hover);
font-size: 20px
}
.lang-rtl #_desktop_back_top i {
transform: translate(50%, -50%)
}
@media (max-width: 767px) {
#_desktop_back_top {
bottom: 55px
}
}
body {
transition: none;
left: 0;
right: 0;
position: relative;
color: var(--color-text);
font-size: var(--body-font-size);
font-weight: var(--body-font-weight);
font-style: var(--body-font-style);
font-family: var(--font-family-default);
line-height: var(--body-font-line-height)
}
body.open-canvans-cart {
overflow: hidden
}
body.open-canvans-cart .sidebar-overlay {
z-index: 999 !important
}
body.loading {
position: relative
}
body.loading:before {
content: "";
display: block;
width: 120px;
height: 120px;
background-image: url(loading_option.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999
}
body.loading .canvas-overlay {
opacity: 1;
visibility: visible
}
body.cart_popup_opened.loading .canvas-overlay {
opacity: 0;
visibility: hidden
}
body.open {
overflow: hidden
}
body:not(.template-index) #MainContent {
margin-bottom: 8rem
}
body .canvas-overlay,
body .sidebar-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99;
background: rgba(var(--bg-overlay), var(--bg-overlay-opacity));
-webkit-backdrop-filter: blur(var(--bg-overlay-blur));
backdrop-filter: blur(var(--bg-overlay-blur));
opacity: 0;
visibility: hidden;
transition: .3s linear;
cursor: url(icon-close.svg), auto
}
@media (max-width: 767px) {
body .canvas-overlay,
body .sidebar-overlay {
inset-inline-start: 0
}
}
body .canvas-overlay.act,
body .sidebar-overlay.act {
opacity: 1;
visibility: visible
}
body .canvas-overlay.margin,
body .sidebar-overlay.margin {
-webkit-margin-start: 300px;
margin-inline-start: 300px
}
.overlay-blur,
.search_overlay {
position: absolute;
left: 0;
width: 100%;
background: rgba(var(--bg-overlay), var(--bg-overlay-opacity));
-webkit-backdrop-filter: blur(var(--bg-overlay-blur));
backdrop-filter: blur(var(--bg-overlay-blur));
top: 0;
height: 100%;
-webkit-animation: OverlayBlur .2s linear;
animation: OverlayBlur .2s linear;
cursor: url(icon-close.svg), auto
}
.search_overlay {
height: 0;
opacity: 0;
transition: opacity .3s linear;
display: none !important
}
.search_overlay.act {
opacity: 1;
height: 500vh
}
@-webkit-keyframes OverlayBlur {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes OverlayBlur {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes scaleInOut {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
to {
transform: scale(1)
}
}
@keyframes scaleInOut {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
to {
transform: scale(1)
}
}
.open_gl_quick_view .nov-wrap {
z-index: 99999
}
.open_gl_quick_view .nov-content {
height: 100vh;
min-height: 600px;
display: flex;
align-items: center;
padding: 0 15px
}
#content_quickview {
border-radius: 10px;
max-width: 950px;
width: 100%;
margin: 65px auto;
background: #fff;
position: relative;
box-shadow: 7px 7px 10px #00000040;
text-align: left !important
}
.lang-rtl #content_quickview {
text-align: right !important
}
#content_quickview .product-template__container {
padding: 20px
}
#content_quickview .product-single__photos {
border-radius: 5px;
overflow: hidden
}
#content_quickview .proFeaturedImage .slick-arrow {
box-shadow: 3px 3px 5px #0000001a
}
#content_quickview .proFeaturedImage .slick-arrow.arrow-prev {
inset-inline-start: 0
}
#content_quickview .proFeaturedImage .slick-arrow.arrow-next {
inset-inline-end: 0
}
#content_quickview .proFeaturedImage:hover .slick-arrow {
opacity: 1
}
#content_quickview .proFeaturedImage:hover .slick-arrow.arrow-prev {
inset-inline-start: 20px
}
#content_quickview .proFeaturedImage:hover .slick-arrow.arrow-next {
inset-inline-end: 20px
}
#content_quickview .proFeaturedImage img:hover {
cursor: pointer
}
#content_quickview .FeaturedImage_slick .slick-track {
display: flex
}
#content_quickview .FeaturedImage_slick .slick-track .slick-slide {
height: auto
}
#content_quickview .item-content {
height: 100%
}
#content_quickview .proFeaturedImage video,
#content_quickview .proFeaturedImage iframe {
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
#content_quickview product-model {
position: relative;
height: 100%;
display: block
}
#content_quickview product-model model-viewer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%
}
#content_quickview .product-single__info {
display: flex;
flex-direction: column;
overflow: hidden;
position: relative
}
#content_quickview .product-single__info .product-single__info-content {
overflow-y: auto;
padding: 0 30px;
position: absolute;
width: 100%;
height: 100%;
left: 0
}
#content_quickview .product-single__info .product-single__info-content::-webkit-scrollbar-track {
background-color: #eaeaea
}
#content_quickview .product-single__info .product-single__info-content::-webkit-scrollbar {
width: 2px;
background-color: #eaeaea
}
#content_quickview .product-single__info .product-single__info-content::-webkit-scrollbar-thumb {
background-color: var(--color-button)
}
#content_quickview .product-single__info .product-single__info-content::-webkit-scrollbar-track,
#content_quickview .product-single__info .product-single__info-content::-webkit-scrollbar,
#content_quickview .product-single__info .product-single__info-content::-webkit-scrollbar-thumb {
border-radius: 20px;
opacity: 0;
visibility: hidden
}
#content_quickview .product-single__info .product-single__info-content:hover::-webkit-scrollbar-track,
#content_quickview .product-single__info .product-single__info-content:hover::-webkit-scrollbar,
#content_quickview .product-single__info .product-single__info-content:hover::-webkit-scrollbar-thumb {
opacity: 1;
visibility: initial
}
#content_quickview .product-single__info .product-single__info-content .product-single__title {
font-family: var(--font-family-default);
font-weight: 700;
font-size: 1.8rem;
color: var(--color-title);
-webkit-padding-end: 3rem;
padding-inline-end: 3rem
}
#content_quickview .product-single__info .product-single__info-content .product-single__price {
font-size: 24px;
font-weight: 800;
color: var(--product-color-price);
margin-bottom: 10px
}
#content_quickview .product-single__info .product-single__info-content .product-single__price s {
color: var(--product-color-reduced-price);
-webkit-padding-end: 20px;
padding-inline-end: 20px;
-webkit-margin-end: 20px;
margin-inline-end: 20px;
font-size: 16px;
position: relative
}
#content_quickview .product-single__info .product-single__info-content .product-single__price s:after {
content: "";
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 20px;
background-color: var(--product-color-reduced-price)
}
#content_quickview .product-single__info .product-single__info-content .product-single__price .product-price__badge {
background-color: #ff6400;
font-family: var(--font-family-default);
font-size: 11px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
display: block;
padding: 2px 15px 1.5px;
border-radius: 20px;
-webkit-margin-start: 20px;
margin-inline-start: 20px
}
#content_quickview .product-single__info .product-single__info-content .group-reviews {
margin-bottom: 25px;
-webkit-margin-start: 0;
margin-inline-start: 0
}
#content_quickview .product-single__info .product-single__info-content .group-reviews .spr-badge-starrating {
min-width: 115px
}
#content_quickview .product-single__info .product-single__info-content .group-reviews .spr-badge-starrating .spr-icon {
font-size: 11px
}
#content_quickview .product-single__info .product-single__info-content .group-reviews .spr-badge-starrating .spr-icon-star-empty:before {
color: #dbdbdb
}
#content_quickview .product-single__info .product-single__info-content .product-single__control-label {
font-size: 11px;
min-width: 100px
}
#content_quickview .product-single__info .product-single__info-content .short-desc {
font-family: var(--font-family-default);
letter-spacing: .1px;
font-size: 13px;
font-weight: 400;
margin-top: 18px
}
#content_quickview .product-single__info .product-single__info-content .product-form-qv {
margin-top: 10px
}
#content_quickview .product-single__info .product-single__info-content .product-form-qv .watch_availabel {
display: block
}
#content_quickview .product-single__info .product-single__info-content .product-form-qv .group-quantity {
margin: 0
}
#content_quickview .product-single__info .product-single__info-content .product-form-qv .group-quantity .quantity-selector {
font-family: var(--font-family-default);
color: var(--color-title);
letter-spacing: .2px;
font-size: 12px;
font-weight: 700
}
#content_quickview .product-single__info .product-single__info-content .product-form-qv .group-quantity .productWishList {
margin-top: 12px
}
#content_quickview .product-single__info .product-single__info-content .product-form-qv .quick_view_qty {
margin: 11px 0 30px
}
#content_quickview .product-single__info .product-single__info-content .product-form__item--submit {
flex: auto
}
#content_quickview .product-single__info .product-single__info-content fieldset.variant-color input[type=radio]+label.img {
width: 52px
}
.slick-slide>div:last-child .item-product,
.slick-slide>.item-product,
.swiper .item-product {
margin-bottom: 0
}
.item:has(.item-product):hover {
z-index: 2
}
@media (max-width: 575px) {
.nov-slick-carousel.grid--view-items.row,
.collection-carousel.row,
#recently-viewed-products.row {
margin-left: -7.5px;
margin-right: -7.5px
}
.nov-slick-carousel.grid--view-items.row .item.col,
.nov-slick-carousel.grid--view-items.row .sp-item,
.collection-carousel.row .item.col,
.collection-carousel.row .sp-item,
#recently-viewed-products.row .item.col,
#recently-viewed-products.row .sp-item {
padding-left: 7.5px;
padding-right: 7.5px
}
}
.item-product {
border-radius: var(--product-corner-radius);
margin-bottom: 4rem
}
.item-product.h_bd {
border: 1px solid var(--product-color-border)
}
.item-product.bg {
background: var(--product-color-background)
}
.item-product.h_bd,
.item-product.bg {
padding: 4px
}
.item-product.h_bd .product__info,
.item-product.bg .product__info {
padding: 0 5px 2rem
}
@media (min-width: 768px) {
.item-product:hover .thumbnail-container.has-multiimage .product__thumbnail {
opacity: 0
}
.item-product:hover .thumbnail-container.has-multiimage .product__thumbnail-second {
opacity: 1;
visibility: visible
}
}
.item-product:hover .button--top {
visibility: visible
}
.item-product:hover .button--top .productQuickView,
.item-product:hover .button--top .productWishList,
.item-product:hover .variants-default,
.item-product:hover .btn-quick-add {
transform: translateY(0);
opacity: 1
}
.grid--view-items .item-product {
position: relative
}
.grid--view-items .item-product .product__info {
padding-top: 2.5rem
}
.list--view-items .item-product {
margin-bottom: 10px;
position: relative
}
.list--view-items .item-product.h_bd,
.list--view-items .item-product.bg {
padding: 10px
}
.list--view-items .item-product.h_bd:before,
.list--view-items .item-product.bg:before {
box-shadow: 2px 2px 10px rgba(var(--color-shadow-rgb), .08)
}
.list--view-items .item-product .thumbnail-container {
min-width: 26.5%;
width: 26.5%
}
.list--view-items .item-product .product__info {
-webkit-margin-start: 3rem;
margin-inline-start: 3rem;
flex: auto
}
.list--view-items .item-product .product__title {
margin-bottom: 15px
}
.list--view-items .item-product .product__title a,
.list--view-items .item-product .price-regular,
.list--view-items .item-product .special-price {
font-size: 1.2rem
}
.list--view-items .item-product .AirReviews-StarRatingWrapper {
justify-content: flex-start;
margin-bottom: 10px
}
@media (max-width: 1199px) {
.list--view-items .item-product .product__info {
-webkit-margin-start: 20px;
margin-inline-start: 20px
}
}
@media (max-width: 767px) {
.list--view-items .item-product.h_bd,
.list--view-items .item-product.bg {
padding-bottom: 5px
}
}
.item-product .thumbnail-container {
position: relative;
border-radius: var(--product-corner-radius-image);
transform: translateZ(0);
overflow: hidden
}
.item-product .thumbnail-container.ratio-11 .respone_image {
padding-top: 100% !important
}
.item-product .thumbnail-container.ratio-11 .respone_image img {
aspect-ratio: 1/1
}
.item-product .thumbnail-container.ratio-34 .respone_image {
padding-top: 133.3333333333% !important
}
.item-product .thumbnail-container.ratio-34 .respone_image img {
aspect-ratio: 3/4
}
.item-product .thumbnail-container.ratio-43 .respone_image {
padding-top: 75% !important
}
.item-product .thumbnail-container.ratio-43 .respone_image img {
aspect-ratio: 4/3
}
.item-product .thumbnail-container img {
margin: 0 auto
}
.item-product .thumbnail-container.has-multiimage .product__thumbnail {
transition: opacity .75s linear
}
.item-product .thumbnail-container>a {
position: relative;
display: block;
overflow: hidden
}
.item-product .thumbnail-container .product__thumbnail-second {
position: absolute;
top: 0;
inset-inline-start: 50%;
opacity: 0;
visibility: hidden;
transform: translate(-50%);
transition: all .75s linear
}
.lang-rtl .item-product .thumbnail-container .product__thumbnail-second {
transform: translate(50%)
}
.item-product .product--badge {
position: absolute;
top: 10px;
inset-inline-start: 10px
}
.item-product .badge {
font-family: var(--font-family-default);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
min-width: 55px;
height: 24px;
border-radius: 50px
}
.item-product .badge:not(:last-child) {
margin-bottom: 5px
}
.item-product .badge.badge-sale {
color: var(--product-color-badge-sale-text);
background: var(--product-color-badge-sale)
}
.item-product .badge.badge-new {
color: var(--product-color-badge-new-text);
background: var(--product-color-badge-new)
}
@media (max-width: 991px) {
.item-product .badge {
font-size: 10px;
min-width: 40px;
height: 20px
}
}
.item-product .button--top {
position: absolute;
top: 10px;
inset-inline-end: 10px
}
.item-product .button--top .productQuickView,
.item-product .button--top .productWishList {
transform: translateY(-25px);
opacity: 0
}
.item-product .button--top .productQuickView {
transition: .45s
}
.item-product .button--top .productWishList {
transition: .3s
}
.item-product .button--top>div:not(:last-child) {
margin-bottom: 8px
}
.item-product .product__info {
position: relative
}
.item-product .product__type {
font-size: 10px;
font-weight: 500;
margin-bottom: 10px;
text-transform: uppercase
}
.item-product .product__type a {
color: var(--product-color-type)
}
.item-product .product__type a:hover {
color: var(--color-hover)
}
.item-product .product__title {
margin-bottom: 10px
}
.item-product .product__title[class*=line-clamp-] {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical
}
.item-product .product__title[class*=line-clamp-].line-clamp-1 {
-webkit-line-clamp: 1;
line-clamp: 1
}
.item-product .product__title[class*=line-clamp-].line-clamp-2 {
-webkit-line-clamp: 2;
line-clamp: 2
}
.item-product .product__title[class*=line-clamp-].line-clamp-3 {
-webkit-line-clamp: 3;
line-clamp: 3
}
.item-product .product__title a {
font-size: 1.4rem;
color: var(--product-color-title);
text-transform: capitalize;
display: block
}
.item-product .product__title a:hover {
color: var(--product-color-title-hover)
}
.item-product .price-regular,
.item-product .special-price {
font-size: 1.4rem;
color: var(--product-color-price);
font-weight: 700;
display: inline-block
}
.item-product .old-price {
font-size: 1.2rem;
color: var(--product-color-reduced-price);
font-weight: 700;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
text-decoration: line-through;
-webkit-text-decoration-color: #f85f89;
text-decoration-color: #f85f89
}
.item-product .product__available {
text-transform: uppercase;
font-size: 11px;
font-weight: 500
}
.item-product .product__available i {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
font-size: 1.4rem
}
.item-product .product__available.in-stock {
color: #5fbb52
}
.item-product .btn-tootip {
position: absolute;
inset-inline-end: calc(100% + 15px);
top: 50%;
transform: translateY(-50%);
height: 30px;
min-width: 92px;
padding: 0 15px;
border-radius: 4px;
font-size: 10px;
text-transform: capitalize;
visibility: hidden;
box-shadow: 4px 4px 10px #0003;
color: var(--product-color-button-text-hover);
background: var(--product-color-button-hover);
border: 1px solid var(--product-color-button-border-hover);
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
opacity: 0
}
.item-product .btn-tootip:before {
content: "";
position: absolute;
inset-inline-start: 100%;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--product-color-button-border-hover)
}
.lang-rtl .item-product .btn-tootip:before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--product-color-button-border-hover)
}
@media (max-width: 575px) {
.item-product .btn-tootip {
display: none
}
}
.item-product .item-product__wishlist,
.item-product .btnProductQuickview {
width: 40px;
height: 40px;
border-radius: 99px;
display: flex;
align-items: center;
justify-content: center;
color: var(--product-color-button-text);
font-size: var(--button-font-size);
font-family: var(--button-font-family);
background: var(--product-color-button);
border: 1px solid var(--product-color-button-border);
transition: .3s linear;
position: relative
}
.item-product .item-product__wishlist:hover,
.item-product .btnProductQuickview:hover {
color: var(--product-color-button-text-hover);
background: var(--product-color-button-hover);
border-color: var(--product-color-button-border-hover)
}
.item-product .item-product__wishlist:hover .btn-tootip,
.item-product .btnProductQuickview:hover .btn-tootip {
inset-inline-end: calc(100% + 7px);
visibility: visible;
transition: .3s;
opacity: 1
}
.item-product .item-product__wishlist svg,
.item-product .btnProductQuickview svg {
max-width: 14px;
height: auto
}
.item-product .item-product__wishlist {
line-height: 1;
font-size: 14px
}
.item-product .item-product__wishlist.whislist-added {
color: var(--product-color-button-text-hover);
background: var(--product-color-button-hover);
border-color: var(--product-color-button-border-hover)
}
.item-product .add-to-cart-btn {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.item-product .add-to-cart-btn.loading {
background: var(--product-color-button-hover);
border-color: var(--product-color-button-border-hover)
}
.item-product .add-to-cart-btn.loading span,
.item-product .add-to-cart-btn.loading svg,
.item-product .add-to-cart-btn.loading i {
display: none
}
.item-product .add-to-cart-btn.loading .load {
display: inline-block
}
.item-product .add-to-cart-btn .load {
width: 15px;
height: 15px;
border-radius: 100%;
border: 2px solid var(--product-color-button-text-hover);
border-top: 2px solid rgba(0, 0, 0, 0);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
display: none
}
.item-product .btn-swatch-variants {
height: 50px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-button-text);
background-color: var(--color-button);
border-color: var(--color-button-border);
transition: .3s;
position: relative;
overflow: hidden
}
.item-product .btn-swatch-variants:before,
.item-product .btn-swatch-variants:after {
content: "";
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
transform: translate(-100%);
background: #ffffff1a
}
.item-product .btn-swatch-variants:after {
transition-delay: .175s
}
.item-product .btn-swatch-variants:hover,
.item-product .btn-swatch-variants.active {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.item-product .btn-swatch-variants:hover:before,
.item-product .btn-swatch-variants:hover:after,
.item-product .btn-swatch-variants.active:before,
.item-product .btn-swatch-variants.active:after {
transform: translate(100%);
transition: transform .6s cubic-bezier(.75, 0, .125, 1)
}
.item-product .btn-swatch-variants span,
.item-product .btn-swatch-variants i {
position: relative
}
@media (max-width: 575px) {
.item-product .btn-swatch-variants {
height: 40px;
line-height: 40px
}
}
.item-product .btn-swatch-variants svg {
-webkit-margin-end: 1.5rem;
margin-inline-end: 1.5rem;
max-width: 14px
}
.item-product .variants-default,
.item-product .btn-quick-add {
position: absolute !important;
bottom: 10px;
left: 10px;
width: calc(100% - 20px) !important;
transform: translateY(-20px);
opacity: 0;
transition: .35s
}
.item-product .btn-default,
.item-product .btn-quick-add {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 45px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-button-text);
background-color: var(--color-button);
border: 1px solid var(--color-button-border);
font-family: var(--button-font-family);
transition: .3s;
position: relative;
border-radius: 5px
}
.item-product .btn-default:hover,
.item-product .btn-quick-add:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.item-product .btn-default[disabled=disabled],
.item-product .btn-quick-add[disabled=disabled] {
position: relative
}
.item-product .btn-default[disabled=disabled]:before,
.item-product .btn-quick-add[disabled=disabled]:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top left, transparent calc(50% - 1px), red, transparent calc(50% + 1px))
}
.item-product .btn-default .btn-tootip,
.item-product .btn-quick-add .btn-tootip {
display: none
}
.item-product .item-product__popup--variant {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
visibility: hidden;
opacity: 0;
z-index: 2;
transition: .35s ease-in-out;
overflow: auto;
background-color: #fff;
scrollbar-width: none
}
.item-product .item-product__popup--variant::-webkit-scrollbar-track {
background-color: #ededed;
margin-top: 6px;
margin-bottom: 6px
}
.item-product .item-product__popup--variant::-webkit-scrollbar {
width: 2px
}
.item-product .item-product__popup--variant::-webkit-scrollbar-thumb {
background-color: #9c9c9c
}
.item-product .item-product__popup--variant.act {
opacity: 1;
visibility: visible;
bottom: 0
}
.item-product .item-product__popup--variant .select-options-label {
color: var(--color-title);
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 15px
}
.item-product .item-product__popup--variant .option-label {
font-size: 12px;
font-family: var(--font-family-primary);
color: #000;
text-transform: capitalize;
margin-bottom: 10px;
padding: 0 5px;
width: 100%;
text-align: center;
position: relative
}
@media (max-width: 575px) {
.item-product .item-product__popup--variant .option-label {
margin-top: 0
}
}
.item-product .item-product__popup--variant .selector-wrapper.swatch {
margin: 0 -5px;
display: flex;
flex-wrap: wrap
}
.item-product .item-product__popup--variant .product-form__input {
margin: 0;
height: 40px;
font-size: 12px;
font-weight: 500;
padding: 0 15px;
text-transform: capitalize
}
.item-product .item-product__popup--variant .product-form__input option {
font-size: 12px;
font-weight: 600
}
.item-product .item-product__popup--variant form.one-option-color {
display: block
}
.item-product .item-product__popup--variant .product-form__item:not(.swatch) {
position: relative
}
.item-product .item-product__popup--variant .product-form__item:not(.swatch) .product-form__input {
height: 58px;
padding-top: 17px;
border-color: #e2e2e2;
color: var(--color-title);
cursor: pointer
}
.item-product .item-product__popup--variant .product-form__item:not(.swatch) .option-label {
font-size: 10px;
color: #909090;
position: absolute;
width: initial;
inset-inline-start: 11px;
margin-top: 7px
}
.item-product .countdownfree {
position: absolute;
bottom: 20px;
width: 100%;
justify-content: center
}
.item-product .countdownfree.shadow .item-time {
box-shadow: 0 0 15px #00000014
}
.item-product .countdownfree .item-time {
width: clamp(25px, 20%, 60px);
aspect-ratio: 1/1;
padding: 3px 8px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--product-countdown-color);
background: var(--product-countdown-bg);
border: 1px solid var(--product-countdown-border);
border-radius: var(--product-countdown-corner)
}
.item-product .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
.item-product .countdownfree .data-number {
font-size: 1.8rem;
font-weight: 700;
line-height: 1
}
.item-product .countdownfree .name-time {
font-size: 1.1rem
}
@media (max-width: 320px) {
.item-product .countdownfree .item-time {
padding: 3px 0
}
.item-product .countdownfree .data-number {
font-size: 1.6rem
}
}
.swatch {
display: flex;
flex-wrap: wrap
}
.swatch.opt-color.hide {
display: none !important
}
.swatch .swatch-element {
position: relative;
display: inline-block;
padding: 5px;
text-align: center
}
.swatch .swatch-element.soldout label,
.swatch .swatch-element.unavailable label {
opacity: .6;
position: relative;
background-color: #0000;
color: var(--color-title)
}
.swatch .swatch-element.soldout label:before,
.swatch .swatch-element.unavailable label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top left, transparent calc(50% - 1px), #bbb, transparent calc(50% + 1px))
}
.swatch .swatch-element.color {
width: auto;
min-width: 36px
}
.swatch input {
opacity: 0;
visibility: hidden;
height: 0;
margin: 0
}
.swatch label {
min-width: 45px;
height: 30px;
color: var(--color-title);
font-size: 12px;
font-weight: 500;
padding: 0 5px;
cursor: pointer;
transition: all .2s linear;
margin-bottom: 0;
display: flex;
align-items: center;
background-color: #fff;
justify-content: center;
border: 1px solid var(--color-border);
border-radius: 5px;
overflow: hidden
}
.swatch label i {
-webkit-margin-end: 3px;
margin-inline-end: 3px;
display: none;
font-size: 12px
}
@media (max-width: 575px) {
.swatch label {
height: 25px
}
}
.swatch input:checked+label,
.swatch .swatch-element.act label {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover);
box-shadow: 0 0 0 1px #fff
}
.swatch .tooltip {
display: none
}
.item-swatch {
margin-top: 10px;
transition: .35s;
padding: 3px 0 5px;
background: var(--product-color-background, #f5f5f5)
}
.item-swatch li {
display: none;
margin: 2px 2px 0;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
position: relative
}
.item-swatch li:nth-child(1),
.item-swatch li:nth-child(2),
.item-swatch li:nth-child(3) {
display: inline-flex
}
.item-swatch li label {
cursor: pointer;
margin-bottom: 0
}
.item-swatch li label.img {
width: 30px;
height: 30px;
border-radius: 100%;
padding: 2px;
margin: 0;
background-size: cover;
background-position: center;
cursor: pointer;
position: relative
}
.item-swatch li label.img:before {
content: "";
position: absolute;
width: 30px;
height: 30px;
box-shadow: 0 0 0 1px var(--color-hover);
transition: .3s ease-in-out;
border-radius: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0
}
.item-swatch li label.img.active:before {
opacity: 1
}
.item-swatch li label.img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%
}
.item-swatch li label.color {
position: relative;
display: inline-block;
width: 26px;
height: 26px;
border-radius: 100px;
transition: all .15s ease-in-out;
border-color: #0000
}
.item-swatch li label.color:hover {
border: 2px solid #fff !important;
box-shadow: 0 0 0 1px #bbb
}
.item-swatch li label.color.active {
border: 2px solid #fff !important;
box-shadow: 0 0 0 1px var(--color)
}
.item-swatch .item-swatch-more {
font-weight: 500;
font-size: 11px;
position: relative;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center
}
.item-swatch .item-swatch-more:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(.5);
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
border-radius: 100%;
transition: all .3s;
background-color: #ecedef
}
.item-swatch .item-swatch-more .show_more {
position: relative;
color: #727070;
white-space: nowrap
}
.item-swatch .item-swatch-more:hover:before {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
opacity: 1
}
.item-swatch.show--more li {
display: inline-flex
}
.btn-close-quick-add {
inset-inline-end: 8px;
top: 8px;
width: 20px;
height: 20px;
box-shadow: none;
z-index: 2
}
.btn-close-quick-add:before,
.btn-close-quick-add:after {
width: 10px;
height: 1px;
background-color: #000;
left: calc(50% - 5px)
}
@media (max-width: 575px) {
.btn-close-quick-add {
top: 5px
}
}
.btn-close-quick-add.select-view {
top: 8px
}
.selector-wrapper.hide,
.product-form__variants {
display: none
}
.price-st {
font-family: var(--font-family-default)
}
.nav--lv1:hover .nav-dropdown--lv1 {
opacity: 1;
visibility: visible;
top: 100%;
z-index: 999999;
pointer-events: auto
}
.nav-dropdown--lv1 {
opacity: 0;
visibility: hidden;
position: absolute;
margin: 0;
z-index: 7;
background: var(--color-background);
text-align: left !important;
top: calc(100% + 20px);
inset-inline-start: 0;
box-shadow: 0 10px 10px #0000000d;
border-top: 1px solid rgba(var(--color-border-rgb), .6);
transition: .3s ease-in-out
}
.lang-rtl .nav-dropdown--lv1 {
text-align: right !important
}
@media (min-width: 1200px) {
.nav-dropdown--lv1 {
pointer-events: none;
border-radius: 0 0 10px 10px
}
}
.nav-dropdown--lv1>ul {
padding: 30px 40px
}
@media (max-width: 1199px) {
.nav-dropdown--lv1>ul {
padding: 15px 20px
}
}
.nav--lv2 {
position: relative
}
.nav--lv2 .site-nav--direc {
top: 2px
}
.nav--lv2:hover .nav-dropdown--lv2 {
opacity: 1;
visibility: visible;
top: -30px
}
.nav-dropdown--lv2 {
position: absolute;
inset-inline-start: 100%;
inset-block-start: 10px;
opacity: 0;
visibility: hidden;
transition: .3s;
-webkit-padding-start: 40px;
padding-inline-start: 40px
}
.nav-dropdown--lv2 ul {
background: var(--color-background);
padding: 40px;
width: 270px;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content
}
@media (max-width: 1199px) {
.nav-dropdown--lv2 {
-webkit-padding-start: 20px;
padding-inline-start: 20px
}
.nav-dropdown--lv2 ul {
width: 200px;
padding: 15px 20px
}
}
.site-nav__link {
padding-bottom: 14px;
text-transform: capitalize;
display: block;
color: var(--color-text)
}
.site-nav__link:hover {
color: var(--color-hover)
}
.site-nav--icon {
-webkit-margin-end: 15px;
margin-inline-end: 15px;
display: block;
min-width: 24px;
width: 24px;
text-align: center
}
.site-nav--direc {
font-size: 2rem;
cursor: pointer;
padding: 0 10px;
line-height: 1;
position: absolute;
top: -1px;
inset-inline-end: 0
}
.site-nav--Default {
position: relative
}
.MenuDefault {
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
width: 270px
}
.megaMenu:not(.site-nav--fw) {
inset-inline-start: 50%;
transform: translate(-50%);
width: var(--width)
}
.lang-rtl .megaMenu:not(.site-nav--fw) {
transform: translate(50%)
}
.megaMenu.site-nav--fw {
width: 100%;
inset-inline-start: 0;
border-radius: 0
}
.megaMenu.site-nav--fw .site-nav__mega--content {
max-width: var(--container);
margin: auto
}
.site-nav__link--title,
.nav--collec-item,
.site-nav--title__product {
margin-bottom: 25px
}
.site-nav__link--title a,
.site-nav__link--title span,
.nav--collec-item a,
.nav--collec-item span,
.site-nav--title__product a,
.site-nav--title__product span {
font-size: 1.8rem;
font-weight: var(--heading-font-weight);
color: var(--color-title);
font-family: var(--heading-font-family);
text-transform: capitalize
}
.site-nav__link--title i,
.nav--collec-item i,
.site-nav--title__product i {
opacity: 0;
transition: .2s
}
.nav--collec-item {
margin-bottom: 20px
}
.nav--collec-item:last-child {
margin-bottom: 0
}
.nav--collec-item:hover a i {
transform: translate(5px);
opacity: 1
}
.lang-rtl .nav--collec-item:hover a i {
transform: translate(-5px)
}
.nav--product .grid--view-items:not(.slick-initialized) .item {
display: none
}
.nav--product .grid--view-items:not(.slick-initialized) .item:first-child {
display: block
}
.nav--product .grid--view-items .item-product {
border-radius: var(--product-corner-radius)
}
.nav--product .grid--view-items .item-product.h_bd {
border: 1px solid var(--product-color-border)
}
.nav--product .grid--view-items .item-product.bg {
background: var(--product-color-background)
}
.nav--product .grid--view-items .item-product .thumbnail-container {
padding: 0
}
.nav--product .grid--view-items .item-product .product__info .product__price {
margin-bottom: 0
}
.nav--product .grid--view-items .item-product .product-price__price {
font-size: 14px;
font-weight: var(--heading-font-weight);
color: var(--product-color-price)
}
.nav--product .grid--view-items .item-product s.product-price__price {
color: var(--product-color-reduced-price);
-webkit-margin-start: 5px;
margin-inline-start: 5px
}
.nav--product .grid--view-items .slick-list {
margin: -5px;
padding: 5px
}
.nav--product .grid--view-items .slick-dots {
margin-top: 10px;
justify-content: center
}
.nav--product .grid--view-items .slick-dots li {
position: relative;
padding: 0
}
.nav--product .grid--view-items .slick-dots li button {
position: absolute;
top: 3px;
left: 3px
}
.site-nav {
padding: 0;
list-style-type: none
}
.site-nav ul {
list-style-type: none
}
.site-nav .site-nav__link--main {
color: var(--color-link);
font-size: 1.4rem;
font-weight: 700;
text-transform: capitalize;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
transition: color .15s linear, font-weight .3s
}
.site-nav .site-nav__link--main:hover {
color: var(--color-hover)
}
.site-nav .nav--lv1 {
padding: 18px 25px
}
.site-nav .site-nav--active .site-nav__link--main {
color: var(--color-hover)
}
.site-nav .megaMenu {
padding: 4rem
}
@media (min-width: 1200px) {
.site-nav .nav--lv1 {
display: inline-flex;
align-items: center;
justify-content: center
}
.site-nav .parent--lv1 .site-nav__link--main:after {
content: "\f2f9";
font-family: var(--font-icon);
font-size: 16px;
font-weight: 400;
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: -15px;
transition: .3s
}
.site-nav .parent--lv1 .MenuDefault ul,
.site-nav .parent--lv1 .site-nav--MenuLinks>li:not(.site-nav__link--title) {
transform: translateY(40px);
transition: transform .8s
}
.site-nav .parent--lv1:hover .site-nav__link--main:after {
transform: translateY(-50%) rotateX(180deg)
}
.site-nav .parent--lv1:hover .MenuDefault ul,
.site-nav .parent--lv1:hover .site-nav--MenuLinks>li:not(.site-nav__link--title) {
transform: translateY(0)
}
}
.site-nav--btn {
position: relative;
color: var(--color-title);
transition: .3s;
cursor: pointer;
-webkit-margin-end: 20px;
margin-inline-end: 20px
}
.site-nav--btn:hover {
color: var(--color-hover)
}
.site-nav--btn:hover .icon span,
.site-nav--btn:hover .icon:before,
.site-nav--btn:hover .icon:after {
background: var(--color-hover)
}
.site-nav--btn.act .icon span,
.site-nav--btn.act .icon:before,
.site-nav--btn.act .icon:after {
background: var(--color-hover)
}
.site-nav--btn.act .icon span {
opacity: 0;
transform: 0s
}
.site-nav--btn.act .icon:before,
.site-nav--btn.act .icon:after {
top: 50%;
transition: top .15s, transform .15s .15s
}
.site-nav--btn.act .icon:before {
transform: translate(-50%, -50%) rotate(45deg)
}
.site-nav--btn.act .icon:after {
transform: translate(-50%, -50%) rotate(-45deg)
}
.site-nav--btn .icon {
width: 14px;
height: 14px;
position: relative;
display: flex;
align-items: center
}
.site-nav--btn .icon span,
.site-nav--btn .icon:before,
.site-nav--btn .icon:after {
width: 14px;
height: 2px;
background: var(--color-title);
border-radius: 20px
}
.site-nav--btn .icon span {
transition: opacity 0s .15s;
width: 9px
}
.site-nav--btn .icon:before {
content: "";
position: absolute;
top: calc(50% - 5px);
left: 50%;
transform: translate(-50%, -50%);
transition: transform .15s, top .15s .15s
}
.site-nav--btn .icon:after {
content: "";
position: absolute;
top: calc(50% + 5px);
left: 50%;
transform: translate(-50%, -50%);
transition: transform .15s, top .15s .15s
}
.site-nav--btn .text {
font-size: 10px
}
.header-vertical-menu {
width: 300px;
max-width: 100%
}
@media (min-width: 768px) {
.btn-vertical {
color: var(--color-button-text);
background-color: var(--color-button);
border: 1px solid var(--color-button-border);
transition: .35s;
cursor: pointer;
height: 50px;
padding: 0 2rem;
border-radius: 10px 10px 0 0
}
.btn-vertical .icon {
width: 16px;
height: 16px;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.btn-vertical .icon span,
.btn-vertical .icon:before,
.btn-vertical .icon:after {
width: 16px;
height: 2px;
background: var(--color-button-text);
border-radius: 20px
}
.btn-vertical .icon span {
transition: opacity 0s .3s
}
.btn-vertical .icon:before {
content: "";
position: absolute;
top: calc(50% - 5px);
left: 50%;
transform: translate(-50%, -50%);
transition: transform .3s, top .3s .3s
}
.btn-vertical .icon:after {
content: "";
position: absolute;
top: calc(50% + 5px);
left: 50%;
transform: translate(-50%, -50%);
transition: transform .3s, top .3s .3s
}
.btn-vertical.act .icon span {
opacity: 0;
transform: 0s
}
.btn-vertical.act .icon:before,
.btn-vertical.act .icon:after {
top: 50%;
transition: top .3s, transform .3s .3s
}
.btn-vertical.act .icon:before {
transform: translate(-50%, -50%) rotate(45deg)
}
.btn-vertical.act .icon:after {
transform: translate(-50%, -50%) rotate(-45deg)
}
}
@media (min-width: 1200px) {
.btn-vertical .btn-more {
padding: 10px 30px
}
}
@media (max-width: 767px) {
.btn-vertical {
-webkit-margin-start: 10px;
margin-inline-start: 10px;
font-size: 18px;
display: flex;
color: var(--color-icons)
}
}
.site-nav-vertical {
padding-block: 20px;
box-shadow: 0 0 10px #0000001a;
background-color: var(--color-background)
}
.site-nav-vertical ul {
list-style-type: none;
padding: 20px 0 0
}
.site-nav-vertical .nav--lv1 {
padding-inline: 2rem
}
.site-nav-vertical .megaMenu {
transform: none !important
}
.site-nav-vertical .megaMenu.site-nav--fw {
width: calc(var(--container) - 335px);
max-width: calc(100svw - 335px)
}
.site-nav-vertical .nav-dropdown--lv1 ul,
.site-nav-vertical .nav-dropdown--lv2 ul {
padding: 0
}
.site-nav-vertical .site-nav__link--main {
font-size: 1.4rem;
font-weight: 700;
transition: .3s linear;
text-transform: capitalize;
position: relative;
display: flex;
align-items: center;
height: 44px;
padding-inline: 10px;
border-radius: 10px
}
.site-nav-vertical .site-nav__link--main:hover {
color: var(--color-hover)
}
.site-nav-vertical .site-nav__link--title {
margin-bottom: 5px
}
.site-nav-vertical .site-nav__link {
padding-block: 9px
}
.site-nav-vertical .ver-show__more {
padding: 20px 68px 0;
border-top: 1px solid #f5f5f5
}
.site-nav-vertical .ver-show__more:hover {
color: var(--color-hover)
}
.site-nav-vertical .nav-dropdown--lv2 {
padding: 0
}
.site-nav-vertical .nav-dropdown--lv2 ul {
height: 100%;
box-shadow: 0 10px 10px #0000000d;
border-radius: 10px
}
.site-nav-vertical .nav-direc {
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-padding-start: 10px;
padding-inline-start: 10px
}
.site-nav-vertical .icon-arrow {
-webkit-margin-start: auto;
margin-inline-start: auto
}
.site-nav-vertical .icon-arrow svg {
max-width: 19px;
height: auto
}
@media (max-width: 1199px) {
.site-nav-vertical .icon-arrow {
display: none
}
}
.site-nav-vertical .btn-more {
display: none
}
@media (min-width: 1200px) {
.site-nav-vertical {
position: absolute;
top: 100%;
inset-inline-start: 0;
border-radius: 0 0 10px 10px;
width: 100%;
min-width: 270px;
box-shadow: 0 10px 16px #0000001a;
display: none
}
.site-nav-vertical.act {
display: block
}
.site-nav-vertical .parent--lv1 .site-nav__link--main:after,
.site-nav-vertical .parent--lv2 .site-nav__link--second:after {
content: "\f301";
font-family: var(--font-icon);
font-size: 14px;
font-weight: 400;
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 12px;
transition: .3s
}
.site-nav-vertical .nav--lv1:not(:last-child) {
margin-bottom: 10px
}
.site-nav-vertical .nav--lv1:has(+.btn-more) {
padding-bottom: 0
}
.site-nav-vertical .nav--lv1:hover .site-nav__link--main {
color: var(--color-button-text);
background: var(--color-button)
}
.site-nav-vertical .nav--lv1:hover .site-nav--title {
transform: translate(-100%);
inset-inline-start: calc(100% - 40px)
}
.lang-rtl .site-nav-vertical .nav--lv1:hover .site-nav--title {
transform: translate(100%)
}
.site-nav-vertical .nav--lv1:hover .nav-dropdown--lv1 {
top: 0
}
.site-nav-vertical .nav--lv1:hover.parent--lv1 .site-nav--title {
inset-inline-start: calc(100% - 65px)
}
.site-nav-vertical .nav--lv1,
.site-nav-vertical .nav--lv2 {
position: relative
}
.site-nav-vertical .nav--lv1 .nav-dropdown--lv1,
.site-nav-vertical .nav--lv1 .nav-dropdown--lv2,
.site-nav-vertical .nav--lv2 .nav-dropdown--lv1,
.site-nav-vertical .nav--lv2 .nav-dropdown--lv2 {
inset-inline-start: calc(100% + 5px);
top: 35px;
min-height: 100%;
border-radius: 10px;
padding-block: 25px
}
.site-nav-vertical .nav--lv2:hover .nav-dropdown--lv2 {
top: -25px
}
.site-nav-vertical .site-nav--title {
inset-inline-start: 0;
position: relative;
transition: .3s cubic-bezier(.39, .575, .565, 1)
}
.site-nav-vertical .parent--lv2 .site-nav__link--second {
position: relative
}
.site-nav-vertical .parent--lv2 .site-nav__link--second:after {
inset-inline-end: 20px
}
.site-nav-vertical .MenuDefault .site-nav__link--title,
.site-nav-vertical .MenuDefault .site-nav__link {
padding-inline: 20px
}
.site-nav-vertical .MenuDefault .nav-dropdown--lv2 {
padding: 0
}
.site-nav-vertical .MenuDefault .nav-dropdown--lv2 ul {
padding-block: 25px
}
.site-nav-vertical .site-nav--Megamenu {
position: static !important
}
.site-nav-vertical .site-nav--Megamenu .megaMenu {
padding: 25px
}
.site-nav-vertical .nav-direc,
.site-nav-vertical#mobileVerticalMenu {
display: none
}
.site-nav-vertical .parent--lv1 .site-nav__link--main:before,
.site-nav-vertical .parent--lv1 .site-nav__link--second:before,
.site-nav-vertical .parent--lv2 .site-nav__link--main:before,
.site-nav-vertical .parent--lv2 .site-nav__link--second:before {
content: "";
position: absolute;
inset-inline-start: calc(100% - 5px);
top: 0;
width: 50px;
height: 115%
}
.site-nav-vertical .limit~.nav--lv1 {
max-height: 0;
opacity: 0;
transition: max-height .5s, opacity .2s, padding .5s, margin .5s;
visibility: hidden;
padding-bottom: 0;
margin-bottom: 0
}
.site-nav-vertical .limit:has(~.btn-more.act)~.nav--lv1 {
max-height: 55px;
opacity: 1;
visibility: visible
}
.site-nav-vertical .limit~.btn-more {
display: block
}
.site-nav-vertical .btn-more {
text-transform: capitalize;
font-size: 1.4rem;
font-weight: 500;
color: var(--color-link);
font-family: var(--font-family-primary);
padding: 10px 25px
}
.site-nav-vertical .btn-more:hover {
color: var(--color-hover)
}
.site-nav-vertical .btn-more.act .see-more {
display: none
}
.site-nav-vertical .btn-more.act .see-less {
display: block
}
.site-nav-vertical .btn-more img {
min-width: 30px;
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
.site-nav-vertical .btn-more .see-less {
display: none
}
}
@media (max-width: 1199px) {
.site-nav-vertical {
position: fixed;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
top: 0;
inset-inline-start: -300px;
z-index: 9999;
width: 300px;
max-width: calc(100svw - 50px);
border-radius: 0;
transition: .3s linear;
display: block !important
}
.site-nav-vertical.act {
inset-inline-start: 0;
opacity: 1
}
.site-nav-vertical .nav-dropdown--lv1,
.site-nav-vertical .nav-dropdown--lv2 {
position: static;
display: none;
opacity: 1;
visibility: visible;
transition: none !important;
box-shadow: none;
border-top: none;
width: initial;
padding: 0
}
.site-nav-vertical .nav-dropdown--lv1 .row,
.site-nav-vertical .nav-dropdown--lv1 [class*=col-],
.site-nav-vertical .nav-dropdown--lv2 .row,
.site-nav-vertical .nav-dropdown--lv2 [class*=col-] {
margin: 0;
padding: 0
}
.site-nav-vertical .nav-dropdown--lv1 .site-nav__link,
.site-nav-vertical .nav-dropdown--lv1 .site-nav__link--title,
.site-nav-vertical .nav-dropdown--lv2 .site-nav__link,
.site-nav-vertical .nav-dropdown--lv2 .site-nav__link--title {
padding: 6px 30px
}
.site-nav-vertical .nav-dropdown--lv1 {
padding-inline: 15px
}
.site-nav-vertical .megaMenu {
background: #0000 !important
}
.site-nav-vertical .novMenuBanner {
margin: 20px 30px
}
.site-nav-vertical .site-nav__link--second {
display: flex
}
.site-nav-vertical .nav-dropdown--lv2 ul {
box-shadow: none;
width: initial;
padding-inline: 20px;
padding-bottom: 10px
}
.site-nav-vertical#desktopVerticalMenu,
.site-nav-vertical .btn-more {
display: none !important
}
}
@media (min-width: 992px) {
body:not(.template-index) .site-nav-vertical {
display: none
}
}
.canvas-menu #canvas-main-menu {
background: #fff;
position: static
}
.canvas-menu .mm-panels>.mm-panel {
width: initial;
left: 0;
right: 0
}
.canvas-menu .mm-panels>.mm-panel::-webkit-scrollbar-track {
background-color: #efefef;
border-radius: 10px;
border: 1px solid #dfdfdf
}
.canvas-menu .mm-panels>.mm-panel::-webkit-scrollbar {
width: 9px
}
.canvas-menu .mm-panels>.mm-panel::-webkit-scrollbar-thumb {
background-color: #b4b4b4;
border-radius: 10px;
border: 3px solid rgba(0, 0, 0, 0);
background-clip: content-box
}
.canvas-menu .mm-panels>.mm-panel::-webkit-scrollbar-thumb:hover {
background-color: #777
}
.canvas-menu .mm-panels>.mm-panel:before,
.canvas-menu .mm-panels>.mm-panel:after {
display: none
}
.canvas-menu .mm-panels>.mm-panel .mm-navbar {
text-align: left !important;
border-color: #e5e5e5;
position: static;
height: initial;
padding: 0 20px
}
.lang-rtl .canvas-menu .mm-panels>.mm-panel .mm-navbar {
text-align: right !important
}
.canvas-menu .mm-panels>.mm-panel .mm-navbar>* {
padding: 20px 0
}
.canvas-menu .mm-panels>.mm-panel .mm-navbar .mm-title {
color: var(--color-title) !important;
font-size: 13px;
text-transform: uppercase;
font-weight: 800;
font-family: var(--font-family-primary)
}
.canvas-menu .mm-panels>.mm-panel .mm-navbar .mm-prev {
inset-inline-start: initial;
inset-inline-end: 0
}
.canvas-menu .mm-panels>.mm-panel .mm-navbar .mm-prev:before {
display: none
}
.canvas-menu .mm-panels>.mm-panel .mm-navbar .mm-prev:after {
content: "\f300";
font-family: var(--font-icon);
color: #000;
font-size: 18px
}
.canvas-menu .mm-panels>.mm-panel>.mm-listview {
margin: 0
}
.canvas-menu .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider):after {
border-bottom: none
}
.canvas-menu .mm-panels>.mm-panel>.mm-listview>li .mm-next:before {
display: none
}
.canvas-menu .mm-panels>.mm-panel>.mm-listview>li .mm-next:after {
content: "\e9fb";
font-family: var(--font-icons);
font-size: 11px;
border: none;
width: initial;
height: initial;
top: 50%;
bottom: initial;
transform: translateY(-50%);
color: #000;
inset-inline-end: 0
}
.lang-rtl .canvas-menu .mm-panels>.mm-panel>.mm-listview>li .mm-next:after {
content: "\f2fa"
}
.canvas-menu .mm-panels>.mm-panel>.mm-listview>.nav--lv2 .mm-next {
top: 0;
height: 100%
}
.canvas-menu .site-nav>li {
padding: 0
}
.canvas-menu .site-nav>li .site-nav__link--main {
font-size: 13px;
font-weight: 700;
padding: 14px 0
}
.canvas-menu .site-nav>li .site-nav--active .site-nav__link--main {
color: var(--color-title) !important
}
.canvas-menu .nav-dropdown--lv1,
.canvas-menu .nav-dropdown--lv2 {
border-top: none;
padding: 0;
opacity: 1;
visibility: visible
}
.canvas-menu .nav-dropdown--lv1>ul,
.canvas-menu .nav-dropdown--lv2>ul {
padding: 0;
width: 100%
}
.canvas-menu .nav-dropdown--lv1>ul>li,
.canvas-menu .nav-dropdown--lv2>ul>li {
border-bottom: 1px solid #e5e5e5;
padding: 0 20px
}
.canvas-menu .nav-dropdown--lv1 li:after,
.canvas-menu .nav-dropdown--lv2 li:after {
display: none
}
.canvas-menu .nav-dropdown--lv1 .site-nav__link,
.canvas-menu .nav-dropdown--lv2 .site-nav__link {
padding: 20px 0;
font-size: 13px;
font-weight: 600;
color: var(--color-title)
}
.canvas-menu .nav-dropdown--lv1 .site-nav__link:hover,
.canvas-menu .nav-dropdown--lv2 .site-nav__link:hover {
color: var(--color-hover)
}
.canvas-menu .site-nav__mega--content {
padding: 15px 25px;
margin: 0
}
.canvas-menu ul {
list-style-type: none
}
.section-collection-tabs .collection-carousel:not(.slick-initialized) {
display: flex;
overflow: hidden
}
.section-collection-tabs .nav-tabs {
position: relative;
border: none;
overflow-x: auto;
overflow-y: hidden;
display: flex;
flex-wrap: nowrap;
padding: 1px;
scrollbar-width: none
}
.section-collection-tabs .nav-tabs::-webkit-scrollbar {
display: none
}
.section-collection-tabs .nav-tabs .nav-item {
margin-bottom: 0
}
.section-collection-tabs .nav-tabs .nav-link {
white-space: nowrap
}
.section-collection-tabs .nav-tabs.nav_1 .nav-item:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-collection-tabs .nav-tabs.nav_1 .nav-link {
border-radius: 99px;
transition: .5s;
text-transform: capitalize;
font-size: 1.2rem;
font-weight: 600
}
.section-collection-tabs .nav-tabs.nav_1 .nav-link:hover {
border-color: var(--color-button-border-hover)
}
.section-collection-tabs .nav-tabs.nav_2 {
border-bottom: 1px solid var(--color-border);
padding-bottom: 10px;
overflow: inherit
}
.section-collection-tabs .nav-tabs.nav_2 .nav-item:not(:last-child) {
-webkit-padding-end: 4rem;
padding-inline-end: 4rem
}
.section-collection-tabs .nav-tabs.nav_2 .nav-link {
color: var(--color-title);
font-size: 1.4rem;
font-family: var(--font-family-primary);
padding: 0;
min-width: 100px
}
.section-collection-tabs .nav-tabs.nav_2 .nav-link:before {
content: "";
position: absolute;
bottom: -11px;
left: 50%;
transform: translate(-50%);
background: var(--color-hover);
width: 0;
height: 1px;
transition: width .3s
}
.section-collection-tabs .nav-tabs.nav_2 .nav-link:hover,
.section-collection-tabs .nav-tabs.nav_2 .nav-link.active {
color: var(--color-hover);
font-weight: 700
}
.section-collection-tabs .nav-tabs.nav_2 .nav-link:hover:before,
.section-collection-tabs .nav-tabs.nav_2 .nav-link.active:before {
width: 100%
}
.section-collection-tabs .nav-mobile {
min-width: 155px
}
.section-collection-tabs .nav-mobile .nav-mobile__title {
padding: 15px 25px;
font-size: 1.3rem;
font-weight: 700;
border-radius: 5px;
color: var(--color-button-text);
background: var(--color-button);
border-color: var(--color-button-border)
}
.section-collection-tabs .nav-mobile .nav-mobile__title:after {
content: "\eaf4";
-webkit-margin-start: 10px;
margin-inline-start: 10px;
font-family: var(--font-icons)
}
.section-collection-tabs .nav-mobile .nov_ud_dropdown {
border: none;
box-shadow: 0 0 5px #0000001a;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
display: none;
background: var(--color-background)
}
.section-collection-tabs .nav-mobile .nov_ud_dropdown .nav-link {
padding: 10px 25px;
color: var(--color-text)
}
.section-collection-tabs .nav-mobile .nov_ud_dropdown .nav-link.active {
color: var(--color-hover);
font-weight: 700
}
.section-collection-tabs .product_tab_content .tab-content {
display: none
}
.section-collection-tabs .product_tab_content .tab-content.active {
display: block
}
.section-collection-tabs .grid--view-items .item-product .product__info {
padding-top: 2.5rem
}
.section-collection-tabs .grid--view-items .item-product .product__info .product__type {
display: none
}
.section-collection-tabs .grid--view-items .item-product .product__info .product__title {
max-width: 240px
}
.section-collection-tabs .nav-prev {
-webkit-margin-end: 25px;
margin-inline-end: 25px
}
.section-collection-tabs .nav-prev:has(+.append-dots) {
-webkit-margin-end: 0;
margin-inline-end: 0
}
.section-collection-tabs .block-arrow {
-webkit-margin-end: -8px;
margin-inline-end: -8px
}
.section-collection-tabs .append-dots .slick-dots {
margin-top: 0
}
@media (max-width: 1199px) {
.section-collection-tabs .swiper-pagination {
display: none !important
}
}
@media (max-width: 767px) {
.section-collection-tabs .container-full {
padding: 0 15px
}
}
@media (max-width: 991px)and (min-width: 576px) {
.section-collection-tabs .container-full .nav-mobile {
margin: 0 15px
}
}
.section-product:has(.countdown-wrapper:not(.h-100)) {
overflow: initial
}
.section-product .no-product-type .product__type {
display: none
}
.section-product .overflow-right {
-webkit-margin-end: -50vw;
margin-inline-end: -50vw;
-webkit-padding-end: 50vw;
padding-inline-end: 50vw
}
.section-product .overflow-right .swiper-slide {
opacity: 1
}
.section-product .item-product {
margin-bottom: 0
}
@media (min-width: 1441px) {
.section-product .nav-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.section-product .nav-arrow.nav-prev {
inset-inline-start: -25px
}
.section-product .nav-arrow.nav-next {
inset-inline-end: -25px
}
}
.section-testimonials .testimonial-item:hover .testimonial-avatar img {
transform: scale(1.07)
}
.section-testimonials .testimonial-avatar {
width: 60px;
height: 60px;
-webkit-margin-end: 2.5rem;
margin-inline-end: 2.5rem
}
.section-testimonials .testimonial-avatar img {
transition: transform .3s linear
}
.section-testimonials .testimonial-rating i {
font-size: 14px;
display: inline-block;
font-style: normal;
font-weight: 700;
color: rgba(var(--color-icons-rgb), .2)
}
.section-testimonials .testimonial-rating i:before {
content: "\f27d";
font-family: var(--font-icon)
}
.section-testimonials .testimonial-rating i:not(:last-child) {
-webkit-margin-end: 4px;
margin-inline-end: 4px
}
.section-testimonials .testimonial-rating i.rating {
color: var(--color-button-hover)
}
.section-testimonials .testimonial-info {
font-size: 10px
}
.section-testimonials .nav-arrow.nav-next {
-webkit-margin-start: 10px;
margin-inline-start: 10px
}
@media (min-width: 1200px) {
.section-testimonials .slick-dots {
margin-top: 60px
}
}
.section-policy .icon_animate .policy__item--content:hover img {
-webkit-animation: policy 1.2s linear;
animation: policy 1.2s linear
}
.section-policy .policy-icon img {
-o-object-fit: contain;
object-fit: contain
}
@media (max-width: 575px) {
.section-policy .style1 .policy-icon {
-webkit-margin-end: 2.5rem;
margin-inline-end: 2.5rem;
margin-bottom: 0 !important
}
}
.section-policy .style2 .policy-icon {
-webkit-margin-end: 2.5rem;
margin-inline-end: 2.5rem
}
.section-policy .show-border .policy__item--content {
border: 2px dashed;
padding-left: 2rem;
padding-right: 2rem
}
.section-policy .item-bd-top .policy__item--content {
margin-top: 5px
}
.section-policy .item-bd-top .policy__item--content:before {
content: "";
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--item-corner-radius);
background: var(--item-border-top-color)
}
.section-policy .item-bd-top .policy__item--content:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--item-corner-radius);
background: var(--item-bg)
}
.section-policy .item-bd-top .policy__item--content .policy-icon,
.section-policy .item-bd-top .policy__item--content .heading--policy {
z-index: 2
}
@media (min-width: 1200px) {
.section-policy .item-bd-right:not(:last-child) {
position: relative
}
.section-policy .item-bd-right:not(:last-child):before {
content: "";
position: absolute;
top: 50%;
inset-inline-end: 0;
transform: translateY(-50%);
height: 75%;
width: 1px;
background: repeating-linear-gradient(to bottom, var(--color-border-right) 0 4px, transparent 4px 8px)
}
}
@media (max-width: 767px) {
.section-policy .container-full .style1 {
padding: 0 15px
}
}
.section-image-group .icon {
max-width: 20px
}
.section-image-group .gallery-image__item {
border-radius: var(--corner-radius)
}
.section-image-group .gallery-image__item:has(.pattern-button) {
border-bottom-right-radius: 0
}
.section-image-group .icon-img {
width: var(--icon-width);
height: var(--icon-width);
border-radius: var(--icon-corner);
background: var(--icon-bg);
padding: clamp(5px, 4%, 30px)
}
.section-image-group .icon-img.shadow {
box-shadow: 0 8px 40px #00000014
}
.section-image-group .gallery-caption .title {
color: var(--title-color);
line-height: var(--title-line-height);
letter-spacing: var(--title-letter-spacing);
margin-bottom: var(--title-mb)
}
.section-image-group .gallery-caption .title a {
--color-link: var(--title-color);
position: relative;
display: inline-flex;
align-items: center
}
.section-image-group .gallery-caption .title a:after {
content: "\ea0b";
font-family: var(--font-icons);
font-size: 16px;
display: inline-block;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
transition: transform .3s
}
.section-image-group .gallery-caption .title a:hover:after {
transform: rotate(-45deg)
}
.section-image-group .gallery-caption .title strong {
color: var(--title-bold-color)
}
.section-image-group .gallery-caption .sub_title {
color: var(--subtitle-color);
line-height: var(--subtitle-line-height);
letter-spacing: var(--subtitle-letter-spacing);
margin-bottom: var(--subtitle-mb)
}
.section-image-group .gallery-caption .sub_title.btn-style p {
background: var(--subtitle-bg);
padding: 8px 26px;
border-radius: 50px;
margin-bottom: 0;
display: inline-flex
}
.section-image-group .gallery-caption .desc {
color: var(--desc-color);
line-height: var(--desc-line-height);
letter-spacing: var(--desc-letter-spacing);
margin-bottom: var(--desc-mb)
}
.section-image-group .gallery-caption .btn {
box-shadow: 8px 8px 13px #0000001a
}
.section-image-group .gallery-caption .countdownfree {
margin-bottom: var(--count-mb)
}
.section-image-group .gallery-caption .countdownfree .item-time {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 5.5rem;
height: 5.5rem;
border-radius: var(--count-corner);
background: var(--count-bg);
color: var(--count-color);
box-shadow: 4px 4px 15px #0000001a
}
.section-image-group .gallery-caption .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-image-group .gallery-caption .countdownfree .data-number {
display: block;
line-height: 1;
margin-bottom: 3px;
font-size: 12px;
font-weight: 700
}
.section-image-group .gallery-caption .countdownfree .name-time {
font-size: 10px
}
@media (max-width: 1199px) {
.section-image-group .gallery-caption .countdownfree .item-time {
width: 5rem;
height: 5rem
}
}
@media (min-width: 768px) {
.section-image-group .style-1 .block-4,
.section-image-group .style-9 .block-4 {
height: 100%
}
.section-image-group .style-1 .block-4 .image-content .respone_image,
.section-image-group .style-1 .block-4 video,
.section-image-group .style-9 .block-4 .image-content .respone_image,
.section-image-group .style-9 .block-4 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-2 .block-1,
.section-image-group .style-2 .block-4 {
height: 100%
}
.section-image-group .style-2 .block-1 .image-content .respone_image,
.section-image-group .style-2 .block-1 video,
.section-image-group .style-2 .block-4 .image-content .respone_image,
.section-image-group .style-2 .block-4 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 992px) {
.section-image-group .style-4 .gallery-image__item:has(video) {
height: 100%
}
.section-image-group .style-4 .gallery-image__item:has(video) video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-3 .block-2,
.section-image-group .style-3 .block-4,
.section-image-group .style-5 .block-2,
.section-image-group .style-5 .block-4 {
height: 100%
}
.section-image-group .style-3 .block-2 .image-content .respone_image,
.section-image-group .style-3 .block-2 video,
.section-image-group .style-3 .block-4 .image-content .respone_image,
.section-image-group .style-3 .block-4 video,
.section-image-group .style-5 .block-2 .image-content .respone_image,
.section-image-group .style-5 .block-2 video,
.section-image-group .style-5 .block-4 .image-content .respone_image,
.section-image-group .style-5 .block-4 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-5 .col-md-7 {
flex: 0 0 73.25%;
max-width: 73.25%
}
.section-image-group .style-5 .col-md-5 {
flex: 0 0 26.75%;
max-width: 26.75%
}
}
@media (min-width: 992px) {
.section-image-group .style-6 .block-1,
.section-image-group .style-6 .block-3 {
height: 100%
}
.section-image-group .style-6 .block-1 .image-content .respone_image,
.section-image-group .style-6 .block-1 video,
.section-image-group .style-6 .block-3 .image-content .respone_image,
.section-image-group .style-6 .block-3 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-7 .block-1,
.section-image-group .style-10 .block-1 {
height: 100%
}
.section-image-group .style-7 .block-1 .image-content .respone_image,
.section-image-group .style-7 .block-1 video,
.section-image-group .style-10 .block-1 .image-content .respone_image,
.section-image-group .style-10 .block-1 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-8 .block-2,
.section-image-group .style-8 .block-3 {
height: 100%
}
.section-image-group .style-8 .block-2 .image-content .respone_image,
.section-image-group .style-8 .block-2 video,
.section-image-group .style-8 .block-3 .image-content .respone_image,
.section-image-group .style-8 .block-3 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-11 .block-1 {
height: 100%
}
.section-image-group .style-11 .block-1 .image-content .respone_image,
.section-image-group .style-11 .block-1 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
.section-image-group .style-11 .gallery-image__item:has(video) {
width: 100%;
height: 100%
}
.section-image-group .style-11 .gallery-image__item:has(video) video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
@media (min-width: 768px) {
.section-image-group .style-12 .block-2,
.section-image-group .style-12 .block-4 {
height: 100%
}
.section-image-group .style-12 .block-2 .image-content .respone_image,
.section-image-group .style-12 .block-2 video,
.section-image-group .style-12 .block-4 .image-content .respone_image,
.section-image-group .style-12 .block-4 video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding-top: 0 !important;
transform: translate(-50%, -50%)
}
}
.section-image-group .btn-bottom {
bottom: 2rem;
right: 2rem
}
.section-image-group .btn-bottom:has(.pattern-button) {
bottom: 0;
right: 0
}
.section-image-group .btn-bottom:hover span i {
transform: rotate(0)
}
.section-image-group .btn-bottom span {
width: 50px;
height: 50px;
min-width: inherit;
z-index: 2
}
.section-image-group .btn-bottom span i {
-webkit-margin-start: 0;
margin-inline-start: 0;
font-size: 14px;
transform: rotate(-45deg);
transition: transform .3s
}
.section-image-group .btn-bottom .pattern-button {
position: absolute;
bottom: 0;
right: 0
}
@media (max-width: 991px)and (min-width: 768px) {
.section-image-group .btn-bottom span {
width: 40px;
height: 40px
}
.section-image-group .btn-bottom .pattern-button {
width: 70px;
height: auto
}
}
.section-image-group .btn-video__play,
.section-image-group .icon_play {
width: 67px;
height: 67px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
cursor: pointer;
font-size: 40px;
position: relative;
-webkit-animation: boxshadow 1.5s ease-in-out infinite;
animation: boxshadow 1.5s ease-in-out infinite;
color: var(--color-button-text);
background: var(--color-button);
border: var(--button-thickness) solid var(--color-button-border);
transition: .3s
}
.section-image-group .btn-video__play svg,
.section-image-group .icon_play svg {
width: 14px;
height: auto
}
.section-image-group .btn-video__play:hover,
.section-image-group .icon_play:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.section-image-group .slick-slider .slick-arrow {
background: #0000 !important;
border: none !important
}
.section-image-group .slick-slider .slick-arrow.arrow-prev {
inset-inline-start: 5px
}
.section-image-group .slick-slider .slick-arrow.arrow-next {
inset-inline-end: 5px
}
.section-image-group .slick-slider .slick-arrow:before,
.section-image-group .slick-slider .slick-arrow:after {
background: var(--nav-dots-color)
}
.section-image-group .slick-slider .slick-arrow:hover:before,
.section-image-group .slick-slider .slick-arrow:hover:after {
background: var(--nav-dots-color-hover)
}
.section-image-group .link {
font-size: 1.4rem
}
.section-image-group .link:after {
content: "\f301";
font-family: var(--font-icon);
-webkit-margin-start: 10px;
margin-inline-start: 10px;
transform: rotate(-45deg);
transition: .15s
}
.lang-rtl .section-image-group .link:after {
transform: rotate(225deg)
}
.section-image-group .link:hover:after {
transform: rotate(0)
}
.lang-rtl .section-image-group .link:hover:after {
transform: rotate(180deg)
}
@media (max-width: 767px) {
.section-image-group .icon-img .respone_image {
height: initial
}
.section-image-group .icon-img .respone_image img {
-o-object-position: center;
object-position: center
}
.section-image-group video {
width: 100%;
height: auto;
min-height: 200px
}
.section-image-group .respone_image {
height: var(--img-height-sm)
}
.section-image-group .respone_image img {
-o-object-position: var(--img-object-position-sm);
object-position: var(--img-object-position-sm)
}
.section-image-group .btn-video__play,
.section-image-group .icon_play {
width: 50px;
height: 50px
}
.section-image-group .btn-video__play svg,
.section-image-group .icon_play svg {
width: 11px
}
}
@media (max-width: 575px) {
.section-image-group .gallery-caption {
width: var(--width-xs)
}
.section-image-group .gallery-caption.left-top {
top: var(--vertical-xs);
inset-inline-start: var(--horizotal-xs)
}
.section-image-group .gallery-caption.left-center {
inset-inline-start: var(--horizotal-xs)
}
.section-image-group .gallery-caption.left-bottom {
bottom: var(--vertical-xs);
inset-inline-start: var(--horizotal-xs)
}
.section-image-group .gallery-caption.top-center {
top: var(--vertical-xs)
}
.section-image-group .gallery-caption.bottom-center {
bottom: var(--vertical-xs)
}
.section-image-group .gallery-caption.right-top {
top: var(--vertical-xs);
inset-inline-end: var(--horizotal-xs)
}
.section-image-group .gallery-caption.right-center {
inset-inline-end: var(--horizotal-xs)
}
.section-image-group .gallery-caption.right-bottom {
bottom: var(--vertical-xs);
inset-inline-end: var(--horizotal-xs)
}
.section-image-group .gallery-caption .title {
font-size: var(--title-fz-xs)
}
.section-image-group .gallery-caption .sub_title {
font-size: var(--subtitle-fz-xs);
margin-bottom: min(20px, var(--subtitle-mb))
}
.section-image-group .gallery-caption .desc {
font-size: var(--desc-fz-xs)
}
}
@media (min-width: 576px)and (max-width: 767px) {
.section-image-group .gallery-caption {
width: var(--width-sm)
}
.section-image-group .gallery-caption.left-top {
top: var(--vertical-sm);
inset-inline-start: var(--horizotal-sm)
}
.section-image-group .gallery-caption.left-center {
inset-inline-start: var(--horizotal-sm)
}
.section-image-group .gallery-caption.left-bottom {
bottom: var(--vertical-sm);
inset-inline-start: var(--horizotal-sm)
}
.section-image-group .gallery-caption.top-center {
top: var(--vertical-sm)
}
.section-image-group .gallery-caption.bottom-center {
bottom: var(--vertical-sm)
}
.section-image-group .gallery-caption.right-top {
top: var(--vertical-sm);
inset-inline-end: var(--horizotal-sm)
}
.section-image-group .gallery-caption.right-center {
inset-inline-end: var(--horizotal-sm)
}
.section-image-group .gallery-caption.right-bottom {
bottom: var(--vertical-sm);
inset-inline-end: var(--horizotal-sm)
}
.section-image-group .gallery-caption .title {
font-size: var(--title-fz-sm)
}
.section-image-group .gallery-caption .sub_title {
font-size: var(--subtitle-fz-sm)
}
.section-image-group .gallery-caption .desc {
font-size: var(--desc-fz-sm)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.section-image-group .gallery-caption {
width: var(--width-md)
}
.section-image-group .gallery-caption.left-top {
top: var(--vertical-md);
inset-inline-start: var(--horizotal-md)
}
.section-image-group .gallery-caption.left-center {
inset-inline-start: var(--horizotal-md)
}
.section-image-group .gallery-caption.left-bottom {
bottom: var(--vertical-md);
inset-inline-start: var(--horizotal-md)
}
.section-image-group .gallery-caption.top-center {
top: var(--vertical-md)
}
.section-image-group .gallery-caption.bottom-center {
bottom: var(--vertical-md)
}
.section-image-group .gallery-caption.right-top {
top: var(--vertical-md);
inset-inline-end: var(--horizotal-md)
}
.section-image-group .gallery-caption.right-center {
inset-inline-end: var(--horizotal-md)
}
.section-image-group .gallery-caption.right-bottom {
bottom: var(--vertical-md);
inset-inline-end: var(--horizotal-md)
}
.section-image-group .gallery-caption .title {
font-size: var(--title-fz-md)
}
.section-image-group .gallery-caption .sub_title {
font-size: var(--subtitle-fz-md)
}
.section-image-group .gallery-caption .desc {
font-size: var(--desc-fz-md)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.section-image-group .gallery-caption {
width: var(--width-lg)
}
.section-image-group .gallery-caption.left-top {
top: var(--vertical-lg);
inset-inline-start: var(--horizotal-lg)
}
.section-image-group .gallery-caption.left-center {
inset-inline-start: var(--horizotal-lg)
}
.section-image-group .gallery-caption.left-bottom {
bottom: var(--vertical-lg);
inset-inline-start: var(--horizotal-lg)
}
.section-image-group .gallery-caption.top-center {
top: var(--vertical-lg)
}
.section-image-group .gallery-caption.bottom-center {
bottom: var(--vertical-lg)
}
.section-image-group .gallery-caption.right-top {
top: var(--vertical-lg);
inset-inline-end: var(--horizotal-lg)
}
.section-image-group .gallery-caption.right-center {
inset-inline-end: var(--horizotal-lg)
}
.section-image-group .gallery-caption.right-bottom {
bottom: var(--vertical-lg);
inset-inline-end: var(--horizotal-lg)
}
.section-image-group .gallery-caption .title {
font-size: var(--title-fz-lg)
}
.section-image-group .gallery-caption .sub_title {
font-size: var(--subtitle-fz-lg)
}
.section-image-group .gallery-caption .desc {
font-size: var(--desc-fz-lg)
}
}
@media (min-width: 1200px)and (max-width: 1440px) {
.section-image-group .gallery-caption {
width: var(--width-xl)
}
.section-image-group .gallery-caption.left-top {
top: var(--vertical-xl);
inset-inline-start: var(--horizotal-xl)
}
.section-image-group .gallery-caption.left-center {
inset-inline-start: var(--horizotal-xl)
}
.section-image-group .gallery-caption.left-bottom {
bottom: var(--vertical-xl);
inset-inline-start: var(--horizotal-xl)
}
.section-image-group .gallery-caption.top-center {
top: var(--vertical-xl)
}
.section-image-group .gallery-caption.bottom-center {
bottom: var(--vertical-xl)
}
.section-image-group .gallery-caption.right-top {
top: var(--vertical-xl);
inset-inline-end: var(--horizotal-xl)
}
.section-image-group .gallery-caption.right-center {
inset-inline-end: var(--horizotal-xl)
}
.section-image-group .gallery-caption.right-bottom {
bottom: var(--vertical-xl);
inset-inline-end: var(--horizotal-xl)
}
.section-image-group .gallery-caption .title {
font-size: var(--title-fz-xl)
}
.section-image-group .gallery-caption .sub_title {
font-size: var(--subtitle-fz-xl)
}
.section-image-group .gallery-caption .desc {
font-size: var(--desc-fz-xl)
}
}
@media (min-width: 1441px) {
.section-image-group .gallery-caption {
width: var(--width-xxl)
}
.section-image-group .gallery-caption.left-top {
top: var(--vertical-xxl);
inset-inline-start: var(--horizotal-xxl)
}
.section-image-group .gallery-caption.left-center {
inset-inline-start: var(--horizotal-xxl)
}
.section-image-group .gallery-caption.left-bottom {
bottom: var(--vertical-xxl);
inset-inline-start: var(--horizotal-xxl)
}
.section-image-group .gallery-caption.top-center {
top: var(--vertical-xxl)
}
.section-image-group .gallery-caption.bottom-center {
bottom: var(--vertical-xxl)
}
.section-image-group .gallery-caption.right-top {
top: var(--vertical-xxl);
inset-inline-end: var(--horizotal-xxl)
}
.section-image-group .gallery-caption.right-center {
inset-inline-end: var(--horizotal-xxl)
}
.section-image-group .gallery-caption.right-bottom {
bottom: var(--vertical-xxl);
inset-inline-end: var(--horizotal-xxl)
}
.section-image-group .gallery-caption .title {
font-size: var(--title-fz-xxl)
}
.section-image-group .gallery-caption .sub_title {
font-size: var(--subtitle-fz-xxl)
}
.section-image-group .gallery-caption .desc {
font-size: var(--desc-fz-xxl)
}
}
.section-slideshow .main-slider {
transition: opacity 1s linear;
overflow: hidden
}
.section-slideshow .main-slider:not(.slick-initialized) .item {
display: none
}
.section-slideshow .main-slider:not(.slick-initialized) .item:first-child {
display: block
}
.section-slideshow .image-entity {
transition: .2s;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.section-slideshow .slide-image:not(.first-scale) {
transition: transform 5s linear
}
.section-slideshow .slide-image.zoom_img {
transform: scale(1.1)
}
.section-slideshow .slide-image.first-scale {
transform: scale(1.25);
transition: transform 1.5s ease-out .5s
}
.section-slideshow .slide-image.first-zoomin {
transform: scale(1) !important;
opacity: 1 !important
}
.section-slideshow .slide-image img {
background-image: none;
transform: scale(1)
}
.section-slideshow .item~.item .slide-video {
position: relative
}
.section-slideshow .item~.item .slide-video video {
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover
}
.section-slideshow .cap_content {
top: 0;
left: 50%;
transform: translate(-50%);
z-index: 2
}
.section-slideshow .cap_content.container {
padding: 0;
max-width: calc(var(--container) - 30px)
}
.section-slideshow .cap_content.fullwidth {
width: 100%
}
.section-slideshow .cap_content.container-fluid {
max-width: calc(100% - 30px);
padding: 0
}
@media (min-width: 1441px) {
.section-slideshow .cap_content.container-fluid {
max-width: calc(100% - var(--container-fluid)*2)
}
}
@media (min-width: 576px) {
.section-slideshow .cap_content .text-sm-left .btn-skew {
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.section-slideshow .cap_content .text-sm-right .btn-skew {
-webkit-margin-end: 8px;
margin-inline-end: 8px
}
}
@media (max-width: 575px) {
.section-slideshow .cap_content .text-left .btn-skew {
-webkit-margin-start: 5px;
margin-inline-start: 5px
}
.section-slideshow .cap_content .text-right .btn-skew {
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
}
.section-slideshow .loading-bar {
position: relative
}
.section-slideshow .loading-bar:before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 0;
height: 8px;
z-index: 2;
-webkit-animation-name: novload;
animation-name: novload;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.section-slideshow .slick-dots {
display: flex !important;
align-items: center;
justify-content: center;
margin-top: 0;
padding: 0
}
.section-slideshow .pattern {
bottom: -1px;
left: 0;
background-size: contain;
background-repeat: repeat-x;
background-position: center bottom
}
.section-slideshow .wave {
bottom: 0;
left: 0;
width: 100%;
height: 12%
}
.section-slideshow .caption-animate {
font-size: var(--font-size-xs);
letter-spacing: var(--letter-spacing);
line-height: var(--line-height);
opacity: 0
}
.section-slideshow .caption-animate.animated {
opacity: 1;
transition: all .5s cubic-bezier(.32, .34, 0, 1.62) .6s
}
.section-slideshow .caption-1 {
--webkit-text-stroke: var(--text-stroke)
}
@media (min-width: 1200px) {
.section-slideshow .caption-btn {
margin: -1.5rem
}
.section-slideshow .caption-btn>div {
padding: 1.5rem
}
}
@media (max-width: 1199px) {
.section-slideshow .caption-btn {
margin: -10px
}
.section-slideshow .caption-btn>div {
padding: 10px
}
.section-slideshow .caption-btn .iten-btn-img {
max-width: 150px
}
}
.section-slideshow .caption-btn .icon_play {
color: var(--color-label);
transition: color .3s
}
.section-slideshow .caption-btn .icon_play:hover {
color: var(--color-hover)
}
.section-slideshow .caption-btn .icon_play i {
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.section-slideshow .pattern-slider {
width: var(--width)
}
.section-slideshow .pattern-slider.left-top {
top: var(--vertical);
inset-inline-start: var(--horizotal)
}
.section-slideshow .pattern-slider.left-center {
inset-inline-start: var(--horizotal)
}
.section-slideshow .pattern-slider.left-bottom {
bottom: var(--vertical);
inset-inline-start: var(--horizotal)
}
.section-slideshow .pattern-slider.top-center {
top: var(--vertical)
}
.section-slideshow .pattern-slider.bottom-center {
bottom: var(--vertical)
}
.section-slideshow .pattern-slider.right-top {
top: var(--vertical);
inset-inline-end: var(--horizotal)
}
.section-slideshow .pattern-slider.right-center {
inset-inline-end: var(--horizotal)
}
.section-slideshow .pattern-slider.right-bottom {
bottom: var(--vertical);
inset-inline-end: var(--horizotal)
}
.section-slideshow .block-direction {
position: absolute;
bottom: var(--bottom)
}
.section-slideshow .block-direction.dot-left {
inset-inline-start: calc(var(--dot-horizontal) + 15px)
}
.section-slideshow .block-direction.dot-center {
left: 50%;
transform: translate(-50%)
}
.section-slideshow .block-direction.dot-right {
inset-inline-end: calc(var(--dot-horizontal) + 15px)
}
@media (max-width: 767px) {
.section-slideshow .block-direction {
bottom: clamp(10px, var(--bottom), 3rem)
}
}
.section-slideshow .nav-arrow {
width: 20px;
height: 30px;
position: absolute;
top: calc(50% - 15px)
}
.section-slideshow .nav-arrow.nav-prev {
inset-inline-start: 2rem
}
.section-slideshow .nav-arrow.nav-next {
inset-inline-end: 2rem;
transform: rotate(180deg)
}
.lang-rtl .section-slideshow .nav-arrow.nav-next {
transform: rotate(0)
}
@media (max-width: 991px) {
.section-slideshow .slick-arrow {
display: none !important
}
}
@media (max-width: 767px) {
.section-slideshow .caption-animate {
margin-bottom: var(--margin-bottom-xs)
}
}
@media (max-width: 575px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-xs)
}
.section-slideshow .content.left-top-xs,
.section-slideshow .caption-image.left-top-xs {
top: var(--vertical-xs);
inset-inline-start: var(--horizotal-xs);
transform: none
}
.section-slideshow .content.left-center-xs,
.section-slideshow .caption-image.left-center-xs {
inset-inline-start: var(--horizotal-xs);
top: 50%;
transform: translateY(-50%);
bottom: initial
}
.section-slideshow .content.left-bottom-xs,
.section-slideshow .caption-image.left-bottom-xs {
bottom: var(--vertical-xs);
inset-inline-start: var(--horizotal-xs);
top: initial;
transform: none
}
.section-slideshow .content.top-center-xs,
.section-slideshow .caption-image.top-center-xs {
top: var(--vertical-xs);
left: 50%;
transform: translate(-50%)
}
.section-slideshow .content.bottom-center-xs,
.section-slideshow .caption-image.bottom-center-xs {
bottom: var(--vertical-xs);
left: 50%;
transform: translate(-50%);
top: initial
}
.section-slideshow .content.right-top-xs,
.section-slideshow .caption-image.right-top-xs {
top: var(--vertical-xs);
inset-inline-start: initial;
inset-inline-end: var(--horizotal-xs);
transform: none
}
.section-slideshow .content.right-center-xs,
.section-slideshow .caption-image.right-center-xs {
inset-inline-start: initial;
inset-inline-end: var(--horizotal-xs);
top: 50%;
transform: translateY(-50%);
bottom: initial
}
.section-slideshow .content.right-bottom-xs,
.section-slideshow .caption-image.right-bottom-xs {
bottom: var(--vertical-xs);
inset-inline-start: initial;
inset-inline-end: var(--horizotal-xs);
top: initial;
transform: none
}
.section-slideshow .content.center-center-xs,
.section-slideshow .caption-image.center-center-xs {
top: 50%;
bottom: initial;
left: 50%;
transform: translate(-50%, -50%)
}
.section-slideshow .caption-countdown {
min-width: 202px
}
.section-slideshow .caption-animate {
font-size: var(--font-size-xs)
}
.section-slideshow .image-entity {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%
}
.section-slideshow .nav-arrow.nav-prev {
inset-inline-start: 1rem
}
.section-slideshow .nav-arrow.nav-next {
inset-inline-end: 1rem
}
}
@media (min-width: 576px)and (max-width: 767px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-sm)
}
.section-slideshow .content.left-top,
.section-slideshow .caption-image.left-top {
top: var(--vertical-sm);
inset-inline-start: var(--horizotal-sm)
}
.section-slideshow .content.left-center,
.section-slideshow .caption-image.left-center {
inset-inline-start: var(--horizotal-sm)
}
.section-slideshow .content.left-bottom,
.section-slideshow .caption-image.left-bottom {
bottom: var(--vertical-sm);
inset-inline-start: var(--horizotal-sm)
}
.section-slideshow .content.top-center,
.section-slideshow .caption-image.top-center {
top: var(--vertical-sm)
}
.section-slideshow .content.bottom-center,
.section-slideshow .caption-image.bottom-center {
bottom: var(--vertical-sm)
}
.section-slideshow .content.right-top,
.section-slideshow .caption-image.right-top {
top: var(--vertical-sm);
inset-inline-end: var(--horizotal-sm)
}
.section-slideshow .content.right-center,
.section-slideshow .caption-image.right-center {
inset-inline-end: var(--horizotal-sm)
}
.section-slideshow .content.right-bottom,
.section-slideshow .caption-image.right-bottom {
bottom: var(--vertical-sm);
inset-inline-end: var(--horizotal-sm)
}
.section-slideshow .caption-animate {
font-size: var(--font-size-sm)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-md)
}
.section-slideshow .content.left-top,
.section-slideshow .caption-image.left-top {
top: var(--vertical-md);
inset-inline-start: var(--horizotal-md)
}
.section-slideshow .content.left-center,
.section-slideshow .caption-image.left-center {
inset-inline-start: var(--horizotal-md)
}
.section-slideshow .content.left-bottom,
.section-slideshow .caption-image.left-bottom {
bottom: var(--vertical-md);
inset-inline-start: var(--horizotal-md)
}
.section-slideshow .content.top-center,
.section-slideshow .caption-image.top-center {
top: var(--vertical-md)
}
.section-slideshow .content.bottom-center,
.section-slideshow .caption-image.bottom-center {
bottom: var(--vertical-md)
}
.section-slideshow .content.right-top,
.section-slideshow .caption-image.right-top {
top: var(--vertical-md);
inset-inline-end: var(--horizotal-md)
}
.section-slideshow .content.right-center,
.section-slideshow .caption-image.right-center {
inset-inline-end: var(--horizotal-md)
}
.section-slideshow .content.right-bottom,
.section-slideshow .caption-image.right-bottom {
bottom: var(--vertical-md);
inset-inline-end: var(--horizotal-md)
}
.section-slideshow .caption-animate {
font-size: var(--font-size-md);
margin-bottom: var(--margin-bottom-md)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-lg)
}
.section-slideshow .content.left-top,
.section-slideshow .caption-image.left-top {
top: var(--vertical-lg);
inset-inline-start: var(--horizotal-lg)
}
.section-slideshow .content.left-center,
.section-slideshow .caption-image.left-center {
inset-inline-start: var(--horizotal-lg)
}
.section-slideshow .content.left-bottom,
.section-slideshow .caption-image.left-bottom {
bottom: var(--vertical-lg);
inset-inline-start: var(--horizotal-lg)
}
.section-slideshow .content.top-center,
.section-slideshow .caption-image.top-center {
top: var(--vertical-lg)
}
.section-slideshow .content.bottom-center,
.section-slideshow .caption-image.bottom-center {
bottom: var(--vertical-lg)
}
.section-slideshow .content.right-top,
.section-slideshow .caption-image.right-top {
top: var(--vertical-lg);
inset-inline-end: var(--horizotal-lg)
}
.section-slideshow .content.right-center,
.section-slideshow .caption-image.right-center {
inset-inline-end: var(--horizotal-lg)
}
.section-slideshow .content.right-bottom,
.section-slideshow .caption-image.right-bottom {
bottom: var(--vertical-lg);
inset-inline-end: var(--horizotal-lg)
}
.section-slideshow .caption-animate {
font-size: var(--font-size-lg);
margin-bottom: var(--margin-bottom-lg)
}
}
@media (min-width: 1200px)and (max-width: 1599px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-xl)
}
.section-slideshow .content.left-top,
.section-slideshow .caption-image.left-top {
top: var(--vertical-xl);
inset-inline-start: var(--horizotal-xl)
}
.section-slideshow .content.left-center,
.section-slideshow .caption-image.left-center {
inset-inline-start: var(--horizotal-xl)
}
.section-slideshow .content.left-bottom,
.section-slideshow .caption-image.left-bottom {
bottom: var(--vertical-xl);
inset-inline-start: var(--horizotal-xl)
}
.section-slideshow .content.top-center,
.section-slideshow .caption-image.top-center {
top: var(--vertical-xl)
}
.section-slideshow .content.bottom-center,
.section-slideshow .caption-image.bottom-center {
bottom: var(--vertical-xl)
}
.section-slideshow .content.right-top,
.section-slideshow .caption-image.right-top {
top: var(--vertical-xl);
inset-inline-end: var(--horizotal-xl)
}
.section-slideshow .content.right-center,
.section-slideshow .caption-image.right-center {
inset-inline-end: var(--horizotal-xl)
}
.section-slideshow .content.right-bottom,
.section-slideshow .caption-image.right-bottom {
bottom: var(--vertical-xl);
inset-inline-end: var(--horizotal-xl)
}
.section-slideshow .caption-animate {
font-size: var(--font-size-xl);
margin-bottom: var(--margin-bottom-xl)
}
}
@media (min-width: 1600px)and (max-width: 1999px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-xxl)
}
.section-slideshow .content.left-top,
.section-slideshow .caption-image.left-top {
top: var(--vertical-xxl);
inset-inline-start: var(--horizotal-xxl)
}
.section-slideshow .content.left-center,
.section-slideshow .caption-image.left-center {
inset-inline-start: var(--horizotal-xxl)
}
.section-slideshow .content.left-bottom,
.section-slideshow .caption-image.left-bottom {
bottom: var(--vertical-xxl);
inset-inline-start: var(--horizotal-xxl)
}
.section-slideshow .content.top-center,
.section-slideshow .caption-image.top-center {
top: var(--vertical-xxl)
}
.section-slideshow .content.bottom-center,
.section-slideshow .caption-image.bottom-center {
bottom: var(--vertical-xxl)
}
.section-slideshow .content.right-top,
.section-slideshow .caption-image.right-top {
top: var(--vertical-xxl);
inset-inline-end: var(--horizotal-xxl)
}
.section-slideshow .content.right-center,
.section-slideshow .caption-image.right-center {
inset-inline-end: var(--horizotal-xxl)
}
.section-slideshow .content.right-bottom,
.section-slideshow .caption-image.right-bottom {
bottom: var(--vertical-xxl);
inset-inline-end: var(--horizotal-xxl)
}
}
@media (min-width: 1600px) {
.section-slideshow .caption-animate {
font-size: var(--font-size-xxl);
margin-bottom: var(--margin-bottom-xxl)
}
}
@media (min-width: 2000px) {
.section-slideshow .content,
.section-slideshow .caption-image {
width: var(--width-xxxl)
}
.section-slideshow .content.left-top,
.section-slideshow .caption-image.left-top {
top: var(--vertical-xxxl);
inset-inline-start: var(--horizotal-xxxl)
}
.section-slideshow .content.left-center,
.section-slideshow .caption-image.left-center {
inset-inline-start: var(--horizotal-xxxl)
}
.section-slideshow .content.left-bottom,
.section-slideshow .caption-image.left-bottom {
bottom: var(--vertical-xxxl);
inset-inline-start: var(--horizotal-xxxl)
}
.section-slideshow .content.top-center,
.section-slideshow .caption-image.top-center {
top: var(--vertical-xxxl)
}
.section-slideshow .content.bottom-center,
.section-slideshow .caption-image.bottom-center {
bottom: var(--vertical-xxxl)
}
.section-slideshow .content.right-top,
.section-slideshow .caption-image.right-top {
top: var(--vertical-xxxl);
inset-inline-end: var(--horizotal-xxxl)
}
.section-slideshow .content.right-center,
.section-slideshow .caption-image.right-center {
inset-inline-end: var(--horizotal-xxxl)
}
.section-slideshow .content.right-bottom,
.section-slideshow .caption-image.right-bottom {
bottom: var(--vertical-xxxl);
inset-inline-end: var(--horizotal-xxxl)
}
}
.section-blog .article--listing {
transform: translateZ(0)
}
.section-blog .article--listing img {
transition: transform .35s linear
}
@media (min-width: 768px) {
.section-blog .article--listing:hover img {
transform: scale(1.05)
}
}
.section-blog .article--listing:hover .btn-arrow {
transform: translateY(0)
}
.section-blog .article__type {
font-size: 10px;
font-weight: 600;
min-width: initial;
height: 30px;
padding: 0 15px;
border-radius: 50px
}
.section-blog .article_cs>span {
font-size: 12px;
position: relative;
display: flex;
align-items: center;
color: var(--color-text)
}
.section-blog .article_cs>span:not(:last-child) {
-webkit-margin-end: 2rem;
margin-inline-end: 2rem
}
.section-blog .article_cs>span:not(:last-child):after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: -1rem;
width: 1px;
height: 12px;
background-color: var(--color-text)
}
.section-blog .article_cs i {
-webkit-margin-end: 8px;
margin-inline-end: 8px;
display: none
}
.section-blog .article_cs i.rbb-icon-calendar-1 {
font-size: 21px
}
.section-blog .article__author,
.section-blog .banner-badge {
padding: 10px 20px;
color: var(--color-button-text);
background: var(--color-button);
border: 1px solid var(--color-button-border);
--horizontal: 1.5rem;
--vertical: 1.5rem;
border-radius: 5px
}
.section-blog .slick-slide:not(.sp-item)>div {
display: flex
}
.section-blog .slick-slide:not(.sp-item)>div:not(:last-child) .article--listing {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid var(--color-border)
}
.section-blog .banner-badge {
--horizontal: 3rem;
--vertical: 3rem
}
.section-blog .block-banner .respone_image {
height: 100%
}
.section-blog .block-banner .banner-content {
width: calc(100% - 60px)
}
@media (min-width: 576px) {
.section-blog .article__list-image-container {
width: 43.5%;
min-width: 43.5%
}
.section-blog .article__list-image-container a,
.section-blog .article__list-image-container .respone_image {
height: 100%
}
.section-blog .media-body {
flex: auto;
-webkit-margin-start: 3rem;
margin-inline-start: 3rem
}
}
.section-product-deals .nov-swiper-carousel {
margin: -30px;
padding: 30px
}
.section-product-deals .countdownfree {
position: static
}
.section-product-deals .countdownfree .item-time {
background-color: #0000;
border-radius: 0;
padding: 0;
width: initial
}
.section-product-deals .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 4.5rem;
margin-inline-end: 4.5rem
}
.section-product-deals .countdownfree .item-time:not(:last-child) .data-number:after {
content: ":";
font-family: serif;
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: -2.9rem;
font-size: 34px;
font-weight: 700
}
.section-product-deals .countdownfree .data-number {
font-size: 3rem;
line-height: 1;
font-weight: 700;
width: 8rem;
height: 8rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
position: relative
}
.section-product-deals .countdownfree .name-time {
font-size: 1.4rem;
font-weight: 600;
line-height: 1;
margin-top: 10px;
display: block
}
.section-product-deals .item-product {
margin-bottom: 0;
border: 1px solid var(--product-color-border);
border-radius: var(--product-corner-radius-image);
overflow: hidden;
padding: 1rem
}
.section-product-deals .item-product .thumbnail-container {
width: 40%;
min-width: 40%;
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-product-deals .item-product .product__info {
flex: auto
}
.section-product-deals .item-product .AirReviews-Widget .AirReviews-StarRatingWrapper {
justify-content: start
}
.section-product-deals .btn-default,
.section-product-deals .btn-quick-add {
width: 100%;
margin-top: 20px;
box-shadow: none;
color: var(--color-button-text);
background: var(--color-button);
border-color: var(--color-button-border);
height: 42px;
text-transform: capitalize;
font-size: 12px;
font-weight: 700
}
.section-product-deals .btn-default:hover,
.section-product-deals .btn-quick-add:hover {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.section-product-deals .btn-default svg,
.section-product-deals .btn-quick-add svg {
width: 16px;
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-product-deals .btn-default .btn-tootip,
.section-product-deals .btn-quick-add .btn-tootip {
display: none
}
.section-product-deals .swiper-slide {
opacity: 0
}
.section-product-deals .swiper-slide-visible {
opacity: 1
}
.section-product-deals .icon_play {
width: 66px;
height: 66px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100%;
cursor: pointer;
font-size: 24px;
position: relative;
--shadow-size: 13px;
--shadow-color: 255, 255, 255;
-webkit-animation: boxshadow 1.2s ease-in-out infinite;
animation: boxshadow 1.2s ease-in-out infinite;
color: var(--color-button-text);
background: var(--color-button);
border: 2px solid var(--color-button-border);
transition: .3s
}
.section-product-deals .icon_play svg {
width: 12px;
height: auto
}
.section-product-deals .icon_play:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.section-product-deals .nav-arrow {
box-shadow: 0 0 3px #0000001a
}
.section-product-deals .block-video .respone_image {
height: 100%
}
@media (max-width: 1199px) {
.section-product-deals .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 3rem;
margin-inline-end: 3rem
}
.section-product-deals .countdownfree .item-time:not(:last-child) .data-number:after {
inset-inline-end: -2rem;
font-size: 2.4rem
}
.section-product-deals .countdownfree .data-number {
width: 5.5rem;
height: 5.5rem;
font-size: 2rem
}
}
.deal-flash__sale {
margin-top: 20px
}
.deal-flash__sale-progress {
height: 8px;
border-radius: 30px;
background-color: #e0e0e0
}
.deal-flash__sale-progress .progress__bar {
left: 0;
height: 100%;
border-radius: 30px
}
.deal-flash__sale-progress img {
bottom: -3px;
left: 0
}
.deal-flash__sale-progress .i_flash {
max-width: 17px
}
.flash__sale-top {
margin-bottom: 2px
}
.flash__sale-bottom {
font-size: 10px;
text-transform: uppercase
}
.section-product-loadmore .item:hover {
z-index: 2;
position: relative
}
.section-product-loadmore .btn_loadmore {
width: 370px;
max-width: 100%;
letter-spacing: 2px;
font-size: 10px
}
.section-product-loadmore .btn_loadmore .load {
width: 20px;
height: 20px;
border-radius: 100%;
border: 3px solid var(--color-button-text-hover);
border-top: 3px solid rgba(0, 0, 0, 0);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
display: none
}
.section-product-loadmore .btn_loadmore.loading {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.section-product-loadmore .btn_loadmore.loading span {
display: none
}
.section-product-loadmore .btn_loadmore.loading .load {
display: inline-block
}
.section-product-loadmore .pagination__count {
font-size: 12px
}
.section-product-loadmore .pagination__bar {
width: 280px;
height: 5px;
border-radius: 20px;
margin: auto
}
.section-product-loadmore .pagination__bar .progress {
inset-inline-start: 0;
top: 0;
height: 5px;
border-radius: 20px
}
.section-product-loadmore .nov-pagination {
margin-top: 60px
}
.section-product-loadmore .pagination {
width: 100%;
padding: 0;
justify-content: center !important;
background: #0000
}
@media (max-width: 575px) {
.section-product-loadmore .grid--view-items {
margin-left: -7.5px;
margin-right: -7.5px
}
.section-product-loadmore .grid--view-items .item {
padding-left: 7.5px;
padding-right: 7.5px
}
.section-product-loadmore .grid--view-items .item .item-product {
margin-bottom: 15px !important
}
}
.section-gallery-ins .card_gallery {
padding: 17%
}
.section-gallery-ins .card_gallery img {
transition: all 1s
}
.section-gallery-ins .card_gallery i {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: .3s;
color: #fff;
font-size: 34px;
z-index: 10
}
.lang-rtl .section-gallery-ins .card_gallery i {
transform: translate(50%, -50%)
}
@media (min-width: 768px) {
.section-gallery-ins .card_gallery:hover img {
transform: scale(1.08)
}
}
.section-gallery-ins .card_gallery:hover i {
opacity: 1
}
.section-gallery-ins .sp-item a {
transition: transform .35s linear
}
.section-gallery-ins .sp-item:first-child a {
transform: rotate(-20deg)
}
.section-gallery-ins .sp-item:nth-child(3) a {
transform: rotate(15deg)
}
.section-gallery-ins .sp-item:nth-child(4) a {
transform: rotate(-30deg)
}
.section-gallery-ins .sp-item:hover a {
transform: rotate(0)
}
.section-gallery-ins .sp-item:hover:nth-child(2) a {
transform: rotate(15deg)
}
.lookbook__thumb {
border-radius: 3px;
overflow: hidden
}
.number-lookbook {
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
background-color: #fff;
transition: all .4s;
cursor: pointer;
font-size: 23px;
color: var(--color-title)
}
.number-lookbook:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
background-color: #ffffffb3;
-webkit-animation: Animationlookbook 1.2s linear infinite;
animation: Animationlookbook 1.2s linear infinite
}
.number-lookbook:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
background: var(--color-hover);
opacity: 0;
transition: opacity .3s
}
.item-lookbook {
padding: 15px;
z-index: 3
}
@media (max-width: 991px) {
.item-lookbook {
padding: 10px
}
}
.item-lookbook .content-lookbook {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
visibility: hidden;
opacity: 0;
min-width: 370px;
transition: .3s linear
}
.item-lookbook:hover {
cursor: pointer
}
.item-lookbook:hover .content-lookbook {
z-index: 9;
visibility: visible;
opacity: 1
}
.item-lookbook:hover .number-lookbook {
transform: scale(1.35)
}
.item-lookbook:hover .number-lookbook:after {
opacity: 1
}
.section-lookbook .left-top,
.section-lookbook .left-center,
.section-lookbook .left-bottom {
inset-inline-start: 4%
}
.section-lookbook .right-top,
.section-lookbook .right-center,
.section-lookbook .right-bottom {
inset-inline-end: 4%
}
.section-lookbook .left-top,
.section-lookbook .right-top,
.section-lookbook .top-center {
top: 7%
}
.section-lookbook .left-bottom,
.section-lookbook .right-bottom,
.section-lookbook .bottom-center {
bottom: 7%
}
.section-lookbook .title_section:has(+.lookbook-btn-wrapper) {
margin-bottom: 0
}
.section-lookbook .lookbook-btn-wrapper .btn {
padding: 0 3rem
}
.section-lookbook .nov-content-lookbook {
container-type: inline-size
}
@container (max-width: 720px) {
.section-lookbook .nov-content-lookbook .item-lookbook .content-lookbook {
min-width: 300px
}
}
.section-lookbook .lookbook-block_text {
width: clamp(310px, 85vw, 855px);
z-index: 2
}
.section-lookbook .lookbook-item-product {
display: flex;
align-items: center;
text-align: left !important;
padding-block: 10px;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
-webkit-padding-end: 25px;
padding-inline-end: 25px;
border-radius: 5px;
position: relative;
min-width: 300px;
background: #fff
}
.lang-rtl .section-lookbook .lookbook-item-product {
text-align: right !important
}
.section-lookbook .lookbook-item-product:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-bottom: 11px solid rgba(0, 0, 0, 0);
border-top: 11px solid rgba(0, 0, 0, 0)
}
.section-lookbook .lookbook-item-product .thumbnail-container {
min-width: 85px;
width: 85px;
border-radius: 3px;
overflow: hidden
}
.section-lookbook .lookbook-item-product .product__info {
flex: auto;
-webkit-margin-start: 2rem;
margin-inline-start: 2rem
}
.section-lookbook .lookbook-item-product .product__title a {
color: var(--product-color-title);
font-size: 1.2rem
}
.section-lookbook .lookbook-item-product .product__title a:hover {
color: var(--color-hover)
}
.section-lookbook .lookbook-item-product .price-regular,
.section-lookbook .lookbook-item-product .special-price {
color: var(--product-color-price);
font-size: 1.2rem;
font-weight: 800
}
.section-lookbook .lookbook-item-product .old-price {
font-size: 1.2rem;
color: var(--product-color-reduced-price);
-webkit-margin-start: 10px;
margin-inline-start: 10px;
text-decoration: line-through;
-webkit-text-decoration-color: #e82525;
text-decoration-color: #e82525
}
.section-lookbook .p-left .lookbook-item-product:before {
left: 100%;
border-left: 12px solid #fff
}
.section-lookbook .p-right .lookbook-item-product:before {
right: 100%;
border-right: 12px solid #fff
}
.section-lookbook .item-lookbook-text {
background: #fff;
border-radius: 20px;
padding: 3.5rem 4rem;
font-size: 1.6rem;
min-width: 370px;
max-width: 100svw;
position: relative;
box-shadow: 10px 10px 15px #0003
}
.section-lookbook .item-lookbook-text:before {
content: "";
position: absolute;
top: 50%;
width: 0;
height: 0;
transform: translateY(-50%)
}
.section-lookbook .item-lookbook-desc {
font-size: 1.3rem
}
.section-lookbook .content-lookbook:has(.item-lookbook-text).p-right .item-lookbook-text {
-webkit-margin-start: 6px;
margin-inline-start: 6px
}
.section-lookbook .content-lookbook:has(.item-lookbook-text).p-right .item-lookbook-text:before {
right: calc(100% - 1px);
border-top: 13px solid rgba(0, 0, 0, 0);
border-bottom: 14px solid rgba(0, 0, 0, 0);
border-right: 13px solid #fff
}
.section-lookbook .content-lookbook:has(.item-lookbook-text).p-left .item-lookbook-text {
-webkit-margin-end: 6px;
margin-inline-end: 6px
}
.section-lookbook .content-lookbook:has(.item-lookbook-text).p-left .item-lookbook-text:before {
left: calc(100% - 1px);
border-top: 13px solid rgba(0, 0, 0, 0);
border-bottom: 14px solid rgba(0, 0, 0, 0);
border-left: 13px solid #fff
}
.section-lookbook .position-absolute.left-top {
top: var(--vertical);
left: var(--horizontal)
}
.section-lookbook .position-absolute.left-center {
left: var(--horizontal)
}
.section-lookbook .position-absolute.left-bottom {
bottom: var(--vertical);
left: var(--horizontal)
}
.section-lookbook .position-absolute.top-center {
top: var(--vertical)
}
.section-lookbook .position-absolute.bottom-center {
bottom: var(--vertical)
}
.section-lookbook .position-absolute.right-top {
top: var(--vertical);
right: var(--horizontal)
}
.section-lookbook .position-absolute.right-center {
right: var(--horizontal)
}
.section-lookbook .position-absolute.right-bottom {
bottom: var(--vertical);
right: var(--horizontal)
}
.section-lookbook .swiper-pagination {
margin-top: 40px
}
@media (max-width: 767px) {
.section-lookbook .item-lookbook-text:before {
display: none
}
}
@container (max-width: 575px) {
.section-lookbook .lookbook-block_text .btn_view {
background-color: var(--color-button) !important;
color: var(--color-button-text) !important
}
.section-lookbook .lookbook-block_text .btn_view:hover {
background-color: var(--color-button-hover) !important;
color: var(--color-button-text-hover) !important
}
.section-lookbook .item-lookbook .content-lookbook {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: calc(100% - 20px) !important;
margin: 0 !important;
min-width: inherit;
box-shadow: 0 0 10px #0000001a
}
.section-lookbook .item-lookbook .content-lookbook:has(.item-lookbook-text) {
box-shadow: none
}
.section-lookbook .item-lookbook .content-lookbook .item-lookbook-text {
box-shadow: 0 0 8px #0000001a;
min-width: 100%;
margin: 0 !important;
padding: 2rem 2.5rem;
border-radius: 10px
}
.section-lookbook .item-lookbook .content-lookbook .lookbook-item-product:before {
display: none
}
.section-lookbook .item-lookbook {
padding: 10px
}
.section-lookbook .number-lookbook {
width: 16px;
height: 16px
}
.section-lookbook .number-lookbook:before {
width: 16px;
height: 16px
}
}
.section-lookbook-product .title_section .desc {
max-width: 400px
}
.section-lookbook-product .number {
width: 20px;
height: 20px;
background-color: #fff;
transition: .4s
}
.section-lookbook-product .number:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
background-color: #ffffffb3;
-webkit-animation: Animationlookbook 1.2s linear infinite;
animation: Animationlookbook 1.2s linear infinite;
pointer-events: none
}
.section-lookbook-product .number span {
z-index: 2;
width: 100%;
height: 100%;
border-radius: 100%;
transition: background .3s
}
.section-lookbook-product .number:hover span,
.section-lookbook-product .number.current span {
background: var(--color-button)
}
.section-lookbook-product .number.current {
pointer-events: none
}
.section-lookbook-product .number-product {
width: 30px;
height: 30px;
border: 1px solid var(--color-title);
-webkit-margin-end: 2.5rem;
margin-inline-end: 2.5rem
}
.section-lookbook-product .slick-slide {
opacity: .3
}
.section-lookbook-product .slick-current {
opacity: 1
}
@media (min-width: 576px) {
.section-lookbook-product .nov-slick-carousel {
max-width: 345px
}
}
.section-lookbook-list .number {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
background-color: #fff;
transition: .4s;
cursor: pointer;
z-index: 2
}
.section-lookbook-list .number:before {
content: "";
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
left: calc(50% - 12px);
top: calc(50% - 12px);
background-color: #ffffffb3;
-webkit-animation: Animationlookbook 1.2s linear infinite;
animation: Animationlookbook 1.2s linear infinite;
pointer-events: none
}
.section-lookbook-list .number:hover:before,
.section-lookbook-list .number.act:before {
width: 27px;
height: 27px;
left: calc(50% - 13.5px);
top: calc(50% - 13.5px)
}
.section-lookbook-list .number.act span {
opacity: 1
}
.section-lookbook-list .number span {
position: relative;
width: 27px;
height: 27px;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: opacity .3s;
pointer-events: none
}
.section-lookbook-list .number span:before {
content: "";
position: absolute;
width: 11px;
height: 1px;
background: #000
}
.section-lookbook-list .number span:after {
content: "";
width: 1px;
height: 11px;
background: #000
}
.section-lookbook-list .item-product {
background: #fff;
margin-bottom: 0;
padding: 5px;
transition: 1.2s cubic-bezier(.68, -.5, .27, 1.55);
flex: auto;
border: 1px solid var(--color-border);
border-radius: 10px;
opacity: 0;
visibility: hidden;
transform: translate(50%)
}
.section-lookbook-list .item-product.act {
opacity: 1;
visibility: visible;
transform: translate(0)
}
.section-lookbook-list .item-product:not(:first-child) {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.section-lookbook-list .item-product .thumbnail-container {
width: 70px;
min-width: 70px;
border-radius: 5px
}
.section-lookbook-list .item-product .product__info {
-webkit-margin-start: 1rem;
margin-inline-start: 1rem;
max-width: 210px;
flex: auto
}
.section-lookbook-list .item-product .product--badge {
display: none
}
.section-lookbook-list .item-product .product__title {
margin-bottom: 5px
}
.section-lookbook-list .block-product {
max-width: calc(100% - 2rem);
visibility: hidden
}
.section-lookbook-list .block-product:has(.act) {
visibility: visible
}
.section-lookbook-list .nov_btn_close {
width: 40px;
height: 40px;
background: #e4e7ec;
color: #1c1c1c;
transition: background .3s;
inset-inline-end: 10px
}
.section-lookbook-list .nov_btn_close:hover {
background: #d0d5dd
}
.section-product-single .FeaturedImage_slick:not(.slick-initialized) .item {
display: none !important
}
.section-product-single .FeaturedImage_slick:not(.slick-initialized) .item:first-child {
display: block !important
}
.section-product-single product-model model-viewer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%
}
.section-product-single .proFeaturedImage {
border-radius: 5px
}
.section-product-single .proFeaturedImage .slick-track {
display: flex
}
.section-product-single .proFeaturedImage .slick-slide {
height: auto
}
.section-product-single .proFeaturedImage a {
cursor: auto
}
.section-product-single .proFeaturedImage .slick-dots {
display: none !important
}
.section-product-single #proFeaturedImageZoom img:hover {
cursor: url(icon-zoom.svg), auto
}
.section-product-single #productThumbs .slick-list {
margin: -5px
}
.section-product-single #productThumbs .thumbItem {
padding: 5px;
border: none
}
.section-product-single #productThumbs .thumbItem a {
overflow: hidden;
background: var(--bg);
transform: translateZ(0);
border: 2px solid rgba(0, 0, 0, 0);
display: block
}
.section-product-single #productThumbs .thumbItem a img {
transition: .3s
}
.section-product-single #productThumbs .thumbItem:hover a img {
transform: scale(1.1)
}
.section-product-single #productThumbs .thumbItem.active a {
transform: none;
border-color: var(--color-hover)
}
@media (max-width: 1199px) {
.section-product-single #productThumbs .thumb_slick {
margin: 0
}
}
.section-product-single .product-single__title {
color: var(--product-color-title)
}
.section-product-single .AirReviews-Widget .AirReviews-StarRatingWrapper .AirReviews-StarRate--Count {
display: none !important
}
.section-product-single .AirReviews-Widget .AirReviews-StarRatingWrapper .AirReviews-StarRate .AirReviews-StarRate--Icon {
-webkit-margin-end: 2px !important;
margin-inline-end: 2px !important
}
.section-product-single .product-single__price {
font-size: 3.6rem;
font-family: var(--heading-font-family);
font-weight: var(--heading-font-weight);
color: var(--color-hover)
}
.section-product-single .product-single__price s {
font-size: 2.6rem;
color: var(--product-color-reduced-price);
-webkit-margin-start: 13px;
margin-inline-start: 13px
}
.section-product-single .product-single__control-label {
font-size: 10px
}
.section-product-single fieldset.variant-color input[type=radio]+label.img {
border-radius: 0;
width: 60px;
box-shadow: none;
border: 1px solid var(--color-border)
}
.section-product-single fieldset.variant-color input[type=radio]:checked+label.img,
.section-product-single fieldset.variant-color input[type=radio]:hover+label.img {
border-color: var(--color-title)
}
.section-product-single fieldset.variant-color input[type=radio]:checked+label.color,
.section-product-single fieldset.variant-color input[type=radio]:hover+label.color {
box-shadow: 0 0 0 2px var(--color-title)
}
.section-product-single fieldset input[type=radio]+label {
border-radius: 0;
padding: 0 5px;
min-width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center
}
.section-product-single fieldset input[type=radio]:checked+label {
background: #fff;
color: var(--color-title);
border-color: var(--color-title)
}
.section-product-single fieldset .block-content {
margin: -5px
}
.section-product-single fieldset .block-content .product-single__variant-item {
padding: 5px
}
.section-product-single .quick_view_qty {
min-width: 15rem;
border: 1px solid var(--color-border);
background-color: #fff;
border-radius: var(--button-corner);
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-product-single .quick_view_qty .quantity-selector {
height: 50px;
font-size: 18px;
font-weight: 500;
color: var(--color-title);
font-family: var(--font-family-default);
background: #fff;
border: none
}
.section-product-single .quick_view_qty .quantity-selector::-webkit-outer-spin-button,
.section-product-single .quick_view_qty .quantity-selector::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.section-product-single .quick_view_qty .quantity-selector[type=number] {
-webkit-appearance: textfield;
appearance: textfield;
-moz-appearance: textfield
}
.section-product-single .quick_view_qty .quick_view-qty {
position: absolute;
padding: 0;
text-align: center;
font-size: 15px;
background: #fff;
color: var(--color-title);
top: 0;
width: 26px;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.section-product-single .quick_view_qty .quick_view-qty:hover {
outline: none;
color: var(--color-hover)
}
.section-product-single .quick_view_qty .quick_view-qty.quick_view-qty-plus {
inset-inline-end: 0
}
.section-product-single .quick_view_qty .quick_view-qty.quick_view-qty-minus {
inset-inline-start: 0
}
.section-product-single .btnProductWishlist {
width: 50px;
height: 50px;
min-width: initial;
color: var(--color-button-text);
background: var(--color-button);
border: var(--button-thickness) solid var(--color-button-border);
-webkit-margin-start: 10px;
margin-inline-start: 10px;
border-radius: var(--button-corner)
}
.section-product-single .btnProductWishlist svg {
width: 16px
}
.section-product-single .btnProductWishlist:hover,
.section-product-single .btnProductWishlist.whislist-added {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.section-product-single .product-form__item--submit .btnAddToCart,
.section-product-single .product-form__item--checkout .shopify-payment-button__button {
color: var(--color-button-text);
background: var(--color-button);
border-color: var(--color-button-border);
height: 50px;
box-shadow: none;
transition: .35s;
font-size: 14px;
font-weight: 700;
text-transform: capitalize
}
.section-product-single .product-form__item--submit .btnAddToCart:hover,
.section-product-single .product-form__item--checkout .shopify-payment-button__button:hover {
color: var(--color-button-text-hover) !important;
background: var(--color-button-hover) !important;
border-color: var(--color-button-border-hover) !important
}
.section-product-single .product-form__item--submit .btnAddToCart.loading,
.section-product-single .product-form__item--checkout .shopify-payment-button__button.loading {
color: var(--color-button-text-hover);
background: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.section-product-single .product-single__share-ask-sizeguide {
margin-top: 3rem !important;
padding-bottom: 0 !important
}
.section-product-single .product-single__share-ask-sizeguide>div:not(:last-child) {
-webkit-margin-end: 4rem;
margin-inline-end: 4rem
}
.section-product-single .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title {
display: flex;
align-items: center
}
.section-product-single .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title i {
font-size: 16px;
-webkit-margin-end: 15px;
margin-inline-end: 15px;
color: var(--color-link)
}
.section-product-single .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title span {
font-size: 1.2rem;
text-transform: capitalize;
color: var(--color-link)
}
.section-product-single .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title:hover i,
.section-product-single .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title:hover span {
color: var(--color-hover);
transition: color .3s
}
.section-product-single .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title a {
display: flex;
align-items: center
}
@media (max-width: 1199px) {
.section-product-single .product-single__share-ask-sizeguide>div:not(:last-child) {
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
}
.section-product-single #Shopshare .modal-body {
padding: 25px
}
.section-product-single #Shopshare .modal-header {
box-shadow: none;
background-color: #0000
}
.section-product-single #Shopshare .modal-header:hover:before,
.section-product-single #Shopshare .modal-header:hover:after {
background-color: var(--color-hover)
}
.section-product-single #Shopshare input {
border-color: var(--color-border);
border-radius: 5px;
height: 46px;
color: var(--color-text);
font-size: 13px
}
.section-product-single #Shopshare .copy-btn {
height: 46px;
line-height: 46px;
border-radius: 5px;
min-width: 85px;
-webkit-margin-start: 5px;
margin-inline-start: 5px;
padding: 0 5px
}
.section-product-single #Shopshare a {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 100%;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
transition: all .3s;
border: 1px solid #dbdbdb;
color: #181818;
background-color: #0000;
font-size: 11px
}
.section-product-single #Shopshare a:hover {
border: 1px solid var(--color-button-border-hover);
color: var(--color-button-text-hover);
background-color: var(--color-button-hover)
}
.section-product-single #Shopask .modal-body {
padding: 40px
}
.section-product-single #Shopask .Shopask-title {
font-size: 2.2rem
}
.section-product-single #Shopask input,
.section-product-single #Shopask textarea {
padding: 16px 20px;
border: 1px solid var(--color-border);
border-radius: 5px;
color: var(--color-text)
}
.section-product-single #Shopask input::-webkit-input-placeholder,
.section-product-single #Shopask textarea::-webkit-input-placeholder {
color: #a8a8a8;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.section-product-single #Shopask input:-moz-placeholder,
.section-product-single #Shopask textarea:-moz-placeholder {
color: #a8a8a8;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.section-product-single #Shopask input::-moz-placeholder,
.section-product-single #Shopask textarea::-moz-placeholder {
color: #a8a8a8;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.section-product-single #Shopask input:-ms-input-placeholder,
.section-product-single #Shopask textarea:-ms-input-placeholder {
color: #a8a8a8;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.section-product-single .de-sh i {
min-width: 20px;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
text-align: center
}
.section-product-single .de-sh strong {
color: var(--color-title)
}
.section-product-single .product__stock {
color: var(--color-stock)
}
.section-product-single .product__stock .icon-stock {
width: 20px;
height: 20px;
-webkit-margin-end: 8px;
margin-inline-end: 8px;
border: 1px solid;
--shadow-color: var(--color-stock-rgb);
--shadow-size: 5px;
-webkit-animation: boxshadow .8s infinite;
animation: boxshadow .8s infinite
}
.section-product-single .countdownfree .item-time {
min-width: 63px;
height: 66px;
border-radius: 3px;
display: block;
text-align: center;
padding: 10px 0;
box-shadow: 3px 4px 6px #0003;
background: #fff
}
.section-product-single .countdownfree .item-time:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-product-single .countdownfree .data-number {
display: block;
font-size: 1.8rem;
font-weight: 900;
color: #ff5757;
position: relative
}
.section-product-single .countdownfree .data-number:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
width: 17px;
height: 1px;
background: #0000001a
}
.section-product-single .countdownfree .name-time {
font-size: 10px;
text-transform: uppercase;
color: #909090
}
.section-product-single .product-single__direction .slick-dots {
margin-top: 0
}
@media (min-width: 992px) {
.section-product-single .proFeaturedImage {
margin-left: 100px
}
.section-product-single #productThumbs {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 90px;
max-height: 100%;
overflow: hidden
}
.section-product-single .info-content {
position: sticky;
top: 20px
}
}
@media (min-width: 1200px) {
.section-product-single .product-single {
-webkit-padding-start: 30px;
padding-inline-start: 30px
}
}
@media (max-width: 1199px) {
.section-product-single #productThumbs {
width: 90px
}
.section-product-single .proFeaturedImage {
-webkit-margin-start: 100px;
margin-inline-start: 100px
}
}
@media (max-width: 991px) {
.section-product-single #productThumbs {
width: 100%
}
.section-product-single .proFeaturedImage {
-webkit-margin-start: 0;
margin-inline-start: 0
}
}
@media (max-width: 767px) {
.section-product-single .nov-product__single-thumb {
width: 100%
}
}
@media (max-width: 600px) {
.section-product-single .AirReviews-Widget.AirReviews-Widget--Stars {
display: block !important
}
}
@media (max-width: 375px) {
.section-product-single .product-single__quantity {
flex-wrap: wrap
}
.section-product-single .product-single__quantity .quantity {
width: 100%;
margin-bottom: 10px
}
}
.nov-marquee:hover .block-marquee-item {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.nov-marquee.show-overlay {
position: relative
}
.nov-marquee.show-overlay:before,
.nov-marquee.show-overlay:after {
content: "";
width: 10%;
height: 100%;
position: absolute;
top: 0;
z-index: 2
}
.nov-marquee.show-overlay:before {
inset-inline-start: 0;
background: linear-gradient(to right, var(--background-overlay), transparent)
}
.lang-rtl .nov-marquee.show-overlay:before {
background: linear-gradient(to left, var(--background-overlay), transparent)
}
.nov-marquee.show-overlay:after {
inset-inline-end: 0;
background: linear-gradient(to left, var(--background-overlay), transparent)
}
.lang-rtl .nov-marquee.show-overlay:after {
background: linear-gradient(to right, var(--background-overlay), transparent)
}
.nov-marquee.animating .block-marquee-item {
-webkit-animation-name: marquee;
animation-name: marquee
}
.lang-rtl .nov-marquee.animating .block-marquee-item {
-webkit-animation-name: marquee-rtl;
animation-name: marquee-rtl
}
.nov-marquee.animating.marquee-reverse .block-marquee-item,
.nov-marquee.animating .marquee-reverse .block-marquee-item {
animation-direction: reverse
}
.nov-marquee.animating.marqueeUp .block-marquee-item {
-webkit-animation-name: marqueeUp;
animation-name: marqueeUp
}
.nov-marquee .theme-blocks-item {
position: relative;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center
}
.nov-marquee .block-marquee-item {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.nov-marquee .block-marquee-item>.theme-blocks-item {
-webkit-margin-end: var(--spacing);
margin-inline-end: var(--spacing)
}
.nov-marquee.show-dots .block-marquee-item>.theme-blocks-item:after {
content: "";
-webkit-margin-start: var(--spacing);
margin-inline-start: var(--spacing);
width: 5px;
height: 5px;
background: var(--color-title);
border-radius: 100%
}
.nov-marquee .image-vertical-marquee {
max-height: 100vh;
overflow: hidden;
position: relative
}
.nov-marquee .image-vertical-marquee.show-overlay:before,
.nov-marquee .image-vertical-marquee.show-overlay:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 17%;
z-index: 2
}
.nov-marquee .image-vertical-marquee.show-overlay:before {
top: -2px
}
.nov-marquee .image-vertical-marquee.show-overlay:after {
bottom: -2px
}
.nov-marquee .image-vertical-marquee .shopify-block {
margin: initial
}
@media (max-width: 767px) {
.nov-marquee .block-marquee-item>.theme-blocks-item {
-webkit-margin-end: var(--spacing-sm);
margin-inline-end: var(--spacing-sm)
}
.nov-marquee.show-dots .theme-blocks-item:after {
-webkit-margin-start: var(--spacing-sm);
margin-inline-start: var(--spacing-sm)
}
}
.section-recently-viewed {
display: none
}
.section-recently-viewed .show-border-top {
border-top: 1px solid var(--color-border);
padding: 30px 0
}
.section-recently-viewed .slick-list {
margin: -30px -15px;
padding: 30px 15px
}
.section-recently-viewed .slick-arrow {
position: absolute;
z-index: 9
}
.section-recently-viewed .arrow-prev {
inset-inline-start: -10px
}
.section-recently-viewed .arrow-next {
inset-inline-end: -10px
}
.section-recently-viewed .item-product {
margin-bottom: 0
}
.section-recently-viewed .item-product:hover:before {
height: 100%
}
.section-recently-viewed .item-product .thumbnail-container img {
-o-object-fit: cover;
object-fit: cover
}
.section-recently-viewed .item-product .thumbnail-container.ratio-11 img {
aspect-ratio: 1/1
}
.section-recently-viewed .item-product .thumbnail-container.ratio-34 img {
aspect-ratio: 3/4
}
.section-recently-viewed .item-product .thumbnail-container.ratio-43 img {
aspect-ratio: 4/3
}
@media (max-width: 767px) {
.section-recently-viewed .slick-arrow {
display: none !important
}
}
.section-collection-loadmore .nav-tabs {
position: relative;
border: none
}
.section-collection-loadmore .nav-tabs .nav-item {
margin-bottom: 0
}
.section-collection-loadmore .nav-tabs .nav-item:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px
}
.section-collection-loadmore .nav-tabs .nav-link {
font-size: 1.4rem;
height: 46px
}
@media (max-width: 1199px)and (min-width: 576px) {
.section-collection-loadmore .nav-tabs {
overflow-x: scroll;
overflow-y: hidden;
display: flex;
flex-wrap: nowrap;
justify-content: initial !important;
padding: 1px;
scrollbar-width: none
}
.section-collection-loadmore .nav-tabs::-webkit-scrollbar {
display: none
}
}
.section-collection-loadmore .nav-mobile {
min-width: 155px
}
.section-collection-loadmore .nav-mobile .nav-mobile__title {
padding: 15px 25px;
font-size: 1.3rem;
font-weight: 700;
border-radius: 5px;
background-color: #f2f2f2
}
.section-collection-loadmore .nav-mobile .nav-mobile__title:after {
content: "\eaf4";
-webkit-margin-start: 10px;
margin-inline-start: 10px;
font-family: var(--font-icons)
}
.section-collection-loadmore .nav-mobile .nov_ud_dropdown {
border: none;
box-shadow: 0 0 5px #0000001a;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
display: none;
background: #fff
}
.section-collection-loadmore .nav-mobile .nov_ud_dropdown .nav-link {
padding: 10px 25px;
color: #666
}
.section-collection-loadmore .nav-mobile .nov_ud_dropdown .nav-link.active {
color: #000;
font-weight: 700
}
.section-collection-loadmore .collection-tabs-content .tab-content {
display: none
}
.section-collection-loadmore .collection-tabs-content .tab-content.active {
display: block
}
.section-collection-loadmore .collection-tabs-content>.tab-pane {
display: block
}
.section-collection-loadmore .item:hover {
z-index: 3;
position: relative
}
.section-collection-loadmore .btn_loadmore {
width: 370px;
max-width: 100%;
letter-spacing: 3px;
font-size: 10px
}
.section-collection-loadmore .btn_loadmore .load {
width: 20px;
height: 20px;
border-radius: 100%;
border: 3px solid var(--color-button-text-hover);
border-top: 3px solid rgba(0, 0, 0, 0);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
display: none
}
.section-collection-loadmore .btn_loadmore.loading span {
display: none
}
.section-collection-loadmore .btn_loadmore.loading .load {
display: inline-block
}
.section-collection-loadmore .pagination__count {
font-size: 12px
}
.section-collection-loadmore .pagination__count .font-700 {
font-weight: 400 !important
}
.section-collection-loadmore .pagination__bar {
width: 250px;
height: 5px;
margin: auto;
border-radius: 10px
}
.section-collection-loadmore .pagination__bar .progress {
inset-inline-start: 0;
top: 0;
height: 5px;
border-radius: 10px
}
.section-collection-loadmore .nov-pagination {
margin-top: 60px
}
.section-collection-loadmore .pagination {
width: 100%;
padding: 0;
justify-content: center !important;
background: #0000
}
@media (max-width: 575px) {
.section-collection-loadmore .grid--view-items {
margin-left: -7.5px;
margin-right: -7.5px
}
.section-collection-loadmore .grid--view-items .item {
padding-left: 7.5px;
padding-right: 7.5px
}
.section-collection-loadmore .grid--view-items .item .item-product {
margin-bottom: 30px
}
}
.section-product-recommendations .btn {
font-size: var(--color-size-base)
}
.section-image-link .row .title_section {
max-width: 360px
}
.section-image-link .show-box-shadow .collec-img__item {
box-shadow: 4px 4px 8px #0000001a
}
.section-image-link .collec-img__text a:hover,
.section-image-link .collec-img__desc a:hover {
color: var(--color-hover) !important
}
.section-image-link .link {
font-size: 1.4rem
}
.section-image-link .collec-img__content {
position: relative;
z-index: 2;
padding: 0 6% 7%
}
.section-image-link .block-image .respone_image {
transition: transform .3s
}
.section-image-link .collec-img__item {
transition: box-shadow .3s
}
.section-image-link .collec-img__item:hover.hover-shadow {
box-shadow: 7px 7px 5px #0000001a
}
.section-image-link .collec-img__item:hover.hover-imgzoom .block-image .respone_image {
transform: scale(1.1)
}
.section-image-link .block-image {
transition: opacity .3s
}
.section-image-link .collec-img__text i {
font-size: 1.8rem;
-webkit-margin-start: 5px;
margin-inline-start: 5px
}
.section-image-link .collec-img__btn .btn {
width: 5rem;
height: 5rem;
min-width: initial;
border-radius: 100%
}
.section-image-link .collec-img__btn .btn i {
margin: 0
}
.section-image-link .swiper {
padding: 15px;
margin: -15px
}
.section-image-link .nav-arrow {
background: #0000 !important;
border: none !important;
font-size: 35px;
opacity: 1;
box-shadow: none
}
@media (max-width: 1199px) {
.section-image-link .nav-arrow {
display: none !important
}
}
.section-image-link .number {
inset-block-start: 13px;
inset-inline-end: 9px;
width: 4rem;
height: 4rem;
border: 1px solid var(--color-border);
background-color: #fff;
color: var(--color-title);
box-shadow: 5px 5px 8px #0000000d
}
.section-gallery-image-parallax .block__parallax {
margin: 0 -28.5%;
transition: transform .4s cubic-bezier(.29, .63, .44, 1)
}
.section-gallery-image-parallax .gallery-image__item {
flex: auto;
border-radius: var(--corner)
}
.section-gallery-image-parallax .gallery-image__item:not(:last-child) {
-webkit-margin-end: var(--margin);
margin-inline-end: var(--margin)
}
@media (max-width: 575px) {
.section-gallery-image-parallax .block__parallax {
margin: 0 -40%
}
}
.section-promotion-bar {
position: relative;
z-index: 13
}
.section-promotion-bar .block_social li:not(:last-child) {
-webkit-margin-end: 17px;
margin-inline-end: 17px
}
.section-promotion-bar .block_social a {
border: none;
width: initial;
height: initial
}
.section-promotion-bar .nov_ud_group:not(:last-child) {
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
.section-promotion-bar .nov_ud_group .nov_ud_btn {
background-color: #0000;
padding: 0
}
.section-promotion-bar .nov_ud_group .nov_ud_btn span {
white-space: nowrap
}
.section-promotion-bar .nov_ud_group .nov_ud_btn svg {
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.section-promotion-bar .nov_ud_group .nov_ud_dropdown {
top: calc(100% + 12px);
bottom: inherit;
min-width: 190px;
inset-inline-start: initial;
inset-inline-end: 0
}
.section-promotion-bar .item-content i {
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
.section-promotion-bar .slick-slider {
position: static
}
.section-promotion-bar .slick-slider .slick-arrow {
background: #0000;
border: none;
color: var(--slider-arrow-color);
display: flex;
align-items: center;
opacity: 1;
width: initial;
height: initial;
padding: 5px
}
.section-promotion-bar .slick-slider .slick-arrow i {
display: block;
font-size: 22px
}
.section-promotion-bar .slick-slider .slick-arrow.arrow-prev {
inset-inline-start: 15px
}
.section-promotion-bar .slick-slider .slick-arrow.arrow-next {
inset-inline-end: 15px
}
.section-promotion-bar .slick-slider .slick-arrow:before,
.section-promotion-bar .slick-slider .slick-arrow:after {
display: none
}
.section-promotion-bar .slick-slider .slick-arrow:hover {
color: var(--slider-arrow-color-act)
}
@media (max-width: 375px) {
.section-promotion-bar .slick-slider .slick-arrow {
display: none !important
}
}
.section-promotion-bar .promotion-close {
inset-inline-end: 2rem;
top: 50%;
transform: translateY(-50%);
font-size: 16px
}
.section-promotion-bar .play-pause {
inset-inline-end: 40px;
top: 50%;
transform: translateY(-50%)
}
.section-promotion-bar .play-pause .button-action {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 3
}
.section-promotion-bar .play-pause .button-action svg {
max-width: 16px;
z-index: 2;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity .3s
}
.section-promotion-bar .play-pause .button-action:hover {
color: var(--color-hover)
}
.section-promotion-bar .play-pause .button-action.pause .bi-play,
.section-promotion-bar .play-pause .button-action.play .bi-pause {
visibility: hidden;
opacity: 0
}
.section-promotion-bar .play-pause>svg {
width: 26px;
height: 26px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
.section-promotion-bar .play-pause>svg circle {
stroke-dashoffset: 75.4;
stroke-dasharray: 75.4;
transform-origin: center;
opacity: 0;
transform: rotate(-90deg)
}
.section-promotion-bar .play-pause>svg circle.animating {
-webkit-animation: dashoffset var(--speed) linear forwards;
animation: dashoffset var(--speed) linear forwards;
opacity: 1
}
.section-promotion-bar .play-pause>svg circle.animating2 {
-webkit-animation: dashoffset2 var(--speed) linear forwards;
animation: dashoffset2 var(--speed) linear forwards;
opacity: 1
}
.section-promotion-bar .play-pause>svg:has(+.play) circle {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.section-image-compare .item {
position: absolute;
height: 100%;
left: 0;
right: 0;
background-clip: border-box;
background-repeat: no-repeat;
background-size: cover
}
.section-image-compare .before {
right: 50%
}
.section-image-compare .handle {
width: 50px;
left: 50%;
transform: translate(-50%);
cursor: ew-resize;
top: 0
}
.section-image-compare .handle:before {
content: "";
position: absolute;
display: block;
top: 0;
width: 2px;
transform: translate(-50%);
height: 100%;
left: 50%;
background-color: #fff
}
.section-image-compare .handle .handle-btn {
color: var(--color-icons);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
width: 5rem;
height: 8rem;
border-radius: 100px;
background-color: var(--color-background);
box-shadow: 8px 8px 10px #00000026
}
.lang-rtl .section-image-compare .handle .handle-btn {
transform: translate(50%, -50%)
}
.section-image-compare .nov-before-header {
left: 2.5rem;
bottom: 2rem
}
.section-image-compare .nov-after-header {
right: 2.5rem;
bottom: 2rem;
text-align: right
}
.section-image-compare .nov-ba-text {
letter-spacing: 6px
}
.section-image-compare .btn {
font-size: 12px
}
.section-image-compare .respone_image {
opacity: 0;
visibility: hidden
}
@media (min-width: 1600px) {
.section-image-compare .container-full .nov-before-header {
left: calc((100% - var(--container))/2 + 15px);
bottom: 7rem
}
.section-image-compare .container-full .nov-after-header {
right: calc((100% - var(--container))/2 + 15px);
bottom: 7rem
}
}
@media (max-width: 1440px) {
.section-image-compare .handle:before {
width: 3px
}
.section-image-compare .handle:after {
width: 6rem;
height: 6rem;
font-size: 25px;
letter-spacing: 10px;
text-indent: 10px
}
}
@media (max-width: 767px) {
.section-image-compare .nov-before-header {
left: 2rem;
bottom: 1.5rem
}
.section-image-compare .nov-after-header {
right: 2rem;
bottom: 1.5rem
}
}
@media (max-width: 575px) {
.section-image-compare .nov-ba-text.nov-before-header {
inset-inline-start: -20px
}
.section-image-compare .nov-ba-text.nov-after-header {
inset-inline-end: -10px
}
.section-image-compare .handle .handle-btn {
width: 3.5rem;
height: 6rem
}
}
@media (min-width: 992px) {
.section-image-split .split-image__column {
flex: 1;
transition: flex .4s cubic-bezier(.25, .46, .45, .94)
}
.section-image-split .split-image__column.act,
.section-image-split .split-image__column:hover {
flex: 1.512
}
.section-image-split .split-image__column.act .image-content,
.section-image-split .split-image__column:hover .image-content {
max-height: 300px;
transition: 1s linear
}
.section-image-split .split-image__column.act .image-content .content-stitle,
.section-image-split .split-image__column.act .image-content .link,
.section-image-split .split-image__column:hover .image-content .content-stitle,
.section-image-split .split-image__column:hover .image-content .link {
opacity: 1
}
.section-image-split .split-image__item {
position: relative;
top: 0;
left: 0;
height: 100%;
transition: filter .3s
}
.section-image-split .image-wrapper {
transition: filter .3s
}
.section-image-split .image-content {
max-height: 45px;
transition: .35s linear;
overflow: hidden
}
.section-image-split .image-content .content-stitle,
.section-image-split .image-content .link {
opacity: 0;
transition: .5s linear
}
.section-image-split img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
}
@media (max-width: 991px) {
.section-image-split img {
width: 100%;
height: auto
}
}
.section-image-split .split-image__item {
transform: translateZ(0)
}
.section-image-split .image-content {
width: var(--width);
max-width: calc(100% - var(--horizontal)*2)
}
.section-image-split .image-content img {
background: #0000
}
.section-image-split .title-dot {
position: relative;
display: flex;
align-items: center
}
.section-image-split .title-dot:before {
content: "";
display: block;
width: 6px;
height: 6px;
background: currentColor;
background-clip: content-box;
border-radius: 99px;
-webkit-margin-end: 15px;
margin-inline-end: 15px;
--shadow-color: 225, 225, 225;
--shadow-size: 8px;
-webkit-animation: boxshadow 1.2s ease-in-out infinite;
animation: boxshadow 1.2s ease-in-out infinite
}
.section-slider .slider-item-content {
transition: .3s
}
.section-slider .slider-direction .slick-dots {
margin-top: 0
}
.section-image-with-tab .title_section .desc {
max-width: 390px
}
.section-image-with-tab .nov_btn_act.act,
.section-image-with-tab .nov_btn_act:hover {
color: var(--color-hover) !important
}
.section-image-with-tab .nov_btn_act.act span:before,
.section-image-with-tab .nov_btn_act:hover span:before {
width: 100%
}
.section-image-with-tab .nov_btn_act span:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
height: 3px;
width: 0;
transition: width .3s ease-in-out;
background-color: var(--color-hover)
}
.section-image-with-tab .item-tab {
opacity: 0;
visibility: hidden;
transition: opacity .2s, visibility .3s
}
.section-image-with-tab .item-tab:not(:first-child) {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.section-image-with-tab .item-tab.act {
opacity: 1;
visibility: visible
}
.section-image-with-tab .item-tab.act .image-item {
transform: translate(0) !important
}
.section-image-with-tab .img1 {
-webkit-padding-end: 26.5%;
padding-inline-end: 26.5%;
transform: translate(-100%);
transition: transform .7s
}
.lang-rtl .section-image-with-tab .img1 {
transform: translate(100%)
}
.section-image-with-tab .img2 {
-webkit-padding-start: 26.5%;
padding-inline-start: 26.5%;
transform: translate(-100%);
transition: transform .8s
}
.lang-rtl .section-image-with-tab .img2 {
transform: translate(100%)
}
.section-image-with-tab .img3 {
transform: translate(100%);
transition: transform .8s
}
.lang-rtl .section-image-with-tab .img3 {
transform: translate(-100%)
}
.section-brand-with-text .nov-slick-navfor-carousel {
max-width: 1170px
}
.section-brand-with-text .nov-slick-navfor-carousel .arrow-prev {
inset-inline-start: 0
}
.section-brand-with-text .nov-slick-navfor-carousel .arrow-next {
inset-inline-end: 0
}
.section-brand-with-text .item-text {
max-width: 690px
}
.section-brand-with-text .item-logo {
opacity: .2;
transition: opacity .3s
}
.section-brand-with-text .slick-arrow,
.section-brand-with-text .slick-current .item-logo {
opacity: 1
}
.section-brand-with-text .nov-slick-carousel .slick-list {
padding: 0 !important
}
@media (min-width: 576px) {
.section-brand-with-text .nov-slick-navfor-carousel {
padding-inline: 60px
}
}
@media (max-width: 575px) {
.section-brand-with-text .slick-arrow {
display: none !important
}
}
.section-product-version .slick-list {
padding: 25px;
margin: -25px
}
.section-product-version .item-product {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 4px 10px #0000000f;
padding: 3rem;
transition: box-shadow .3s
}
.section-product-version .item-product:hover {
box-shadow: 0 0 20px #00000014
}
.section-product-version .item-product .variants-default,
.section-product-version .item-product .btn-quick-add {
position: static !important;
opacity: 1;
transform: none;
width: 100% !important;
height: 56px
}
.section-product-version .item-product .btn-default,
.section-product-version .item-product .btn {
height: 54px;
font-size: 14px;
font-weight: 700;
text-transform: capitalize
}
.section-product-version .item-product ul {
list-style: none;
padding: 0
}
.section-product-version .item-product ul li {
position: relative;
color: var(--color-title);
font-size: 1.6rem;
font-weight: 500;
padding: 25px 0;
border-bottom: 1px solid var(--color-border)
}
.section-product-version .item-product ul li:first-child {
border-top: 1px solid var(--color-border)
}
.section-product-version .item-product ul li:before {
content: "\f26b";
font-family: var(--font-icon);
display: inline-block;
-webkit-margin-end: 12px;
margin-inline-end: 12px
}
@media (max-width: 1199px) {
.section-product-version .item-product {
padding: 2rem
}
.section-product-version .item-product ul li {
font-size: 1.6rem;
padding: 15px 0
}
}
@media (max-width: 767px) {
.section-product-version .item-product {
padding: 2.5rem 1rem
}
.section-product-version .slick-list {
-webkit-padding-end: 15vw;
padding-inline-end: 15vw
}
}
.text-block a:hover {
color: var(--color-link-hover) !important
}
.text-block .text-content {
max-width: var(--max-width)
}
.text-block .text-content:has(+.text-behind) p {
margin-bottom: 0
}
.text-block .pattern {
width: var(--width)
}
.text-block .text-behind {
-webkit-margin-start: var(--gap);
margin-inline-start: var(--gap)
}
.text-block .text-behind.line-through {
text-decoration: line-through
}
.text-block.nov_item_act {
overflow: hidden;
transition: max-height .3s ease;
max-height: var(--max-height)
}
.text-block.nov_item_act:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 110px;
z-index: 2;
background: linear-gradient(to bottom, transparent 0%, var(--bg-seemore) 100%)
}
.text-block.nov_item_act.act {
max-height: var(--height) !important
}
.text-block.nov_item_act.act:before {
display: none
}
.text-block+.btn-show__content {
transition: color .3s linear;
font-size: 10px;
z-index: 2
}
.text-block+.btn-show__content i {
-webkit-margin-start: 12px;
margin-inline-start: 12px
}
.text-block+.btn-show__content .see_less {
display: none
}
.text-block+.btn-show__content.act .see_more {
display: none
}
.text-block+.btn-show__content.act .see_less {
display: block
}
.text-block+.btn-show__content:hover {
color: var(--color-hover)
}
.text-block.text-center {
justify-content: center
}
.text-block.text-right {
justify-content: flex-end
}
.image-block {
max-width: 100%
}
.image-block:before {
border-radius: var(--image-radius)
}
.image-block .image-wrapper {
border-radius: var(--image-radius);
overflow: hidden;
z-index: 1
}
.image-block:hover .show-when-hover-image {
opacity: 1;
visibility: visible
}
.image-block:hover .show-btn-arrow-when-hover-image {
transform: translate(0) !important
}
.image-block.custom-width {
width: var(--image-width);
max-width: 100%
}
.image-block.custom-width.align-right {
-webkit-margin-start: auto;
margin-inline-start: auto
}
.image-block.custom-width.align-center {
margin-inline: auto
}
.image-block.custom-height .image-wrapper .respone_image {
padding-top: var(--image-height) !important
}
@media (max-width: 1440px) {
.image-block.custom-height .image-wrapper .respone_image {
padding-top: var(--image-height-xl) !important
}
}
@media (max-width: 1199px) {
.image-block.custom-height .image-wrapper .respone_image {
padding-top: var(--image-height-lg) !important
}
}
@media (max-width: 991px) {
.image-block.custom-height .image-wrapper .respone_image {
padding-top: var(--image-height-md) !important
}
}
@media (max-width: 767px) {
.image-block.custom-height .image-wrapper .respone_image {
padding-top: var(--image-height-sm) !important
}
}
@media (max-width: 575px) {
.image-block.custom-height .image-wrapper .respone_image {
padding-top: var(--image-height-xs) !important
}
}
.image-block img {
-o-object-fit: var(--object-fit);
object-fit: var(--object-fit)
}
.image-block .img-blocks-content {
z-index: 2
}
.image-block .img-blocks-content .icon-block {
display: inline-flex !important
}
.image-block .show-when-hover-image {
opacity: 0;
visibility: hidden;
transition: opacity .3s linear
}
.group-block {
border-radius: var(--group-corner-radius)
}
.group-block>.row {
margin-inline: calc(var(--spacing-md)/2*-1)
}
.group-block>.row:not([class*=-row-reverse])>.col-block:first-child {
border-start-start-radius: var(--group-corner-radius);
border-end-start-radius: var(--group-corner-radius)
}
.group-block>.row:not([class*=-row-reverse])>.col-block:last-child {
border-end-end-radius: var(--group-corner-radius);
border-start-end-radius: var(--group-corner-radius)
}
.group-block>.row.flex-row-reverse>.col-block:first-child {
border-end-end-radius: var(--group-corner-radius);
border-start-end-radius: var(--group-corner-radius)
}
.group-block>.row.flex-row-reverse>.col-block:last-child {
border-start-start-radius: var(--group-corner-radius);
border-end-start-radius: var(--group-corner-radius)
}
@media (min-width: 1200px) {
.group-block>.row.flex-xl-row-reverse>.col-block:first-child {
border-end-end-radius: var(--group-corner-radius);
border-start-end-radius: var(--group-corner-radius)
}
.group-block>.row.flex-xl-row-reverse>.col-block:last-child {
border-start-start-radius: var(--group-corner-radius);
border-end-start-radius: var(--group-corner-radius)
}
}
@media (min-width: 992px) {
.group-block>.row {
margin-inline: calc(var(--spacing)/2*-1)
}
.group-block>.row.flex-lg-row-reverse>.col-block:first-child {
border-end-end-radius: var(--group-corner-radius);
border-start-end-radius: var(--group-corner-radius)
}
.group-block>.row.flex-lg-row-reverse>.col-block:last-child {
border-start-start-radius: var(--group-corner-radius);
border-end-start-radius: var(--group-corner-radius)
}
}
@media (min-width: 768px) {
.group-block>.row.flex-md-row-reverse>.col-block:first-child {
border-end-end-radius: var(--group-corner-radius);
border-start-end-radius: var(--group-corner-radius)
}
.group-block>.row.flex-md-row-reverse>.col-block:last-child {
border-start-start-radius: var(--group-corner-radius);
border-end-start-radius: var(--group-corner-radius)
}
}
@media (min-width: 576px) {
.group-block>.row.flex-sm-row-reverse>.col-block:first-child {
border-end-end-radius: var(--group-corner-radius);
border-start-end-radius: var(--group-corner-radius)
}
.group-block>.row.flex-sm-row-reverse>.col-block:last-child {
border-start-start-radius: var(--group-corner-radius);
border-end-start-radius: var(--group-corner-radius)
}
}
.group-block .row-sticky>.col-block {
position: sticky;
top: 0
}
@media (min-width: 576px) {
.group-block .row-sticky-sm>.col-block {
position: sticky;
top: 0
}
}
@media (min-width: 768px) {
.group-block .row-sticky-md>.col-block {
position: sticky;
top: 0
}
}
@media (min-width: 992px) {
.group-block .row-sticky-lg>.col-block {
position: sticky;
top: 0
}
}
@media (min-width: 1200px) {
.group-block .row-sticky-xl>.col-block {
position: sticky;
top: 0
}
}
.col-block .block-container {
transition: .3s;
background-size: cover
}
.col-block .block-container.d-flex .col-block-content.width-custom {
width: var(--width-content);
max-width: 100%
}
@media (min-width: 992px) {
.col-block {
padding-inline: calc(var(--spacing)/2)
}
}
@media (max-width: 991px) {
.col-block {
padding-inline: calc(var(--spacing-md)/2)
}
}
@media (max-width: 575px) {
.col-block {
margin-top: var(--mt-xs);
margin-bottom: var(--mb-xs)
}
.col-block.unit-px-percent {
flex: 0 0 var(--w-xs) !important;
max-width: var(--w-xs) !important
}
.col-block .pl {
-webkit-padding-start: var(--pl-xs);
padding-inline-start: var(--pl-xs)
}
.col-block .pr {
-webkit-padding-end: var(--pr-xs);
padding-inline-end: var(--pr-xs)
}
}
@media (min-width: 576px)and (max-width: 767px) {
.col-block {
margin-top: var(--mt-sm);
margin-bottom: var(--mb-sm)
}
.col-block.unit-px-percent {
flex: 0 0 var(--w-sm) !important;
max-width: var(--w-sm) !important
}
.col-block .pl {
-webkit-padding-start: var(--pl-sm);
padding-inline-start: var(--pl-sm)
}
.col-block .pr {
-webkit-padding-end: var(--pr-sm);
padding-inline-end: var(--pr-sm)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.col-block {
margin-top: var(--mt-md);
margin-bottom: var(--mb-md)
}
.col-block.unit-px-percent {
flex: 0 0 var(--w-md) !important;
max-width: var(--w-md) !important
}
.col-block .pl {
-webkit-padding-start: var(--pl-md);
padding-inline-start: var(--pl-md)
}
.col-block .pr {
-webkit-padding-end: var(--pr-md);
padding-inline-end: var(--pr-md)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.col-block {
margin-top: var(--mt-lg);
margin-bottom: var(--mb-lg)
}
.col-block.unit-px-percent {
flex: 0 0 var(--w-lg) !important;
max-width: var(--w-lg) !important
}
.col-block .pl {
-webkit-padding-start: var(--pl-lg);
padding-inline-start: var(--pl-lg)
}
.col-block .pr {
-webkit-padding-end: var(--pr-lg);
padding-inline-end: var(--pr-lg)
}
}
.col-block .col-block-content.d-flex>div:not(:last-child) {
-webkit-margin-end: var(--gap-item);
margin-inline-end: var(--gap-item)
}
@media (min-width: 576px) {
.col-block .col-block-content.d-sm-flex>div:not(:last-child) {
-webkit-margin-end: var(--gap-item);
margin-inline-end: var(--gap-item)
}
}
@media (min-width: 768px) {
.col-block .col-block-content.d-md-flex>div:not(:last-child) {
-webkit-margin-end: var(--gap-item);
margin-inline-end: var(--gap-item)
}
}
@media (min-width: 992px) {
.col-block .col-block-content.d-lg-flex>div:not(:last-child) {
-webkit-margin-end: var(--gap-item);
margin-inline-end: var(--gap-item)
}
}
@media (min-width: 1200px) {
.col-block {
margin-top: var(--mt-xl);
margin-bottom: var(--mb-xl)
}
.col-block .pl {
-webkit-padding-start: var(--pl-xl);
padding-inline-start: var(--pl-xl)
}
.col-block .pr {
-webkit-padding-end: var(--pr-xl);
padding-inline-end: var(--pr-xl)
}
.col-block .col-block-content.d-xl-flex>div:not(:last-child) {
-webkit-margin-end: var(--gap-item);
margin-inline-end: var(--gap-item)
}
}
@media (min-width: 1200px)and (max-width: 1440px) {
.col-block.unit-px-percent {
flex: 0 0 var(--w-xl) !important;
max-width: var(--w-xl) !important
}
}
@media (min-width: 1441px) {
.col-block.unit-px-percent {
flex: 0 0 var(--w-xxl) !important;
max-width: var(--w-xxl) !important
}
}
.icon-block .icon-block-wrapper {
transition: background-color .3s
}
.icon-block .icon-block-wrapper:hover {
background-color: var(--bg-icon-hover) !important
}
.icon-block .icon-block-wrapper:hover.hover-effect .icon-content {
-webkit-animation: policy 1s ease-in-out infinite;
animation: policy 1s ease-in-out infinite
}
.icon-block .icon-block-wrapper:hover svg {
color: var(--color-icon-hover)
}
.icon-block .icon-block-wrapper svg {
width: 100%;
height: auto;
color: var(--color-icon)
}
.icon-block .icon-block-wrapper .placeholder-svg {
border: none
}
.icon-with-text-block .icon-with-text-block__inner {
padding: var(--item-padding-y) var(--item-padding-x);
background-color: var(--bg-color);
border-radius: var(--item-radius);
transition: background-color .3s linear
}
.icon-with-text-block .icon-with-text-block__inner:hover {
background-color: var(--bg-color-hover)
}
.icon-with-text-block .icon-with-text-block__inner:hover .icon-block-wrapper {
background-color: var(--bg-icon-hover) !important
}
.icon-with-text-block .icon-with-text-block__inner:hover .icon-block-wrapper.hover-effect .icon-content {
-webkit-animation: policy 1s ease-in-out infinite;
animation: policy 1s ease-in-out infinite
}
.icon-with-text-block .icon-with-text-block__inner:hover .icon-block-wrapper svg {
color: var(--color-icon-hover)
}
.icon-with-text-block .icon-with-text-block__inner:hover .text-block,
.icon-with-text-block .icon-with-text-block__inner:hover .text-block a {
color: var(--color-text-hover)
}
@media (min-width: 768px) {
.icon-with-text-block .icon-with-text-block__inner.d-inline-flex .icon-block:first-child {
-webkit-margin-end: var(--gap);
margin-inline-end: var(--gap)
}
.icon-with-text-block .icon-with-text-block__inner.d-inline-flex .icon-block:last-child {
-webkit-margin-start: var(--gap);
margin-inline-start: var(--gap)
}
.icon-with-text-block .icon-with-text-block__inner:not(.d-inline-flex) .icon-block:first-child {
margin-bottom: var(--gap)
}
.icon-with-text-block .icon-with-text-block__inner:not(.d-inline-flex) .icon-block:last-child {
margin-top: var(--gap)
}
}
@media (max-width: 767px) {
.icon-with-text-block .icon-with-text-block__inner.d-inline-flex .icon-block:first-child {
-webkit-margin-end: var(--gap-sm);
margin-inline-end: var(--gap-sm)
}
.icon-with-text-block .icon-with-text-block__inner.d-inline-flex .icon-block:last-child {
-webkit-margin-start: var(--gap-sm);
margin-inline-start: var(--gap-sm)
}
.icon-with-text-block .icon-with-text-block__inner:not(.d-inline-flex) .icon-block:first-child {
margin-bottom: var(--gap-sm)
}
.icon-with-text-block .icon-with-text-block__inner:not(.d-inline-flex) .icon-block:last-child {
margin-top: var(--gap-sm)
}
}
.button-block.text-left .btn-skew {
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.button-block.text-right .btn-skew {
-webkit-margin-end: 8px;
margin-inline-end: 8px
}
.accordion-block.style1 .nov-accordion__item {
opacity: .3;
transition: .3s
}
.accordion-block.style1 .nov-accordion__item.act {
opacity: 1
}
.accordion-block.bd-side .nov-accordion {
-webkit-border-start: 2px solid;
border-inline-start: 2px solid;
-webkit-padding-start: 20px;
padding-inline-start: 20px
}
.accordion-block.bd-side .nov-accordion .nov-accordion__item:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-start: -22px;
width: 2px;
height: 0;
transition: height .3s
}
.accordion-block.bd-side .nov-accordion .nov-accordion__item.act:before {
height: 100%
}
.accordion-block:not(.show_navigation) .nov-accordion__title:after {
display: none
}
.accordion-block .nov-accordion__title {
background-color: #0000 !important
}
.accordion-block .nov-accordion__title:after {
content: "\f278";
font-family: var(--font-icon);
font-size: 16px;
font-style: normal;
color: var(--color-title);
transition: transform .3s;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
position: static;
transform: none;
-webkit-margin-start: auto;
margin-inline-start: auto
}
.accordion-block .nov-accordion__title .icon-block {
-webkit-margin-end: 15px;
margin-inline-end: 15px
}
.accordion-block .nov-accordion__title.act .text-block {
color: var(--color-link-hover) !important
}
.accordion-block .nov-accordion__title.act:after {
content: "\f273"
}
.accordion-block.nav2 .nov-accordion__title:after {
content: "\f2f9";
font-size: 22px;
font-style: normal
}
.accordion-block.nav2 .nov-accordion__title.act:after {
content: "\f2fc"
}
.accordion-block .block {
-webkit-padding-after: 2px;
padding-block-end: 2px
}
.accordion-block .nov-accordion__content:has(.block:empty) {
display: none !important
}
.email-signup-block {
container-type: inline-size
}
.email-signup-block.max-width {
max-width: var(--max-width);
margin-inline: auto
}
.email-signup-block.btn-on-input input {
-webkit-padding-end: calc(var(--btn-width) + 5px);
padding-inline-end: calc(var(--btn-width) + 5px)
}
.email-signup-block.btn-on-input input:has(+.link) {
-webkit-padding-end: 10rem;
padding-inline-end: 10rem
}
.email-signup-block.btn-on-input .btn {
position: absolute;
inset-inline-end: 5px;
inset-block-start: 50%;
transform: translateY(-50%);
height: calc(var(--input-height) - 8px)
}
.email-signup-block.style-line-bottom input {
border: none;
border-bottom: 1px solid var(--input-border-color);
box-shadow: none !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-padding-start: 0;
padding-inline-start: 0
}
.email-signup-block.style-line-bottom input:focus {
background-color: var(--input-bg)
}
.email-signup-block.style-line-bottom button {
inset-inline-end: 0 !important
}
.email-signup-block.style-line-bottom .link {
-webkit-padding-end: 0;
padding-inline-end: 0
}
.email-signup-block input {
height: var(--input-height);
-webkit-padding-start: 2rem;
padding-inline-start: 2rem;
border-radius: var(--input-radius);
color: var(--input-color);
background-color: var(--input-bg);
border-color: var(--input-border-color);
font-size: 13px
}
.email-signup-block input.shadow-input {
box-shadow: 1px 1px 10px #00000014
}
.email-signup-block input::-webkit-input-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.email-signup-block input:-moz-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.email-signup-block input::-moz-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.email-signup-block input:-ms-input-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.email-signup-block .btn {
text-transform: none;
min-width: var(--btn-width);
font-size: var(--btn-label-font-size);
border-radius: var(--input-radius);
height: var(--input-height);
-webkit-margin-start: var(--gap);
margin-inline-start: var(--gap)
}
.email-signup-block .link {
font-size: var(--btn-label-font-size);
color: var(--color-link);
background: #0000;
position: absolute;
top: 50%;
inset-inline-end: 2.5rem;
transform: translateY(-50%)
}
.email-signup-block .link i {
transform: rotate(0)
}
.email-signup-block .link:hover {
color: var(--color-hover)
}
@container (max-width: 320px) {
.email-signup-block .btn {
min-width: clamp(20px, var(--btn-width)*.8, 120px)
}
}
.social-block.style-list ul,
.social-block.style-list li {
display: block !important
}
.social-block.style-list a {
display: inline-flex
}
.social-block.style-list.show-label a {
position: relative
}
.social-block.style-list.show-label a:after {
content: attr(title);
-webkit-margin-start: 10px;
margin-inline-start: 10px
}
.social-block.type-btn a {
width: var(--size);
height: var(--size);
border-radius: var(--radius);
color: var(--color-button-text);
background-color: var(--color-button);
border-color: var(--color-button-border)
}
.social-block.type-btn a:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.social-block.type-btn.show-boxshadow a {
box-shadow: 4px 4px 2rem #0000001a
}
.social-block.type-icon a {
border: none;
width: initial;
height: initial
}
.social-block svg {
width: var(--icon-width) !important
}
.social-block .block_social {
margin: calc(var(--gap)*-1)
}
.social-block .list-inline-item {
margin: 0 !important;
padding: var(--gap)
}
.payment-method-block .payment-content:has(.payment__item) {
margin: -2.5px
}
.payment-method-block .payment-content .payment__item {
padding: 2.5px
}
.payment-method-block .payment-content img {
-o-object-fit: contain;
object-fit: contain
}
.menu-block .linklist-item:not(:last-child) {
margin-bottom: var(--gap-bottom)
}
.menu-block .f_btn_sl {
font-size: 21px;
-webkit-margin-start: auto;
margin-inline-start: auto;
position: absolute;
top: -3px;
inset-inline-end: 0
}
.menu-block .f_btn_sl.active i:before {
content: "\f273"
}
@media (max-width: 575px) {
.menu-block:has(.f_btn_sl) {
margin: 0 !important
}
.menu-block .block-content.h_t {
display: none
}
}
.countdown-block.style1 .item-time {
background: var(--bg);
border-radius: var(--corner);
border: 1px solid var(--bd-color);
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.countdown-block.style1 .shadow .item-time {
box-shadow: 4px 4px 20px #0000001a
}
.countdown-block.style2 .data-number {
background: var(--bg);
border-radius: var(--corner);
border: 1px solid var(--bd-color);
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.countdown-block.style2 .shadow .data-number {
box-shadow: 4px 4px 20px #0000001a
}
.countdown-block.style2.show-dot .item-time:not(:last-child) .data-number:after {
content: ":";
position: absolute;
top: 46%;
transform: translate(50%, -50%);
color: var(--dot-color)
}
.countdown-block.style1.show-dot .item-time:not(:last-child):after,
.countdown-block.style3.show-dot .item-time:not(:last-child):after {
content: ":";
position: absolute;
top: 50%;
transform: translate(50%, -50%);
color: var(--dot-color)
}
.countdown-block .item-time {
position: relative
}
.countdown-block .data-number {
font-weight: 700;
line-height: 1
}
.countdown-block .name-time {
line-height: 1;
display: block
}
@media (min-width: 1200px) {
.countdown-block .item-time:not(:last-child) {
-webkit-margin-end: var(--gap);
margin-inline-end: var(--gap)
}
.countdown-block .data-number {
font-size: var(--number-font-size-xl)
}
.countdown-block .name-time {
font-size: var(--label-font-size-xl)
}
.countdown-block.style1 .item-time,
.countdown-block.style2 .data-number {
width: var(--size-xl);
height: var(--size-xl)
}
.countdown-block.show-dot .item-time:not(:last-child):after,
.countdown-block.show-dot .item-time:not(:last-child) .data-number:after {
inset-inline-end: calc(var(--gap)/2*-1);
font-size: var(--number-font-size-xl);
font-weight: 400
}
}
@media (min-width: 768px)and (max-width: 1199px) {
.countdown-block .item-time:not(:last-child) {
-webkit-margin-end: calc(var(--gap)*.8);
margin-inline-end: calc(var(--gap)*.8)
}
.countdown-block .data-number {
font-size: var(--number-font-size-md)
}
.countdown-block .name-time {
font-size: var(--label-font-size-md)
}
.countdown-block.style1 .item-time,
.countdown-block.style2 .data-number {
width: var(--size-md);
height: var(--size-md)
}
.countdown-block.show-dot .item-time:not(:last-child):after,
.countdown-block.show-dot .item-time:not(:last-child) .data-number:after {
inset-inline-end: calc(var(--gap)*.8/2*-1);
font-size: calc(var(--number-font-size-md) + 4px)
}
}
@media (min-width: 425px)and (max-width: 767px) {
.countdown-block .item-time:not(:last-child) {
-webkit-margin-end: calc(var(--gap)*.7);
margin-inline-end: calc(var(--gap)*.7)
}
.countdown-block .data-number {
font-size: var(--number-font-size-sm)
}
.countdown-block .name-time {
font-size: var(--label-font-size-sm)
}
.countdown-block.style1 .item-time,
.countdown-block.style2 .data-number {
width: var(--size-sm);
height: var(--size-sm)
}
.countdown-block.show-dot .item-time:not(:last-child):after,
.countdown-block.show-dot .item-time:not(:last-child) .data-number:after {
inset-inline-end: calc(var(--gap)*.7/2*-1);
font-size: calc(var(--number-font-size-sm) + 4px)
}
}
@media (max-width: 424px) {
.countdown-block .item-time:not(:last-child) {
-webkit-margin-end: 20px;
margin-inline-end: 20px
}
.countdown-block .data-number {
font-size: var(--number-font-size-xs)
}
.countdown-block .name-time {
font-size: var(--label-font-size-xs)
}
.countdown-block.style1 .item-time,
.countdown-block.style2 .data-number {
width: var(--size-xs);
height: var(--size-xs)
}
.countdown-block.show-dot .item-time:not(:last-child):after,
.countdown-block.show-dot .item-time:not(:last-child) .data-number:after {
inset-inline-end: -10px;
font-size: 24px
}
}
.video-block .respone_image {
height: 100%
}
.video-block .btn-video__play,
.video-block .icon_play {
width: 66px;
height: 66px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100%;
cursor: pointer;
font-size: 24px;
position: relative;
--shadow-size: 13px;
--shadow-color: 255, 255, 255;
-webkit-animation: boxshadow 1.2s ease-in-out infinite;
animation: boxshadow 1.2s ease-in-out infinite;
color: var(--color-button-text);
background: var(--color-button);
border: 2px solid var(--color-button-border);
transition: .3s
}
.video-block .btn-video__play svg,
.video-block .icon_play svg {
width: 13px;
height: auto
}
.video-block .btn-video__play:hover,
.video-block .icon_play:hover {
color: var(--color-button-text-hover);
background-color: var(--color-button-hover);
border-color: var(--color-button-border-hover)
}
.video-block .block-text {
width: calc(100% - 30px);
z-index: 2
}
.video-block .block-icon__play>div:not(:last-child) {
-webkit-margin-end: 30px;
margin-inline-end: 30px
}
@media (max-width: 767px) {
.video-block .btn-video__play,
.video-block .icon_play {
width: 50px;
height: 50px
}
.video-block .btn-video__play svg,
.video-block .icon_play svg {
width: 12px
}
}
.button-video-block .icon_play-content {
font-size: 1.4rem;
color: var(--color-label);
background: var(--color-bg);
border-radius: 99px;
padding: 6px;
transition: background .3s
}
.button-video-block .icon_play-content:hover {
background: var(--color-bg-hover)
}
.button-video-block .icon_play-content .icon_play-label {
font-size: 1.4rem;
font-weight: 600;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
-webkit-padding-start: 16px;
padding-inline-start: 16px
}
.button-video-block .icon_play-content .icon_play-icon {
font-size: 20px;
background: var(--color-bg);
width: 40px;
height: 40px;
color: var(--color-button-text);
background: var(--color-button);
border: var(--button-thickness) solid var(--color-button-border);
transition: .3s
}
@media (max-width: 767px) {
.button-video-block .icon_play-content .icon_play-icon {
width: 32px;
height: 32px
}
}
.slider-block .slick-arrow:before,
.slider-block .slick-arrow:after {
height: 2px;
border-radius: 5px
}
.contact-form-block.max-width {
max-width: var(--max-width);
margin-inline: auto
}
.contact-form-block .form-group {
margin-inline: calc(var(--gap-horizontal)/2*-1);
margin-bottom: 0
}
.contact-form-block .form-group .item {
padding-inline: calc(var(--gap-horizontal)/2);
margin-bottom: var(--gap-vertical)
}
.contact-form-block .form-title {
color: var(--title-color);
margin-bottom: 8px;
font-size: 1.2rem;
font-weight: 700
}
.contact-form-block input,
.contact-form-block select,
.contact-form-block textarea {
height: var(--input-height);
border-radius: var(--input-radius);
color: var(--input-color);
background-color: var(--input-bg);
border-color: var(--input-border-color);
font-size: 12px;
padding-inline: 1.5rem
}
.contact-form-block input.shadow-input,
.contact-form-block select.shadow-input,
.contact-form-block textarea.shadow-input {
box-shadow: 1px 1px 10px #00000014
}
.contact-form-block input::-webkit-input-placeholder,
.contact-form-block select::-webkit-input-placeholder,
.contact-form-block textarea::-webkit-input-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.contact-form-block input:-moz-placeholder,
.contact-form-block select:-moz-placeholder,
.contact-form-block textarea:-moz-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.contact-form-block input::-moz-placeholder,
.contact-form-block select::-moz-placeholder,
.contact-form-block textarea::-moz-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.contact-form-block input:-ms-input-placeholder,
.contact-form-block select:-ms-input-placeholder,
.contact-form-block textarea:-ms-input-placeholder {
font-size: 12px;
text-transform: capitalize;
color: var(--input-place-color)
}
.contact-form-block select {
color: var(--input-place-color);
-webkit-padding-end: 30px;
padding-inline-end: 30px
}
.contact-form-block textarea {
height: initial;
padding: 15px;
border-radius: var(--textarea-radius)
}
.contact-form-block .form-button {
margin-top: var(--gap-vertical)
}
.contact-form-block .btn {
text-transform: none;
height: var(--input-height);
min-width: var(--btn-width);
font-size: var(--btn-label-font-size)
}
.contact-form-block .link {
font-size: var(--btn-label-font-size);
color: var(--color-link);
background: #0000
}
.contact-form-block .link:hover {
color: var(--color-hover)
}
@media (max-width: 320px) {
.contact-form-block .btn {
min-width: 120px
}
}
.card-block .block-container {
border-radius: var(--corner-radius)
}
.card-block .block-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0);
background-size: cover;
background-repeat: no-repeat;
transition: .3s;
border-radius: var(--corner-radius)
}
@media (min-width: 1441px) {
.card-block .block-container:before {
height: var(--height-xxl)
}
}
@media (min-width: 1200px)and (max-width: 1440px) {
.card-block .block-container:before {
height: var(--height-xl)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.card-block .block-container:before {
height: var(--height-lg)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.card-block .block-container:before {
height: var(--height-md)
}
}
@media (min-width: 576px)and (max-width: 767px) {
.card-block .block-container:before {
height: var(--height-sm)
}
}
@media (max-width: 575px) {
.card-block .block-container:before {
height: var(--height-xs)
}
}
.card-block .block-container.d-flex .col-block-content.width-custom {
width: var(--width-content);
max-width: 100%
}
.card-block .label_top {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
height: 30px;
line-height: 30px;
padding-inline: 2rem;
font-size: 1.2rem;
font-weight: 600;
color: var(--color-button-text);
background: var(--color-button);
border-radius: 50px
}
@media (min-width: 992px) {
.card-block {
padding-inline: calc(var(--spacing)/2)
}
}
@media (max-width: 991px) {
.card-block {
padding-inline: calc(var(--spacing-md)/2)
}
}
@media (max-width: 575px) {
.card-block .pl {
-webkit-padding-start: var(--pl-xs);
padding-inline-start: var(--pl-xs)
}
.card-block .pr {
-webkit-padding-end: var(--pr-xs);
padding-inline-end: var(--pr-xs)
}
}
@media (min-width: 576px)and (max-width: 767px) {
.card-block .pl {
-webkit-padding-start: var(--pl-sm);
padding-inline-start: var(--pl-sm)
}
.card-block .pr {
-webkit-padding-end: var(--pr-sm);
padding-inline-end: var(--pr-sm)
}
}
@media (min-width: 768px)and (max-width: 991px) {
.card-block .pl {
-webkit-padding-start: var(--pl-md);
padding-inline-start: var(--pl-md)
}
.card-block .pr {
-webkit-padding-end: var(--pr-md);
padding-inline-end: var(--pr-md)
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.card-block .pl {
-webkit-padding-start: var(--pl-lg);
padding-inline-start: var(--pl-lg)
}
.card-block .pr {
-webkit-padding-end: var(--pr-lg);
padding-inline-end: var(--pr-lg)
}
}
@media (min-width: 1200px) {
.card-block .pl {
-webkit-padding-start: var(--pl-xl);
padding-inline-start: var(--pl-xl)
}
.card-block .pr {
-webkit-padding-end: var(--pr-xl);
padding-inline-end: var(--pr-xl)
}
}
.product-list-block .arrow-pc .nav-arrow {
position: absolute;
top: 42%;
transform: translateY(-50%)
}
.product-list-block .arrow-pc .nav-arrow.nav-prev {
inset-inline-start: -25px
}
.product-list-block .arrow-pc .nav-arrow.nav-next {
inset-inline-end: -25px
}
.product-list-block .block-nav {
-webkit-margin-start: 20px;
margin-inline-start: 20px
}
.product-list-block .overflow-right {
-webkit-margin-end: -50vw;
margin-inline-end: -50vw;
-webkit-padding-end: 50vw;
padding-inline-end: 50vw
}
@media (min-width: 1500px) {
.product-list-block .overflow-right {
-webkit-padding-end: 43.7vw;
padding-inline-end: 43.7vw
}
}
.product-list-block .overflow-right .swiper-slide {
opacity: 1
}
@-webkit-keyframes policy {
16.65% {
transform: translate(7px)
}
33.33% {
transform: translate(-5px)
}
49.95% {
transform: translate(3px)
}
66.6% {
transform: translate(-2px)
}
83.25% {
transform: translate(1px)
}
to {
-webkit-transform: translateX(0);
sform: translateX(0)
}
}
@keyframes policy {
16.65% {
transform: translate(7px)
}
33.33% {
transform: translate(-5px)
}
49.95% {
transform: translate(3px)
}
66.6% {
transform: translate(-2px)
}
83.25% {
transform: translate(1px)
}
to {
-webkit-transform: translateX(0);
sform: translateX(0)
}
}
@-webkit-keyframes marquee {
0% {
transform: translate(0)
}
to {
transform: translate(-100%)
}
}
@keyframes marquee {
0% {
transform: translate(0)
}
to {
transform: translate(-100%)
}
}
@-webkit-keyframes marquee-rtl {
0% {
transform: translate(0)
}
to {
transform: translate(100%)
}
}
@keyframes marquee-rtl {
0% {
transform: translate(0)
}
to {
transform: translate(100%)
}
}
@-webkit-keyframes marqueeUp {
0% {
transform: translateY(0)
}
to {
transform: translateY(-100%)
}
}
@keyframes marqueeUp {
0% {
transform: translateY(0)
}
to {
transform: translateY(-100%)
}
}
@-webkit-keyframes Animationlookbook {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(2);
opacity: 0
}
}
@keyframes Animationlookbook {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(2);
opacity: 0
}
}
@-webkit-keyframes ButtonPlay {
0% {
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .8
}
to {
width: 160%;
height: 160%;
left: -30%;
top: -30%;
opacity: .2
}
}
@keyframes ButtonPlay {
0% {
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .8
}
to {
width: 160%;
height: 160%;
left: -30%;
top: -30%;
opacity: .2
}
}
@-webkit-keyframes ImgAnimate {
0% {
transform: rotate(0) translate(-5px) rotate(0)
}
to {
transform: rotate(360deg) translate(-5px) rotate(-360deg)
}
}
@keyframes ImgAnimate {
0% {
transform: rotate(0) translate(-5px) rotate(0)
}
to {
transform: rotate(360deg) translate(-5px) rotate(-360deg)
}
}
@-webkit-keyframes scale {
0% {
opacity: .7;
box-shadow: 0 0 0 0 var(--color-hover)
}
to {
opacity: 0;
box-shadow: 0 0 0 13px var(--color-hover)
}
}
@keyframes scale {
0% {
opacity: .7;
box-shadow: 0 0 0 0 var(--color-hover)
}
to {
opacity: 0;
box-shadow: 0 0 0 13px var(--color-hover)
}
}
@-webkit-keyframes boxshadow {
0% {
box-shadow: 0 0 rgba(var(--shadow-color), 1)
}
to {
box-shadow: 0 0 0 var(--shadow-size) rgba(var(--shadow-color), 0)
}
}
@keyframes boxshadow {
0% {
box-shadow: 0 0 rgba(var(--shadow-color), 1)
}
to {
box-shadow: 0 0 0 var(--shadow-size) rgba(var(--shadow-color), 0)
}
}
@-webkit-keyframes phone {
16.65% {
transform: rotate(20deg)
}
33.33% {
transform: rotate(-15deg)
}
49.95% {
transform: rotate(10deg)
}
66.6% {
transform: rotate(-5deg)
}
83.25% {
transform: rotate(1deg)
}
to {
transform: rotate(0)
}
}
@keyframes phone {
16.65% {
transform: rotate(20deg)
}
33.33% {
transform: rotate(-15deg)
}
49.95% {
transform: rotate(10deg)
}
66.6% {
transform: rotate(-5deg)
}
83.25% {
transform: rotate(1deg)
}
to {
transform: rotate(0)
}
}
@-webkit-keyframes dashoffset {
0% {
stroke-dashoffset: 75.4
}
to {
stroke-dashoffset: 0
}
}
@keyframes dashoffset {
0% {
stroke-dashoffset: 75.4
}
to {
stroke-dashoffset: 0
}
}
@-webkit-keyframes dashoffset2 {
0% {
stroke-dashoffset: 75.4
}
to {
stroke-dashoffset: 0
}
}
@keyframes dashoffset2 {
0% {
stroke-dashoffset: 75.4
}
to {
stroke-dashoffset: 0
}
}
.header-mobile {
position: relative;
height: 60px;
max-height: 60px;
z-index: 102
}
.header-mobile .header-mobile-content {
background: var(--color-background);
height: 60px;
max-height: 60px;
padding: 0 20px;
left: 0;
width: 100%
}
.header-mobile.down .header-mobile-content {
position: fixed;
box-shadow: 0 0 10px #0000001a;
transform: translateY(calc(-100% - var(--offset-top)));
visibility: hidden;
opacity: 0
}
.header-mobile.sticky-header-active .header-mobile-content {
transform: translateY(0);
visibility: visible;
top: 0;
border: none;
transition: transform .3s ease, visibility .3s ease, opacity .3s ease;
opacity: 1
}
.header-mobile .item-mobile-top {
position: relative;
cursor: pointer;
font-size: 20px;
float: inherit;
text-shadow: none;
line-height: 10px
}
.header-mobile .item-mobile-top i {
font-size: 24px
}
.header-mobile #show-megamenu {
position: relative;
width: 18px;
height: 14px;
overflow: hidden;
display: flex;
align-items: center
}
.header-mobile #show-megamenu .icon-directional {
width: 14px;
height: 2px;
transition: width .4s ease-in-out;
background: var(--color-icons)
}
.header-mobile #show-megamenu .icon-directional:before,
.header-mobile #show-megamenu .icon-directional:after {
content: "";
position: absolute;
left: -48px;
width: 72px;
height: 2px;
transition: left .4s ease-in-out;
background: linear-gradient(90deg, var(--color-icons) 33%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 66%, var(--color-icons) 66%)
}
.header-mobile #show-megamenu .icon-directional:before {
top: 0
}
.header-mobile #show-megamenu .icon-directional:after {
bottom: 0;
transition-delay: .15s
}
.header-mobile .mobile-btn_search {
-webkit-margin-start: 20px;
margin-inline-start: 20px;
font-size: 20px
}
.header-mobile .mobile-btn_search i {
display: none;
color: var(--color-icons)
}
.header-mobile .mobile-btn_search svg {
color: var(--color-icons);
width: 16px
}
.header-mobile .mobile-btn_search.act i {
display: block
}
.header-mobile .mobile-btn_search.act svg {
display: none
}
@media (max-width: 320px) {
.header-mobile .mobile-btn_search {
-webkit-margin-start: 14px;
margin-inline-start: 14px
}
}
.header-mobile #mobile_search {
position: absolute;
width: 100%;
left: 0;
top: 100%;
z-index: 9;
visibility: hidden;
opacity: 0;
transform: translateY(20px);
transition: all .2s
}
.header-mobile #mobile_search.act {
visibility: visible;
opacity: 1;
transform: translateY(0)
}
.header-mobile #mobile_search input {
background: #fff;
border: none;
border-top: 1px solid #c7d4e0;
border-bottom: 1px solid #c7d4e0;
border-radius: 0;
padding: 0 15px;
height: 60px;
text-align: center
}
.header-mobile #mobile_search input::-webkit-input-placeholder {
font-size: 10px;
font-weight: 600;
color: #a8a8a8;
text-transform: uppercase;
letter-spacing: 1px
}
.header-mobile #mobile_search input:-moz-placeholder {
font-size: 10px;
font-weight: 600;
color: #a8a8a8;
text-transform: uppercase;
letter-spacing: 1px
}
.header-mobile #mobile_search input::-moz-placeholder {
font-size: 10px;
font-weight: 600;
color: #a8a8a8;
text-transform: uppercase;
letter-spacing: 1px
}
.header-mobile #mobile_search input:-ms-input-placeholder {
font-size: 10px;
font-weight: 600;
color: #a8a8a8;
text-transform: uppercase;
letter-spacing: 1px
}
.header-mobile #mobile_search button {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 5px;
font-size: 14px;
background-color: var(--color-button);
border: none;
border-radius: 3px;
padding: 0 15px;
height: 40px;
line-height: 40px;
color: #fff;
display: none !important
}
.header-mobile #mobile_search .search-w__animate,
.header-mobile #mobile_search .icon {
display: none !important
}
.header-mobile .mobile_cart .site-header__cart-icon {
font-size: 21px;
color: var(--color-icons);
line-height: 1;
display: flex
}
.header-mobile .mobile_cart .cart-count {
width: 16px;
height: 16px;
border-radius: 100%;
font-size: 10px;
color: var(--color-button-text);
background-color: var(--color-button);
top: -17px;
left: 2px;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none !important
}
.mobile-boxpage {
position: fixed;
width: 360px;
height: 100vh;
top: 0;
inset-inline-end: -360px;
background: #fff;
z-index: 1000;
visibility: hidden;
opacity: .5;
transition: all .3s
}
.mobile-boxpage.active {
visibility: visible;
opacity: 1;
inset-inline-end: 0
}
.mobile-boxpage .close-box {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
background-color: #ebebeb;
font-size: 18px;
color: #1e3441
}
.mobile-boxpage .pageaccount__name {
font-size: 16px
}
.mobile-boxpage .account-list-content {
font-size: 13px;
font-weight: 500
}
.mobile-boxpage .account-list-content i {
display: none
}
.mobile-boxpage .account-list-content>div {
padding: 10px 0
}
#stickymenu_bottom_mobile {
position: fixed;
width: 100%;
bottom: 0;
z-index: 101;
inset-inline-start: 0;
padding: 0 15px;
background: #fff;
box-shadow: 0 -2px 5px -2px #0000001a
}
#stickymenu_bottom_mobile .stickymenu-item {
height: 55px
}
#stickymenu_bottom_mobile .stickymenu-item:not(:last-child) {
-webkit-border-end: 1px solid #e2e2e2;
border-inline-end: 1px solid #e2e2e2
}
#stickymenu_bottom_mobile .stickymenu-item a {
display: inline-block;
position: relative
}
#stickymenu_bottom_mobile .stickymenu-item i,
#stickymenu_bottom_mobile .stickymenu-item svg {
font-size: 20px;
color: #000;
margin-bottom: 3px
}
#stickymenu_bottom_mobile .stickymenu-item span {
display: block;
font-family: var(--font-family-default);
font-weight: 500;
font-size: 10px;
line-height: 1;
color: #868686;
text-transform: capitalize;
margin-top: 2px
}
#stickymenu_bottom_mobile .stickymenu-item .WishlistCount {
right: 0;
left: inherit;
top: -2px;
color: var(--color-button-text);
background-color: var(--color-button);
border: 1px solid var(--color-button-border);
width: 16px;
height: 16px;
min-width: 16px;
box-shadow: none !important
}
#stickymenu_bottom_mobile .stickymenu-item .cart-products-count {
position: absolute;
top: -4px;
right: -10px;
bottom: inherit;
background: var(--color-button);
width: 16px;
height: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center
}
#stickymenu_bottom_mobile .stickymenu-item .cart-products-count span {
color: var(--color-button-text)
}
#stickymenu_bottom_mobile .stickymenu-item .header-cart {
display: inline-block;
position: relative
}
#stickymenu_bottom_mobile .stickymenu-item .title-cart {
font-size: 10px;
text-transform: capitalize;
font-family: var(--font-family-default)
}
#stickymenu_bottom_mobile .stickymenu-item:hover a {
color: var(--color-hover);
text-decoration: none
}
#stickymenu_bottom_mobile .stickymenu-item:hover a i {
color: var(--color-hover)
}
#stickymenu_bottom_mobile #back_top {
position: initial;
display: inline-block
}
#mobile_menu {
background: #fff;
position: fixed;
z-index: 102;
top: 0;
inset-inline-start: -100%;
width: calc(100% - 120px);
height: 100%;
transition: .25s linear;
display: flex;
flex-direction: column;
overflow: auto;
box-shadow: 0 0 6px rgba(var(--color-shadow-rgb), .1);
padding: 40px 20px 20px
}
@media (min-width: 768px) {
#mobile_menu {
max-width: 360px;
transition: all .7s
}
}
@media (max-width: 320px) {
#mobile_menu {
width: calc(100% - 65px)
}
}
#mobile_menu .search-header-inline {
margin-bottom: 20px
}
#mobile_menu .search-header__input {
background-color: #ebebeb;
height: 44px;
-webkit-padding-start: 20px;
padding-inline-start: 20px;
-webkit-padding-end: 45px;
padding-inline-end: 45px;
border-radius: 3px;
border: none
}
#mobile_menu .search-header__input::-webkit-input-placeholder {
font-size: 10px;
font-weight: 600;
color: #848484;
text-transform: uppercase
}
#mobile_menu .search-header__input:-moz-placeholder {
font-size: 10px;
font-weight: 600;
color: #848484;
text-transform: uppercase
}
#mobile_menu .search-header__input::-moz-placeholder {
font-size: 10px;
font-weight: 600;
color: #848484;
text-transform: uppercase
}
#mobile_menu .search-header__input:-ms-input-placeholder {
font-size: 10px;
font-weight: 600;
color: #848484;
text-transform: uppercase
}
#mobile_menu .search-header__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #e9e9e9;
border: none;
padding: 0;
font-size: 15px;
inset-inline-end: 15px;
color: #000
}
#mobile_menu .search-header__submit svg {
max-width: 16px;
height: auto
}
#mobile_menu .search-header__placeholder,
#mobile_menu .icon,
#mobile_menu .btn-search__clear-text,
#mobile_menu .search-results__block,
#mobile_menu .search_trend,
#mobile_menu .search-header__submit-text {
display: none !important
}
#mobile_menu.act {
inset-inline-start: 0
}
#mobile_menu.act .search-header-inline,
#mobile_menu.act .canvas-menu,
#mobile_menu.act .mobile_contact,
#mobile_menu.act .mobile_email,
#mobile_menu.act .block_social {
transform: translate(0);
opacity: 1
}
#mobile_menu .canvas-menu {
height: calc(100% - 250px);
min-height: 125px
}
#mobile_menu .block_social {
margin-top: 10px
}
#mobile_menu .block_social a {
width: 30px;
height: 30px;
line-height: 30px;
background-color: var(--color-secondary-button);
color: var(--color-secondary-button-text);
border-color: var(--color-secondary-button-border);
display: flex;
align-items: center;
justify-content: center
}
#mobile_menu .block_social a:hover {
background-color: var(--color-secondary-button-hover);
color: var(--color-secondary-button-text-hover);
border-color: var(--color-secondary-button-border-hover)
}
#mobile_menu .mobile_bottom {
padding: 20px 0;
margin-top: auto
}
#mobile_menu .search-header-inline,
#mobile_menu .canvas-menu,
#mobile_menu .mobile_contact,
#mobile_menu .mobile_email,
#mobile_menu .block_social {
transform: translate(-100%);
transition: transform cubic-bezier(0, 0, .2, 1), opacity .7s linear;
opacity: .5
}
#mobile_menu .search-header-inline strong,
#mobile_menu .canvas-menu strong,
#mobile_menu .mobile_contact strong,
#mobile_menu .mobile_email strong,
#mobile_menu .block_social strong {
color: var(--color-title);
font-weight: 500
}
#mobile_menu .search-header-inline {
transition-duration: .6s
}
#mobile_menu .canvas-menu {
transition-duration: .8s;
transition-delay: .25s
}
#mobile_menu .mobile_contact {
transition-duration: 1s
}
#mobile_menu .mobile_email {
transition-duration: 1.2s
}
#mobile_menu .block_social {
transition-duration: 1.4s
}
/*# sourceMappingURL=/cdn/shop/t/7/assets/css-novstyle.css.map?v=84365572521599360031764056307 */