@import "css2.css";
@charset "UTF-8"a {
color: #000;
}
a {
color: #000;
}
a:active,
a:hover {
color: #e10054;
}
@font-face {
font-family: avenir;
src: url("200.otf") format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: avenir;
src: url("400.otf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: avenir;
src: url("500.otf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: avenir;
src: url("600.otf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: avenir;
src: url("700.otf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: avenir;
src: url("900.otf") format("truetype");
font-weight: 900;
font-style: normal;
}
body {
position: relative;
left: 0;
color: #000;
font-size: var(--font-size-12);
font-family: avenir, sans-serif;
background: #fff;
transition: left 0.2s linear, right 0.2s linear;
}
.openbox-overlay,
.navigation-menu-overlay,
.fancybox-is-open .fancybox-bg {
opacity: 0.5;
background: #000;
}
@media (min-width: 1200px) {
.container {
max-width: calc(1440px + var(--spacer-6));
}
}
.container,
.container-fluid {
padding-right: var(--spacer-3);
padding-left: var(--spacer-3);
}
.row {
margin-right: calc(-1 * var(--spacer-3));
margin-left: calc(-1 * var(--spacer-3));
}
.row .col,
.row [class*="col-"] {
padding-right: var(--spacer-3);
padding-left: var(--spacer-3);
}
#header .header-top {
background: #e10054;
padding: 6px 0;
}
#header .header-middle {
padding: var(--spacer-6) 0;
background: #fff;
}
#header .header-middle .header-user-cart {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 991px) {
#header .header-middle .header-user-cart {
justify-content: space-between;
}
}
#header .header-bottom {
background: #fff;
border-bottom: 2px solid #ededed;
}
@media (max-width: 1199px) {
#header .header-bottom {
display: none;
}
}
@media (max-width: 1199px) {
#header {
border-bottom: 2px solid #ededed;
position: relative;
z-index: 2;
}
}
@media (min-width: 1200px) {
.header-sticky {
position: relative;
position: -webkit-sticky;
top: 0;
z-index: 100;
height: 206px;
margin-bottom: 210px;
}
.header-sticky.navigation-menu-active .header-bottom {
opacity: 1;
visibility: visible;
}
}
.header-top-bar {
text-align: center;
}
.header-top-bar span {
display: block;
color: #fff;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 500;
}
.search form {
position: relative;
}
.search form input {
width: 100%;
height: 40px;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
padding: 6px 52px 6px 16px;
border: 1px solid #e10054;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}
.search form input::placeholder {
color: #797979;
opacity: 1;
}
.search form button {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 100%;
padding: 0;
border: none;
background: 0 0;
}
.search form button svg path {
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.search form button:hover svg path {
fill: #e10054;
}
}
.logo {
display: flex;
align-items: center;
justify-content: center;
}
.logo img {
max-height: 84px;
}
@media (max-width: 991px) {
.logo img {
max-height: 70px;
}
}
@media (max-width: 575px) {
.logo img {
max-height: 50px;
}
}
.header-phone {
padding-right: var(--spacer-4);
border-right: 1px solid #ededed;
}
.header-phone > a {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
transition: all 0.2s linear;
}
.header-phone > a svg path {
transition: all 0.2s linear;
}
.header-phone > a span {
flex: 1 0 0%;
padding-left: var(--spacer-2);
}
@media (min-width: 1200px) {
.header-phone > a:hover {
color: #e10054;
}
.header-phone > a:hover svg path {
fill: #e10054;
}
}
@media (max-width: 1199px) {
.header-phone {
display: none;
}
}
body.user-menu-content-active .user-menu-content {
right: 0;
}
body.user-menu-welcome-active .user-menu-welcome {
right: 0;
}
@media (max-width: 767px) {
body.user-menu-content-active,
body.user-menu-welcome-active {
position: fixed;
left: -320px;
overflow: hidden;
height: 100%;
width: 100%;
}
}
@media (max-width: 374px) {
body.user-menu-content-active,
body.user-menu-welcome-active {
left: -280px;
}
}
.user-menu {
margin-left: var(--spacer-4);
}
.user-menu > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
color: #e10054;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
}
.user-menu > a span {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
padding-top: var(--spacer-3);
white-space: nowrap;
opacity: 0;
overflow: hidden;
visibility: hidden;
transition: all 0.2s linear;
}
.user-menu > a > i {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: calc(100% - 1px);
}
.user-menu > a > i svg path {
fill: #000;
}
@media (min-width: 1200px) {
.user-menu > a > svg path {
transition: all 0.2s linear;
}
.user-menu > a:hover span {
visibility: visible;
opacity: 1;
padding-top: var(--spacer-1);
}
.user-menu > a:hover > svg path {
fill: #e10054;
}
}
.user-menu-content,
.user-menu-welcome {
position: fixed;
top: 0;
right: -420px;
width: 420px;
height: 100%;
z-index: 101;
overflow-y: auto;
padding: var(--spacer-9) var(--spacer-10);
background-color: #fff;
transition: all 0.2s linear;
}
@media (max-width: 767px) {
.user-menu-content,
.user-menu-welcome {
right: -320px;
width: 320px;
}
}
@media (max-width: 374px) {
.user-menu-content,
.user-menu-welcome {
right: -280px;
width: 280px;
}
}
.user-menu-content .user-menu-content-top,
.user-menu-welcome .user-menu-content-top {
padding-bottom: var(--spacer-7);
margin-bottom: var(--spacer-7);
border-bottom: 1px solid #ededed;
}
.user-menu-content .user-menu-title,
.user-menu-welcome .user-menu-title {
line-height: 28px;
color: #000;
font-size: var(--font-size-20);
font-weight: 600;
margin-bottom: var(--spacer-3);
}
.user-menu-content .user-menu-subtitle,
.user-menu-welcome .user-menu-subtitle {
line-height: 20px;
font-size: var(--font-size-16);
margin-bottom: var(--spacer-5);
}
.user-menu-content .user-menu-input,
.user-menu-welcome .user-menu-input {
margin-bottom: var(--spacer-5);
}
.user-menu-content .user-menu-input input,
.user-menu-welcome .user-menu-input input {
height: 48px;
color: #000;
font-size: var(--font-size-14);
padding: var(--spacer-2) var(--spacer-4);
border: 1px solid #ededed;
background-color: #fff;
}
.user-menu-content .user-menu-input input::placeholder,
.user-menu-welcome .user-menu-input input::placeholder {
color: #000;
opacity: 1;
}
.user-menu-content .user-menu-remember input[type="checkbox"] + label,
.user-menu-welcome .user-menu-remember input[type="checkbox"] + label {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
padding-left: 36px;
}
.user-menu-content .user-menu-remember input[type="checkbox"] + label:before,
.user-menu-welcome .user-menu-remember input[type="checkbox"] + label:before {
width: 20px;
height: 20px;
border: 1px solid #ededed;
}
.user-menu-content .user-menu-remember input[type="checkbox"]:checked + label:before,
.user-menu-welcome .user-menu-remember input[type="checkbox"]:checked + label:before {
background-image: none;
border-color: #ededed;
background-color: #fff;
}
.user-menu-content .user-menu-remember input[type="checkbox"]:checked + label:after,
.user-menu-welcome .user-menu-remember input[type="checkbox"]:checked + label:after {
content: "";
position: absolute;
left: 7px;
top: 2px;
display: inline-block;
width: 6px;
height: 12px;
border-bottom: 2px solid #e10054;
border-right: 2px solid #e10054;
transform: rotate(45deg);
}
.user-menu-content .user-menu-remember input[type="checkbox"]:checked + label:before,
.user-menu-welcome .user-menu-remember input[type="checkbox"]:checked + label:before {
background-image: none;
border-color: #ededed;
background-color: #fff;
}
.user-menu-content .user-menu-remember,
.user-menu-content .user-menu-forgot-pass,
.user-menu-welcome .user-menu-remember,
.user-menu-welcome .user-menu-forgot-pass {
margin-bottom: var(--spacer-7);
}
.user-menu-content .user-menu-forgot-pass,
.user-menu-welcome .user-menu-forgot-pass {
display: block;
color: #000;
font-size: var(--font-size-14);
text-align: right;
}
.user-menu-content .user-menu-button,
.user-menu-welcome .user-menu-button {
margin-bottom: var(--spacer-5);
}
.user-menu-content .user-menu-button .btn,
.user-menu-welcome .user-menu-button .btn {
display: flex;
align-items: center;
justify-content: center;
height: 48px;
color: #fff;
font-size: var(--font-size-18);
font-weight: 600;
padding: 0;
}
@media (max-width: 374px) {
.user-menu-content .user-menu-button .btn,
.user-menu-welcome .user-menu-button .btn {
height: 44px;
}
}
.user-menu-content .user-menu-button .btn.btn-facebook,
.user-menu-welcome .user-menu-button .btn.btn-facebook {
color: #485a96 !important;
background: #fff !important;
border: 1px solid #485a96;
transition: all 0.2s linear;
}
.user-menu-content .user-menu-button .btn.btn-facebook:hover,
.user-menu-welcome .user-menu-button .btn.btn-facebook:hover {
color: #fff !important;
background: #485a96 !important;
}
.user-menu-content .user-menu-button .btn.btn-google,
.user-menu-welcome .user-menu-button .btn.btn-google {
color: #4285f4 !important;
background: #fff !important;
border: 1px solid #4285f4;
transition: all 0.2s linear;
}
.user-menu-content .user-menu-button .btn.btn-google:hover,
.user-menu-welcome .user-menu-button .btn.btn-google:hover {
color: #fff !important;
background: #4285f4 !important;
}
.user-menu-content .btn-user-menu-signup,
.user-menu-welcome .btn-user-menu-signup {
color: #fff;
background-color: #000;
}
.user-menu-content .user-menu-profile-list,
.user-menu-welcome .user-menu-profile-list {
padding-bottom: var(--spacer-5);
}
.user-menu-content .user-menu-profile-list > a,
.user-menu-welcome .user-menu-profile-list > a {
display: flex;
align-items: center;
height: 48px;
color: #000;
font-size: var(--font-size-14);
font-weight: 600;
padding: 0 var(--spacer-4);
margin-bottom: var(--spacer-5);
border: 1px solid #ededed;
transition: all 0.2s linear;
}
.user-menu-content .user-menu-profile-list > a:hover,
.user-menu-welcome .user-menu-profile-list > a:hover {
color: #fff;
border-color: #e10054;
background-color: #e10054;
}
body.cart-content-active .cart-content {
right: 0;
}
@media (max-width: 767px) {
body.cart-content-active {
position: fixed;
left: -320px;
overflow: hidden;
height: 100%;
width: 100%;
}
}
@media (max-width: 374px) {
body.cart-content-active {
left: -280px;
}
}
.cart-menu {
margin-left: var(--spacer-4);
}
.cart-menu > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
color: #e10054;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
}
.cart-menu > a span {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
padding-top: var(--spacer-3);
white-space: nowrap;
opacity: 0;
overflow: hidden;
visibility: hidden;
transition: all 0.2s linear;
}
.cart-menu > a .cart-amount {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: calc(100% - 1px);
color: #000;
font-size: var(--font-size-14);
font-weight: 600;
}
@media (min-width: 1200px) {
.cart-menu > a svg path {
transition: all 0.2s linear;
}
.cart-menu > a:hover span {
visibility: visible;
opacity: 1;
padding-top: var(--spacer-1);
}
.cart-menu > a:hover svg path {
fill: #e10054;
}
}
.cart-content {
position: fixed;
top: 0;
right: -420px;
width: 420px;
height: 100%;
z-index: 101;
overflow-y: auto;
padding: var(--spacer-9) var(--spacer-10);
background-color: #fff;
transition: all 0.2s linear;
}
@media (max-width: 767px) {
.cart-content {
right: -320px;
width: 320px;
}
}
@media (max-width: 374px) {
.cart-content {
right: -280px;
width: 280px;
}
}
.cart-content .cart-content-title {
line-height: 28px;
color: #000;
font-size: var(--font-size-24);
font-weight: 600;
margin-bottom: var(--spacer-3);
}
.cart-content .cart-content-subtitle {
line-height: 20px;
font-size: var(--font-size-16);
margin-bottom: var(--spacer-5);
}
.cart-content .cart-content-subtitle span {
font-weight: 700;
text-decoration: underline;
}
.cart-content .cart-list {
overflow-y: auto;
max-height: 382px;
margin-bottom: var(--spacer-5);
padding-top: var(--spacer-5);
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
@media (max-width: 1199px) {
.cart-content .cart-list {
max-height: 362px;
}
}
@media (max-width: 767px) {
.cart-content .cart-list {
max-height: 342px;
}
}
@media (max-width: 424px) {
.cart-content .cart-list {
max-height: 282px;
}
}
.cart-content .cart-list::-webkit-scrollbar {
width: 5px;
}
.cart-content .cart-list::-webkit-scrollbar-track {
background: #fafafa;
}
.cart-content .cart-list::-webkit-scrollbar-thumb {
background: #e0e0e0;
}
.cart-content .cart-list .cart-list-item {
display: flex;
flex-wrap: wrap;
margin-bottom: var(--spacer-5);
}
.cart-content .cart-list .cart-list-item .cart-list-item-image {
flex: 0 0 100px;
max-width: 100px;
margin-right: var(--spacer-4);
background-color: #ededed;
}
.cart-content .cart-list .cart-list-item .cart-list-item-image > a {
display: block;
position: relative;
padding-top: 100%;
}
.cart-content .cart-list .cart-list-item .cart-list-item-image > a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 424px) {
.cart-content .cart-list .cart-list-item .cart-list-item-image {
flex: 0 0 80px;
max-width: 80px;
}
}
.cart-content .cart-list .cart-list-item .cart-list-item-content {
flex: 1 0 0%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cart-content .cart-list .cart-list-item .cart-list-item-content > div {
position: relative;
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-brand {
display: block;
line-height: 20px;
color: #000;
font-size: var(--font-size-12);
margin-bottom: var(--spacer-1);
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-title {
overflow: hidden;
display: flex;
max-height: 36px;
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
margin-bottom: var(--spacer-2);
}
@media (max-width: 424px) {
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-title {
max-height: 20px;
}
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price {
line-height: 20px;
font-size: var(--font-size-14);
font-weight: 700;
transition: all 0.2s linear;
}
@media (max-width: 424px) {
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price {
overflow: hidden;
height: 20px;
}
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price .cart-list-item-delete {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 28px;
height: 28px;
border: 1px solid #ededed;
background-color: #fff;
transition: all 0.2s linear;
}
@media (max-width: 1199px) {
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price .cart-list-item-delete {
left: -40px;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 767px) {
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price .cart-list-item-delete {
left: -36px;
}
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price .cart-list-item-delete svg path {
transition: all 0.2s linear;
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price .cart-list-item-delete:hover {
border-color: #e10054;
background-color: #e10054;
}
.cart-content
.cart-list
.cart-list-item
.cart-list-item-content
.cart-list-item-price
.cart-list-item-delete:hover
svg
path {
fill: #fff;
}
.cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price .cart-list-item-amount {
font-weight: 400;
font-size: var(--font-size-12);
}
@media (min-width: 1200px) {
.cart-content .cart-list .cart-list-item:hover .cart-list-item-content .cart-list-item-price {
padding-left: 44px;
}
.cart-content
.cart-list
.cart-list-item:hover
.cart-list-item-content
.cart-list-item-price
.cart-list-item-delete {
opacity: 1;
visibility: visible;
}
}
.cart-content .cart-content-total-price {
margin-bottom: var(--spacer-5);
}
.cart-content .cart-content-total-price > span {
display: block;
line-height: 20px;
font-size: var(--font-size-16);
margin-bottom: var(--spacer-3);
}
.cart-content .cart-content-total-price > div {
line-height: 22px;
font-size: var(--font-size-18);
font-weight: 700;
}
.cart-content .cart-content-button {
margin-bottom: var(--spacer-5);
}
.cart-content .btn {
display: flex;
align-items: center;
justify-content: center;
height: 52px;
color: #fff;
font-size: var(--font-size-18);
font-weight: 600;
padding: 0;
}
@media (max-width: 374px) {
.cart-content .btn {
height: 48px;
}
}
.cart-content .btn.cart-button-continue {
color: #000;
border: 1px solid #000;
background-color: #fff;
transition: all 0.2s linear;
}
.cart-content .btn.cart-button-continue:hover {
color: #fff;
background-color: #000;
}
.cart-content .cart-content-empty-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--spacer-5);
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.cart-content .cart-content-empty-icon svg {
width: 52%;
height: 52%;
}
.cart-content .cart-content-empty-icon svg path {
fill: #ededed;
}
.navigation-active .navigation-menu-overlay {
display: block;
}
#navigation .category-level-1 > ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#navigation .category-level-1 > ul > li {
margin-right: 50px;
}
#navigation .category-level-1 > ul > li:nth-child(1) > a {
color: #e10054;
}
#navigation .category-level-1 > ul > li:nth-child(2) > a {
color: #37a194;
}
#navigation .category-level-1 > ul > li:last-child {
margin-right: 0;
}
@media (max-width: 1360px) {
#navigation .category-level-1 > ul > li {
margin-right: var(--spacer-10);
}
}
#navigation .category-level-1 > ul > li > a {
position: relative;
display: flex;
height: 36px;
color: #000;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
transition: all 0.2s linear;
}
#navigation .category-level-1 > ul > li > a:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
}
#navigation .category-level-1 > ul > li > a svg {
display: none;
}
#navigation .category-level-1 > ul > li > a:hover {
color: #e10054;
}
#navigation .category-level-1 > ul > li.has-sub-category > a svg path {
transition: all 0.2s linear;
}
#navigation .category-level-1 > ul > li.has-sub-category > a:hover svg path {
fill: #fff;
}
#navigation .category-level-1 > ul > li.active > a {
color: #e10054;
}
#navigation .category-level-1 > ul > li.active > a svg path {
fill: #fff;
}
#navigation .category-level-1 > ul > li.active > .category-level-2 {
display: block;
}
#navigation .category-level-2 {
position: absolute;
top: 100%;
left: 0;
z-index: 101;
display: none;
width: 100%;
padding: var(--spacer-10) 0 var(--spacer-1);
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#navigation .category-level-2 ul.category-level-2-ul {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--spacer-3));
margin-right: calc(-1 * var(--spacer-3));
}
#navigation .category-level-2 ul.category-level-2-ul > li {
flex: 0 0 25%;
margin-bottom: var(--spacer-9);
padding-left: var(--spacer-3);
padding-right: var(--spacer-3);
}
#navigation .category-level-2 ul.category-level-2-ul > li > a {
display: block;
color: #e10054;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
margin-bottom: var(--spacer-1);
transition: all 0.2s linear;
}
#navigation .category-level-2 ul.category-level-2-ul > li > a:only-child {
margin-bottom: 0;
}
#navigation .category-level-2 ul.category-level-2-ul > li > a:hover {
color: #e10054;
}
#navigation .category-level-2 ul.category-level-2-ul > li.navigation-category-image {
flex: 0 0 20%;
}
#navigation .category-level-2 ul.category-level-2-ul > li.navigation-category-image > a {
text-align: center;
}
#navigation .category-level-2 ul.category-level-2-ul > li.navigation-category-image > a div {
position: relative;
width: 100px;
height: 100px;
margin: 0 auto var(--spacer-2);
}
#navigation .category-level-2 ul.category-level-2-ul > li.navigation-category-image > a div img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
#navigation .category-level-2 .navigation-banner {
display: flex;
justify-content: flex-end;
margin-bottom: var(--spacer-9);
}
#navigation .category-level-2 .navigation-banner img {
border-radius: 4px;
}
#navigation .category-level-3 > ul > li > a {
display: block;
color: #797979;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
transition: all 0.2s linear;
}
#navigation .category-level-3 > ul > li > a:hover {
color: #000;
}
#navigation .category-level-3 > ul > li.navigation-show-all {
font-style: italic;
text-decoration: underline;
}
@media (max-width: 991px) {
#navigation {
display: none;
}
}
.toggle-bar {
display: none;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
@media (max-width: 1199px) {
.toggle-bar {
display: flex;
}
}
#main {
padding: var(--spacer-9) 0 var(--spacer-20);
}
.current-page-product-list-filter #main {
padding: 0;
}
.current-page-product-detail #main {
padding: var(--spacer-9) 0 0;
}
.current-page-default-entry #main {
padding: 0 0 var(--spacer-20);
}
.current-page-default-entry #main .entry-row-2 {
margin-bottom: var(--spacer-11);
}
@media (max-width: 991px) {
.current-page-default-entry #main .entry-row-2 {
margin-bottom: var(--spacer-3);
}
}
.current-page-default-entry #main .entry-row-3 {
margin-bottom: var(--spacer-15);
}
.current-page-default-entry #main .entry-row-4 {
margin-bottom: var(--spacer-15);
}
.current-page-default-entry #main .entry-row-5 {
margin-bottom: var(--spacer-15);
}
@media (max-width: 991px) {
.current-page-default-entry #main .entry-row-5 {
margin-bottom: var(--spacer-7);
}
}
.current-page-default-entry #main .entry-row-6 {
margin-bottom: var(--spacer-15);
}
.current-page-default-entry #main .entry-row-7 {
margin-bottom: var(--spacer-15);
}
.current-page-default-entry #main .entry-row-8 {
margin-bottom: var(--spacer-20);
}
#entry-slider {
margin-bottom: var(--spacer-15);
}
#entry-slider > div {
height: 0;
overflow: hidden;
}
#entry-slider > div.slick-slider {
height: auto;
overflow: visible;
}
#entry-slider .entry-slider-img {
position: relative;
}
#entry-slider .entry-slider-container {
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
}
#entry-slider .entry-slider-content .entry-slider-title {
color: #000;
line-height: calc(var(--font-size-36) + 8px);
font-size: var(--font-size-36);
font-weight: 700;
margin-bottom: var(--spacer-2);
}
#entry-slider .entry-slider-content .entry-slider-sub-title {
color: #000;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 400;
margin-bottom: var(--spacer-6);
}
#entry-slider .entry-slider-content .entry-slider-button {
display: flex;
align-items: center;
justify-content: center;
width: 220px;
height: 40px;
color: #fff;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 400;
padding: 0 var(--spacer-4);
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
background-color: #e10054;
transition: all 0.2s linear;
}
#entry-slider .entry-slider-content .entry-slider-button:hover {
background-color: #ff156c;
}
#entry-slider .slick-arrow {
position: absolute;
opacity: 1;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 36px;
height: 36px;
cursor: pointer;
background: 0 0;
}
#entry-slider .slick-arrow svg path {
transition: all 0.2s linear;
}
#entry-slider .slick-arrow:hover svg path {
fill: #e10054;
}
#entry-slider .slick-arrow.slick-prev {
left: 60px;
}
#entry-slider .slick-arrow.slick-next {
right: 60px;
}
#entry-slider .slick-arrow.slick-disabled {
opacity: 1;
}
@media (max-width: 1681px) {
#entry-slider .slick-arrow.slick-prev {
left: 12px;
}
#entry-slider .slick-arrow.slick-next {
right: 12px;
}
}
#entry-slider .slick-dots {
position: absolute;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
bottom: var(--spacer-6);
}
#entry-slider .slick-dots > li {
margin: 0 4px;
}
#entry-slider .slick-dots > li > button {
position: relative;
overflow: hidden;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 0;
margin-bottom: 0;
border: none;
border-radius: 50%;
background: url("") no-repeat left;
}
#entry-slider .slick-dots > li.slick-active > button {
background-position: right;
}
@media (max-width: 1199px) {
#entry-slider .slick-arrow,
#entry-slider .slick-dots {
display: none !important;
}
}
.discount-banners .discount-banner-header {
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
color: #000;
text-align: center;
margin-bottom: var(--spacer-12);
}
.discount-banners .discount-banner-item-1 .discount-banner {
background: #ec4e6e;
}
.discount-banners .discount-banner-item-2 .discount-banner {
background: #f57789;
}
.discount-banners .discount-banner-item-3 .discount-banner {
background: #fc9aa5;
}
.discount-banners .discount-banner-item-4 .discount-banner {
background: #ffbcc2;
}
.discount-banners .discount-banner {
display: block;
text-align: center;
padding: var(--spacer-6) var(--spacer-6) var(--spacer-8);
position: relative;
transition: all 0.2s linear;
}
@media (max-width: 1199px) {
.discount-banners .discount-banner {
padding: var(--spacer-6) var(--spacer-6) var(--spacer-10);
}
}
@media (max-width: 991px) {
.discount-banners .discount-banner {
margin-bottom: var(--spacer-8);
}
}
.discount-banners .discount-banner:after {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: var(--spacer-4) solid #fff;
}
.discount-banners .discount-banner .discount-banner-img {
position: relative;
z-index: 1;
display: block;
width: 120px;
height: 120px;
margin: 0 auto var(--spacer-4);
}
.discount-banners .discount-banner .discount-banner-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.discount-banners .discount-banner .discount-banner-content {
position: relative;
z-index: 1;
}
.discount-banners .discount-banner .discount-banner-content .discount-banner-title {
color: #fff;
line-height: calc(var(--font-size-20) + 8px);
font-size: var(--font-size-20);
font-weight: 500;
margin-bottom: var(--spacer-3);
}
.discount-banners .discount-banner .discount-banner-content .discount-banner-sub-title {
color: #fff;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
margin-bottom: var(--spacer-3);
}
.discount-banners .discount-banner .discount-banner-content > i {
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.discount-banners .discount-banner .discount-banner-content > i svg path {
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.discount-banners .discount-banner:hover {
transform: scale(1.05);
}
.discount-banners .discount-banner:hover .discount-banner-content > i svg path {
fill: #e10054;
}
}
.category-banners .category-banner-header {
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
color: #000;
text-align: center;
margin-bottom: var(--spacer-8);
}
.category-banners .category-item-1 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-item-2 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-item-3 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-item-4 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-item-5 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-item-6 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-item-7 .category-banner .category-banner-img {
border-color: #f4f4f4;
}
.category-banners .category-banner {
display: block;
text-align: center;
}
.category-banners .category-banner .category-banner-img {
position: relative;
display: block;
width: 130px;
height: 130px;
overflow: hidden;
border: 5px solid #ededed;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto var(--spacer-3);
transition: all 0.2s linear;
}
.category-banners .category-banner .category-banner-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.category-banners .category-banner .category-banner-content .category-banner-title {
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.category-banners .category-banner:hover .category-banner-img {
border-color: #ededed;
}
.category-banners .category-banner:hover .category-banner-content .category-banner-title {
color: #e10054;
}
}
.category-banners .row {
height: 0;
overflow: hidden;
}
.category-banners .row.slick-slider {
height: auto;
overflow: visible;
}
.category-banners .row > .slick-dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: var(--spacer-8);
}
.category-banners .row > .slick-dots > li {
margin: 0 4px;
}
.category-banners .row > .slick-dots > li > button {
position: relative;
overflow: hidden;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 0;
margin-bottom: 0;
border: none;
border-radius: 50%;
background: url("") left;
}
.category-banners .row > .slick-dots > li.slick-active > button {
background-position: right;
}
.default-products {
background: #f4f4f4;
padding: var(--spacer-15) 0;
}
@media (min-width: 1200px) {
.default-products {
padding: var(--spacer-15) 30px;
}
}
.default-products .products-header {
color: #3c3c3c;
line-height: calc(var(--font-size-20) + 8px);
font-size: var(--font-size-20);
font-weight: 500;
text-align: center;
margin-bottom: var(--spacer-9);
}
.default-products .products-content {
height: 0;
overflow: hidden;
}
.default-products .products-content.slick-slider {
height: auto;
overflow: visible;
}
@media (min-width: 1200px) {
.default-products .products-content.slick-slider .slick-list {
margin: -15px 0;
padding: 15px 0;
}
}
.default-products .products-content > .slick-arrow {
position: absolute;
opacity: 1;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 36px;
height: 36px;
cursor: pointer;
background: 0 0;
}
.default-products .products-content > .slick-arrow svg path {
transition: all 0.2s linear;
}
.default-products .products-content > .slick-arrow:hover svg path {
fill: #e10054;
}
.default-products .products-content > .slick-arrow.slick-prev {
left: -56px;
}
.default-products .products-content > .slick-arrow.slick-next {
right: -56px;
}
.default-products .products-content > .slick-arrow.slick-disabled {
opacity: 1;
}
.default-products .products-content > .slick-dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: var(--spacer-8);
}
.default-products .products-content > .slick-dots > li {
margin: 0 4px;
}
.default-products .products-content > .slick-dots > li > button {
position: relative;
overflow: hidden;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 0;
margin-bottom: 0;
border: none;
border-radius: 50%;
background: url("") left;
}
.default-products .products-content > .slick-dots > li.slick-active > button {
background-position: right;
}
.default-products .products-all-more {
text-align: center;
margin-top: var(--spacer-15);
}
.default-products .products-all-more a {
display: inline-block;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 400;
color: #e10054;
}
@media (min-width: 1200px) {
.default-products .products-all-more a {
transition: all 0.2s linear;
}
.default-products .products-all-more a:hover {
color: #000;
}
}
.default-products .showcase {
margin-bottom: 0;
}
.offered-products {
background: #f4f4f4;
padding: var(--spacer-12) 0 var(--spacer-9);
}
@media (max-width: 1199px) {
.offered-products {
padding: var(--spacer-15) 0;
}
}
.offered-products .products-header {
color: #3c3c3c;
line-height: calc(var(--font-size-20) + 8px);
font-size: var(--font-size-20);
font-weight: 500;
text-align: center;
margin-bottom: var(--spacer-6);
}
@media (max-width: 1199px) {
.offered-products .products-header {
margin-bottom: var(--spacer-9);
}
}
.offered-products .products-content {
height: 0;
overflow: hidden;
}
.offered-products .products-content.slick-slider {
height: auto;
overflow: visible;
}
.offered-products .products-content > .slick-arrow {
position: absolute;
opacity: 1;
top: 45%;
z-index: 2;
transform: translateY(-50%);
width: 36px;
height: 36px;
cursor: pointer;
background: 0 0;
}
.offered-products .products-content > .slick-arrow svg path {
transition: all 0.2s linear;
}
.offered-products .products-content > .slick-arrow:hover svg path {
fill: #e10054;
}
.offered-products .products-content > .slick-arrow.slick-prev {
left: -56px;
}
.offered-products .products-content > .slick-arrow.slick-next {
right: -56px;
}
.offered-products .products-content > .slick-arrow.slick-disabled {
opacity: 1;
}
.offered-products .products-content > .slick-dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: var(--spacer-6);
}
@media (max-width: 1199px) {
.offered-products .products-content > .slick-dots {
padding-top: var(--spacer-8);
}
}
.offered-products .products-content > .slick-dots > li {
margin: 0 4px;
}
.offered-products .products-content > .slick-dots > li > button {
position: relative;
overflow: hidden;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 0;
margin-bottom: 0;
border: none;
border-radius: 50%;
background: url("") left;
}
.offered-products .products-content > .slick-dots > li.slick-active > button {
background-position: right;
}
.offered-products .showcase {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.offered-products .showcase {
box-shadow: unset;
}
.offered-products .showcase:hover .showcase-content .showcase-price {
opacity: 0;
}
.offered-products .showcase:hover .showcase-content .showcase-buttons {
opacity: 1;
}
.offered-products .showcase a.showcase-label-container .showcase-label-group {
left: var(--spacer-4);
top: var(--spacer-4);
}
.offered-products .showcase a.showcase-label-container .showcase-label-group > div.new-label {
display: none;
}
.offered-products .showcase .showcase-top {
display: none;
}
.offered-products .showcase .showcase-content {
position: relative;
}
.offered-products .showcase .showcase-content .showcase-title {
margin-bottom: var(--spacer-3);
}
.offered-products .showcase .showcase-content .showcase-short-details {
display: none;
}
.offered-products .showcase .showcase-content .showcase-price {
transition: all 0.2s linear;
}
.offered-products .showcase .showcase-content .showcase-buttons {
position: absolute;
left: 0;
bottom: var(--spacer-1);
display: block;
width: 100%;
opacity: 0;
transition: all 0.2s linear;
}
.offered-products .showcase .showcase-content .showcase-buttons a {
height: 40px;
background: #e10054;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s linear;
}
.offered-products .showcase .showcase-content .showcase-buttons a:hover {
background: #ae0041;
}
}
.showcase {
position: relative;
margin-bottom: var(--spacer-6);
background-color: #fff;
border-radius: 4px;
padding: var(--spacer-5) var(--spacer-5) var(--spacer-4);
}
@media (min-width: 1200px) {
.showcase {
transition: all 0.2s linear;
}
.showcase:hover {
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
}
}
.showcase .showcase-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--spacer-3);
}
.showcase .showcase-top .showcase-brand a {
position: relative;
display: block;
width: 100px;
height: 48px;
border-radius: 4px;
}
.showcase .showcase-top .showcase-brand a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.showcase .showcase-top .showcase-brand a img {
margin-left: unset;
}
.showcase .showcase-top .showcase-favorites {
margin-left: var(--spacer-4);
}
.showcase .showcase-top .showcase-favorites > a.add-my-favorites {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.showcase .showcase-top .showcase-favorites > a.add-my-favorites .showcase-icon-favori-add {
display: none;
}
.showcase .showcase-top .showcase-favorites > a.add-my-favorites.favorite-product .showcase-icon-favori {
display: none;
}
.showcase .showcase-top .showcase-favorites > a.add-my-favorites.favorite-product .showcase-icon-favori-add {
display: block;
}
@media (min-width: 1200px) {
.showcase .showcase-top .showcase-favorites > a.add-my-favorites:hover .showcase-icon-favori {
display: none;
}
.showcase .showcase-top .showcase-favorites > a.add-my-favorites:hover .showcase-icon-favori-add {
display: block;
}
}
.showcase .showcase-image-container {
position: relative;
}
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group {
position: absolute;
left: var(--spacer-3);
top: var(--spacer-3);
z-index: 20;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group > div {
display: flex;
align-items: center;
justify-content: center;
min-width: 43px;
height: 20px;
color: #fff;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 700;
border-radius: 4px;
padding: 0 6px;
margin-bottom: var(--spacer-1);
}
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group > div:last-child {
margin-bottom: 0;
}
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group > div.discount-label {
background-color: #e10054;
}
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group > div.discount-label-text {
background-color: #e10054;
}
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group > div.new-label {
background-color: #000;
}
@media (max-width: 1199px) {
.showcase .showcase-image-container a.showcase-label-container .showcase-label-group > div {
padding: 0 var(--spacer-2);
}
}
.showcase .showcase-image-container a.showcase-label-container .sold-out-label {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 20;
display: flex;
align-items: center;
height: 24px;
color: #fff;
padding: 0 var(--spacer-2);
background-color: #000;
border-radius: 4px;
}
.showcase .showcase-image {
position: relative;
overflow: hidden;
padding-top: 100%;
}
.showcase .showcase-image a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
transition: all 0.2s linear;
}
.showcase .showcase-image a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.showcase .showcase-image a:only-child {
left: 0 !important;
}
.showcase .showcase-image a:last-child {
left: 100%;
z-index: 2;
}
@media (min-width: 1200px) {
.showcase:hover .showcase-image a:first-child {
left: -100%;
}
.showcase:hover .showcase-image a:last-child {
left: 0;
}
}
.showcase .showcase-content {
padding-top: var(--spacer-5);
}
.showcase .showcase-content .showcase-title a {
overflow: hidden;
display: block;
height: 40px;
line-height: 20px;
color: #3c3c3c;
font-size: var(--font-size-14);
}
@media (max-width: 575px) {
.showcase .showcase-content .showcase-title a {
height: 32px;
line-height: 16px;
}
}
.showcase .showcase-content .showcase-short-details {
margin-bottom: var(--spacer-3);
overflow: hidden;
display: block;
height: 20px;
line-height: 20px;
color: #3c3c3c;
font-size: var(--font-size-14);
}
@media (max-width: 575px) {
.showcase .showcase-content .showcase-short-details {
height: 32px;
line-height: 16px;
}
}
.showcase .showcase-content .showcase-price {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
height: 40px;
}
.showcase .showcase-content .showcase-price .showcase-price-new {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 600;
}
.showcase .showcase-content .showcase-price .showcase-price-old {
line-height: 20px;
color: #797979;
font-size: var(--font-size-14);
font-weight: 500;
text-decoration: line-through;
}
.showcase .showcase-content .showcase-price.has-discount .showcase-price-new {
color: #e10054;
}
.showcase .showcase-content .showcase-buttons {
display: none;
}
@media (min-width: 992px) {
.theme-banner-wrapper .theme-banner-item-2 .theme-banner a,
.theme-banner-wrapper .theme-banner-item-4 .theme-banner a {
display: flex;
flex-direction: column;
}
.theme-banner-wrapper .theme-banner-item-2 .theme-banner a .theme-banner-image,
.theme-banner-wrapper .theme-banner-item-4 .theme-banner a .theme-banner-image {
order: 2;
margin: var(--spacer-6) 0 0;
}
.theme-banner-wrapper .theme-banner-item-2 .theme-banner a .theme-banner-content,
.theme-banner-wrapper .theme-banner-item-4 .theme-banner a .theme-banner-content {
order: 1;
}
}
.theme-banner-wrapper .theme-banner .theme-banner-image {
position: relative;
padding-top: 132.75%;
overflow: hidden;
border-radius: 4px;
margin-bottom: var(--spacer-6);
}
.theme-banner-wrapper .theme-banner .theme-banner-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.theme-banner-wrapper .theme-banner .theme-banner-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transition: all 0.2s linear;
}
.theme-banner-wrapper .theme-banner .theme-banner-content .theme-banner-title {
line-height: calc(var(--font-size-26) + 8px);
font-size: var(--font-size-26);
font-weight: 600;
color: #000;
}
.theme-banner-wrapper .theme-banner .theme-banner-content .theme-banner-sub-title {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #000;
margin-bottom: var(--spacer-3);
}
.theme-banner-wrapper .theme-banner .theme-banner-content .theme-banner-button {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #000;
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.theme-banner-wrapper .theme-banner:hover .theme-banner-image:after {
opacity: 0.4;
}
.theme-banner-wrapper .theme-banner:hover .theme-banner-content .theme-banner-button {
color: #e10054;
}
}
@media (max-width: 991px) {
.theme-banner-wrapper .theme-banner {
margin-bottom: var(--spacer-8);
}
}
.main-video {
background: #e10054;
padding: var(--spacer-15) var(--spacer-30) var(--spacer-16) 0;
position: relative;
}
.main-video:before {
content: "";
position: absolute;
top: 0;
right: 100%;
width: 50vw;
height: 100%;
background: #e10054;
}
.main-video .main-video-iframe {
position: relative;
padding-top: 54.115%;
margin-bottom: var(--spacer-6);
}
.main-video .main-video-iframe iframe {
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
}
.main-video .main-video-text {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #fff;
}
@media (max-width: 1199px) {
.main-video {
padding: var(--spacer-15) var(--spacer-8);
}
}
@media (max-width: 991px) {
.main-video {
margin-bottom: var(--spacer-8);
}
}
.main-video-2 .main-video-title {
line-height: calc(var(--font-size-36) + 8px);
font-size: var(--font-size-36);
font-weight: 700;
color: #000;
margin-bottom: 4px;
}
.main-video-2 .main-video-sub-title {
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 400;
color: #e10054;
margin-bottom: var(--spacer-9);
}
.main-video-2 .main-video-button a {
height: 56px;
border: 1px solid #000;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
color: #000;
padding: 0 var(--spacer-3);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1200px) {
.main-video-2 .main-video-button a {
background-image: linear-gradient(#e10054, #e10054), linear-gradient(#ffffff, #ffffff);
background-size: 0 100%, auto;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.2s linear;
}
.main-video-2 .main-video-button a:hover {
background-size: 100% 100%, auto;
color: #fff;
border-color: #e10054;
}
}
@media (max-width: 767px) {
.main-video-2 .main-video-button {
margin-bottom: var(--spacer-8);
}
}
.main-video-2 .video-banner {
text-align: center;
}
.main-video-2 .video-banner img {
opacity: 0.5;
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.main-video-2 .video-banner:hover img {
opacity: 1;
}
}
@media (max-width: 575px) {
.main-video-2 .video-banner {
margin-bottom: var(--spacer-8);
}
}
.brand-banners .brand-banner-header {
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
color: #000;
text-align: center;
margin-bottom: var(--spacer-9);
}
.brand-banners .brand-banner {
display: block;
position: relative;
text-align: center;
}
.brand-banners .brand-banner:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url("") no-repeat center bottom var(--spacer-12);
opacity: 0;
transition: all 0.2s linear;
}
.brand-banners .brand-banner .brand-banner-img {
position: relative;
display: block;
padding-top: 142.109%;
overflow: hidden;
border-radius: 4px;
}
.brand-banners .brand-banner .brand-banner-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.brand-banners .brand-banner .brand-banner-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transition: all 0.2s linear;
}
.brand-banners .brand-banner .brand-banner-content {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: var(--spacer-8) var(--spacer-4);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: all 0.2s linear;
opacity: 0;
}
.brand-banners .brand-banner .brand-banner-content .brand-banner-title {
color: #fff;
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
}
.brand-banners .brand-banner .brand-banner-content .brand-banner-sub-title {
color: #fff;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 500;
}
@media (min-width: 1200px) {
.brand-banners .brand-banner:hover:after {
opacity: 1;
}
.brand-banners .brand-banner:hover .brand-banner-img:after {
opacity: 0.4;
}
.brand-banners .brand-banner:hover .brand-banner-content {
opacity: 1;
}
}
@media (max-width: 1199px) {
.brand-banners .brand-banner .brand-banner-img:after {
opacity: 0.4;
}
.brand-banners .brand-banner .brand-banner-content {
opacity: 1;
}
}
@media (max-width: 991px) {
.brand-banners .brand-banner {
margin-bottom: var(--spacer-8);
}
}
.entry-brands-list {
border-top: 6px solid #f4f4f4;
border-bottom: 6px solid #f4f4f4;
padding: var(--spacer-4) 0;
}
.entry-brands-list .entry-brands-list-content {
height: 0;
overflow: hidden;
}
.entry-brands-list .entry-brands-list-content.slick-slider {
height: auto;
overflow: visible;
}
.entry-brands-list .entry-brands-list-content .brands-item a {
display: block;
}
.entry-brands-list .entry-brands-list-content .brands-item a div {
position: relative;
padding-top: 34.55%;
}
.entry-brands-list .entry-brands-list-content .brands-item a div img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.entry-brands-list .entry-brands-list-content > .slick-arrow {
position: absolute;
opacity: 1;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 48px;
height: 48px;
cursor: pointer;
background: 0 0;
}
.entry-brands-list .entry-brands-list-content > .slick-arrow svg path {
transition: all 0.2s linear;
}
.entry-brands-list .entry-brands-list-content > .slick-arrow:hover svg path {
fill: #e10054;
}
.entry-brands-list .entry-brands-list-content > .slick-arrow.slick-prev {
left: -60px;
}
.entry-brands-list .entry-brands-list-content > .slick-arrow.slick-next {
right: -60px;
}
.entry-brands-list .entry-brands-list-content > .slick-arrow.slick-disabled {
opacity: 1;
}
.entry-brands-list .entry-brands-list-content > .slick-dots {
display: none !important;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: var(--spacer-8);
}
.entry-brands-list .entry-brands-list-content > .slick-dots > li {
margin: 0 4px;
}
.entry-brands-list .entry-brands-list-content > .slick-dots > li > button {
position: relative;
overflow: hidden;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 0;
margin-bottom: 0;
border: none;
border-radius: 50%;
background: url("") left;
}
.entry-brands-list .entry-brands-list-content > .slick-dots > li.slick-active > button {
background-position: right;
}
#footer .footer-row-1 {
background: #f4f4f4;
padding: var(--spacer-6) 0;
}
#footer .footer-row-2 {
background: #61514e;
}
#footer .footer-row-2 .footer-top {
padding: var(--spacer-12) 0;
}
#footer .footer-row-2 .footer-middle {
padding: var(--spacer-9) 0;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
@media (max-width: 767px) {
#footer .footer-row-2 .footer-middle {
border-bottom: none;
}
}
#footer .footer-row-2 .footer-bottom {
padding: var(--spacer-12) 0;
}
#footer .footer-row-3 {
background: #e10054;
padding: 18px 0;
}
@media (max-width: 1199px) {
#footer .footer-row-3 {
padding: var(--spacer-5) 0;
}
}
.shopping-banners .shopping-banner {
display: block;
text-align: center;
}
.shopping-banners .shopping-banner .shopping-banner-img {
position: relative;
display: block;
width: 70px;
height: 70px;
border: 1px solid #e10054;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto var(--spacer-3);
}
.shopping-banners .shopping-banner .shopping-banner-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.shopping-banners .shopping-banner .shopping-banner-content .shopping-banner-title {
color: #e10054;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
}
.shopping-banners .shopping-banner .shopping-banner-content .shopping-banner-sub-title {
color: #797979;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
}
@media (max-width: 1199px) {
.shopping-banners .shopping-banner {
margin-bottom: var(--spacer-8);
}
}
.footer-menu-container .footer-menu .footer-menu-title {
color: #fff;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
margin-bottom: var(--spacer-2);
}
.footer-menu-container .footer-menu .footer-menu-content > ul > li > a {
display: inline-block;
color: #fff;
font-size: var(--font-size-14);
line-height: 28px;
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.footer-menu-container .footer-menu .footer-menu-content > ul > li > a:hover {
text-decoration: underline;
}
}
@media (max-width: 767px) {
.footer-menu-container {
text-align: center;
}
.footer-menu-container[data-menu-type="accordion"] {
text-align: left;
}
.footer-menu-container[data-menu-type="accordion"] .footer-menu .footer-menu-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: var(--spacer-8);
margin-bottom: var(--spacer-8);
border: 1px solid #ededed;
}
.footer-menu-container[data-menu-type="accordion"] .footer-menu .footer-menu-title:after {
content: "ï§";
font-size: var(--font-size-12);
font-weight: 900;
font-family: "font awesome 5 free";
}
.footer-menu-container[data-menu-type="accordion"] .footer-menu .footer-menu-content {
padding: 0 var(--spacer-8) var(--spacer-8);
display: none;
}
.footer-menu-container[data-menu-type="accordion"] .footer-menu.active .footer-menu-title:after {
content: "ï¨";
}
.footer-menu-container[data-menu-type="accordion"] .footer-menu.active .footer-menu-content {
display: block;
}
}
.footer-menu-container-2 .footer-menu .footer-menu-title {
color: #fff;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
margin-bottom: var(--spacer-2);
}
.footer-menu-container-2 .footer-menu .footer-menu-content ul li a {
display: inline-block;
color: #fff;
font-size: var(--font-size-14);
line-height: 29px;
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.footer-menu-container-2 .footer-menu .footer-menu-content ul li a:hover {
text-decoration: underline;
}
}
@media (max-width: 767px) {
.footer-menu-container-2 {
text-align: center;
}
.footer-menu-container-2[data-menu-type="accordion"] {
text-align: left;
}
.footer-menu-container-2[data-menu-type="accordion"] .footer-menu .footer-menu-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: var(--spacer-8);
margin-bottom: var(--spacer-8);
border: 1px solid #ededed;
}
.footer-menu-container-2[data-menu-type="accordion"] .footer-menu .footer-menu-title:after {
content: "ï§";
font-size: var(--font-size-12);
font-weight: 900;
font-family: "font awesome 5 free";
}
.footer-menu-container-2[data-menu-type="accordion"] .footer-menu .footer-menu-content {
padding: 0 var(--spacer-8) var(--spacer-8);
display: none;
}
.footer-menu-container-2[data-menu-type="accordion"] .footer-menu.active .footer-menu-title:after {
content: "ï¨";
}
.footer-menu-container-2[data-menu-type="accordion"] .footer-menu.active .footer-menu-content {
display: block;
}
}
.footer-application .footer-application-title {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
color: #fff;
margin-bottom: var(--spacer-3);
}
.footer-application .footer-application-content .application-banner {
margin-bottom: var(--spacer-2);
}
.footer-application .footer-application-content .application-banner:last-child {
margin-bottom: 0;
}
.footer-comment .footer-comment-header {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
color: #fff;
margin-bottom: var(--spacer-5);
}
.footer-comment .footer-comment-content {
display: flex;
align-items: center;
}
.footer-comment .footer-comment-content .footer-comment-img {
position: relative;
display: block;
flex: 0 0 98px;
height: 98px;
}
.footer-comment .footer-comment-content .footer-comment-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.footer-comment .footer-comment-content .footer-comment-title {
padding-left: var(--spacer-2);
}
.footer-comment .footer-comment-content .footer-comment-title > div {
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
color: #fff;
}
.footer-comment .footer-comment-content .footer-comment-title > span {
display: block;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #fff;
}
.footer-social .footer-social-title {
margin-bottom: var(--spacer-11);
}
.footer-social .footer-social-title > div {
color: #fff;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
}
.footer-social .footer-social-content {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.footer-social .footer-social-content div {
margin-left: var(--spacer-4);
}
.footer-social .footer-social-content div:first-child {
margin-left: 0;
}
.footer-social .footer-social-content div a {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
transition: all 0.2s linear;
}
@media (min-width: 1200px) {
.footer-social .footer-social-content div a:hover {
background-color: #e10054;
border-color: #e10054;
}
}
.newsletter .newsletter-title {
margin-bottom: var(--spacer-2);
}
.newsletter .newsletter-title > div {
color: #fff;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
margin-bottom: var(--spacer-9);
}
.newsletter .newsletter-title > span {
display: block;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #fff;
}
.newsletter .newsletter-content form {
position: relative;
}
.newsletter .newsletter-content form input {
width: 100%;
height: 40px;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
padding: 8px 94px 8px var(--spacer-5);
border: none;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}
.newsletter .newsletter-content form input::placeholder {
color: #797979;
opacity: 1;
}
.newsletter .newsletter-content form button {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 94px;
height: 100%;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
padding: 0;
border: none;
background: 0 0;
}
.footer-logo img {
max-height: 44px;
}
.footer-logo img {
max-height: 36px;
}
.fixed-whatsapp {
position: fixed;
z-index: 20;
right: var(--spacer-4);
bottom: var(--spacer-4);
}
.fixed-whatsapp > a {
display: block;
text-align: center;
color: #e10054;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
}
.fixed-whatsapp > a svg {
margin-bottom: var(--spacer-2);
}
.fixed-whatsapp > a span {
display: block;
}
.block-item {
margin-bottom: var(--spacer-8);
padding: var(--spacer-4);
border: 1px solid #ededed;
border-radius: 4px;
}
.block-item a {
color: #000;
transition: all 0.2s linear;
}
.block-item a:hover {
color: #e10054;
}
.block-item .block-item-title {
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
padding-bottom: var(--spacer-4);
}
.block-item .block-item-title > i {
display: none;
}
@media (max-width: 767px) {
.block-item .block-item-title > i {
display: block;
}
}
.block-item[data-type="filter-product-groups"] {
padding: 0;
border: none;
}
.block-item[data-type="filter-product-groups"] .block-item-title {
margin-bottom: var(--spacer-6);
border-bottom: 1px solid #ededed;
}
.block-item.active .block-item-title > i.fa-angle-down:before {
content: "";
}
.block-item[data-type="no-frame"] .block-item-title {
display: none;
}
@media (max-width: 991px) {
.block-item {
display: none;
}
.block-item .block-item-title {
padding-bottom: 0;
}
.block-item[data-type="filter-product-groups"] {
display: block;
margin-bottom: 0;
border: none;
}
.block-item[data-type="filter-product-groups"] .block-item-title {
display: none;
}
.block-item[data-type="filter-product-groups"] .block-item-content {
display: block;
padding: 0;
}
.block-item[data-type="product-groups"] {
display: none;
}
.block-item[data-type="member-menu"] {
display: block;
}
.block-item[data-type="member-menu"] .block-item-title {
cursor: pointer;
}
.block-item[data-type="member-menu"] .block-item-title i {
display: block;
}
.block-item[data-type="member-menu"] .block-item-content {
display: none;
}
.block-item[data-type="member-menu"].active .block-item-content {
display: block;
}
.filter-menu,
.horizontal-filter-menu {
position: fixed;
width: 280px;
height: 100%;
left: -280px;
top: 0;
background: #fff;
z-index: 100;
padding: var(--spacer-4);
transition: all 0.2s linear;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.filter-menu .filter-menu-category,
.horizontal-filter-menu .filter-menu-category {
display: none;
}
.filter-menu-active {
left: 280px;
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
}
.filter-menu-active .filter-menu,
.filter-menu-active .horizontal-filter-menu {
left: 0;
}
#filter-wrapper {
display: none;
margin-bottom: var(--spacer-8);
}
#filter-wrapper.has-sorting-option:not(.has-filter-option) {
display: block;
}
#filter-wrapper.has-sorting-option:not(.has-filter-option) .filter-wrapper-header {
display: none;
}
#filter-wrapper.has-sorting-option:not(.has-filter-option) .filter-wrapper-content #sorting-options {
display: block;
}
#filter-wrapper.has-filter-option {
display: block;
}
#filter-wrapper.has-filter-option .filter-wrapper-content #sorting-options {
display: none;
}
.sorting-options-content-active #filter-wrapper .filter-wrapper-content #sorting-options {
display: block;
}
}
@media (min-width: 992px) {
.filter-menu-overlay,
.filter-wrapper-header {
display: none !important;
}
}
@media (min-width: 1200px) {
.filter-menu {
padding: var(--spacer-4) var(--spacer-4) var(--spacer-6);
border: 1px solid #ededed;
border-radius: 4px;
}
}
.filter-menu .filter-menu-box {
padding-top: var(--spacer-6);
margin-top: var(--spacer-6);
margin-bottom: 0;
border: none;
border-top: 1px solid #ededed;
}
.filter-menu .filter-menu-box.filter-menu-selected-items {
padding-top: 0;
margin-top: 0;
border-top: none;
padding-bottom: var(--spacer-6);
margin-bottom: var(--spacer-6);
border-bottom: 1px solid #ededed;
}
.filter-menu .filter-menu-category {
padding-top: 0;
margin-top: 0;
border-top: none;
}
.filter-menu .filter-menu-category .filter-menu-category-title {
line-height: 20px;
color: #000;
font-size: var(--font-size-16);
font-weight: 700;
padding: 0;
padding-bottom: var(--spacer-4);
border-bottom: none;
background-color: transparent;
}
.filter-menu .filter-menu-category .filter-menu-category-title i {
display: none;
}
.filter-menu .filter-menu-category .filter-menu-category-content {
padding: 0 0 var(--spacer-5);
border-bottom: none;
}
.filter-menu .filter-menu-category .filter-menu-category-content a {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
padding: var(--spacer-2) 0;
transition: all 0.2s linear;
}
.filter-menu .filter-menu-category .filter-menu-category-content a:hover {
color: #e10054;
}
.filter-menu .filter-menu-category .filter-menu-category-content a i {
display: none;
}
@media (min-width: 1200px) {
.filter-menu .filter-menu-category .filter-menu-category-top {
width: calc(100% + var(--spacer-8));
margin-left: calc(-1 * var(--spacer-4));
}
}
.filter-menu .filter-menu-category .filter-menu-category-top a {
justify-content: flex-start;
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
padding: var(--spacer-4);
background-color: #f4f4f4;
transition: all 0.2s linear;
}
.filter-menu .filter-menu-category .filter-menu-category-top a i {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: #797979;
font-size: var(--font-size-18);
}
.filter-menu .filter-menu-groups .filter-menu-group-title {
line-height: 20px;
color: #000;
font-size: var(--font-size-16);
font-weight: 700;
padding: 0;
padding-bottom: var(--spacer-4);
border: none;
background-color: transparent;
}
.filter-menu .filter-menu-groups .filter-menu-group-content {
padding: 0;
}
.filter-menu .filter-menu-groups .filter-menu-group-content label {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
transition: all 0.2s linear;
}
.filter-menu .filter-menu-groups .filter-menu-group-content label:hover {
color: #e10054;
}
.filter-menu
.filter-menu-groups
.filter-menu-group-content
.filter-menu-box-image
.filter-menu-image-checkbox
input[type="checkbox"]
+ label {
border: none;
transition: all 0.2s linear;
}
.filter-menu
.filter-menu-groups
.filter-menu-group-content
.filter-menu-box-image
.filter-menu-image-checkbox
input[type="checkbox"]
+ label:hover {
opacity: 0.6;
}
.filter-menu .filter-menu-groups .filter-menu-group-content .filter-menu-box-image .filter-menu-image-checkbox img {
max-width: 100%;
max-height: 100%;
}
.filter-menu .filter-menu-groups .filter-menu-group-content input[type="checkbox"] + label {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
padding-left: 32px;
}
.filter-menu .filter-menu-groups .filter-menu-group-content input[type="checkbox"] + label:before {
width: 20px;
height: 20px;
border: 1px solid #ededed;
}
.filter-menu .filter-menu-groups .filter-menu-group-content input[type="checkbox"]:checked + label:before {
background-image: none;
border-color: #e10054;
background-color: #fff;
border-radius: 4px;
}
.filter-menu .filter-menu-groups .filter-menu-group-content input[type="checkbox"]:checked + label:after {
content: "";
position: absolute;
left: 7px;
top: 2px;
display: inline-block;
width: 6px;
height: 12px;
border-bottom: 2px solid #e10054;
border-right: 2px solid #e10054;
transform: rotate(45deg);
}
.filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-element_track {
background-color: #ededed;
}
.filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-bar {
background-color: #d4d4d4;
}
.filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-bar,
.filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-element_track,
.filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-element_outer {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.filter-menu .filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element:hover .scroll-bar,
.filter-menu
.filter-menu-groups
.filter-menu-group-content
.scrollbar-inner
> .scroll-element.scroll-draggable
.scroll-bar {
background-color: #e10054;
}
.filter-menu .filter-menu-selected-items .filter-menu-selected-items-title {
line-height: 20px;
color: #000;
font-size: var(--font-size-16);
font-weight: 700;
padding: 0;
padding-bottom: var(--spacer-4);
border: none;
background-color: transparent;
}
.filter-menu .filter-menu-selected-items .filter-menu-selected-items-content {
padding: 0;
}
.filter-menu
.filter-menu-selected-items
.filter-menu-selected-items-content
.filter-menu-selected-group
.filter-menu-selected-group-title {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
margin-bottom: var(--spacer-2);
}
.filter-menu
.filter-menu-selected-items
.filter-menu-selected-items-content
.filter-menu-selected-group
.filter-menu-selected-group-content
.filter-menu-selected-item
a {
color: #000;
line-height: 20px;
font-size: var(--font-size-14);
font-weight: 400;
padding: var(--spacer-3) var(--spacer-4);
border-radius: 4px;
background: 0 0;
border: 1px solid #ededed;
}
.horizontal-filter-menu {
margin-bottom: var(--spacer-5);
}
@media (min-width: 1200px) {
.horizontal-filter-menu {
display: flex;
}
}
.horizontal-filter-menu .horizontal-filter-menu-title {
line-height: 20px;
color: #000;
font-size: var(--font-size-16);
font-weight: 600;
margin-bottom: var(--spacer-5);
}
@media (min-width: 1200px) {
.horizontal-filter-menu .horizontal-filter-menu-title {
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 500;
padding: 10px 15px;
margin-right: var(--spacer-6);
margin-bottom: 0;
}
.horizontal-filter-menu .horizontal-filter-menu-title svg {
margin-right: 10px;
}
}
@media (max-width: 991px) {
.horizontal-filter-menu .horizontal-filter-menu-title {
display: none;
}
}
@media (min-width: 1200px) {
.horizontal-filter-menu .horizontal-filter-menu-content {
flex: 1;
}
}
@media (max-width: 991px) {
.horizontal-filter-menu .horizontal-filter-menu-content {
display: flex;
flex-direction: column-reverse;
padding: 0;
border: none;
}
}
@media (min-width: 992px) {
.horizontal-filter-menu .filter-menu-groups-wrapper {
display: flex;
flex-wrap: wrap;
margin-right: calc(-1 * var(--spacer-3));
margin-left: calc(-1 * var(--spacer-3));
}
}
@media (max-width: 991px) {
.horizontal-filter-menu .filter-menu-groups-wrapper {
padding: var(--spacer-4);
border: 1px solid #ededed;
}
}
.horizontal-filter-menu .filter-menu-groups {
padding-right: var(--spacer-3);
padding-left: var(--spacer-3);
}
@media (max-width: 991px) {
.horizontal-filter-menu .filter-menu-groups {
flex: 0 0 100%;
padding: 0;
}
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox {
position: relative;
margin-bottom: var(--spacer-3);
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox > a {
display: flex;
align-items: center;
justify-content: space-between;
height: 42px;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #ededed;
background-color: #fff;
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox > a span {
padding-right: 16px;
}
@media (max-width: 991px) {
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox > a {
font-size: var(--font-size-16);
font-weight: 600;
padding: 4px 0;
border: none;
border-bottom: 1px solid #ededed;
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox > a svg {
display: none;
}
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox .filter-menu-group-selectbox-content {
position: absolute;
top: calc(100% - 1px);
left: 0;
z-index: 101;
overflow: auto;
display: none;
width: 220px;
max-height: 174px;
padding: var(--spacer-4);
background-color: #fff;
border-radius: 4px;
border: 1px solid #ededed;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content::-webkit-scrollbar {
width: 5px;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content::-webkit-scrollbar-track {
background: #fafafa;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content::-webkit-scrollbar-thumb {
background: #e0e0e0;
}
@media (max-width: 991px) {
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox .filter-menu-group-selectbox-content {
position: static;
top: 0;
display: block;
width: 100%;
padding-left: 0;
border: none;
border-radius: 0;
margin-top: var(--spacer-4);
}
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox .filter-menu-group-selectbox-content > a {
position: relative;
display: block;
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
padding-left: 36px;
margin-bottom: var(--spacer-5);
transition: all 0.2s linear;
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox .filter-menu-group-selectbox-content > a span {
color: #797979;
padding-left: 4px;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a:last-child {
margin-bottom: 0;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid #ededed;
background-color: #fff;
transition: all 0.2s linear;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a:before {
content: "";
position: absolute;
left: 7px;
top: 2px;
z-index: 1;
opacity: 0;
visibility: hidden;
display: inline-block;
width: 6px;
height: 12px;
border-bottom: 2px solid #e10054;
border-right: 2px solid #e10054;
transform: rotate(45deg);
transition: all 0.2s linear;
}
.horizontal-filter-menu .filter-menu-groups .filter-menu-group-selectbox .filter-menu-group-selectbox-content > a:hover,
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a.checked {
color: #e10054;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a:hover
span,
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a.checked
span {
color: #e10054;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a:hover:after,
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a.checked:after {
border-color: #e10054;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a:hover:before,
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
.filter-menu-group-selectbox-content
> a.checked:before {
opacity: 1;
visibility: visible;
}
.horizontal-filter-menu
.filter-menu-groups
.filter-menu-group-selectbox
> a.active
+ .filter-menu-group-selectbox-content {
display: block;
}
@media (min-width: 992px) {
.horizontal-filter-menu .filter-menu-selected-items {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.horizontal-filter-menu .filter-menu-selected-items > div {
margin-right: var(--spacer-3);
}
.horizontal-filter-menu .filter-menu-selected-items > div:last-child {
margin-right: 0;
}
}
@media (max-width: 991px) {
.horizontal-filter-menu .filter-menu-selected-items {
display: flex;
flex-direction: column;
}
.horizontal-filter-menu .filter-menu-selected-items > div.clear-filters {
order: 1;
}
.horizontal-filter-menu .filter-menu-selected-items > div.filter-menu-selected-group {
order: 2;
}
}
@media (min-width: 992px) {
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group .filter-menu-selected-item {
margin-bottom: var(--spacer-4);
}
@media (min-width: 992px) {
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group .filter-menu-selected-item {
margin-bottom: var(--spacer-4);
margin-right: var(--spacer-3);
}
.horizontal-filter-menu
.filter-menu-selected-items
.filter-menu-selected-group
.filter-menu-selected-item:last-child {
margin-right: 0;
}
}
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group .filter-menu-selected-item a {
display: flex;
align-items: center;
justify-content: space-between;
height: 30px;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ededed;
padding: 0 8px;
transition: all 0.2s linear;
}
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group .filter-menu-selected-item a svg path {
transition: all 0.2s linear;
}
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group .filter-menu-selected-item a span {
position: relative;
margin-right: 12px;
}
.horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-group .filter-menu-selected-item a:hover {
background: #f4f4f4;
border-color: #f4f4f4;
}
.horizontal-filter-menu .clear-filters > span {
display: none;
}
@media (max-width: 991px) {
.horizontal-filter-menu .clear-filters {
margin-left: 0;
margin-top: var(--spacer-4);
}
}
.horizontal-filter-menu .clear-filters a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
min-width: 220px;
color: #fff;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
background: #e10054;
border-radius: 4px;
padding: 0 var(--spacer-4);
transition: all 0.2s linear;
}
.horizontal-filter-menu .clear-filters a:hover {
background: #ae0041;
}
@media (max-width: 991px) {
.horizontal-filter-menu .clear-filters a {
width: 100%;
}
}
#sorting-options {
margin-bottom: var(--spacer-12);
}
#sorting-options select.form-control:not([size]):not([multiple]),
#sorting-options select:not([size]) {
height: 42px;
color: #000;
font-size: var(--font-size-12);
cursor: pointer;
padding: 4px 40px 4px var(--spacer-4);
border: 1px solid #61514e;
border-radius: 4px;
background-size: 16px;
background-position: right 16px center;
background-image: url("");
background-color: transparent;
}
@media (min-width: 1200px) {
#sorting-options select.form-control:not([size]):not([multiple]),
#sorting-options select:not([size]) {
min-width: 220px !important;
}
}
#sorting-options .record-count {
line-height: 18px;
color: #000;
font-size: var(--font-size-12);
}
#sorting-options .record-count span {
color: #e10054;
}
#sorting-options .checkbox-custom {
line-height: 18px;
}
#sorting-options .checkbox-custom input[type="checkbox"] + label {
line-height: 18px;
color: #000;
font-size: var(--font-size-12);
font-weight: 400;
padding-left: 24px;
}
#sorting-options .checkbox-custom input[type="checkbox"] + label:before {
top: 1px;
width: 16px;
height: 16px;
border: 1px solid #61514e;
border-radius: 4px;
background: 0 0;
}
#sorting-options .checkbox-custom input[type="checkbox"]:checked + label:before {
background-image: none;
}
#sorting-options .checkbox-custom input[type="checkbox"]:checked + label:after {
content: "";
position: absolute;
left: 5px;
top: 6px;
display: inline-block;
width: 6px;
height: 6px;
background: #000;
border-radius: 4px;
}
.product-category-and-brand-list {
margin-bottom: var(--spacer-4);
}
.product-category-and-brand-list .product-category-and-brand-list-header {
line-height: 20px;
color: #000;
font-size: var(--font-size-16);
font-weight: 600;
margin-bottom: var(--spacer-5);
}
.product-category-and-brand-list .product-category-and-brand-list-content {
padding: var(--spacer-4) var(--spacer-4) 0;
background-color: #fff;
border: 1px solid #ededed;
border-radius: 4px;
}
.product-category-and-brand-list .product-category-and-brand-list-content > div {
display: flex;
flex-wrap: wrap;
margin-right: calc(-1 * var(--spacer-2));
margin-left: calc(-1 * var(--spacer-2));
}
.product-category-and-brand-list .product-category-and-brand-list-content > div > div {
flex: 0 0 auto;
max-width: none;
padding-right: var(--spacer-2);
padding-left: var(--spacer-2);
margin-bottom: var(--spacer-4);
}
.product-category-and-brand-list .product-category-and-brand-list-content > div > div > a {
display: flex;
align-items: center;
height: 40px;
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
padding: 0 var(--spacer-5);
background-color: #fff;
border: 1px solid #ededed;
transition: all 0.2s linear;
border-radius: 4px;
}
.product-category-and-brand-list .product-category-and-brand-list-content > div > div > a span {
color: #797979;
font-weight: 500;
}
.product-category-and-brand-list .product-category-and-brand-list-content > div > div > a:hover {
border-color: #e10054;
background-color: #fff;
}
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image {
margin-right: calc(-1 * var(--spacer-3));
margin-left: calc(-1 * var(--spacer-3));
}
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 7);
max-width: calc(100% / 7);
padding-right: var(--spacer-3);
padding-left: var(--spacer-3);
}
@media (max-width: 1199px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 5);
max-width: calc(100% / 5);
}
}
@media (max-width: 991px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 4);
max-width: calc(100% / 4);
}
}
@media (max-width: 767px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 3);
max-width: calc(100% / 3);
}
}
@media (max-width: 424px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 2);
max-width: calc(100% / 2);
}
}
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div
> a {
display: block;
height: 100%;
text-align: center;
padding: var(--spacer-3);
}
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div
> a
.product-list-image {
position: relative;
overflow: hidden;
padding-top: 100%;
margin-bottom: var(--spacer-3);
}
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div
> a
.product-list-image
img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 1199px) {
.product-category-and-brand-list .product-category-and-brand-list-content > div {
flex-wrap: nowrap;
overflow-x: auto;
}
}
@media (max-width: 1199px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 5.5);
max-width: calc(100% / 5.5);
}
}
@media (max-width: 991px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 4.5);
max-width: calc(100% / 4.5);
}
}
@media (max-width: 767px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 3.5);
max-width: calc(100% / 3.5);
}
}
@media (max-width: 424px) {
.product-category-and-brand-list
.product-category-and-brand-list-content
> div.product-category-and-brand-list-content-image
> div {
flex: 0 0 calc(100% / 2.5);
max-width: calc(100% / 2.5);
}
}
.cascade-menu .parent-item a.selected-item {
color: #e10054;
}
@media (min-width: 992px) {
#sorting-options select.form-control:not([size]):not([multiple]),
#sorting-options select:not([size]) {
min-width: 160px;
}
}
.paginate-wrapper {
position: relative;
padding-top: var(--spacer-6);
}
.paginate-wrapper .paginate {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.paginate-wrapper .paginate {
justify-content: center;
}
}
.paginate-wrapper .paginate a {
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 36px;
color: #000;
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
margin: 0 6px;
background: #fff;
border-radius: 4px;
}
@media (max-width: 575px) {
.paginate-wrapper .paginate a {
height: 20px;
width: 30px;
margin: 0 var(--spacer-3);
}
}
.paginate-wrapper .paginate .paginate-content {
display: flex;
}
.paginate-wrapper .paginate .paginate-left a {
margin-right: var(--spacer-2);
margin-left: 0;
width: 16px;
height: 16px;
}
.paginate-wrapper .paginate .paginate-left a i {
width: 16px;
height: 16px;
background: url("") no-repeat;
}
.paginate-wrapper .paginate .paginate-left a i:before {
content: none;
}
.paginate-wrapper .paginate .paginate-right a {
margin-left: var(--spacer-2);
margin-right: 0;
width: 16px;
height: 16px;
}
.paginate-wrapper .paginate .paginate-right a i {
width: 16px;
height: 16px;
background: url("") no-repeat;
}
.paginate-wrapper .paginate .paginate-right a i:before {
content: none;
}
.paginate-wrapper .paginate .paginate-element-active {
color: #fff;
background: #e10054;
}
.breadcrumbs-and-category-name {
padding: var(--spacer-9) var(--spacer-9) 170px;
margin-bottom: var(--spacer-6);
border-radius: 4px;
background: url("") no-repeat 50%;
background-size: cover;
}
.breadcrumbs-and-category-name .default-category-name {
line-height: calc(var(--font-size-36) + 8px);
font-size: var(--font-size-36);
font-weight: 700;
color: #fff;
}
@media (max-width: 1199px) {
.breadcrumbs-and-category-name {
padding: var(--spacer-9) var(--spacer-9) var(--spacer-40);
}
}
body.current-page-product-list-filter #breadcrumbs {
display: block;
}
.current-page-product-detail #breadcrumbs ol li span {
color: #000;
}
.current-page-product-detail #breadcrumbs ol li a {
color: #000;
}
.current-page-product-detail #breadcrumbs ol li:last-child span span {
text-decoration: underline;
}
#breadcrumbs {
padding-bottom: var(--spacer-8);
}
@media (max-width: 1199px) {
#breadcrumbs {
overflow-x: auto;
scroll-snap-type: x mandatory;
}
}
#breadcrumbs ol {
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
#breadcrumbs ol li i {
font-size: var(--font-size-14);
margin: 0 7px;
font-style: normal;
}
#breadcrumbs ol li i:before {
content: ">";
}
#breadcrumbs ol li span {
display: flex;
align-items: center;
white-space: nowrap;
line-height: 18px;
color: #fff;
font-size: var(--font-size-12);
font-weight: 500;
}
#breadcrumbs ol li a {
color: #fff;
}
#breadcrumbs ol li:last-child span span {
text-decoration: underline;
}
.current-page-product-list-filter #main {
overflow: hidden;
}
.current-page-product-list-filter #product-list-container {
position: relative;
background: #f9f9f9;
padding: var(--spacer-6) 0 var(--spacer-20);
}
.current-page-product-list-filter #product-list-container:before {
content: "";
position: absolute;
top: 0;
right: 100%;
width: 50vw;
height: 100%;
background: #f9f9f9;
}
.current-page-product-list-filter #product-list-container:after {
content: "";
position: absolute;
top: 0;
left: 100%;
width: 50vw;
height: 100%;
background: #f9f9f9;
}
#footer-content {
margin-top: var(--spacer-8);
}
.product-left,
.product-right {
margin-bottom: var(--spacer-9);
}
@media (min-width: 992px) {
.product-right {
position: sticky;
position: -webkit-sticky;
top: 220px;
}
}
.product-label-group {
position: absolute;
left: var(--spacer-4);
top: var(--spacer-4);
z-index: 20;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.product-label-group > div {
display: flex;
align-items: center;
justify-content: center;
min-width: 43px;
height: 20px;
color: #fff;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 700;
border-radius: 4px;
padding: 0 6px;
margin-bottom: var(--spacer-1);
}
.product-label-group > div:last-child {
margin-bottom: 0;
}
.product-label-group > div.new-label {
background-color: #000;
display: none;
}
.product-image-slider {
position: relative;
}
.product-image-slider .product-image-item a {
position: relative;
display: block;
padding-top: 100%;
}
.product-image-slider .product-image-item a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.product-image-slider .product-image-item a img {
border-radius: 4px;
}
@media (min-width: 1200px) {
.product-image-slider {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--spacer-3));
margin-right: calc(-1 * var(--spacer-3));
}
.product-image-slider .product-image-item {
flex: 0 0 100%;
max-width: 100%;
padding-left: var(--spacer-3);
padding-right: var(--spacer-3);
margin-bottom: var(--spacer-6);
}
.product-image-slider .product-image-item:nth-child(n + 3) {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 1199px) {
.product-image-slider {
height: 0;
overflow: hidden;
margin-left: calc(-1 * var(--spacer-3));
margin-right: calc(-1 * var(--spacer-3));
}
.product-image-slider.slick-slider {
height: auto;
overflow: visible;
}
.product-image-slider .product-image-item {
padding-left: var(--spacer-3);
padding-right: var(--spacer-3);
}
.product-image-slider > .slick-dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: var(--spacer-8);
}
.product-image-slider > .slick-dots > li {
margin: 0 4px;
}
.product-image-slider > .slick-dots > li > button {
position: relative;
overflow: hidden;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 0;
margin-bottom: 0;
border: none;
border-radius: 50%;
background: url("") left;
}
.product-image-slider > .slick-dots > li.slick-active > button {
background-position: right;
}
}
#product-thumb-image {
height: 0;
overflow: hidden;
}
#product-thumb-image.slick-slider {
height: auto;
overflow: visible;
}
@media (max-width: 767px) {
#product-thumb-image.slick-slider {
padding-right: 2px;
}
}
#product-thumb-image .thumb-item > a {
position: relative;
display: block;
padding-top: calc(100% - 2px);
border: 1px solid #ededed;
}
#product-thumb-image .thumb-item > a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
#product-thumb-image .thumb-item > a.zoomGalleryActive {
border-color: #e10054;
}
#product-thumb-image .slick-dots {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-top: var(--spacer-8);
width: 100%;
}
#product-thumb-image .slick-dots > li {
margin: 0 3px;
}
#product-thumb-image .slick-dots > li > button {
width: 10px;
height: 10px;
border: none;
position: relative;
overflow: hidden;
text-indent: -9999px;
border-radius: 100%;
background-color: #ededed;
padding: 0;
display: block;
margin-bottom: 5px;
transition: all 0.2s linear;
}
#product-thumb-image .slick-dots > li.slick-active > button {
background-color: #e10054;
}
#product-thumb-image .slick-arrow {
position: absolute;
opacity: 1;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
background: #fff;
}
#product-thumb-image .slick-arrow.slick-prev {
left: 12px;
}
#product-thumb-image .slick-arrow.slick-next {
right: 12px;
}
#product-thumb-image .slick-arrow.slick-disabled {
opacity: 0.5;
}
.product-title h1 {
color: #3c3c3c;
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 400;
margin-bottom: 0;
}
.product-short-details {
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 400;
font-size: 14px !important;
line-height: 20px !important;
color: #3c3c3c;
}
.product-brand a {
color: #000;
font-size: var(--font-size-16);
transition: all 0.2s linear;
}
.product-brand a:hover {
color: #e10054;
}
.product-brand.product-brand-image a {
position: relative;
display: block;
width: 98px;
height: 47px;
}
.product-brand.product-brand-image a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.jq-ry-container {
position: relative;
line-height: 0;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
}
.jq-ry-container > .jq-ry-group-wrapper {
position: relative;
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
position: relative;
line-height: 0;
z-index: 2;
white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-groupjq-ry-normal-group {
width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 2;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.product-comments-container {
display: flex;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
cursor: pointer;
margin-bottom: var(--spacer-8);
margin-top: var(--spacer-8);
}
.product-comments-container > span {
margin-left: var(--spacer-2);
}
.product-list-container {
margin-bottom: var(--spacer-8);
}
.product-list-container .product-list-block {
padding: 3px 0;
}
.product-list-container .product-list-row {
display: flex;
align-items: baseline;
font-size: var(--font-size-14);
padding: 3px 0;
}
.product-list-container .product-list-row a {
color: #000;
transition: all 0.2s linear;
}
.product-list-container .product-list-row a:hover {
color: #e10054;
}
.product-list-container .product-list-row .product-list-title {
flex: 0 0 auto;
width: 20%;
color: #000;
}
@media (max-width: 767px) {
.product-list-container .product-list-row .product-list-title {
width: 30%;
}
}
.product-list-container .product-list-row .product-list-content {
flex: 1 1 auto;
display: flex;
align-items: baseline;
word-break: break-word;
color: #000;
}
.product-list-container .product-list-row .product-list-content:before {
content: ":";
margin-right: 16px;
}
.product-price {
display: flex;
align-items: flex-end;
padding-bottom: var(--spacer-4);
margin-bottom: var(--spacer-6);
border-bottom: 1px solid #ededed;
}
.product-price-new,
.product-price-old {
color: #e10054;
font-size: var(--font-size-24);
font-weight: 600;
line-height: 32px;
}
.product-price.has-discount .product-price-old {
color: #797979;
font-size: var(--font-size-14);
font-weight: 500;
line-height: 20px;
text-decoration: line-through;
}
.product-price .discount-label-box {
display: flex;
align-items: center;
margin-left: 9px;
margin-bottom: 8px;
}
.product-price .discount-label-box > div {
min-width: 43px;
height: 20px;
background: #e10054;
border-radius: 4px;
padding: 0 6px;
display: flex;
align-items: center;
justify-content: center;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 700;
color: #fff;
}
.product-price .discount-label-box > div.discount-label-text {
margin-left: var(--spacer-2);
}
.product-options {
border-bottom: 1px solid #ededed;
margin-bottom: var(--spacer-6);
}
.product-options .variant-group-title {
display: block;
color: #797979;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
margin-bottom: 8px;
}
.product-options select.form-control:not([size]):not([multiple]),
.product-options select:not([size]) {
height: 40px;
color: #000;
font-size: var(--font-size-12);
font-weight: 300;
cursor: pointer;
padding: 6px 28px 6px 20px;
border: 1px solid #ededed;
background-image: url("");
background-size: 12px;
border-radius: 4px;
}
.product-options .variant-plural {
margin-bottom: var(--spacer-6);
}
.variant-select {
margin-bottom: 16px;
}
@media (max-width: 767px) {
.variant-select {
margin-bottom: var(--spacer-8);
}
}
.variant-select .variant-list {
margin-bottom: var(--spacer-4);
}
.variant-select .variant-list:last-child {
margin-bottom: 0;
}
.variant-select .variant-list select {
width: 50% !important;
}
@media (max-width: 575px) {
.variant-select .variant-list select {
width: 100% !important;
}
}
.variant-plural .variant-list {
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
}
.variant-plural span {
position: relative;
flex: 0 0 auto;
cursor: pointer;
padding: 7px 10px;
margin: 0 var(--spacer-3) var(--spacer-3) 0;
border: 2px solid #ededed;
background-color: #fff;
border-radius: 4px;
transition: all 0.2s linear;
}
.variant-plural span:last-child {
margin-right: 0;
}
.variant-plural span:hover,
.variant-plural span.variant-selected {
border-color: #000;
}
.variant-plural span.variant-selected:before {
content: "";
position: absolute;
right: -8px;
top: -8px;
z-index: 1;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 9px;
font-weight: 900;
font-family: "font awesome 5 free";
padding-top: 1px;
background-color: #e10054;
border-radius: 100%;
}
.variant-plural span.variant-passive,
.variant-plural span.variant-no-stock,
.variant-plural span.variant-passive:hover,
.variant-plural span.variant-no-stock:hover {
cursor: no-drop;
background-color: #ededed;
}
.variant-plural span.variant-image {
max-width: 40px;
max-height: 40px;
padding: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.variant-plural span.variant-image img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.variant-plural span.variant-image:hover,
.variant-plural span.variant-image.variant-selected {
border-color: #ededed;
}
.variant-plural span.variant-image:hover:after,
.variant-plural span.variant-image.variant-selected:after {
content: "";
position: absolute;
top: -4px;
left: -4px;
width: calc(100% + 8px);
height: calc(100% + 8px);
border: 1px solid #000;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.variant-plural span.variant-image.variant-selected:before {
content: none;
}
.variant-plural span.variant-image.variant-passive {
opacity: 0.4;
background-color: transparent;
}
.variant-singular {
margin-bottom: var(--spacer-4);
}
.variant-singular .radio-custom {
margin-bottom: var(--spacer-4);
}
.product-cart-buttons {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin-left: calc(-1 * var(--spacer-3));
margin-right: calc(-1 * var(--spacer-3));
margin-bottom: var(--spacer-6);
}
.product-cart-buttons > div {
padding-left: var(--spacer-3);
padding-right: var(--spacer-3);
}
.product-cart-buttons .product-buttons-wrapper {
flex: 1 0 0%;
max-width: 100%;
}
.product-cart-buttons .product-buttons-wrapper .product-buttons-row {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--spacer-3));
margin-right: calc(-1 * var(--spacer-3));
}
.product-cart-buttons .product-buttons-wrapper .product-buttons-row > div {
flex: 1 0 0%;
max-width: 100%;
padding-left: var(--spacer-3);
padding-right: var(--spacer-3);
}
.product-qty-wrapper .product-qty {
display: flex;
flex-wrap: wrap;
width: 98px;
height: 54px;
border: 1px solid #ededed;
background-color: #fff;
padding: 0 var(--spacer-3);
}
.product-qty-wrapper .product-qty > a {
flex: 0 0 24px;
max-width: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
}
@media (max-width: 767px) {
.product-qty-wrapper .product-qty > a {
flex: 0 0 55px;
max-width: 55px;
}
}
.product-qty-wrapper .product-qty > div {
flex: 1 0 0%;
max-width: 100%;
}
.product-qty-wrapper .product-qty > div input {
width: 100%;
height: 100%;
color: #000;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 500;
text-align: center;
border: none;
background-color: #fff;
}
.product-qty-wrapper.product-qty-wrapper-select .product-qty {
border: none;
border-radius: 0;
}
.product-qty-wrapper.product-qty-wrapper-select .product-qty select.form-control:not([size]):not([multiple]),
.product-qty-wrapper.product-qty-wrapper-select .product-qty select:not([size]) {
height: 50px;
color: #000;
font-size: var(--font-size-14);
font-weight: 400;
cursor: pointer;
padding: 6px 28px 6px 20px;
border: 1px solid #ededed;
border-radius: 4px;
background-color: #fff;
background-image: url("");
background-size: 16px;
}
.product-qty-wrapper.product-qty-wrapper-select .product-qty > div input {
height: 50px;
border: 1px solid #ededed;
border-radius: 4px;
background-color: #fff;
}
@media (max-width: 575px) {
.product-qty-wrapper {
margin-bottom: var(--spacer-8);
flex: 0 0 100%;
max-width: 100%;
}
.product-qty-wrapper .product-qty {
width: 100%;
}
}
.product-cart-buttons a.add-to-cart-button,
.product-cart-buttons a.no-stock-button,
.product-cart-buttons a.quick-order-button,
.product-cart-buttons a.remind-me-button {
display: flex;
align-items: center;
justify-content: center;
height: 54px;
line-height: calc(var(--font-size-16) + 8px);
font-size: var(--font-size-16);
font-weight: 500;
padding: 0 10px;
background-size: 0 100%, auto;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.2s linear;
}
.product-cart-buttons a.remind-me-button,
.product-cart-buttons a.add-to-cart-button {
color: #fff;
background-image: linear-gradient(#ae0041, #ae0041), linear-gradient(#e10054, #e10054);
}
.product-cart-buttons a.remind-me-button:hover,
.product-cart-buttons a.add-to-cart-button:hover {
background-size: 100% 100%, auto;
}
@media (min-width: 1361px) {
.product-cart-buttons a.add-to-cart-button {
width: 342px;
}
}
.product-cart-buttons a.quick-order-button {
color: #fff;
background-image: linear-gradient(#000000, #000000), linear-gradient(#252525, #252525);
}
.product-cart-buttons a.quick-order-button:hover {
background-size: 100% 100%, auto;
}
.product-cart-buttons a.no-stock-button {
color: #fff;
background-color: #797979;
background-size: 100% 100%, auto;
}
#product-user-buttons {
margin-bottom: var(--spacer-9);
}
#product-user-buttons > div {
margin-bottom: var(--spacer-2);
}
#product-user-buttons > div:last-child {
margin-bottom: 0;
}
#product-user-buttons > div a {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #000;
line-height: calc(var(--font-size-12) + 8px);
font-size: var(--font-size-12);
font-weight: 400;
transition: all 0.2s linear;
}
#product-user-buttons > div a span {
padding-left: var(--spacer-2);
}
@media (min-width: 1200px) {
#product-user-buttons > div a:hover {
text-decoration: underline;
}
}
#product-user-buttons > div a.add-my-favorites span:before {
content: attr(data-add-to-favorites);
}
#product-user-buttons > div a.add-my-favorites .icon-favori-add {
display: none;
}
#product-user-buttons > div a.add-my-favorites.favorite-product .icon-favori {
display: none;
}
#product-user-buttons > div a.add-my-favorites.favorite-product .icon-favori-add {
display: block;
}
#product-user-buttons > div a.add-my-favorites.favorite-product span:before {
content: attr(data-favorite-product);
}
.product-social {
position: relative;
}
@media (min-width: 1200px) {
.product-social > a:hover {
text-decoration: underline;
}
}
.product-social > a.active {
text-decoration: underline;
}
.product-social .product-social-content {
position: absolute;
top: 150%;
left: 0;
z-index: 11;
display: none;
padding: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
background-color: #fff;
}
.product-social .product-social-content > div {
display: flex;
}
.product-social .product-social-content > div > div {
margin-right: 5px;
}
.product-social .product-social-content > div > div:last-child {
margin-right: 0;
}
.product-social .product-social-content > div > div > a {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
}
.product-social .product-social-content > div > div > a svg path {
fill: #fff !important;
}
.product-social .product-social-content > div > div > a.product-social-facebook {
background-color: #3b5998;
}
.product-social .product-social-content > div > div > a.product-social-twitter {
background-color: #1da1f2;
}
.product-social .product-social-content > div > div > a.product-social-pinterest {
background-color: #bd081c;
}
.product-social .product-social-content > div > div > a.product-social-whatsapp {
background-color: #128c7e;
}
.product-detail-comment .product-detail-comment-header {
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
color: #3c3c3c;
margin-bottom: var(--spacer-12);
}
.product-detail-comment #product-detail-comments {
margin-bottom: var(--spacer-15);
}
.product-detail-comment #product-detail-comments .product-detail-comments-content .product-detail-comments-list {
padding-bottom: var(--spacer-5);
margin-bottom: var(--spacer-6);
border-bottom: 1px solid #ededed;
}
.product-detail-comment
#product-detail-comments
.product-detail-comments-content
.product-detail-comments-list
.comment-title {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 600;
color: #000;
margin-bottom: var(--spacer-2);
}
.product-detail-comment
#product-detail-comments
.product-detail-comments-content
.product-detail-comments-list
.comment-rank
i.fas.fa-star {
color: #e10054;
}
.product-detail-comment
#product-detail-comments
.product-detail-comments-content
.product-detail-comments-list
.comment-rank
i.far.fa-star {
color: #61514e;
}
.product-detail-comment
#product-detail-comments
.product-detail-comments-content
.product-detail-comments-list
.comment-content {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #000;
margin-bottom: var(--spacer-4);
}
.product-detail-comment
#product-detail-comments
.product-detail-comments-content
.product-detail-comments-list
.comment-writer {
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #000;
}
.product-detail-comment #product-detail-comments .product-detail-comments-info {
padding: 0;
margin-bottom: var(--spacer-8);
}
.product-detail-tab {
margin-bottom: var(--spacer-15);
}
.product-detail-tab .product-detail-tab-header {
align-items: center;
}
.product-detail-tab .product-detail-tab-header [data-tab-index] {
margin-right: var(--spacer-15);
}
.product-detail-tab .product-detail-tab-header [data-tab-index]:last-child {
margin-right: 0;
}
.product-detail-tab .product-detail-tab-header [data-tab-index] > a {
display: flex;
align-items: center;
justify-content: center;
color: #3c3c3c;
line-height: calc(var(--font-size-24) + 8px);
font-size: var(--font-size-24);
font-weight: 600;
}
.product-detail-tab .product-detail-tab-header [data-tab-index].active > a {
color: #e10054;
}
.product-detail-tab .product-detail-tab-content [data-tab-content] {
height: 0;
overflow: hidden;
}
.product-detail-tab .product-detail-tab-content [data-tab-content] > div {
padding-top: var(--spacer-6);
line-height: calc(var(--font-size-14) + 8px);
font-size: var(--font-size-14);
font-weight: 400;
color: #797979;
}
.product-detail-tab .product-detail-tab-content [data-tab-content].active {
height: auto;
overflow: visible;
}
@media (min-width: 768px) {
.product-detail-tab .product-detail-tab-content [data-tab-content].active {
display: block !important;
}
}
@media (max-width: 991px) {
.product-detail-tab .product-detail-tab-header {
overflow-x: auto;
scroll-snap-type: x mandatory;
}
}
@media (max-width: 767px) {
.product-detail-tab .product-detail-tab-content .product-detail-tab-row {
margin-bottom: var(--spacer-8);
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row [data-tab-index] > a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
color: #000;
font-size: var(--font-size-20);
padding: 0 var(--spacer-8);
background-color: #ededed;
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row [data-tab-index] > a:after {
content: "ï¸";
font-weight: 900;
font-size: var(--font-size-24);
font-family: "font awesome 5 free";
transition: all 0.2s linear;
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row [data-tab-content] {
height: 0 !important;
overflow: hidden !important;
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row [data-tab-content] > div {
padding-bottom: 0;
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row.active [data-tab-index] > a {
color: #fff;
background-color: #e10054;
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row.active [data-tab-index] > a:after {
transform: rotate(-180deg);
}
.product-detail-tab .product-detail-tab-content .product-detail-tab-row.active [data-tab-content].active {
height: auto !important;
overflow: visible !important;
}
}
.product-customization .product-customization-group .product-customization-group-title {
margin-bottom: var(--spacer-4);
}
@media (max-width: 1199px) {
.idea-promotion-bar {
display: none !important;
}
}
:root {
--spacer-1: 4px;
--spacer-2: 8px;
--spacer-3: 12px;
--spacer-4: 16px;
--spacer-5: 20px;
--spacer-6: 24px;
--spacer-7: 28px;
--spacer-8: 32px;
--spacer-9: 36px;
--spacer-10: 40px;
--spacer-11: 44px;
--spacer-12: 48px;
--spacer-13: 52px;
--spacer-14: 56px;
--spacer-15: 60px;
--spacer-16: 64px;
--spacer-17: 68px;
--spacer-18: 72px;
--spacer-19: 76px;
--spacer-20: 80px;
--spacer-21: 84px;
--spacer-22: 88px;
--spacer-23: 92px;
--spacer-24: 96px;
--spacer-25: 100px;
--spacer-26: 104px;
--spacer-27: 108px;
--spacer-28: 112px;
--spacer-29: 116px;
--spacer-30: 120px;
--spacer-31: 124px;
--spacer-32: 128px;
--spacer-33: 132px;
--spacer-34: 136px;
--spacer-35: 140px;
--spacer-36: 144px;
--spacer-37: 148px;
--spacer-38: 152px;
--spacer-39: 156px;
--spacer-40: 160px;
--font-size-10: 10px;
--font-size-11: 11px;
--font-size-12: 12px;
--font-size-13: 13px;
--font-size-14: 14px;
--font-size-15: 15px;
--font-size-16: 16px;
--font-size-17: 17px;
--font-size-18: 18px;
--font-size-19: 19px;
--font-size-20: 20px;
--font-size-21: 21px;
--font-size-22: 22px;
--font-size-23: 23px;
--font-size-24: 24px;
--font-size-25: 25px;
--font-size-26: 26px;
--font-size-27: 27px;
--font-size-28: 28px;
--font-size-29: 29px;
--font-size-30: 30px;
--font-size-31: 31px;
--font-size-32: 32px;
--font-size-33: 33px;
--font-size-34: 34px;
--font-size-35: 35px;
--font-size-36: 36px;
--font-size-37: 37px;
--font-size-38: 38px;
--font-size-39: 39px;
--font-size-40: 40px;
--font-size-41: 41px;
--font-size-42: 42px;
--font-size-43: 43px;
--font-size-44: 44px;
--font-size-45: 45px;
--font-size-46: 46px;
--font-size-47: 47px;
--font-size-48: 48px;
--font-size-49: 49px;
--font-size-50: 50px;
--font-size-51: 51px;
--font-size-52: 52px;
--font-size-53: 53px;
--font-size-54: 54px;
--font-size-55: 55px;
--font-size-56: 56px;
--font-size-57: 57px;
--font-size-58: 58px;
--font-size-59: 59px;
--font-size-60: 60px;
--font-size-61: 61px;
--font-size-62: 62px;
--font-size-63: 63px;
--font-size-64: 64px;
--font-size-65: 65px;
--font-size-66: 66px;
--font-size-67: 67px;
--font-size-68: 68px;
--font-size-69: 69px;
--font-size-70: 70px;
--font-size-71: 71px;
--font-size-72: 72px;
--font-size-73: 73px;
--font-size-74: 74px;
--font-size-75: 75px;
--font-size-76: 76px;
--font-size-77: 77px;
--font-size-78: 78px;
--font-size-79: 79px;
--font-size-80: 80px;
--font-size-81: 81px;
--font-size-82: 82px;
--font-size-83: 83px;
--font-size-84: 84px;
--font-size-85: 85px;
--font-size-86: 86px;
--font-size-87: 87px;
--font-size-88: 88px;
--font-size-89: 89px;
--font-size-90: 90px;
--font-size-91: 91px;
--font-size-92: 92px;
--font-size-93: 93px;
--font-size-94: 94px;
--font-size-95: 95px;
--font-size-96: 96px;
--font-size-97: 97px;
--font-size-98: 98px;
--font-size-99: 99px;
--font-size-100: 100px;
--font-size-101: 101px;
--font-size-102: 102px;
--font-size-103: 103px;
--font-size-104: 104px;
--font-size-105: 105px;
--font-size-106: 106px;
--font-size-107: 107px;
--font-size-108: 108px;
--font-size-109: 109px;
--font-size-110: 110px;
--font-size-111: 111px;
--font-size-112: 112px;
--font-size-113: 113px;
--font-size-114: 114px;
--font-size-115: 115px;
--font-size-116: 116px;
--font-size-117: 117px;
--font-size-118: 118px;
--font-size-119: 119px;
--font-size-120: 120px;
}
@media (max-width: 1199px) {
:root {
--spacer-1: 3px;
--spacer-2: 6px;
--spacer-3: 9px;
--spacer-4: 12px;
--spacer-5: 15px;
--spacer-6: 18px;
--spacer-7: 21px;
--spacer-8: 24px;
--spacer-9: 27px;
--spacer-10: 30px;
--spacer-11: 33px;
--spacer-12: 36px;
--spacer-13: 39px;
--spacer-14: 42px;
--spacer-15: 45px;
--spacer-16: 48px;
--spacer-17: 51px;
--spacer-18: 54px;
--spacer-19: 57px;
--spacer-20: 60px;
--spacer-21: 63px;
--spacer-22: 66px;
--spacer-23: 69px;
--spacer-24: 72px;
--spacer-25: 75px;
--spacer-26: 78px;
--spacer-27: 81px;
--spacer-28: 84px;
--spacer-29: 87px;
--spacer-30: 90px;
--spacer-31: 93px;
--spacer-32: 96px;
--spacer-33: 99px;
--spacer-34: 102px;
--spacer-35: 105px;
--spacer-36: 108px;
--spacer-37: 111px;
--spacer-38: 114px;
--spacer-39: 117px;
--spacer-40: 120px;
--spacer-21: 52.5px;
--spacer-22: 55px;
--spacer-23: 57.5px;
--spacer-24: 60px;
--spacer-25: 62.5px;
--spacer-26: 65px;
--spacer-27: 67.5px;
--spacer-28: 70px;
--spacer-29: 72.5px;
--spacer-30: 60px;
--spacer-31: 62px;
--spacer-32: 64px;
--spacer-33: 66px;
--spacer-34: 68px;
--spacer-35: 70px;
--spacer-36: 72px;
--spacer-37: 74px;
--spacer-38: 76px;
--spacer-39: 78px;
--spacer-40: 80px;
--font-size-10: 9.5px;
--font-size-11: 10.45px;
--font-size-12: 11.4px;
--font-size-13: 12.35px;
--font-size-14: 13.3px;
--font-size-15: 13.5px;
--font-size-16: 14.4px;
--font-size-17: 15.3px;
--font-size-18: 16.2px;
--font-size-19: 15.2px;
--font-size-20: 16px;
--font-size-21: 16.8px;
--font-size-22: 17.6px;
--font-size-23: 18.4px;
--font-size-24: 19.2px;
--font-size-25: 20px;
--font-size-26: 20.8px;
--font-size-27: 21.6px;
--font-size-28: 22.4px;
--font-size-29: 21.75px;
--font-size-30: 22.5px;
--font-size-31: 23.25px;
--font-size-32: 24px;
--font-size-33: 24.75px;
--font-size-34: 25.5px;
--font-size-35: 26.25px;
--font-size-36: 27px;
--font-size-37: 24.05px;
--font-size-38: 24.7px;
--font-size-39: 25.35px;
--font-size-40: 26px;
--font-size-41: 26.65px;
--font-size-42: 27.3px;
--font-size-43: 27.95px;
--font-size-44: 28.6px;
--font-size-45: 29.25px;
--font-size-46: 29.9px;
--font-size-47: 30.55px;
--font-size-48: 31.2px;
--font-size-49: 31.85px;
--font-size-50: 32.5px;
--font-size-51: 33.15px;
--font-size-52: 33.8px;
--font-size-53: 34.45px;
--font-size-54: 35.1px;
--font-size-55: 35.75px;
--font-size-56: 36.4px;
--font-size-57: 37.05px;
--font-size-58: 37.7px;
--font-size-59: 38.35px;
--font-size-60: 39px;
--font-size-61: 39.65px;
--font-size-62: 40.3px;
--font-size-63: 40.95px;
--font-size-64: 41.6px;
--font-size-65: 42.25px;
--font-size-66: 42.9px;
--font-size-67: 43.55px;
--font-size-68: 44.2px;
--font-size-69: 44.85px;
--font-size-70: 45.5px;
--font-size-71: 46.15px;
--font-size-72: 46.8px;
--font-size-73: 47.45px;
--font-size-74: 48.1px;
--font-size-75: 48.75px;
--font-size-76: 49.4px;
--font-size-77: 50.05px;
--font-size-78: 50.7px;
--font-size-79: 51.35px;
--font-size-80: 52px;
--font-size-81: 52.65px;
--font-size-82: 53.3px;
--font-size-83: 53.95px;
--font-size-84: 54.6px;
--font-size-85: 46.75px;
--font-size-86: 47.3px;
--font-size-87: 47.85px;
--font-size-88: 48.4px;
--font-size-89: 48.95px;
--font-size-90: 49.5px;
--font-size-91: 50.05px;
--font-size-92: 50.6px;
--font-size-93: 51.15px;
--font-size-94: 51.7px;
--font-size-95: 52.25px;
--font-size-96: 52.8px;
--font-size-97: 53.35px;
--font-size-98: 53.9px;
--font-size-99: 54.45px;
--font-size-100: 55px;
--font-size-101: 55.55px;
--font-size-102: 56.1px;
--font-size-103: 56.65px;
--font-size-104: 57.2px;
--font-size-105: 57.75px;
--font-size-106: 58.3px;
--font-size-107: 58.85px;
--font-size-108: 59.4px;
--font-size-109: 59.95px;
--font-size-110: 60.5px;
--font-size-111: 61.05px;
--font-size-112: 61.6px;
--font-size-113: 62.15px;
--font-size-114: 62.7px;
--font-size-115: 63.25px;
--font-size-116: 63.8px;
--font-size-117: 64.35px;
--font-size-118: 64.9px;
--font-size-119: 65.45px;
--font-size-120: 66px;
}
}
@media (max-width: 767px) {
:root {
--spacer-1: 2px;
--spacer-2: 4px;
--spacer-3: 6px;
--spacer-4: 8px;
--spacer-5: 10px;
--spacer-6: 12px;
--spacer-7: 14px;
--spacer-8: 16px;
--spacer-9: 18px;
--spacer-10: 20px;
--spacer-11: 22px;
--spacer-12: 24px;
--spacer-13: 26px;
--spacer-14: 28px;
--spacer-15: 30px;
--spacer-16: 32px;
--spacer-17: 34px;
--spacer-18: 36px;
--spacer-19: 38px;
--spacer-20: 40px;
--spacer-21: 31.5px;
--spacer-22: 33px;
--spacer-23: 34.5px;
--spacer-24: 36px;
--spacer-25: 37.5px;
--spacer-26: 39px;
--spacer-27: 40.5px;
--spacer-28: 42px;
--spacer-29: 43.5px;
--spacer-30: 30px;
--spacer-31: 31px;
--spacer-32: 32px;
--spacer-33: 33px;
--spacer-34: 34px;
--spacer-35: 35px;
--spacer-36: 36px;
--spacer-37: 37px;
--spacer-38: 38px;
--spacer-39: 39px;
--spacer-40: 40px;
--font-size-10: 8.5px;
--font-size-11: 9.35px;
--font-size-12: 10.2px;
--font-size-13: 11.05px;
--font-size-14: 11.9px;
--font-size-15: 12px;
--font-size-16: 12.8px;
--font-size-17: 13.6px;
--font-size-18: 14.4px;
--font-size-19: 14.25px;
--font-size-20: 15px;
--font-size-21: 15.75px;
--font-size-22: 16.5px;
--font-size-23: 17.25px;
--font-size-24: 18px;
--font-size-25: 18.75px;
--font-size-26: 19.5px;
--font-size-27: 20.25px;
--font-size-28: 21px;
--font-size-29: 20.3px;
--font-size-30: 21px;
--font-size-31: 21.7px;
--font-size-32: 22.4px;
--font-size-33: 23.1px;
--font-size-34: 23.8px;
--font-size-35: 24.5px;
--font-size-36: 25.2px;
--font-size-37: 20.35px;
--font-size-38: 20.9px;
--font-size-39: 21.45px;
--font-size-40: 22px;
--font-size-41: 22.55px;
--font-size-42: 23.1px;
--font-size-43: 23.65px;
--font-size-44: 24.2px;
--font-size-45: 24.75px;
--font-size-46: 25.3px;
--font-size-47: 25.85px;
--font-size-48: 26.4px;
--font-size-49: 26.95px;
--font-size-50: 27.5px;
--font-size-51: 28.05px;
--font-size-52: 28.6px;
--font-size-53: 29.15px;
--font-size-54: 29.7px;
--font-size-55: 30.25px;
--font-size-56: 30.8px;
--font-size-57: 31.35px;
--font-size-58: 31.9px;
--font-size-59: 32.45px;
--font-size-60: 33px;
--font-size-61: 33.55px;
--font-size-62: 34.1px;
--font-size-63: 34.65px;
--font-size-64: 35.2px;
--font-size-65: 35.75px;
--font-size-66: 36.3px;
--font-size-67: 36.85px;
--font-size-68: 37.4px;
--font-size-69: 37.95px;
--font-size-70: 38.5px;
--font-size-71: 39.05px;
--font-size-72: 39.6px;
--font-size-73: 40.15px;
--font-size-74: 40.7px;
--font-size-75: 41.25px;
--font-size-76: 41.8px;
--font-size-77: 42.35px;
--font-size-78: 42.9px;
--font-size-79: 43.45px;
--font-size-80: 44px;
--font-size-81: 44.55px;
--font-size-82: 45.1px;
--font-size-83: 45.65px;
--font-size-84: 46.2px;
--font-size-85: 38.25px;
--font-size-86: 38.7px;
--font-size-87: 39.15px;
--font-size-88: 39.6px;
--font-size-89: 40.05px;
--font-size-90: 40.5px;
--font-size-91: 40.95px;
--font-size-92: 41.4px;
--font-size-93: 41.85px;
--font-size-94: 42.3px;
--font-size-95: 42.75px;
--font-size-96: 43.2px;
--font-size-97: 43.65px;
--font-size-98: 44.1px;
--font-size-99: 44.55px;
--font-size-100: 45px;
--font-size-101: 45.45px;
--font-size-102: 45.9px;
--font-size-103: 46.35px;
--font-size-104: 46.8px;
--font-size-105: 47.25px;
--font-size-106: 47.7px;
--font-size-107: 48.15px;
--font-size-108: 48.6px;
--font-size-109: 49.05px;
--font-size-110: 49.5px;
--font-size-111: 49.95px;
--font-size-112: 50.4px;
--font-size-113: 50.85px;
--font-size-114: 51.3px;
--font-size-115: 51.75px;
--font-size-116: 52.2px;
--font-size-117: 52.65px;
--font-size-118: 53.1px;
--font-size-119: 53.55px;
--font-size-120: 54px;
}
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > .col,
.row.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.contentbox-header {
margin-bottom: var(--spacer-8);
}
.contentbox-header p {
display: block;
font-size: var(--font-size-12);
margin-bottom: 0;
}
.contentbox-header h4 {
color: #000;
font-size: var(--font-size-24);
margin-bottom: 0;
}
body[class*="checkout-page"] .contentbox-header,
body[class*="current-page-cart"] .contentbox-header {
text-align: left;
margin-bottom: var(--spacer-1);
border-bottom: none;
}
body[class*="checkout-page"] .contentbox-header h4,
body[class*="current-page-cart"] .contentbox-header h4 {
font-size: var(--font-size-18);
}
body.current-page-page-detail .contentbox-body .page-buttons {
display: none;
}
.user-login-page-wrapper {
position: relative;
display: flex;
justify-content: center;
}
.user-login-page-wrapper .user-login-page-container {
position: relative;
z-index: 2;
width: 460px;
}
@media (max-width: 767px) {
.user-login-page-wrapper .user-login-page-container {
width: 380px;
}
}
@media (max-width: 424px) {
.user-login-page-wrapper .user-login-page-container {
width: 330px;
}
}
@media (max-width: 374px) {
.user-login-page-wrapper .user-login-page-container {
width: 280px;
}
}
.user-login-page-wrapper .user-login-page-container .user-login-page-logo {
display: flex;
align-items: center;
justify-content: center;
min-height: 80px;
padding: var(--spacer-5);
}
.user-login-page-wrapper .user-login-page-container .user-login-page-logo img {
max-height: 80px;
}
.user-login-page-wrapper .user-login-page-content {
padding: var(--spacer-10);
background-color: #fff;
border: 1px solid #ededed;
border-radius: 4px;
}
.user-login-page-wrapper .user-login-page-title {
text-align: center;
margin-bottom: var(--spacer-7);
}
.user-login-page-wrapper .user-login-page-title span {
line-height: 28px;
font-size: var(--font-size-24);
font-weight: 700;
}
.user-login-page-wrapper .user-login-page-title.user-login-page-sub-title {
padding-top: var(--spacer-15);
}
.user-login-page-wrapper .user-login-page-order-registration {
display: flex;
align-items: center;
justify-content: center;
height: 52px;
color: #000;
font-size: var(--font-size-16);
font-weight: 600;
text-align: center;
margin-top: var(--spacer-9);
background-color: rgba(220, 53, 69, 0.3);
}
.user-login-page-wrapper .user-login-page-row {
margin-bottom: var(--spacer-5);
}
.user-login-page-wrapper .user-login-page-row.user-login-page-button-social {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.user-login-page-wrapper .user-login-page-row.user-login-page-button-social {
display: block;
}
}
.user-login-page-wrapper .user-login-page-row.user-login-page-button-social > div {
flex: 0 0 50%;
}
.user-login-page-wrapper .user-login-page-row.user-login-page-button-social > div:first-child {
padding-right: var(--spacer-5);
}
@media (max-width: 767px) {
.user-login-page-wrapper .user-login-page-row.user-login-page-button-social > div {
flex: 0 0 100%;
}
.user-login-page-wrapper .user-login-page-row.user-login-page-button-social > div:first-child {
padding-right: 0;
}
}
.user-login-page-wrapper .user-login-page-row input.form-control {
height: 52px;
color: #000;
font-size: var(--font-size-14);
padding: var(--spacer-2) var(--spacer-4);
}
.user-login-page-wrapper .user-login-page-row .btn {
display: flex;
align-items: center;
justify-content: center;
height: 52px;
color: #fff;
font-size: var(--font-size-18);
font-weight: 600;
padding: 0;
}
@media (max-width: 374px) {
.user-login-page-wrapper .user-login-page-row .btn {
height: 48px;
}
}
.user-login-page-wrapper .user-login-page-row .btn.btn-white {
color: #000;
font-weight: 400;
margin-top: var(--spacer-9);
border: 1px solid #ededed;
background-color: #fff;
}
.user-login-page-wrapper .user-login-page-row .btn.btn-google {
color: #000 !important;
font-size: var(--font-size-15);
font-weight: 400;
background: #fff !important;
border: 1px solid #ededed;
}
.user-login-page-wrapper .user-login-page-row .btn.btn-google span {
padding-left: 10px;
}
.user-login-page-wrapper .user-login-page-row .btn.btn-google:hover {
color: #000 !important;
background: #fff !important;
}
@media (max-width: 767px) {
.user-login-page-wrapper .user-login-page-row .btn.btn-google {
margin-bottom: var(--spacer-5);
}
}
.user-login-page-wrapper .user-login-page-row .btn.btn-facebook {
color: #000 !important;
font-size: var(--font-size-15);
font-weight: 400;
background: #fff !important;
border: 1px solid #ededed;
}
.user-login-page-wrapper .user-login-page-row .btn.btn-facebook span {
padding-left: 10px;
}
.user-login-page-wrapper .user-login-page-row .btn.btn-facebook:hover {
color: #000 !important;
background: #fff !important;
}
.user-login-page-wrapper .checkbox-custom,
.user-login-page-wrapper .user-login-forgot-pass {
margin-bottom: var(--spacer-9);
}
.user-login-page-wrapper .checkbox-custom input[type="checkbox"] + label {
line-height: 20px;
color: #000;
font-size: var(--font-size-14);
padding-left: 36px;
}
.user-login-page-wrapper .checkbox-custom input[type="checkbox"] + label:before {
width: 20px;
height: 20px;
border: 1px solid #ededed;
}
.user-login-page-wrapper .checkbox-custom input[type="checkbox"]:checked + label:before {
background-image: none;
border-color: #ededed;
background-color: #fff;
}
.user-login-page-wrapper .checkbox-custom input[type="checkbox"]:checked + label:after {
content: "";
position: absolute;
left: 7px;
top: 2px;
display: inline-block;
width: 6px;
height: 12px;
border-bottom: 2px solid #e10054;
border-right: 2px solid #e10054;
transform: rotate(45deg);
}
.user-login-page-wrapper .user-login-forgot-pass a {
display: block;
color: #000;
font-size: var(--font-size-14);
}
.signup-page-logo {
display: flex;
align-items: center;
justify-content: center;
min-height: 80px;
padding: var(--spacer-5);
}
.signup-page-logo img {
max-height: 80px;
}
.signup-container {
width: 580px;
margin: 0 auto var(--spacer-4);
padding: var(--spacer-6) var(--spacer-10) var(--spacer-5);
border: 1px solid #ededed;
border-radius: 4px;
background-color: #fff;
}
@media (max-width: 767px) {
.signup-container {
width: calc(100% - 8px);
}
}
.signup-container .contentbox-header {
text-align: center !important;
margin: 0 0 var(--spacer-7) !important;
padding: 0 !important;
border: none !important;
}
.signup-container .contentbox-header h4 {
line-height: 28px;
font-size: var(--font-size-24) !important;
font-weight: 700 !important;
margin-bottom: 0 !important;
}
.signup-container .alert.alert-primary {
margin-bottom: var(--spacer-5);
}
.signup-container .form-group {
margin-bottom: var(--spacer-5);
}
.signup-container .form-group .col-12.col-lg-5,
.signup-container .form-group .col-12.col-lg-8,
.signup-container .form-group .col-12.col-lg-9.text-right {
flex: 1 0 0%;
max-width: none;
}
.signup-container .form-group .col-12.col-lg-4.control-label + .col-6.col-lg-5 {
flex: 1 0 0%;
max-width: none;
}
.signup-container .form-group .security-code {
height: 48px;
}
.signup-container .form-group input.form-control {
height: 48px;
color: #000;
font-size: var(--font-size-14);
padding: var(--spacer-2) var(--spacer-4);
}
.signup-container .form-group .form-question {
top: 14px !important;
}
.signup-container .form-group .btn {
height: 48px;
}
.signup-container .form-group .btn-group-binary {
display: flex;
align-items: center;
justify-content: space-between;
}
.signup-container .form-group .btn-group-binary:before,
.signup-container .form-group .btn-group-binary:after {
display: none;
}
.signup-container .form-group .btn-group-binary > button {
flex: 0 0 48%;
max-width: 48%;
}
.signup-container .form-group .btn-group-binary > button.mr-2 {
margin-right: 0 !important;
}
.current-page-member-signup .signup-container.signup-container-information {
width: 100%;
}
.current-page-member-signup .signup-container.signup-container-information .information-content {
border: none;
}
.current-page-member-signup .signup-container .form-group:nth-last-child(-n + 4) .col-12.col-lg-4.control-label {
display: none;
}
#scroll-top {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 75%;
right: 20px;
width: 45px;
height: 45px;
border-radius: 50%;
z-index: 20;
background: #e10054;
cursor: pointer;
}
#scroll-top i {
color: #fff;
font-size: 15px;
transform: rotate(270deg);
}
@media (max-width: 991px) {
#scroll-top {
display: flex !important;
}
}
.gift-label {
display: flex;
}
#ideaexport_translation_bar_container {
text-align: center;
}
#ideaexport_translation_bar_container {
display: none;
}
#custom-export {
position: relative;
padding-left: 20px;
}
@media (max-width: 1199px) {
#custom-export {
padding-left: var(--spacer-4);
}
}
@media (max-width: 374px) {
#custom-export {
padding-left: var(--spacer-4);
}
}
#custom-export > a {
display: flex;
align-items: center;
justify-content: flex-start;
width: auto;
height: 40px;
color: #61514e;
font-size: 14px;
text-transform: uppercase;
transition: all 0.2s linear;
}
#custom-export > a svg path {
transition: all 0.2s linear;
}
#custom-export > a > span {
display: flex;
align-items: center;
line-height: 18px;
padding-left: 5px !important;
}
@media (max-width: 767px) {
#custom-export > a > span {
display: none;
}
}
#custom-export > a:hover {
color: #e10054;
background-color: #fff;
}
#custom-export > a:hover svg path {
fill: #e10054;
}
#custom-export-content {
width: 320px;
background-color: #fff;
display: none;
padding: var(--spacer-4);
border: 1px solid #ededed;
overflow: visible;
}
@media (max-width: 991px) {
#custom-export-content {
width: 300px;
}
}
#custom-export-content .custom-export-title {
margin-bottom: var(--spacer-4);
font-size: 1.6rem;
font-weight: 700;
}
#custom-export-content .custom-export-select {
margin-bottom: var(--spacer-4);
position: relative;
}
#custom-export-content .custom-export-select > a {
padding: 1rem;
display: flex;
color: #000;
border: 1px solid #ededed;
}
#custom-export-content .custom-export-select > a > span:last-child {
padding-left: 1rem;
}
#custom-export-content .custom-export-select > a:after {
content: "ï¸";
font-family: "font awesome 5 free";
font-weight: 900;
margin-left: auto;
}
#custom-export-content .custom-export-select .select-content {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 200px;
overflow-y: auto;
background-color: #fff;
z-index: 2;
border: 1px solid #ededed;
border-top: none;
}
#custom-export-content .custom-export-select .select-content > a {
padding: 1rem;
display: flex;
color: #000;
}
#custom-export-content .custom-export-select .select-content > a > span:last-child {
padding-left: 1rem;
}
#custom-export-content .custom-export-select .select-content > a:hover {
background-color: #ededed;
}
.flag {
width: 18px;
height: 18px;
background-image: url("export-flags.png");
display: block;
}
.brand-list a div img {
max-width: 130px !important;
}
.brand-list a,
.category-list a {
border: 1px solid #e10054;
}
.videocontainer {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.yvideo {
position: absolute;
top: 0;
left: 0;
width: 90% !important;
height: 90% !important;
}
.openbox-overlay,
.navigation-menu-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 99;
width: 100%;
height: 100%;
cursor: pointer;
}
@media (max-width: 1199px) {
body[class$="-active"] {
cursor: pointer;
}
body.navigation-active {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
}
body.navigation-active {
left: 420px;
}
body.navigation-active #mobile-navigation {
left: 0;
box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1);
}
body.navigation-active .navigation-menu-overlay {
display: block;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
body.navigation-active {
left: 320px;
}
}
@media (max-width: 1199px) and (max-width: 374px) {
body.navigation-active {
left: 280px;
}
}
#mobile-navigation {
position: fixed;
top: 0;
left: -420px;
width: 420px;
height: 100%;
z-index: 999;
transition: all 0.2s linear;
background: #fff;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
#mobile-navigation {
width: 320px;
}
}
@media (max-width: 374px) {
#mobile-navigation {
width: 280px;
}
}
#mobile-navigation .mobile-navigation {
overflow: hidden;
position: relative;
}
#mobile-navigation li.has-sub-category > div {
overflow: hidden;
}
#mobile-navigation li.has-sub-category.active > div {
left: 0;
overflow: visible;
}
#mobile-navigation a {
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
font-size: var(--font-size-14);
padding: var(--spacer-6) var(--spacer-4);
border-bottom: 1px solid #ededed;
}
@media (max-width: 767px) {
#mobile-navigation a {
padding: var(--spacer-8) var(--spacer-6);
}
}
#mobile-navigation a > div {
display: flex;
align-items: center;
}
#mobile-navigation a > div > div {
margin-right: var(--spacer-6);
}
#mobile-navigation a > div > div img {
width: 30px;
height: 30px;
object-fit: scale-down;
}
#mobile-navigation .category-level-2,
#mobile-navigation .category-level-3 {
position: absolute;
top: 0;
left: 100%;
width: 100%;
background: #fff;
transition: all 0.2s linear;
z-index: 2;
}
#mobile-navigation .category-level-2 ul,
#mobile-navigation .category-level-3 ul {
padding: 0 var(--spacer-8);
}
#mobile-navigation .category-level-2 ul > li > a,
#mobile-navigation .category-level-3 ul > li > a {
color: #000;
font-size: var(--font-size-13);
padding: var(--spacer-6) 0;
border-color: #ededed;
}
@media (max-width: 767px) {
#mobile-navigation .category-level-2 ul > li > a,
#mobile-navigation .category-level-3 ul > li > a {
padding: var(--spacer-8) 0;
}
}
#mobile-navigation .mobile-navigation-back a {
justify-content: flex-end;
}
#mobile-navigation .mobile-navigation-back a span {
margin-left: var(--spacer-6);
}
#mobile-navigation .mobile-navigation-back a i {
font-size: var(--font-size-10);
}
#mobile-navigation .mobile-navigation-parent a {
font-weight: 700;
font-size: var(--font-size-18);
}
.modal-cart-delete {
overflow: visible !important;
}
.modal-cart-delete .modal-dialog {
max-width: 580px;
margin: var(--spacer-25) auto 0;
}
@media (max-width: 1199px) {
.modal-cart-delete .modal-dialog {
margin-top: var(--spacer-5);
}
}
@media (max-width: 767px) {
.modal-cart-delete .modal-dialog {
max-width: 400px;
margin-top: var(--spacer-4);
}
}
@media (max-width: 424px) {
.modal-cart-delete .modal-dialog {
max-width: 350px;
}
}
@media (max-width: 374px) {
.modal-cart-delete .modal-dialog {
max-width: 295px;
}
}
.modal-cart-delete .modal-dialog .modal-content {
max-width: 580px;
padding: var(--spacer-6) var(--spacer-34);
border: none;
text-align: center;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
.modal-cart-delete .modal-dialog .modal-content {
max-width: 400px;
padding: var(--spacer-12);
}
}
@media (max-width: 424px) {
.modal-cart-delete .modal-dialog .modal-content {
max-width: 350px;
padding: var(--spacer-6);
}
}
@media (max-width: 374px) {
.modal-cart-delete .modal-dialog .modal-content {
max-width: 295px;
}
}
.modal-cart-delete .modal-dialog .modal-content .close {
display: none;
}
.modal-cart-delete .modal-dialog .modal-content .modal-body {
padding: 0;
}
.modal-cart-delete .modal-dialog .modal-content .modal-body svg {
margin-bottom: var(--spacer-5);
}
.modal-cart-delete .modal-dialog .modal-content .modal-body span {
display: block;
text-align: center;
font-size: var(--font-size-24);
font-weight: 700;
margin-bottom: var(--spacer-5);
}
.modal-cart-delete .modal-dialog .modal-content .modal-body p {
color: #999;
}
.modal-cart-delete .modal-dialog .modal-content .modal-footer {
padding: 0;
border: none;
text-align: center;
justify-content: center;
}
.modal-cart-delete .modal-dialog .modal-content .modal-footer .btn {
flex: 1 0 0%;
margin-right: var(--spacer-6);
}
.modal-cart-delete .modal-dialog .modal-content .modal-footer .btn:last-child {
margin-right: 0;
}
@media (max-width: 767px) {
.modal-cart-delete .modal-dialog .modal-content .modal-body span {
font-size: var(--font-size-19);
margin-bottom: var(--spacer-7);
}
}
.shopping-information-cart {
position: fixed;
left: 0;
top: 0;
z-index: 1100;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
}
.shopping-information-cart .shopping-information-cart-inside {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
color: #000;
font-size: var(--font-size-22);
letter-spacing: 1px;
text-transform: uppercase;
}
.shopping-information-cart .shopping-information-cart-inside svg {
flex: 0 0 56px;
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #fff;
stroke-miterlimit: 10;
margin-right: var(--spacer-5);
animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.shopping-information-cart .shopping-information-cart-inside svg circle {
float: left;
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #e10054;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 2;
}
.shopping-information-cart .shopping-information-cart-inside svg path {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%,
100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0 0 0 30px #e10054;
}
}
.promotion-wrapper {
margin-bottom: var(--spacer-12);
}
.promotion-wrapper .promotion-title h4 {
line-height: 32px;
font-size: var(--font-size-24);
font-weight: 700;
margin-bottom: var(--spacer-8);
}
.promotion-wrapper .promotion-content .promotion-row {
margin-top: -1px;
background-color: #fff;
border: 1px solid #ededed;
}
.promotion-wrapper .promotion-content .promotion-row:first-child {
margin-top: 0;
}
.promotion-wrapper .promotion-content .promotion-row:nth-child(odd) {
background-color: #f4f4f4;
}
@media (max-width: 767px) {
.promotion-wrapper .promotion-content .promotion-row {
margin-top: 0;
margin-bottom: var(--spacer-8);
}
}
.promotion-wrapper .promotion-content .promotion-icon {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 var(--spacer-4);
border-right: 1px solid #ededed;
}
.promotion-wrapper .promotion-content .promotion-icon i {
color: #000;
font-size: var(--font-size-30);
}
.promotion-wrapper .promotion-content .promotion-info {
height: 100%;
padding: var(--spacer-4);
}
.promotion-wrapper .promotion-content .promotion-info > div {
margin-bottom: var(--spacer-3);
}
.promotion-wrapper .promotion-content .promotion-info > div strong {
font-size: var(--font-size-18);
}
.promotion-wrapper .promotion-content .promotion-info > span {
display: block;
max-height: 75px;
overflow-y: auto;
font-size: var(--font-size-14);
}
.promotion-wrapper .promotion-content .promotion-button {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: var(--spacer-4);
border-left: 1px solid #ededed;
}
@media (max-width: 767px) {
.promotion-wrapper .promotion-content .promotion-button {
padding: 0;
border-left: none;
}
}
.tabbed-midblocks-container {
margin-bottom: var(--spacer-5);
}
.tabbed-midblocks-container .tabbed-midblocks-header {
display: flex;
flex-wrap: wrap;
margin-bottom: var(--spacer-3);
}
.tabbed-midblocks-container .tabbed-midblocks-header > a {
width: 40px;
height: 40px;
display: none;
align-items: center;
justify-content: center;
background-color: #e10054;
color: #fff;
}
@media (max-width: 991px) {
.tabbed-midblocks-container .tabbed-midblocks-header > a {
display: flex;
}
}
.tabbed-midblocks-container .tabbed-midblocks-header > div {
display: flex;
flex: auto;
}
.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] {
position: relative;
flex: 0 0 20%;
cursor: pointer;
}
.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] > span {
display: flex;
align-items: center;
flex: 0 0 100%;
height: 40px;
color: #000;
border-bottom: 3px solid transparent;
font-size: var(--font-size-16);
}
@media (max-width: 991px) {
.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] {
flex: 0 0 100%;
display: none;
}
.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] > span {
justify-content: center;
}
}
.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index].active {
display: flex;
}
.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index].active > span {
border-color: #e10054;
color: #000;
}
.tabbed-midblocks-container .tabbed-midblock-content {
margin-bottom: var(--spacer-3);
}
.tabbed-midblocks-container .tabbed-midblock-content > [data-tab-content] {
display: none;
}
.tabbed-midblocks-container .tabbed-midblock-content > [data-tab-content].active {
display: block;
}
.tabbed-midblocks-container .tabbed-midblock-bottom {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.tabbed-midblocks-container .tabbed-midblock-bottom a {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: #fff;
margin: 0 2px;
background-color: #e10054;
}
.tabbed-midblocks-container .tabbed-midblock-bottom a.passive {
color: #fff;
pointer-events: none;
background-color: #61514e;
}
.mid-blocks-wrapper .mid-blocks-container .mid-blocks-header {
margin-bottom: var(--spacer-5);
}
.mid-blocks-wrapper .mid-blocks-container .mid-blocks-header .mid-blocks-title {
display: flex;
align-items: center;
height: 40px;
color: #000;
font-size: var(--font-size-16);
border-bottom: 3px solid #e10054;
}
.zoomContainer .zoomWindow {
background-color: #fff;
}
@media (max-width: 991px) {
.zoomContainer {
display: none !important;
}
}
.product-tags {
display: flex;
margin-top: var(--spacer-8);
}
.product-tags .product-tags-title {
flex: 0 0 auto;
color: #000;
font-weight: 700;
padding: 3px 0;
margin-right: var(--spacer-4);
}
.product-tags .product-tags-content {
display: flex;
flex-wrap: wrap;
}
.product-tags .product-tags-content a {
display: block;
color: #000;
padding: 3px var(--spacer-4);
margin-right: 4px;
margin-bottom: 4px;
border: 1px solid #ededed;
background: #fff;
border-radius: 4px;
}
@media (max-width: 991px) {
.product-tags {
display: block;
}
}
.fancybox-slide .fancybox-image-wrap {
background: #fff !important;
}
.flag-ad {
background-position: 0 0;
}
.flag-ae {
background-position: -18px 0;
}
.flag-af {
background-position: -36px 0;
}
.flag-ag {
background-position: -54px 0;
}
.flag-ai {
background-position: -72px 0;
}
.flag-al {
background-position: -90px 0;
}
.flag-am {
background-position: -108px 0;
}
.flag-ao {
background-position: -126px 0;
}
.flag-aq {
background-position: -144px 0;
}
.flag-ar {
background-position: -162px 0;
}
.flag-as {
background-position: -180px 0;
}
.flag-at {
background-position: -198px 0;
}
.flag-au {
background-position: -216px 0;
}
.flag-aw {
background-position: -234px 0;
}
.flag-ax {
background-position: -252px 0;
}
.flag-az {
background-position: -270px 0;
}
.flag-ba {
background-position: -288px 0;
}
.flag-bb {
background-position: -306px 0;
}
.flag-bd {
background-position: -324px 0;
}
.flag-be {
background-position: -342px 0;
}
.flag-bf {
background-position: -360px 0;
}
.flag-bg {
background-position: -378px 0;
}
.flag-bh {
background-position: -396px 0;
}
.flag-bi {
background-position: -414px 0;
}
.flag-bj {
background-position: -432px 0;
}
.flag-bl {
background-position: -450px 0;
}
.flag-bm {
background-position: -468px 0;
}
.flag-bn {
background-position: -486px 0;
}
.flag-bo {
background-position: -504px 0;
}
.flag-bq {
background-position: -522px 0;
}
.flag-br {
background-position: -540px 0;
}
.flag-bs {
background-position: -558px 0;
}
.flag-bt {
background-position: -576px 0;
}
.flag-bw {
background-position: -594px 0;
}
.flag-by {
background-position: -612px 0;
}
.flag-bz {
background-position: -630px 0;
}
.flag-ca {
background-position: -648px 0;
}
.flag-cc {
background-position: -666px 0;
}
.flag-cd {
background-position: -684px 0;
}
.flag-cf {
background-position: -702px 0;
}
.flag-cg {
background-position: -720px 0;
}
.flag-ch {
background-position: -738px 0;
}
.flag-ci {
background-position: -756px 0;
}
.flag-ck {
background-position: -774px 0;
}
.flag-cl {
background-position: -792px 0;
}
.flag-cm {
background-position: -810px 0;
}
.flag-cn {
background-position: -828px 0;
}
.flag-co {
background-position: -846px 0;
}
.flag-cr {
background-position: -864px 0;
}
.flag-cv {
background-position: -882px 0;
}
.flag-cw {
background-position: -900px 0;
}
.flag-cx {
background-position: -918px 0;
}
.flag-cy {
background-position: -936px 0;
}
.flag-cz {
background-position: -954px 0;
}
.flag-de {
background-position: -972px 0;
}
.flag-dj {
background-position: -990px 0;
}
.flag-dk {
background-position: -1008px 0;
}
.flag-dm {
background-position: -1026px 0;
}
.flag-do {
background-position: -1044px 0;
}
.flag-dz {
background-position: -1062px 0;
}
.flag-ec {
background-position: -1080px 0;
}
.flag-ee {
background-position: -1098px 0;
}
.flag-eg {
background-position: -1116px 0;
}
.flag-eh {
background-position: -1134px 0;
}
.flag-er {
background-position: -1152px 0;
}
.flag-es {
background-position: -1170px 0;
}
.flag-et {
background-position: -1188px 0;
}
.flag-fi {
background-position: -1206px 0;
}
.flag-fj {
background-position: -1224px 0;
}
.flag-fk {
background-position: -1242px 0;
}
.flag-fm {
background-position: -1260px 0;
}
.flag-fo {
background-position: -1278px 0;
}
.flag-fr {
background-position: -1296px 0;
}
.flag-ga {
background-position: -1314px 0;
}
.flag-gb {
background-position: -1332px 0;
}
.flag-gd {
background-position: -1350px 0;
}
.flag-ge {
background-position: -1368px 0;
}
.flag-gf {
background-position: -1386px 0;
}
.flag-gh {
background-position: -1404px 0;
}
.flag-gi {
background-position: -1422px 0;
}
.flag-gl {
background-position: -1440px 0;
}
.flag-gm {
background-position: -1458px 0;
}
.flag-gn {
background-position: -1476px 0;
}
.flag-gp {
background-position: -1494px 0;
}
.flag-gq {
background-position: -1512px 0;
}
.flag-gr {
background-position: -1530px 0;
}
.flag-gs {
background-position: -1548px 0;
}
.flag-gt {
background-position: -1566px 0;
}
.flag-gu {
background-position: -1584px 0;
}
.flag-gw {
background-position: -1602px 0;
}
.flag-gy {
background-position: -1620px 0;
}
.flag-hk {
background-position: -1638px 0;
}
.flag-hn {
background-position: -1656px 0;
}
.flag-hr {
background-position: -1674px 0;
}
.flag-ht {
background-position: -1692px 0;
}
.flag-hu {
background-position: -1710px 0;
}
.flag-id {
background-position: -1728px 0;
}
.flag-ie {
background-position: -1746px 0;
}
.flag-il {
background-position: -1764px 0;
}
.flag-in {
background-position: -1782px 0;
}
.flag-io {
background-position: -1800px 0;
}
.flag-iq {
background-position: -1818px 0;
}
.flag-is {
background-position: -1836px 0;
}
.flag-it {
background-position: -1854px 0;
}
.flag-jm {
background-position: -1872px 0;
}
.flag-jo {
background-position: -1890px 0;
}
.flag-jp {
background-position: -1908px 0;
}
.flag-ke {
background-position: -1926px 0;
}
.flag-kg {
background-position: -1944px 0;
}
.flag-kh {
background-position: -1962px 0;
}
.flag-ki {
background-position: -1980px 0;
}
.flag-km {
background-position: -1998px 0;
}
.flag-kn {
background-position: -2016px 0;
}
.flag-kr {
background-position: -2034px 0;
}
.flag-kw {
background-position: -2052px 0;
}
.flag-ky {
background-position: -2070px 0;
}
.flag-kz {
background-position: -2088px 0;
}
.flag-la {
background-position: -2106px 0;
}
.flag-lb {
background-position: -2124px 0;
}
.flag-lc {
background-position: -2142px 0;
}
.flag-li {
background-position: -2160px 0;
}
.flag-lk {
background-position: -2178px 0;
}
.flag-lr {
background-position: -2196px 0;
}
.flag-ls {
background-position: -2214px 0;
}
.flag-lt {
background-position: -2232px 0;
}
.flag-lu {
background-position: -2250px 0;
}
.flag-lv {
background-position: -2268px 0;
}
.flag-ma {
background-position: -2286px 0;
}
.flag-mc {
background-position: -2304px 0;
}
.flag-md {
background-position: -2322px 0;
}
.flag-me {
background-position: -2340px 0;
}
.flag-mf {
background-position: -2358px 0;
}
.flag-mg {
background-position: -2376px 0;
}
.flag-mh {
background-position: -2394px 0;
}
.flag-mk {
background-position: -2412px 0;
}
.flag-ml {
background-position: -2430px 0;
}
.flag-mm {
background-position: -2448px 0;
}
.flag-mn {
background-position: -2466px 0;
}
.flag-mo {
background-position: -2484px 0;
}
.flag-mp {
background-position: -2502px 0;
}
.flag-mq {
background-position: -2520px 0;
}
.flag-mr {
background-position: -2538px 0;
}
.flag-ms {
background-position: -2556px 0;
}
.flag-mt {
background-position: -2574px 0;
}
.flag-mu {
background-position: -2592px 0;
}
.flag-mv {
background-position: -2610px 0;
}
.flag-mw {
background-position: -2628px 0;
}
.flag-mx {
background-position: -2646px 0;
}
.flag-my {
background-position: -2664px 0;
}
.flag-mz {
background-position: -2682px 0;
}
.flag-na {
background-position: -2700px 0;
}
.flag-nc {
background-position: -2718px 0;
}
.flag-ne {
background-position: -2736px 0;
}
.flag-nf {
background-position: -2754px 0;
}
.flag-ng {
background-position: -2772px 0;
}
.flag-ni {
background-position: -2790px 0;
}
.flag-nl {
background-position: -2808px 0;
}
.flag-no {
background-position: -2826px 0;
}
.flag-np {
background-position: -2844px 0;
}
.flag-nr {
background-position: -2862px 0;
}
.flag-nu {
background-position: -2880px 0;
}
.flag-nz {
background-position: -2898px 0;
}
.flag-om {
background-position: -2916px 0;
}
.flag-pa {
background-position: -2934px 0;
}
.flag-pe {
background-position: -2952px 0;
}
.flag-pf {
background-position: -2970px 0;
}
.flag-pg {
background-position: -2988px 0;
}
.flag-ph {
background-position: -3006px 0;
}
.flag-pk {
background-position: -3024px 0;
}
.flag-pl {
background-position: -3042px 0;
}
.flag-pm {
background-position: -3060px 0;
}
.flag-pn {
background-position: -3078px 0;
}
.flag-pr {
background-position: -3096px 0;
}
.flag-ps {
background-position: -3114px 0;
}
.flag-pt {
background-position: -3132px 0;
}
.flag-pw {
background-position: -3150px 0;
}
.flag-py {
background-position: -3168px 0;
}
.flag-qa {
background-position: -3186px 0;
}
.flag-re {
background-position: -3204px 0;
}
.flag-rest {
background-position: -3222px 0;
}
.flag-ro {
background-position: -3240px 0;
}
.flag-rs {
background-position: -3258px 0;
}
.flag-ru {
background-position: -3276px 0;
}
.flag-rw {
background-position: -3294px 0;
}
.flag-sa {
background-position: -3312px 0;
}
.flag-sb {
background-position: -3330px 0;
}
.flag-sc {
background-position: -3348px 0;
}
.flag-sd {
background-position: -3366px 0;
}
.flag-se {
background-position: -3384px 0;
}
.flag-sg {
background-position: -3402px 0;
}
.flag-sh {
background-position: -3420px 0;
}
.flag-si {
background-position: -3438px 0;
}
.flag-sj {
background-position: -3456px 0;
}
.flag-sk {
background-position: -3474px 0;
}
.flag-sl {
background-position: -3492px 0;
}
.flag-sm {
background-position: -3510px 0;
}
.flag-sn {
background-position: -3528px 0;
}
.flag-sr {
background-position: -3546px 0;
}
.flag-ss {
background-position: -3564px 0;
}
.flag-st {
background-position: -3582px 0;
}
.flag-sv {
background-position: -3600px 0;
}
.flag-sx {
background-position: -3618px 0;
}
.flag-sz {
background-position: -3636px 0;
}
.flag-tc {
background-position: -3654px 0;
}
.flag-td {
background-position: -3672px 0;
}
.flag-tf {
background-position: -3690px 0;
}
.flag-tg {
background-position: -3708px 0;
}
.flag-th {
background-position: -3726px 0;
}
.flag-tj {
background-position: -3744px 0;
}
.flag-tk {
background-position: -3762px 0;
}
.flag-tl {
background-position: -3780px 0;
}
.flag-tm {
background-position: -3798px 0;
}
.flag-tn {
background-position: -3816px 0;
}
.flag-to {
background-position: -3834px 0;
}
.flag-tr {
background-position: -3852px 0;
}
.flag-tt {
background-position: -3870px 0;
}
.flag-tv {
background-position: -3888px 0;
}
.flag-tw {
background-position: -3906px 0;
}
.flag-tz {
background-position: -3924px 0;
}
.flag-ua {
background-position: -3942px 0;
}
.flag-ug {
background-position: -3960px 0;
}
.flag-um {
background-position: -3978px 0;
}
.flag-us {
background-position: -3996px 0;
}
.flag-uy {
background-position: -4014px 0;
}
.flag-uz {
background-position: -4032px 0;
}
.flag-va {
background-position: -4050px 0;
}
.flag-vc {
background-position: -4068px 0;
}
.flag-vg {
background-position: -4086px 0;
}
.flag-vi {
background-position: -4104px 0;
}
.flag-vn {
background-position: -4122px 0;
}
.flag-vu {
background-position: -4140px 0;
}
.flag-wf {
background-position: -4158px 0;
}
.flag-ws {
background-position: -4176px 0;
}
.flag-xk {
background-position: -4194px 0;
}
.flag-yt {
background-position: -4212px 0;
}
.flag-za {
background-position: -4230px 0;
}
.flag-zm {
background-position: -4248px 0;
}
.flag-zw {
background-position: -4266px 0;
}
.product-standart-cargo-buttons {
display: flex;
margin-bottom: var(--spacer-4);
}
.product-standart-cargo-buttons .product-standart-cargo-button {
display: flex;
align-items: center;
height: 26px;
color: #000;
margin-right: var(--spacer-8);
}
.product-standart-cargo-buttons .product-standart-cargo-button i {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
color: #000;
margin-right: 6px;
}
.product-standart-cargo-buttons .product-standart-cargo-button i:before {
font-family: "font awesome 5 free";
font-weight: 900;
font-style: normal;
font-size: var(--font-size-17);
}
.product-standart-cargo-buttons .product-standart-cargo-button:last-child {
margin-right: 0;
}
.product-standart-cargo-buttons .product-standart-cargo-button.fast_shipping i:before {
content: "ï’‹";
}
.product-standart-cargo-buttons .product-standart-cargo-button.same_day_shipping i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.three_days_delivery i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.five_days_delivery i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.seven_days_delivery i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.free_shipping i:before {
content: "ï«";
}
.product-standart-cargo-buttons .product-standart-cargo-button.delivery_from_stock i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.pre_ordered_product i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.limited_stock i:before {
content: "";
}
.product-standart-cargo-buttons .product-standart-cargo-button.ask_stock i:before {
content: "ï’";
}
.product-standart-cargo-buttons .product-standart-cargo-button.campaigned_product i:before {
content: "ï‚£";
}
#social-container {
padding: 0;
}
#social-container [data-selector="whatsapp-order"] {
background: #25d366;
border-radius: 0;
bottom: 60px;
}
#social-container [data-selector="facebook-messenger"] {
border-radius: 0;
}
#social-container [data-selector="facebook-messenger"].overlap {
bottom: 110px;
}
#social-container [data-selector="whatsapp-order"],
#social-container [data-selector="facebook-messenger"] {
position: fixed;
width: 40px;
height: 40px;
font-size: 0;
border-radius: 100%;
}
#social-container [data-selector="whatsapp-order"] .fab,
#social-container [data-selector="facebook-messenger"] .fab {
margin-right: 0;
font-size: var(--font-size-25);
}
#social-container [data-selector="whatsapp-order"].right,
#social-container [data-selector="facebook-messenger"].right {
right: var(--spacer-4);
}
.idea-promotion-bar {
padding: 0;
z-index: 101;
}
.idea-promotion-bar.bar-position-top {
border-bottom: none;
}
#checkout-breadcrumbs .checkout-steps > a {
margin-left: -var(--spacer-4);
margin-right: -var(--spacer-4);
}
.form-control {
color: #000;
font-size: var(--font-size-13);
border-radius: 4px;
border: 1px solid #ededed;
}
.form-control::placeholder {
color: #000;
}
.form-group .required {
font-size: var(--font-size-14);
}
@media (max-width: 767px) {
.form-group .required {
right: 12px;
}
}
.current-page-product-detail .product-extra-details ol,
.current-page-product-detail .product-extra-details ul,
.current-page-product-detail .product-detail ol,
.current-page-product-detail .product-detail ul {
margin: 0;
padding: 0;
}
.current-page-product-detail .product-extra-details ol li,
.current-page-product-detail .product-detail ol li {
list-style: decimal inside;
}
.current-page-product-detail .product-extra-details ul li,
.current-page-product-detail .product-detail ul li {
list-style: disc inside;
}
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-text-fill-color: #000;
-webkit-box-shadow: 0 0 0 1000px #fff inset;
transition: background-color 5000s ease-in-out 0s;
}
.form-control:focus {
-webkit-box-shadow: 0 0 3px 1px #f0f0f0 !important;
box-shadow: 0 0 3px 1px #f0f0f0 !important;
}
.alert,
.cart-block,
.form-control,
.modal-content,
.user-login-box,
#checkout-breadcrumbs,
.member-block li a i.left-icons,
input[type="checkbox"] + label:before,
.member-block li.member-block-title,
.order-list-table .order-list-action-button a i,
.input-group.input-group-left .input-group-addon,
#agreement-content .agreement-container .agreement,
.address-wrapper .address-block .address-block-header,
.payment-tab .payment-tab-nav .payment-tab-nav-left > div > a,
select.form-control:not([size]):not([multiple]),
select:not([size]),
#cart-container #cart-promoted-products .promotion-list .list-header,
#cart-popup-container #cart-promoted-products .promotion-list .list-header,
#idea-pay-form #agreement-content .agreement-container .agreement,
#cart-container #cart-items .cart-item .product-quantity,
#cart-popup-container #cart-items .cart-item .product-quantity,
#CreditCard [data-selector="payment-form"] #agreement-content .agreement-container .agreement,
#MailOrder [data-selector="payment-form"] #agreement-content .agreement-container .agreement {
border-radius: 4px;
}
.form-group select.form-control:not([size]):not([multiple]),
.form-group select:not([size]) {
height: 48px;
}
.btn {
font-size: var(--font-size-14);
border-radius: 4px;
transition: all 0.2s linear;
}
.btn.btn-primary {
color: #fff;
background: #e10054;
}
.btn.btn-primary:not(.btn-loading):active,
.btn.btn-primary:not(.btn-loading).active,
.btn.btn-primary:not(.btn-loading):hover,
.btn.btn-primary:not(.btn-loading).hover,
.btn.btn-primary:not([disabled]):not(.disabled):active,
.btn.btn-primary:not([disabled]):not(.disabled).active {
background: #ff156c;
color: #fff;
}
.btn.btn-secondary {
color: #fff;
background: #61514e;
}
.btn.btn-secondary:not(.btn-loading):active,
.btn.btn-secondary:not(.btn-loading).active,
.btn.btn-secondary:not(.btn-loading):hover,
.btn.btn-secondary:not(.btn-loading).hover {
color: #fff;
background: #7d6965;
}
.btn-loading:before {
border-top-color: #e10054;
}
.loader .ball-pulse > div {
background-color: #e10054;
}
.loading > div {
border-top-color: #e10054;
border-bottom-color: #e10054;
}
.loading-bar .loader {
background: #e10054;
}
.control-label {
color: #000;
font-size: var(--font-size-13);
}
.information-content {
border: 1px solid #ededed;
border-radius: 4px;
}
.information-content span {
border-radius: 4px;
}
.information-content i {
color: #453937;
}
.member-block li > a.active {
color: #e10054;
}
.member-block li:hover > a:not(.active) {
color: #e10054;
}
.member-block li:hover > a:not(.active) i.left-icons {
color: #e10054;
}
#featured-product-block {
border: none;
}
.input-group .input-group-addon {
border-color: #ededed;
}
.user-login-box {
border-color: #ededed;
}
.contentbox-sub-title {
border-bottom-color: #ededed;
}
.block-list li a {
align-items: center;
}
.block-list li:last-child a {
border-bottom: none;
}
#head-content,
#triple-search-box {
margin-bottom: var(--spacer-4);
padding-bottom: var(--spacer-4);
border-bottom: 1px solid #ededed;
}
@media (max-width: 767px) {
#triple-search-box .col-form-label {
line-height: 16px;
}
}