body,
html {
padding: 0;
margin: 0;
font-family: "Jost", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.625;
text-align: left;
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
overflow-x: hidden;
}
#content.retailsy-content {
background: #fff;
}
.home3 #content.retailsy-content{
background-color: #e5e5e5 !important;
}
ins {
text-decoration: none;
}
*:not(table *) {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
word-break: break-word;
min-width: 0;
}
body {
position: relative;
}
body.boxed {
width: 1200px;
-webkit-box-shadow: 0 0 10px 0 rgb(48 48 48 / 50%);
box-shadow: 0 0 10px 0 rgb(48 48 48 / 50%);
margin: 0 auto;
position: relative;
}
.visible {
visibility: visible;
}
.hidden {
visibility: hidden;
}
/*Widget social default */
.widget_social_widget ul {
display: flex;
gap: 15px;
flex-wrap:wrap;
/* padding:20px !important; */
}
.widget_social_widget ul a:not(.header-widget .widget_social_widget ul a) {
width: 40px;
height: 40px;
border-radius: 50%;
position: relative;
overflow: hidden;
background: #e8e8e8;
}
.contact-right .widget_social_widget ul a:not(.header-widget .widget_social_widget ul a) {
background: none;
}
.widget_social_widget ul a i:not(.header-widget .widget_social_widget ul a i) {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
transition: all 0.4s ease-in;
}
.widget_social_widget ul a i:last-of-type:not(.header-widget .widget_social_widget ul a i):not(.retailsy-product-sharin .widget_social_widget ul a i) {
top: 50px;
}
.widget_social_widget ul a:hover i:first-of-type:not(.header-widget .widget_social_widget ul a i),
.widget_social_widget ul a:focus i:first-of-type:not(.header-widget .widget_social_widget ul a i) {
top: -50px;
}
.widget_social_widget ul a:hover i:last-of-type:not(.header-widget .widget_social_widget ul a i):not(.retailsy-product-sharin .widget_social_widget ul a i),
.widget_social_widget ul a:focus i:last-of-type:not(.header-widget .widget_social_widget ul a i):not(.retailsy-product-sharin .widget_social_widget ul a i) {
top: 50%;
}
/*end: Widget social default */
/*Widget contact default */
.widget-contact:not(.header .widget-contact) .contact-area {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.widget-contact:not(.header .widget-contact, footer .widget-contact) .widget-title {
margin-top: 0;
}
.widget-contact:not(.header .widget-contact) .contact-area p {
margin: 0;
}
.widget-contact:not(.header .widget-contact) .contact-area i {
color: rgba(var(--color-hover, 1));
}
.widget-contact:not(.header .widget-contact) .contact-area:hover .contact-icon,
.widget-contact:not(.header .widget-contact) .contact-area:focus-within .contact-icon {
animation: float 1.5s linear infinite;
}
/*end: Widget contact default */
/* WOOCOMMERCE PREMADE CSS */
/*
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-right: 0
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 48%
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 30.75%
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 16.95%
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
width: 13.5%
}
@media only screen and (max-width: 767px){
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
width: 48%;
float: left;
clear: both;
margin: 0 0 2.992em
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
float: right;
clear: none !important
}
}
.woocommerce ul.products.columns-1 li.product {
width: 100%;
float: none;
clear: both;
margin: 0 0 2.992em;
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce ul.products.columns-3:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-3:not(.owl-carousel) li.product,
.woocommerce ul.products.columns-4:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-4:not(.owl-carousel) li.product {
width: 30.75%;
float: left;
margin: 0 2.58% 1.2em 0;
clear: none !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.woocommerce ul.products.columns-3:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-3:not(.owl-carousel) li.product,
.woocommerce ul.products.columns-4:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-4:not(.owl-carousel) li.product {
width: 48%;
}
}
@media (max-width: 575px) {
.woocommerce ul.products.columns-2:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-2:not(.owl-carousel) li.product,
.woocommerce ul.products.columns-3:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-3:not(.owl-carousel) li.product,
.woocommerce ul.products.columns-4:not(.owl-carousel) li.product,
.woocommerce-page ul.products.columns-4:not(.owl-carousel) li.product {
width: 100%;
}
}
.woocommerce ul.products,
.woocommerce-page ul.products {
clear: both
}
.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
content: " ";
display: table
}
.woocommerce ul.products::after,
.woocommerce-page ul.products::after {
clear: both
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
clear: both
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
margin-right: 0
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-right: 0
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 48%
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 30.75%
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 16.95%
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
width: 13.5%
}
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
width: 100%;
margin-right: 0
}
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
width: 48%
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 30.75%
}
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
width: 16.95%
}
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
width: 13.5%
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right
}
*/
/* END: WOOCOMMERCE PREMADE CSS */
/* START : PAGELOADER */
#pagewrapper {
position: fixed;
height: 100vh;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #111;
z-index: 99999;
}
.pageloader {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
}
/* Line */
.pageloader .ring {
position: relative;
width: 150px;
height: 150px;
margin: -30px;
border: 4px solid transparent;
border-radius: 50%;
border-top: 4px solid #ffffff;
}
/* Head of line */
.pageloader .ring::before {
content: "";
position: absolute;
top: 12px;
right: 12px;
border-radius: 50%;
width: 15px;
height: 15px;
background: rgba(var(--color-hover), 0.29);
box-shadow: 0 0 0 5px rgba(var(--color-hover), 0.33), 0 0 0 10px rgba(var(--color-hover), 0.22), 0 0 0 20px rgba(var(--color-hover), 0.11), 0 0 40px rgba(var(--color-hover), 1), 0 0 50px rgba(var(--color-hover), 1);
}
/* Circle Position & Animation */
.pageloader .ring:nth-child(1) {
animation: circle2 2s linear infinite;
}
.pageloader .ring:nth-child(2) {
animation: circle1 2s linear infinite;
}
.pageloader .ring:nth-child(3) {
position: absolute;
top: -66.66px;
animation: circle 2s linear infinite;
}
/* Loading Text */
.pageloader p {
/* overflow: hidden; */
position: absolute;
color: #fff;
font-size: 32px;
font-family: consolas;
bottom: -120px;
letter-spacing: 4px;
}
/* END: PAGELOADER */
.hover-color {
color: rgb(var(--color-hover)) !important;
}
.primary {
color: rgba(var(--color-primary), 1);
}
.bg-primary {
background-color: rgba(var(--color-primary), 1);
}
.pagination a.active, span.page-numbers.current {
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
}
.title20 {
font-weight: 700;
font-size: 20px;
}
.khoj-wrapper {
position: relative;
}
.khoj-icon {
position: absolute;
width: 50px;
text-align: center;
line-height: 50px;
height: 100%;
background-color: rgba(var(--color-hover), 1);
right: 0;
top: 0;
border-radius: 4px;
}
.khoj-icon>i {
color: white;
}
p {
line-height: 1.625;
}
* {
box-sizing: border-box;
}
.bi-handbag, .fa-cart-plus {
cursor: pointer;
}
[class*="-chevron-"] {
font-size: 10px;
}
.jcs-container>.jcs-row-3 {
justify-content: space-evenly;
}
.br-title {
font-size: 1.875rem;
font-weight: 700;
line-height: 2.5rem;
margin-bottom: 5px;
}
.br-subtitle {
font-size: 0.875rem;
font-weight: 500;
}
.title::after,
.title::before {
content: "";
position: absolute;
border-radius: 50%;
opacity: 20%;
right: 0;
}
.title::before {
top: 10px;
width: 20px;
height: 20px;
animation: sm-bbl 15s linear infinite;
}
.title::after {
bottom: 10px;
animation: big-bbl 30s linear infinite;
width: 70px;
height: 70px;
}
.menu,
.logobar,
.slider-bg .jcs-row {
align-items: center;
}
hr.hr {
border: 1px solid #ffffff;
}
.title46 {
font-size: var(--fs46);
font-weight: 600;
}
/* START: HEADER SECTION */
.header .widget-title {
display: none;
}
/* .header-above-wrapper { */
/* width: auto; */
/* } */
.header-above-info .widget-right aside:not(:last-child),
.header-above-info .widget-left aside:not(:last-child) {
position: relative;
margin-right: 30px;
}
.header-above-info .widget-right aside:not(:last-child)::after,
.header-above-info .widget-left aside:not(:last-child)::after {
position: absolute;
right: -30px;
margin: 0 15px;
content: "";
width: 1px;
height: 15px;
background: #ffffff;
top: 50%;
transform: translateY(-50%);
opacity: 50%;
}
.header-above-info .header-widget.header-light .widget-right aside:not(:last-child)::after, .header-above-info .header-widget.header-light .widget-left aside:not(:last-child)::after{
color: rgba(var(--text), 1);
}
.header-above-info {
position: relative;
z-index: 1;
/* border-bottom: 1px solid rgb(var(--color-primary), 85%); */
}
.navigation-middle.active {
z-index: 0;
}
div#above-header::before {
content: '';
bottom: 0;
position: absolute;
width: 100%;
height: 1px;
opacity: 0.3;
background: #ffffff;
}
.navigation-middle .jcs-row {
margin-right: -15px;
margin-left: -15px;
}
.header-above-info .header-widget {
/* height: 100%; */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-above-info .widget-left,
.header-above-info .widget-right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#above-header * {
font-size: 14px;
font-weight: 600;
}
#above-header .widget_none a {
color: #fff;
}
#above-header select,
#above-header .widget-contact i,
#above-header .widget-contact p {
color: #ffffff;
min-height: unset;
}
#above-header .header-widget.header-light select,
#above-header .header-widget.header-light .widget-contact i,
#above-header .header-widget.header-light .widget-contact p {
color: initial;
}
#above-header .widget-contact .contact-area>div:first-child {
padding-right: 5px;
}
#above-header .separator {
margin: 0 15px;
border: 1px solid rgba(var(--off-white), 1);
opacity: 0.4;
}
#above-header .bi-question {
font-size: 20px;
margin-left: -5px;
}
#above-header .widget-left .contact-corn,
#above-header .widget-right .widget_social_widget a,
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn {
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
}
#above-header .widget-right .widget_social_widget a {
padding: 2px 10px;
}
#above-header .contact-area .contact-corn>i:first-child, #above-header .widget_social_widget a>i:first-child{
position: relative;
bottom: 0;
visibility: visible;
opacity: 1;
transition: all 0.7s ease;
}
#above-header .widget-left .contact-area:hover p{
color:rgba(var(--color-hover),1);
}
#above-header .widget-left .contact-area:hover .contact-corn>i:first-child,
#above-header .widget-right .widget_social_widget a:hover>i:first-child,
#above-header .widget-left .contact-area:focus .contact-corn>i:first-child,
#above-header .widget-right .widget_social_widget a:focus>i:first-child {
bottom: 25px;
visibility: hidden;
opacity: 0;
}
#above-header .contact-area .contact-corn>i:last-child, #above-header .widget_social_widget a>i:last-child{
position: absolute;
bottom: -25px;
color: rgba(var(--color-hover), 1);
visibility: hidden;
opacity: 0;
transition: all 0.7s ease;
}
#above-header .widget-left .contact-area:hover .contact-corn>i:last-child,
#above-header .widget-right .widget_social_widget a:hover>i:last-child,
#above-header .widget-left .contact-area:focus .contact-corn>i:last-child,
#above-header .widget-right .widget_social_widget a:focus>i:last-child {
visibility: visible;
opacity: 1;
bottom: 0px;
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn {
background-color: #ffffff;
border-radius: 50%;
width: 40px;
height: 40px;
transition: background-color 0.7s ease;
margin:auto;
text-decoration: none;
}
#header-section .navigation-middle .menu-right-list>li .favourite-btn p,
#header-section .navigation-middle .menu-right-list>li .user-btn p,
#header-section .navigation-middle .menu-right-list>li .arrow-btn p,
#header-section .navigation-middle .menu-right-list>li .cart-main p
{
color:#fff;
font-size:12px;
font-weight:600;
text-align:center;
}
.header2 #header-section .navigation-middle .menu-right-list>li .favourite-btn p,
.header2 #header-section .navigation-middle .menu-right-list>li .user-btn p,
.header2 #header-section .navigation-middle .menu-right-list>li .arrow-btn p,
.header2 #header-section .navigation-middle .menu-right-list>li .cart-main p
{
color: rgb(var(--color-secondary));
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn>i:nth-child(1) {
position: relative;
bottom: -11px;
color: initial;
opacity: 1;
visibility: visible;
transition: all 0.7s ease;
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn:hover>i:nth-child(1),
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn:focus>i:nth-child(1) {
bottom: 3px;
opacity: 0;
visibility: hidden;
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn>i:nth-child(2) {
position: absolute;
bottom: -25px;
color: #ffffff;
opacity: 0;
visibility: hidden;
transition: all 0.7s ease;
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn:hover>i:nth-child(2),
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn:focus>i:nth-child(2) {
bottom: 8px;
opacity: 1;
visibility: visible;
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn+span {
border-radius: 50%;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
border: none;
left: 28px;
z-index: 2;
border: 1px solid;
}
.cart-wrapper .cart-label {
display: none;
}
.header {
position: relative;
z-index: 106;
}
.cart-modal {
position: fixed;
z-index: 99;
right: 0;
top: 0;
display: none;
-webkit-transition: 0.5s ease-in-out 0.2s;
transition: 0.5s ease-in-out 0.2s;
}
.cart-modal .cart-container {
min-width: 320px;
max-width: 320px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);
box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);
}
.cart-modal .cart-container {
height: 100vh;
overflow: clip auto;
}
.cart-modal .cart-container .cart-header .cart-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
padding: 15px 30px;
border-bottom: 1px solid rgba(var(--border), 1);
}
.cart-modal .cart-container .cart-header .cart-top a {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(var(--border), 1);
text-decoration: none;
}
.cart-modal .cart-container .cart-header .cart-top .cart-text {
font-weight: 700;
}
.cart-modal .cart-container .cart-body {
padding: 15px;
border-bottom: 1px solid rgba(var(--border), 1);
}
.cart-modal .cart-container .cart-body .cart-product,
.cart-modal .cart-container .cart-footer .cart-ft-buttons-cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.cart-modal .cart-container .cart-body .cart-product,
.cart-modal .cart-container .cart-body .cart-product .cart-img-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
padding-bottom: 10px;
}
.cart-modal .cart-container .cart-body .cart-product .cart-img-col img {
max-width: 60px;
}
.cart-modal .cart-container .cart-body .cart-sm-info {
font-size: 14px;
}
.cart-modal .cart-container .cart-footer {
padding: 30px;
}
.cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal,
.cart-modal .cart-container .cart-footer .cart-ft-buttons-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
}
.cart-modal .cart-container .cart-footer .cart-ft-buttons-cont a:first-child {
width: 100%;
}
.cart-modal .cart-container .cart-footer .cart-ft-buttons-cont a {
text-align: center;
}
.cart-modal .cart-container .cart-footer .cart-ft-buttons-cont a:not(:first-child) {
flex: 1;
}
.cart-modal.active-cart .cart-overlay {
position: fixed;
inset: 0;
background: black;
opacity: 0.5;
width: 100%;
height: 100%;
z-index: -1;
}
.mobile-menu-right .cart-trigger {
padding: 0;
border: none;
margin-right: 8px;
}
.mobile-menu-right .cart-trigger i:last-of-type {
display: none;
}
.mobile-menu-right .cart-trigger span {
display: inline-flex;
width: 20px;
height: 20px;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
font-size: 80%;
position: absolute;
top: -6px;
right: -10px;
}
.widget-left,
.widget-right,
.widget-center {
margin: 0;
height: 100%;
min-height: 60px;
display: flex;
align-items: center;
}
.header-widget .widget_social_widget li {
display: inline-block;
}
.header-widget .widget_social_widget i {
color: #ffffff;
}
.header-widget.header-light .widget_social_widget i {
color: initial;
}
.navigation-middle-row {
min-height: 120px;
}
.mobile-logo, .mobile-menu-right {
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.mobile-menu-right {
justify-content: flex-end;
}
.mobile-menu-right .cart-main p {
display: none;
}
.logo a,
.site-title {
display: block;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
white-space: normal;
width: 100%;
max-width: max-content;
height: auto;
margin: 0;
text-decoration: none;
}
.logo a:hover .site-title,.logo a:focus .site-title{
color: rgba(var(--color-hover),1);
}
body .header .mobile-logo h4.site-title, body .header .mobile-logo p.site-description {
color: rgb(var(--color-primary)) !important;
}
.header-search-form {
position: relative;
display: inline-block;
width: 90%;
border-radius: 4px;
/* height: 50px; */
vertical-align: middle;
background-color: #ffffff;
overflow: visible;
/* padding:unset; */
}
.header-search-form > [name='product-search'] {
display: flex;
}
.header2 .header-search-form,
.header2 .header-search-input,
.header2 #header-section .navigation-middle .menu-right-list>li .e-commerce-corn,
.home3 .header-search-form,
.home3 .header-search-input,
.home3 #header-section .navigation-middle .menu-right-list>li .e-commerce-corn {
background-color: rgba(var(--product-menu-bg), 1);
}
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn:hover,
#header-section .navigation-middle .menu-right-list>li .e-commerce-corn:focus {
background-color: rgba(var(--color-hover), 1);
}
.header-search-form form button[type="submit"]>i {
padding: 0;
}
.header-search-form .header-search-select {
/*width: 30%; */
display: inline-block;
border: none;
/* float: left; */
cursor: pointer;
border-right: 1px solid rgba(var(--border), 0.5);
padding: 15px 29px 14px 10px;
-webkit-appearance: none;
-moz-appearance: none;
outline-offset: -5px;
position: relative;
background: rgba(var(--product-menu-bg), 1);
border-radius: 4px 0 0 4px;
/* background: url(data:image/svg+xml;utf8,) #EFEFEF no-repeat 92% 12.5px; */
}
.header-search-form .custom-search-select {
/* position: relative; */
/* margin-top: -20px; */
}
.header-search-form .custom-search-select::after {
/* content: ""; */
position: absolute;
left: 30%;
top: 0;
height: 100%;
border-right: 1px solid #e8e8e8;
z-index: 1;
width: 1px;
/* background-color:; */
}
.header-search-form .custom-search-select::before {
content: "";
position: absolute;
right: 10px;
top: 25px !important;
height: 6px;
width: 6px;
border-right: 1px solid rgba(var(--color-secondary), 1);
border-bottom: 1px solid rgba(var(--color-secondary), 1);
z-index: 1;
transform: translate3d(0, -50%, 0) rotate(45deg);
}
select {
border-radius: 0;
display: block;
font-size: 92%;
font-weight: 500;
padding: 0.375rem 0.75rem;
min-height: 50px;
position: relative;
text-decoration: none;
white-space: nowrap;
width: 100%;
box-shadow: none;
overflow: auto !important;
outline: 0;
border: none;
background-color: initial;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
}
a,
area,
button,
input,
label,
select,
summary,
textarea,
svg {
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transition: var(--bs-transition);
transition: var(--bs-transition);
}
select {
word-wrap: normal;
}
input[type="text"]:not(.adminbar-input),
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control {
border-radius: 4px;
display: block;
line-height: 1.5;
font-size: 0.97rem;
font-weight: 500;
padding: 0.65rem 1.25rem;
vertical-align: middle;
width: 100%;
min-height: 50px;
outline: none;
letter-spacing: 0.5px;
box-shadow: none;
}
.header-search-form input.header-search-input {
/* width: 61.35%; */
/* display: inline-block; */
/* border: none; */
/* float: right; */
/* border-radius: 0; */
right: 0;
font-size: 15px;
/* position: relative; */
/* z-index: 0; */
line-height: 0;
flex: 1;
}
.header-search-form .custom-search-select ~ input.header-search-input {
border-radius: 0 5px 5px 0;
padding-right: 50px;
}
.header-search-form .header-search-button {
/* position: static; */
right: 0;
padding: 14px 17px;
font-size: 15px;
top: 0;
/* border: none; */
/* border-radius: 4px; */
/* color: #ffffff; */
/* height: 100%; */
/* background-color: rgba(var(--color-hover), 1);*/
}
.header-search-form .header-search-button>i {
color: #ffffff;
}
.main-mobile-build-right ul,
.main-menu-right>ul {
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.main-menu-right>ul {
padding-left: 7px;
justify-content: flex-end;
}
.main-mobile-build-right>ul>ul>li,
.main-mobile-build-right>ul>li,
.main-menu-right>ul>ul>li,
.main-menu-right>ul>li {
display: inline-block;
margin-right: 20px;
position: relative;
color: initial;
list-style: none;
}
.main-menu-right>ul>li:last-child {
margin-right: 5px;
}
.theme-mobile-nav img {
display: inline-block;
}
.main-menu-right>ul>li {
display: flex;
align-items: center;
min-height: 50px;
}
.mobile-menu .main-menu.menu-wrap {
/* display: none; */
}
.user-btn,
.favourite-btn,
.arrow-btn,
.header-cart {
display: block;
text-align: center;
line-height: 1.11;
/* width: 32px; */
font-size: 18px;
/* height: 32px; */
position: relative;
z-index: 0;
color: var(--bs-secondary);
}
.menu-right-list li.favourite .favourite-btn span,
.menu-right-list li.cart-wrapper .cart-icon-wrap span,
.menu-right-list li.arrow .arrow-btn span {
position: absolute;
top: -8px;
left: 20px;
width: 22px;
height: 22px;
line-height: 19px;
border-radius: var(--bs-theme-radius);
text-align: center;
font-size: 11.5px;
color: var(--bs-white);
background-color: var(--bs-primary);
border: 2px solid #ffffff;
}
.menu-right-list button.header-cart {
color: var(--bs-secondary);
background: #ffffff;
border-radius: 50%;
border: none;
padding: 0;
margin: 0;
}
.cart-label {
display: inline-block;
margin-left: 7px;
font-weight: 600;
position: absolute;
}
.sticky-nav.sticky-header {
position: fixed;
animation: sticky 2000ms;
width: 100%;
z-index: 999;
top: 0;
/* display: none; */
}
.sticky-header.no-animation {
animation: unset;
}
.boxed .sticky-header {
width: 1200px;
-webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
}
#fading-header {
display: none;
position: fixed;
z-index: 1000;
top: 0px;
left: 0;
right: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
opacity: 1;
}
.header-app-interface {
display: grid;
grid-template-columns: 3fr 6fr 3fr;
padding: 15px 0;
}
.header-app-interface>* {
display: flex;
align-items: center;
}
.top-bun.in2,
.meat.in2,
.bottom-bun.in2 {
background-color: rgba(var(--color-icon), 1);
}
.off-value.focus {
color: rgba(var(--color-hover), 1);
}
.off-text.primary {
color: rgba(var(--color-primary), 1);
}
.section-04 .jcs-row>.col:last-child * {
font-weight: 700;
}
.section-04 .jcs-row {
padding: 50px 50px 35px;
width: calc(100% - 8vw);
justify-content: space-between;
}
/* .header-app-interface>.cart-area>.bi-handbag {
color:#ffffff;
} */
.header-app-interface>.cart-area.in2>.bi-handbag, .header-app-interface>.cart-area.in2>.fa-cart-plus {
color: rgba(var(--color-icon), 1);
}
.header-app-interface .cart-area {
justify-content: flex-end;
}
.header-app-interface .cart-area i {
font-size: 24px;
color: #ffffff;
cursor: pointer;
}
.product-category-browse,
.product-category-menus {
position: relative;
z-index: 1;
}
.product-category-btn {
width: 100%;
display: block;
padding: 0 24px;
line-height: 60px;
color: #ffffff;
background: rgba(var(--color-hover), 1);
position: relative;
z-index: 0;
border-radius: 4px;
overflow: hidden;
font-size: 18px;
border: 0;
}
.header2 .product-category-btn,
.home3 .product-category-btn,
.header2 .navbar-area,
.home3 .navbar-area {
background-color: rgba(var(--color-primary), 1);
}
.header2 .navbar-area .nav-item>.nav-link,
.header2 .headphone-icon-wrap>*,
.home3 .navbar-area .nav-item>.nav-link,
.home3 .headphone-icon-wrap>* {
color: #ffffff;
}
.product-category-browse .cat-left {
display: flex;
align-items: center;
}
.product-category-browse .cat-left i,
.product-category-browse .cat-left svg {
width: 25px;
}
.product-category-browse .fa-list-ul {
color: #ffffff;
}
.cat-left svg {
fill: rgba(var(--color-icon), 1);
}
.product-category-browse.active .product-category-btn {
border-radius: 4px 4px 0 0;
}
.product-category-btn span {
position: relative;
display: block;
z-index: 0;
text-align: left;
}
.product-category-btn .cat-left,
.menu-item.has-sub-menu .cat-left:not(.dropdown-menu .cat-left) {
position: relative;
}
.product-category-btn .cat-left::after,
.menu-item.has-sub-menu .cat-left:not(.dropdown-menu .cat-left)::after {
content: "\eaca";
font-family: "IcoFont";
position: absolute;
transform: rotate(0deg);
right: 0;
transition: transform 0.3s ease;
}
.product-category-btn i {
margin-right: 10px;
font-size: 22px;
vertical-align: text-bottom;
}
.product-category-menus .product-category-menus-list {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
z-index: 999;
transition:all 0.5s;
display: none;
}
ul.main-menu {
list-style: none;
margin: 0px;
padding: 0px;
/* display: block; */
}
.product-category-menus-list ul.main-menu {
border: 0;
/* overflow: hidden; */
border-radius: 0 0 4px 4px;
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
z-index: 9999;
}
.product-category-menus-list > ul.main-menu {
overflow-y: auto;
max-height: calc(100vh - 250px);
/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
background-color: #e8e8e8;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.product-category-menus-list > ul.main-menu::-webkit-scrollbar {
display: none;
}
/* .product-category-menus-list > ul.main-menu::-webkit-scrollbar-thumb { */
/* background: rgb(var(--color-primary)); */
/* } */
.product-category-menus-list > ul.main-menu > li {
max-width: 25%;
}
.home3 .product-category-menus-list ul.main-menu {
/* overflow: hidden; */
border-radius: 10px;
}
.product-category-menus-list ul.main-menu li>a:hover,
.product-category-menus-list ul.main-menu li>a:focus {
background-color: rgba(var(--product-menu-bg), 1);
}
.product-category-menus-list .menu-item .dropdown-menu {
position: absolute;
top: 0;
left: 90%;
transition: all 0.5s ease-in-out;
visibility: hidden;
opacity: 0;
display: none;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.product-category-menus-list .menu-item:hover>.dropdown-menu,
.product-category-menus-list .menu-item:focus-within>.dropdown-menu,
.product-category-menus-list .menu-item2:hover>.dropdown-menu,
.product-category-menus-list .menu-item2:focus-within>.dropdown-menu {
left: 100.3%;
display: list-item;
visibility: visible;
opacity: 1;
}
.product-category-menus-list .menu-item .dropdown-menu::before {
position: absolute;
content: "";
top: 20px;
left: -8px;
width: 15px;
height: 15px;
transform: rotate(45deg);
background-color: inherit;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
ul.main-menu li {
list-style: none;
position: relative;
}
.product-category-menus-list .main-menu>li {
position: relative;
}
.product-category-menus-list.active .main-menu>li:not(.more-item) {
display: none;
}
.main-menu>li>a
/* , .dropdown-menu li a */
{
position: relative;
display: block;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.3px;
text-align: inherit;
z-index: 0;
}
.main-menu>li>a {
white-space: normal;
border: 0;
border-radius: 0;
}
.main-menu>li>a:not(:focus),
.dropdown-menu li a:not(:focus) {
text-decoration-style: solid;
text-decoration: none;
}
.product-category-menus-list .main-menu>li>a,
.main-navbar:not(.breadcrumb-menu) .main-menu>li>a {
line-height: 49px;
}
.product-category-menus-list .main-menu>li>a {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
line-height: 58px;
}
.product-category-menus-list .main-menu>li a {
padding: 0 25px;
background-color: #ffffff;
border-bottom: 1px solid #e8e8e8;
}
.home3 .product-category-menus-list .main-menu>li:first-child a {
border-radius: 5px 5px 0 0;
transition: all 0.3s;
}
.home3 .sticky-header .product-category-menus-list .main-menu>li:first-child a {
border-radius: 0;
}
.home3 .product-category-menus-list .main-menu>li:last-child >button {
border-radius: 0 0 5px 5px ;
}
.product-category-menus-list .main-menu .dropdown-menu {
min-width: 200px; /*350px */
max-width: 400px;
width: 114%;
}
.product-category-menus-list .main-menu .dropdown-menu .img {
border-bottom: none;
}
.product-category-menus-list .main-menu li.menu-item:hover>.nav-link i,
.product-category-menus-list .main-menu li.menu-item:focus-within>.nav-link i,
.product-category-menus-list .main-menu li.menu-item:hover>.nav-link,
.product-category-menus-list .main-menu li.menu-item:focus-within>.nav-link {
color: rgba(var(--color-hover), 1);
}
.product-category-menus-list .main-menu li.menu-item:hover>.nav-link svg,
.product-category-menus-list .main-menu li.menu-item:focus-within>.nav-link svg {
fill: rgba(var(--color-hover), 1);
}
.product-category-menus-list .main-menu .browse-more:hover>.cat-left i,
.product-category-menus-list .main-menu .browse-more:hover>.cat-left,
.product-category-menus-list .main-menu .browse-more:focus>.cat-left i,
.product-category-menus-list .main-menu .browse-more:focus>.cat-left {
color: rgba(var(--color-hover), 1);
}
.product-category-browse.active .product-category-btn>.cat-left::after {
transform: rotate(90deg);
}
.product-category-menus-list .more-item button {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
line-height: 60px;
background: none;
border: none;
padding: 0 25px;
font-weight: 600;
color: rgba(var(--text), 1);
background-color: #ffffff;
font-size: 93%;
overflow: hidden;
position: relative;
z-index: 0;
}
.header-app-interface .cart-area i.bi-handbag.in2, .header-app-interface .cart-area i.fa-cart-plus.in2 {
color: rgba(var(--color-icon), 1);
}
.header-app-interface .image-area {
justify-content: center;
padding: 15px;
}
.fixed-bottom-menu {
background-color: #ffffff;
z-index: 110;
position: fixed;
bottom: 0;
width: 100%;
}
#fix-2,
#fix-3 {
box-shadow: 0 -1px 10px 0px rgba(0, 0, 0, 0.2);
/* position: relative; */
}
#fix-2 a,
#fix-3 a {
position: relative;
}
#fix-2 a::before {
position: absolute;
content: "";
top: 0;
left: 50%;
transform: translate3d(-50%, 0, 0);
width: 60px;
height: 5px;
border-radius: 0 0 5px 5px;
background-color: rgba(var(--color-hover), 1);
display: none;
}
#fix-3 a::before {
position: absolute;
content: "";
inset: 0 0 0 0;
/* top: 0;
left: 50%;
transform: translate3d(-50%, 0, 0); */
width: 100%;
height: 100%;
/* border: 10px solid rgba(var(--color-hover),1); */
border-radius: 50% 50% 0 0;
background-color: rgba(var(--color-hover), 1);
display: none;
z-index: -1;
}
/* #fix-3 a.hover-color:hover i.hover-color {
color:#ffffff!important;
} */
#fix-3 a:hover i {
color: #ffffff !important;
}
#fix-2 a.hover-color::before,
#fix-3 a.hover-color::before {
display: inline-block;
}
#fix-2 a:hover::before,
#fix-2 a:focus-visible::before,
#fix-3 a:hover::before,
#fix-3 a:focus-visible::before {
display: inline-block;
}
#fix-3 svg {
position: absolute;
/* top: 0%; */
/* left:50%; */
/* transform: translate3d(-50%, 0, 0); */
/* transform: translate3d(-50%, 0, 0);
width:100%;
height: 100%; */
/* border-radius:20px;
background-color: rgba(var(--color-hover),1); */
/* width:100%;
height: 100%;
z-index:-1; */
display: none;
}
/*
#fix-3 a:hover svg,#fix-3 a:focus svg{
display: block;
} */
/* #fix-3 a:hover i,#fix-3 a:hover i.hover-color{
color:white;
} */
#fix-3 svg path {
fill: rgba(var(--color-hover), 1);
}
/* FIX BOTTOM MENU DISPLAY TOGGLE*/
/* #fix-1 {
display: none;
} */
/* #fix-2 { */
/* display: none; */
/* } */
/* #fix-3 { */
/* display: none; */
/* } */
#fix-2 a,
#fix-3 a {
border: none;
}
.fixed-bottom-menu a:hover>*,
.fixed-bottom-menu a:focus-visible>* {
color: rgba(var(--color-hover), 1);
}
.fixed-bottom-menu {
display: flex;
grid-template-columns: repeat(5,1fr);
}
.fixed-bottom-menu a {
border: 1px solid #18181820;
display: flex;
flex-direction: column;
align-items: center;
text-decoration:none;
padding: 10px;
}
.fixed-bottom-menu a i {
font-size: 24px;
}
.fixed-bottom-menu#fix-3 a i.hover-color {
color: #ffffff !important;
}
.fixed-bottom-menu a div {
text-align: center;
font-size: 10px;
}
.fixed-bottom-menu a:nth-child(3) {
position: relative;
}
.fixed-bottom-menu a:nth-child(3) .menu-search-box {
position: absolute;
}
.search-bottom.active>* {
color: #ffffff;
}
.search-bottom.active:hover>*,
.search-bottom.active:focus>* {
color: #ffffff;
}
.header-one .header-above-info .header-widget, .header-one .navigation-middle,
.header-app-interface,
.h-app-in {
background-color: rgba(var(--color-primary), 1);
}
.header .header-above-info .header-widget.dark{
background-color: rgba(var(--color-primary), 1);
}
.header .header-above-info .header-widget.header-light{
background-color: #ffffff;
}
.header-above-index .widget-right {
padding: 0 15px;
}
.fixed-bottom-search-close {
position: fixed;
top: 30px;
right: 30px;
z-index: 13;
display: none;
}
.fixed-bottom-search-close.active {
display: block;
}
.home3 .header {
background-color: #ffffff;
}
.home3 {
background-color: #e5e5e5 !important;
}
.home3 ul.products {
background-color: #ffffff;
border-radius: 10px;
}
.home3 .tag {
border-radius: 10px;
}
.topbar {
padding: 10px 0;
}
.widget-left .widget.jcs-row>span:not(.q) {
margin-left: 25px;
}
.widget-left .widget.jcs-row>i,
.widget.jcs-row .q {
position: absolute;
}
.widget.jcs-row .q {
right: -15px;
}
.widget-left .widget.jcs-row>i:first-child,
.widget.jcs-row .q:nth-child(2) {
bottom: 0px;
transition: all 0.7s;
opacity: 1;
visibility: visible;
}
.widget-left .widget.jcs-row>i:nth-child(2),
.widget.jcs-row .q:last-child {
bottom: -10px;
transition: all 0.7s;
opacity: 0;
visibility: hidden;
}
.widget-left .widget.jcs-row:hover>i:nth-child(2),
.widget.jcs-row:hover .q:last-child,
.widget-left .widget.jcs-row:focus>i:nth-child(2),
.widget.jcs-row:focus-visible .q:last-child {
bottom: 0px;
opacity: 1;
visibility: visible;
color: rgba(var(--color-hover), 1);
}
.widget-left .widget.jcs-row:hover>i:first-child,
.widget.jcs-row:hover .q:nth-child(2),
.widget-left .widget.jcs-row:focus>i:first-child,
.widget.jcs-row:focus-visible .q:nth-child(2) {
bottom: 10px;
opacity: 0;
visibility: hidden;
}
.topbar *:not(select option) {
color: #ffffff;
}
.topbar .widget * {
font-size: 14px;
}
.topbar>.jcs-row {
justify-content: space-between;
}
.widget-content>.jcs-row {
justify-content: space-between;
}
.topbar .jcs-row .col a>i,
.topbar .jcs-row .col a>div {
margin-right: 10px;
}
.topbar select {
border: none;
background-color: transparent;
}
/* .cart-wrapper {
padding: 30px;
max-width: 370px;
min-width: 320px;
background-color: #ffffff;
box-shadow: 0 0 5px 1000vmax rgba(0, 0, 0, 0.2);
height: 100vh;
overflow: auto;
overflow-x: hidden;
} */
.cart-menu-section {
position: fixed;
right: -370px;
top: 0;
z-index: 10;
display: none;
}
.pp .bi-x-lg {
width: 20px;
line-height: 20px;
}
.pp div:last-child>.product,
.my-cart .cart {
color: rgba(var(--color-primary), 1);
font-weight: 500;
}
.pp div:last-child>.item-wrapper:nth-child(3)>span:first-child {
margin-right: 10px;
}
.pp div:last-child>.item-wrapper:nth-child(3)>span:first-child+.item-wrapper {
border: 1px solid #11111110;
}
.cart-close.close i {
color: rgba(var(--color-hover), 1);
}
.widget-social-icon.widget a {
position: relative;
width: 15px;
height: 18px;
margin: 0 10px;
}
.widget-social-icon {
align-items: center;
}
.widget-social-icon.widget a>i {
position: absolute;
transition: all 0.7s;
}
.widget-social-icon.widget a>i:first-child {
visibility: visible;
opacity: 1;
bottom: 0px;
}
.widget-social-icon.widget a>i:last-child {
visibility: hidden;
opacity: 0;
bottom: -10px;
}
.widget-social-icon.widget a:hover i:first-child,
.widget-social-icon.widget a:focus>i:first-child {
opacity: 0;
visibility: hidden;
bottom: 10px;
}
.widget-social-icon.widget a:hover i:last-child,
.widget-social-icon.widget a:focus-visible i:last-child {
opacity: 1;
visibility: visible;
bottom: 0;
color: rgba(var(--color-hover), 1);
}
.widget-content .col {
position: relative;
}
.topbar .separator {
width: 1px;
height: 16px;
background-color: rgba(var(--off-white), 1);
margin: 0 16px;
}
.header2 .header,
.menu-section.in2 .separator {
background-color: #ffffff;
}
.logobar {
padding: 22px 0;
}
.logobar .menu-search-box,
.menu-search-box {
position: relative;
display: flex;
align-items: center;
height: 50px;
overflow: hidden;
border-radius: 4px;
background-color: #ffffff;
}
.logobar .menu-search-box {
display: none;
}
.logobar .menu-search-box.small,
.block {
display: block;
}
.logobar .menu-search-box form {
padding: unset;
margin: unset;
background-color: #ffffff;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
border-radius: 4px;
}
.menu-search-box-sm {
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
height: 46px;
width: 90%;
margin: 0 auto;
border-radius: 4px;
}
.sm-home-search {
position: fixed;
bottom: -30vh;
z-index: 13;
width: 100%;
transition: bottom 0.5s ease;
}
.sm-home-search.active {
bottom: 60vh;
}
.bi-close {
position: absolute;
right: 10px;
top: 10px;
color: #000000;
z-index: 1;
}
.logobar input[type="text"],
.sm-home-search input[type="text"] {
padding: 16.5px 0;
border: none;
outline: none;
border-radius: 0 4px 4px 0;
padding-left: 15px;
width: 65%;
height: 100%;
}
.menu-search-box input[type="text"].ind2 {
width: 65%;
padding: 17px 0;
border: none;
outline: none;
border-radius: 0 4px 4px 0;
padding-left: 15px;
}
.menu-search-box-sm input[type="text"] {
padding: 13px 0;
padding-left: 188px;
padding-right: 60px;
}
/*
.logobar #select, .logobar .search-button, #select-sm, .select-button-sm {
position: absolute;
} */
/*SELECT CUSTOM*/
/* The container must be positioned relative: */
.custom-select {
position: relative;
/* display: flex; */
/* width: 20em; */
height: 100%;
}
.custom-select::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
background-color: transparent;
transition: 0.25s all ease;
pointer-events: none;
width: 6px;
height: 6px;
transform: translateY(-50%) rotate(45deg);
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
z-index: 2;
}
.custom-select select {
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
/* Personalize */
flex: 1;
padding: 0 1em;
/* color: #fff; */
background-color: #ffffff;
background-image: none;
cursor: pointer;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 100%;
height: 100%;
/* display: none; */
/*hide original SELECT element: */
}
.custom-select.in2 select {
background-color: rgba(var(--product-menu-bg), 1);
}
.select-selected.in2 {
background-color: rgba(var(--color-footer-back), 1);
padding: 10px 16px;
}
/* Style the arrow inside the select element: */
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
transform: rotate(225deg);
top: 21px;
}
/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
color: #000000;
padding: 11px 16px;
border: 1px solid transparent;
border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
cursor: pointer;
font-size: 14px;
height: 100%;
position: relative;
min-width: 130px;
}
.select-items div {
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}
/* Style items (options): */
.select-items {
position: absolute;
background-color: #ffffff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
width: 35%;
min-width: 130px;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover,
.select-items div:focus,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
/*END: CUSTOM SELECT*/
.logobar .menu-search-box select,
.sm-home-search .menu-search-box select {
/* padding: 0 30px 0 10px; */
/* background-color: transparent; */
border: none;
/* margin-left: 10px; */
overflow: hidden;
}
.menu-search-box .custom-select {
width: 35%;
}
/*
.menu-search-box .custom-select:focus-visible{
outline: 1px solid rgba(var(--color-hover),1);
z-index: 1;
} */
.menu-search-box input[type="text"] {
width: 65%;
padding-left: 20px;
z-index: 0;
position: absolute;
right: 0;
top: 0;
}
option {
color: rgba(var(--color-secondary), 1);
background-color: #ffffff;
}
.menu-search-box-sm select {
width: 80%;
}
/* .logobar .menu-search-box::after { */
.menu-search-box::after {
position: absolute;
content: "";
border-left: 1px solid #00000030;
top: 0;
height: 100%;
left: 35%;
}
.logobar .search-button,
.menu-search-box .search-button {
right: 0;
position: absolute;
top: 0;
width: 50px;
border-radius: 4px;
background-color: rgba(var(--color-hover), 1);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
border: none;
cursor: pointer;
}
.search-button-sm {
position: absolute;
}
.logobar .search-button i,
.search-button i {
color: #ffffff;
}
.sm-home-search.active .menu-search-box {
/* box-shadow: 0 0 5px 1000vmax rgba(0, 0, 0, .8); */
border-radius: 4px;
}
/* .menu-menu .item-wrapper {
justify-content: space-between;
} */
.top-menu-icon,
.form-social,
.wish-purchase {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
width: 40px;
height: 40px;
border-radius: 50%;
transition: background-color 1000ms;
margin-left: 15px;
}
#search-3 .widget-title {
margin-bottom: 20px;
}
.top-right-footer form {
position: relative;
}
.top-right-footer button {
border: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.top-menu-icon.in2,
.logobar input[type="text"].ind2 {
background-color: rgba(var(--color-footer-back), 1);
}
/* .cart-wrapper>div:not(:last-child) { */
/* margin-bottom: 20px; */
/* } */
.cart>.top-menu-icon {
background-color: rgba(var(--product-menu-bg), 1);
margin-left: 0;
margin-right: 15px;
}
.pp {
position: relative;
margin-bottom: 20px;
padding: 20px;
border-radius: 5px;
background-color: rgba(var(--product-menu-bg), 1);
}
.cart-wrapper>.pp~div:not(:last-child),
.cart-wrapper>.pp~hr {
margin-bottom: 30px;
}
#cn-shop {
margin-bottom: 10px;
}
#cn-shop+div>a {
flex: 1;
}
.cart-wrapper>div:last-child>div:first-child>a {
background-color: rgba(var(--color-hover), 1);
}
.cart-wrapper>div:last-child>div:first-child>span .circle {
background-color: rgba(var(--color-hover), 1);
}
.close:not(.cart-menu-heading .close) {
position: absolute;
right: 10px;
top: 10px;
font-size: 10px;
border-radius: 5px;
}
.clos {
font-size: 10px;
border-radius: 5px;
margin-right: 10px;
}
.cart-item-img {
margin-right: 15px;
}
.top-menu-icon>i,
.form-social>i,
.wish-purchase>i {
position: absolute;
font-size: 18px;
}
.top-menu-icon>i:first-child,
.form-social>i:first-child,
.wish-purchase>i:first-child {
bottom: 4px;
transition: all 700ms;
visibility: visible;
opacity: 1;
}
.top-menu-icon>i:nth-child(2),
.form-social>i:nth-child(2),
.wish-purchase>i:nth-child(2) {
bottom: -5px;
transition: all 700ms;
visibility: hidden;
opacity: 0;
}
.top-menu-icon.ind2>i:nth-child(2) {
bottom: 0px;
}
.top-menu-icon:hover>i:first-child,
.form-social:hover>i:first-child,
.wish-purchase:hover>i:first-child,
.top-menu-icon:focus>i:first-child,
.form-social:focus>i:first-child,
.wish-purchase:focus>i:first-child {
bottom: 15px;
visibility: hidden;
opacity: 0;
}
.top-menu-icon:hover>i:nth-child(2),
.form-social:hover>i:nth-child(2),
.wish-purchase:hover>i:nth-child(2),
.top-menu-icon:focus>i:nth-child(2),
.form-social:focus>i:nth-child(2),
.wish-purchase:focus>i:nth-child(2) {
bottom: 4px;
visibility: visible;
opacity: 1;
color: #ffffff;
}
.top-menu-icon.ind2:hover>i:first-child,
.top-menu-icon.ind2:focus>i:first-child {
bottom: 25px;
}
.top-menu-icon:hover,
.form-social:hover,
.wish-purchase:hover,
.top-menu-icon:focus,
.form-social:focus,
.wish-purchase:focus-visible {
background-color: rgba(var(--color-hover), 1);
}
.menu-handbag .cart-item,
.menu-compare .pop-compare,
.menu-wish .pop-wish {
position: absolute;
right: -4px;
top: -3px;
line-height: 18px;
width: 18px;
text-align: center;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
border-radius: 50%;
font-size: 10px;
font-weight: 600;
}
/* END: HEADER SECTION */
/* START: MENU SECTION */
.sm-scr {
display: none;
}
.dropdown,
.dropdown-1 {
position: relative;
display: block;
}
.jcs-conainer-sm {
position: fixed;
bottom: 0;
width: 100%;
z-index: 99;
}
.dropdown-btn {
background-color: rgba(var(--color-hover), 1);
color: white;
border: none;
display: block;
padding: 18px 20px 18px 15px;
}
a.dropdown-btn:hover,
a.dropdown-btn:focus-visible {
color: #ffffff;
}
.dropdown-btn.in2 {
background-color: inherit;
}
.dropdown-btn>i {
color: #ffffff;
}
.dropdown-content {
position: absolute;
background-color: #ffffff;
min-width: max-content;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 2;
width: 100%;
display: none;
/* overflow: scroll; */
}
.dropdown-content>span,
.more-list>span {
position: relative;
display: block;
}
.dropdown-1 .dropdown-content a {
width: 220px;
}
.drop-click.sub-drop>a {
padding: 15px 35px;
font-weight: 500;
}
.drop-click.sub-drop>a .chevron {
background-color: rgba(var(--color-hover), 0.4);
}
.dropdown-content>span>span,
.more-list>span>span {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 96%;
width: 300px;
background-color: #ffffff;
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
z-index: 1;
visibility: hidden;
transition: all 0.1s cubic-bezier(0, 0, 0, 0);
}
.dropdown-1 .dropdown-content>span>span {
width: auto;
}
.sub,
.sub-img {
flex: 1;
}
.dropdown-content>span:hover>span,
.more-list>span:hover>span,
.dropdown-content>span:focus-within>span,
.more-list>span:focus-within>span {
visibility: visible;
left: 99%;
/* width:90%; */
}
.dropdown-content>span>span::before,
.more-list>span>span::before {
content: "";
position: absolute;
width: 15px;
height: 15px;
/* border: 1px solid #ffffff; */
transform: rotate(45deg);
top: 15px;
left: -6px;
background-color: #ffffff;
/* filter: drop-shadow(0 0 4px rgba(0,0,0,0.3)); */
z-index: 0;
}
.dropdown-content>span>a>i:nth-last-child(1),
.more-list>span>a>i:nth-last-child(1) {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
right: 18px;
font-size: 16px;
font-weight: 600;
}
.dropdown-content a path {
fill: rgba(var(--color-icon), 1);
}
.sub a {
font-weight: 500;
}
.sub-img img {
width: 100%;
padding: 10px;
min-width: 140px;
}
.menu-category.dropdown i {
font-size: 18px;
}
.menu-category.dropdown .dropdown-content,
.more-list {
display: none;
}
/* .menu-category.dropdown.active .dropdown-content {
display: block;
} */
/* .dropdown-content a {
color: black;
padding: 12.05px 20px;
text-decoration: none;
display: block;
border-bottom: 1px solid rgb(43 66 121 / 10%);
} */
.dropdown-content>span>a,
.more-list>a,
.more-button>span {
display: flex;
align-items: center;
}
.dropdown-content>span>a>span:nth-child(1),
.more-list>a>span:nth-child(1),
.more-button>span>span:nth-child(1) {
width: 30px;
}
.dropdown-1 .dropdown-content {
left: -30px;
}
.menu-category.dropdown>.dropdown-btn>span:nth-child(1) {
width: 35px;
}
.menu-category.dropdown>.dropdown-btn>span>i {
color: #ffffff;
}
.more-button.active {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
.more-button i.fa-minus {
color: #ffffff;
}
/* .dropdown-content a:last-child {
border: none;
} */
/* .dropdown-btn>i, .dropdown-content a>svg, .dropdown-content a>i {
margin-right: 10px;
} */
.dropdown a,
.dropdown-1 a {
position: relative;
}
.dropdown-1 a,
.menu-contact {
color: rgba(var(--color-primary), 1);
}
.header2 .menu-contact,
.home3 .menu-contact {
color: #ffffff;
}
.header2 .menu-contact:hover,
.header2 .menu-contact:focus,
.home3 .menu-contact:hover,
.home3 .menu-contact:focus-visible {
color: rgba(var(--color-hover), 1);
}
.dropdown-1>a:hover,
.menu-contact:hover,
.dropdown-1>a:focus,
.menu-contact:focus-visible {
color: rgba(var(--color-hover), 1);
}
.menu-contact {
float: right;
position: relative;
}
.menu-contact i {
position: absolute;
top: 5px;
left: -30px;
font-size: 22px;
color: rgba(var(--color-hover), 1);
}
.jcs-row.menu>div:last-child {
position: relative;
}
.jcs-row.menu div:last-child>div.separator {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 180px;
height: 100%;
color: rgba(var(--color-primary), 1);
opacity: 10%;
}
/* .menu-section.in2 .menubar .dropdown-btn-1 {
color: white;
} */
.menubar {
/* text-align: right; */
position: relative;
z-index: 1;
}
.theme-menu > .menubar {
margin-left: 30px;
}
.navbar-area .menubar .menu-wrap>li.active>a,
.navbar-area .menubar .menu-wrap>li.focus>a,
.navbar-area .menubar .menu-wrap>li:hover>a {
text-shadow: 0 0 0.75px;
}
.menu-wrap .dropdown-menu li a sup,
.menu-wrap .dropdown-menu li a sub,
.theme-mobile-menu div.mobile-menu a:hover,
.navbar-area .menubar .menu-wrap .dropdown-menu>li.active>a,
.navbar-area .menubar .menu-wrap>li.active>a,
.navbar-area .menubar .menu-wrap>li.focus>a,
.navbar-area .menubar .menu-wrap>li:hover>a,
.navbar-area .menubar .dropdown-menu:before,
.header .widget_nav_menu .sub-menu:before {
/* color: black */
}
.mobile-menu-right .bi-handbag, .mobile-menu-right .fa-cart-plus {
color: rgb(var(--color-primary));
font-size: 24px;
}
.menubar .nav-link {
margin: 0;
}
.nav-menu.active>a>span>i {
transform: rotate(90deg);
}
#header-section .navigator-wrapper .menu-wrap>li.nav-item>a.nav-link,
#header-section .navigator-wrapper .menu-wrap>li.nav-item>a.nav-link+.mobile-toggler>i,
.header-wrap-right a * {
font-weight: 700;
}
.header-wrap-right a > i {
color: rgba(var(--color-hover),1);
}
.menubar>.menu-wrap>.nav-item.menu-item-has-children:not(:last-child) {
margin-right: 15px;
}
.dropdown-menu>.nav-item {
position: relative;
}
.dropdown-menu>.nav-item::before,
.product-category-menus-list ul.main-menu li>a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-left: 5px solid rgba(var(--color-hover), 1);
height: 0%;
visibility: hidden;
transition: height 0.3s ease-in-out;
}
.dropdown-menu>.nav-item:hover::before,
.dropdown-menu>.nav-item:focus-within::before,
.product-category-menus-list ul.main-menu li>a:hover::before,
.product-category-menus-list ul.main-menu li>a:focus::before {
height: 100%;
visibility: visible;
}
.dropdown-menu>.nav-item:hover>.dropdown-item>i,
.dropdown-menu>.nav-item:focus-within>.dropdown-item>i {
color: rgba(var(--color-hover), 1);
}
.nav-area .nav-item >.dropdown-menu{
top: 50px;
visibility: hidden;
transition: all .1s linear;
position: absolute;
display: block;
}
.nav-area .nav-item >.dropdown-menu > .dropdown-menu {
top: unset;
}
.nav-area .nav-item:hover>.dropdown-menu,
.nav-area .nav-item:focus-within>.dropdown-menu {
z-index: 1;
background-color: #ffffff;
box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
/* max-width: 210px; */
top: 40px;
visibility: visible;
}
.nav-area .dropdown-menu .nav-item:hover> .dropdown-menu,
.nav-area .dropdown-menu .nav-item:focus-within>.dropdown-menu {
top: 0;
}
.nav-area #menu-primary-menu>li:nth-child(3)>.dropdown-menu>.dropdown-menu {
/* max-width: 210px; */
}
.nav-area .nav-item:hover>.nav-link,
.nav-area .nav-item:focus-within>.nav-link {
color: rgba(var(--color-hover), 1);
}
.nav-area .nav-item>.nav-link::before {
transform: rotate(0deg);
transition: transform 0.3s ease;
}
.nav-area .nav-item:focus-within>.nav-link::before,
.nav-area .nav-item:hover>.nav-link::before {
transform: rotate(45deg);
color: rgba(var(--color-hover), 1);
}
.nav-area .dropdown-menu>.nav-item {
min-width: 210px;
/* min-height: 60px; */
border-bottom: 1px solid #e8e8e8;
}
.nav-area .dropdown-menu>.nav-item:last-child {
border-bottom: none;
}
.nav-area .dropdown-menu>.nav-item>.dropdown-item {
padding: 0 20px;
display: flex;
}
.nav-area .dropdown-item>img {
display: inline-block;
vertical-align: middle;
min-height: 44px;
padding: 5px;
/* margin-left: -10px; */
}
.theme-menu {
/* margin-left: 100px; */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
/* -webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; */
-ms-flex-item-align: stretch;
align-self: stretch;
width: 100%;
height: 100%;
justify-content: space-between;
}
.nav-area .dropdown-item~.dropdown-menu {
left: 100%;
top: 0;
/* min-width: 211px; */
}
.dropdown-menu>.nav-item:hover,
.dropdown-menu>.nav-item:focus-within {
background-color: rgba(var(--product-menu-bg), 1);
}
.dropdown-menu>.nav-item:hover>.dropdown-item,
.dropdown-menu>.nav-item:focus-within>.dropdown-item {
color: rgba(var(--color-hover), 1);
}
.nav-item>a,
.dropdown-btn>a {
display: flex;
align-items: center;
justify-content: space-between;
}
.dropdown-btn>a::after {
content: "\eaca";
font-family: "Icofont";
position: absolute;
right: 0;
top: 0;
color: #ffffff;
transform: rotate(0deg);
transition: transform 0.5s ease;
}
.dropdown-btn>a * {
color: #ffffff;
}
.dropdown-btn>.dropdown-menu {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
top: 62px;
left: 0;
}
.nav-item>a>i {
font-size: 10px;
margin-left: 5px;
/* margin-right: 20px; */
}
.main-mobile-wrapper .nav-item>a>span {
height: 100%;
position: absolute;
right: 1px;
min-width: 40px;
background-color: rgba(var(--product-menu-bg), 1);
display: flex;
align-items: center;
justify-content: center;
}
.main-mobile-wrapper .nav-link {
margin: 0;
}
.main-mobile-wrapper .nav-item:not(.theme-menu .menu-wrap > .nav-item)>.dropdown-menu {
position: relative;
box-shadow: none;
left: 0;
max-width: unset;
}
.main-mobile-wrapper .dropdown-menu>.nav-item {
padding: unset;
}
.nav-item>a>i.icofont-thin-right {
font-size: 18px;
}
.left-menu-item>span:first-child {
display: inline-block;
width: 23px;
}
.nav-item svg {
fill: rgba(var(--color-icon), 1);
}
.nav-item:hover svg {
fill: rgba(var(--color-hover), 1);
}
.fa.fa-spinner {
animation: spin 1s linear infinite;
display: none;
}
.mobile-toggler {
/* display: none; */
}
.fa.fa-spinner.active {
display: inline-block;
position: absolute;
right: 4%;
top: 32%;
transform: translateY(-50%);
color: #ffffff;
}
.dropdown-btn>span:nth-child(3) {
position: absolute;
right: 20px;
}
.menu-section.in2 .menubar .dropdown-btn-1:hover,
.menu-section.in2 .menubar .dropdown-btn-1:focus-within {
color: rgba(var(--color-hover), 1);
}
.widget-none p,
.header p {
color:#fff;
margin: 0;
}
/* Cart Section */
.cart-section .woocommerce-cart-form {
overflow: auto clip;
}
.cart-section table {
min-width: 756px;
width: 100%;
border-collapse: collapse;
border: 1px solid rgba(var(--border), 1);
}
.cart-section table th,
.cart-section table td {
min-width: 100px;
text-align: center;
border: 1px solid rgba(var(--border), 1);
border-collapse: collapse;
vertical-align: middle;
padding: 10px 0;
/* color: rgba(var(--text), 1); */
}
.cart-section table th:first-child,
.cart-section table td:first-child {
min-width: auto;
border-right: none;
}
.cart-section table th:nth-child(2),
.cart-section table td:nth-child(2) {
border-left: none;
}
.product-remove .remove {
margin-left: 10px;
border-radius: 50%;
line-height: 0;
}
.product-quantity input[type='number'].input-text {
margin: auto;
border: 1px solid rgba(var(--border), 1);
line-height: 1.5;
min-height: unset;
padding: 5px 0;
}
.cart-section table .woosl-btn {
padding: 4px;
border-color: rgba(var(--border), 1);
color: rgba(var(--text), 1);
}
.cart-section table .woosl-btn:hover,
.cart-section table .woosl-btn:focus {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
border-color: rgba(var(--color-hover), 1);
}
.cart-section table input[type="number"] {
width: 50px;
}
.cart-section table .coupon label {
margin-bottom: 10px;
float: left;
}
.cart-section table .coupon input.input-text {
width: 100%;
padding: 8px;
margin-bottom: 10px;
}
.cart-section table .coupon input.input-text+button[type="submit"] {
float: left;
}
.cart-section table .actions button[type="submit"] {
position: relative;
color: #ffffff;
padding: 12px 24px;
}
.cart-section table .coupon~button[type="submit"] {
float: right;
}
.woocommerce table.cart td.actions .coupon [name="coupon_code"].input-text {
min-height: initial;
}
.cart-section table .actions {
padding: 20px 30px;
}
.cart-section .cart-collaterals {
margin-top: 30px;
}
.cart-section .cart-collaterals h2 {
font-size: 24px;
}
.cart-section .cart-collaterals th,
.cart-section .cart-collaterals td {
text-align: left;
padding-left: 30px;
}
/* .cart-section .cart-collaterals th { */
/* background-color: rgba(var(--border), 0.3); */
/* } */
.cart-section .cart-collaterals .checkout-button {
margin-top: 20px;
padding: 10px 20px;
}
.wc-proceed-to-checkout {
display: inline-block;
}
/*End: Cart Section */
.shopping-cart {
position: absolute;
top: 100%;
right: 0;
z-index: 1;
width: 320px;
padding: 20px;
border-radius: 0 3px 3px;
border: 0;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
.menu-right>ul>ul>li,
.menu-right>ul>li {
display: inline-block;
position: relative;
color: #737373;
list-style: none;
}
.dropdown>a::after {
/* font-family: "Icofont";
content: "\eaca";
position: absolute;
right: 20px;
font-weight: 600;
transition: transform 250ms linear; */
}
.dropdown a.active::after {
transform: rotate(90deg);
}
a.more-button.active::after {
transform: rotate(-90deg);
}
.dropdown-1>a:not(:last-child)::after {
font-family: "bootstrap-icons";
content: "\f4fe";
position: absolute;
font-weight: 600;
transition: transform 250ms linear;
font-size: 18px;
}
/* .dropdown:hover>a::after {
transform: rotate( 90deg);
} */
.dropdown-1:hover>a::after,
.dropdown-1:focus>a::after {
transform: rotate(45deg);
}
.dropdown-1:hover .dropdown-content,
.dropdown-1:focus-within .dropdown-content {
display: block;
}
.dropdown-1:hover>a>i,
.dropdown-1:focus>a>i {
transform: rotate(45deg);
transition: transform 0.3s ease;
}
.dropdown-content a:hover,
.dropdown-content a:focus-visible {
background-color: rgb(43 66 121 / 10%);
}
.dropdown-content a:hover i,
.dropdown-content a:focus-visible i {
color: rgba(var(--color-hover), 1);
}
.dropdown-content a:hover path,
.dropdown-content a:focus-visible path {
fill: rgba(var(--color-hover), 1);
}
.dropdown-content a:hover::before,
.dropdown-content a:focus::before,
a.hover-color:not(.nav-link)::before {
content: "";
position: absolute;
height: 100%;
width: 5px;
background-color: rgba(var(--color-hover), 1);
left: 0;
top: 0;
}
.dropdown:hover .dropbtn,
.dropdown:focus-visible .dropbtn {
background-color: #3e8e41;
}
.menu-section div:nth-child(2) .item-wrapper {
justify-content: space-evenly;
}
.banner .jcs-row {
padding: 30px 0;
width: 100%;
transition: width 0.7s ease;
}
.animate span {
/* display: inline-block; */
}
.tns-slide-active .seven span {
color: inherit;
opacity: 0;
transform: translate(-150px, 0) scale(0.3);
animation: leftRight 1s forwards 0.5s;
}
@keyframes leftRight {
40% {
transform: translate(50px, 0) scale(0.7);
opacity: 1;
color: rgba(var(--color-hover), 1);
}
60% {
color: white;
}
80% {
transform: translate(0) scale(2);
opacity: 0;
}
100% {
transform: translate(0) scale(1);
opacity: 1;
}
}
.animate span:nth-of-type(2) {
animation-delay: 0.05s;
}
.animate span:nth-of-type(3) {
animation-delay: 0.1s;
}
.animate span:nth-of-type(4) {
animation-delay: 0.15s;
}
.animate span:nth-of-type(5) {
animation-delay: 0.2s;
}
.animate span:nth-of-type(6) {
animation-delay: 0.25s;
}
.animate span:nth-of-type(7) {
animation-delay: 0.3s;
}
.animate span:nth-of-type(8) {
animation-delay: 0.35s;
}
.animate span:nth-of-type(9) {
animation-delay: 0.4s;
}
.animate span:nth-of-type(10) {
animation-delay: 0.45s;
}
.animate span:nth-of-type(11) {
animation-delay: 0.5s;
}
.animate span:nth-of-type(12) {
animation-delay: 0.55s;
}
.animate span:nth-of-type(13) {
animation-delay: 0.6s;
}
.animate span:nth-of-type(14) {
animation-delay: 0.65s;
}
.animate span:nth-of-type(15) {
animation-delay: 0.7s;
}
.animate span:nth-of-type(16) {
animation-delay: 0.75s;
}
.animate span:nth-of-type(17) {
animation-delay: 0.8s;
}
.animate span:nth-of-type(18) {
animation-delay: 0.85s;
}
.animate span:nth-of-type(19) {
animation-delay: 0.9s;
}
.animate span:nth-of-type(20) {
animation-delay: 0.95s;
}
.animate span:nth-of-type(21) {
animation-delay: 1s;
}
.animate span:nth-of-type(22) {
animation-delay: 1.05s;
}
.animate span:nth-of-type(23) {
animation-delay: 1.1s;
}
.animate span:nth-of-type(24) {
animation-delay: 1.15s;
}
.animate span:nth-of-type(25) {
animation-delay: 1.2s;
}
.animate span:nth-of-type(26) {
animation-delay: 1.25s;
}
.animate span:nth-of-type(27) {
animation-delay: 1.3s;
}
.animate span:nth-of-type(28) {
animation-delay: 1.35s;
}
.home1 .banner .jcs-row>div:nth-child(2) {
display: flex;
justify-content: center;
}
.banner .jcs-row>div:nth-child(2) img {
/* width: 50%; */
}
.home3 .banner .jcs-row {
padding: 0 10px;
}
.banner .banner-text-section>div:not(:last-child) {
color: #ffffff;
}
.banner .banner-text-section>div.offer {
color: rgba(var(--color-hover), 1);
}
.banner .jcs-row>div:not(.button-bubble-container) {
flex: 100%;
/* flex: 1 1 45%; */
position: relative;
}
/* END: MENU SECTION */
/* */
.focus {
color: rgba(var(--color-hover), 1);
}
.bread-title div {
text-align: center;
}
.page-name {
font-size: 1.875rem;
line-height: 2.5rem;
font-weight: 700;
}
.bread-title {
padding: 3.3125rem 15px;
position: relative;
color: #ffffff;
background-size: cover !important;
z-index: 0;
}
.bread-title ol li {
display: inline-block;
}
.bread-title ol li.active {
color: rgba(var(--color-hover), 1);
}
.bread-title::before {
position: absolute;
content: "";
inset: 0;
opacity: 80%;
z-index: -1;
}
.bread-title div {
position: relative;
}
.bread-title div a {
color: #fff;
}
.page-st {
font-size: 0.875rem;
line-height: 1.5rem;
font-weight: 600;
}
/* END::BREADCRUMB */
/* START SLIDER SECTION */
.page2-slider-wrapper {
overflow: hidden;
}
/*
#tns1-ow ~ .slider-arrows .next{
visibility: visible;
} */
.home1 .banner {
background-color: unset;
}
.home1 .page2-slider-wrapper,
.home1 .page2-slider-wrapper>.jcs-container {
position: relative;
}
.home3 .page2-slider-wrapper {
width: 100%;
transition: width 1.5s ease;
}
.home .page2-slider-wrapper.down {
width: calc(100% - 30px);
}
.home3 .slider3-wrap>div>div:nth-child(2)>img {
width: 64%;
height: auto;
max-height: 524px;
}
.home1 .banner .banner-text-section>div.banner-main-content {
/* color: rgba(var(--color-secondary), 1); */
/* margin: 10px auto 40px; */
}
.home1 .banner .banner-text-section>div.offer {
color: rgba(var(--color-hover), 1);
}
.submit-button>i {
padding-left: 10px;
color: #ffffff;
font-size: 10px;
}
.button-bubble-container.hover2 .submit-button>i {
color: initial;
}
.page2-slider-wrapper>img,
.home3 .page2-slider-wrapper>img {
position: absolute;
object-fit: cover;
height: 150%;
/* filter: brightness(80%); */
width: 100%;
}
.slider3-wrap {
position: relative;
border-radius: 5px;
overflow: hidden;
/* width: 100%; */
}
.slider3-wrap>div,
.page2-slider-wrapper {
position: relative;
}
.slider3-wrap>div {
padding: 35px 0;
}
.slider3-wrap>div>div {
flex: 100%;
}
.slider3-wrap>div>div:first-child {
padding-left: 20px;
}
.slider3-wrap>img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
}
/* .jcs-container>.jcs-row.slider3-flex{
justify-content: flex-end;
} */
.home3 .slider3 .bubble-flex {
margin-bottom: 30px;
}
.home3 .banner-main-content {
color: #ffffff;
/* font-size: 2.8125rem;
line-height: 4.0625rem; */
margin: 0;
transition: all 1s ease;
font-weight: 600;
}
.home3 .offer,
.home3 .banner-text-section a {
transition: font-size 1s ease;
}
.offer,
.banner-text-section a,
.banner-item-desc {
transition: font-size 0.7s ease;
}
/* .banner-text-section>div{
font-size: 200%;
} */
/* .banner-text-section>.banner-main-content{
font-size: 80px;
} */
.home3 .offer {
color: #ffffff;
margin: 10px 0 20px;
}
.slider3 {
padding-top: 30px;
}
.home3 .add-cart {
width: 100%;
border-radius: 4px;
}
.home3 #nav-wrapper {
bottom: 20px;
}
/* .jcs-slider {
width: 100px;
height: 600px;
position: relative;
} */
/* .slider-section .slider-bg>img {
position: absolute;
max-width: unset;
height: 100vw;
width: 100%;
min-height: 600px;
z-index: -1;
object-fit: cover;
} */
/* .jcs-slider>div {
height: 100%;
} */
/*
.slider-image {
z-index: 1;
} */
/* .slider-bg {
background-position: center center;
background-size: cover;
position: relative;
} */
/* .slider-bg::before {
position: absolute;
content: "";
inset: 0 0 0 0;
background-color: #ffffff80;
z-index: 0;
} */
/*
.slider-bg .slider-content * {
position: relative;
} */
/* .slider-bg .jcs-container, .slider-bg .jcs-row {
height: 100%;
display: flex;
} */
/* .slider-main-content {
font-size: 80px;
font-weight: 500;
line-height: 90px;
margin: 10px 0 20px;
color: #000000;
} */
.banner-main-content {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin: 5px auto 20px;
}
/* .home2 .banner-main-content {
font-weight: 700;
} */
.banner-item-desc {
margin-bottom: 30px;
height: 8ch;
overflow: hidden;
font-size: 16px;
}
.offer {
font-size: 16px;
}
.banner-main-content,
.offer,
.banner-item-desc,
.bubble-flex a {
transition: all 0.7s ease;
}
.bubble-flex a {
padding: 5px 10px;
}
/* .slider-section, .slider-section>.jcs-container {
position: relative;
} */
/*
.slider-content .offer {
color: rgba(var(--color-hover),1);
} */
.outer-bullet-wrapper {
position: absolute;
width: 100%;
}
.outer-bullet-wrapper.in2 {
left: 0;
}
.outer-nav-wrapper.in2 {
position: absolute;
right: 0;
width: 100%;
}
.outer-nav-wrapper.in2.active {
width: calc(100% - 320px);
}
#bullet-wrapper {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
}
.banner,
.slider-arrows .jcs-container {
position: relative;
}
.slider-arrows {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 100%;
}
.slider-arrows #nav-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
#nav-wrapper {
position: absolute;
/* bottom: 20px; */
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.navigator {
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.headphone-icon-wrap:hover>*,
.headphone-icon-wrap:focus>* {
color: rgba(var(--color-hover), 1);
}
.next:not(.page-numbers),
.prev:not(.page-numbers) {
visibility: hidden;
}
.next1,
.prev1 {
background-color: rgba(var(--color-hover), 1);
}
.next2,
.prev2 {
border: 1px solid rgba(var(--color-hover), 1);
}
.navigator.next3,
.navigator.prev3 {
background-color: rgba(var(--color-hover), 1);
width: 30px;
height: 30px;
margin: 0 10px;
}
.next2>i,
.prev2>i {
color: rgba(var(--color-hover), 1);
}
.next3>i,
.prev3>i {
color: rgba(var(--color-hover), 1);
}
.navigator-wrapper {
position: relative;
z-index: -1;
}
.navigator>i {
color: #ffffff;
font-size: 24px;
}
.slider-arrows #nav-wrapper i {
font-size: 15px;
/* color: #ffffff; */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* .tns-outer [aria-controls], .tns-outer [data-action] { */
/* padding:0; */
/* width: 10px; */
/* height: 10px; */
/* border: none; */
/* border-radius: 100%; */
/* margin: 0 3px; */
/* } */
.banner [aria-label="Carousel Pagination"]{
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
#bullet-wrapper .bullets {
display: inline-block;
position: relative;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
margin-right: 10px;
}
/* Banner Slider Controllers */
.tns-controls {
visibility: hidden;
opacity: 0;
width: 100%;
max-width: 1300px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: #f00;
z-index: 1;
}
.tns-controls > button {
padding:0;
width:40px;
height: 40px;
border-radius: 50%;
border: none;
background-color: rgba(var(--color-hover),1);
position: absolute;
top: 50%;
transform: translate3d(-0%, -50%, 0);
display:flex;
align-items: center;
justify-content: center;
}
.home2 .tns-controls > button {
border: 1px solid;
color: rgb(var(--color-hover));
background: none;
}
.tns-controls > button[data-controls = 'prev'] {
left: 20px;
}
.tns-controls > button[data-controls = 'next'] {
right: 20px;
}
.tns-controls > button[disabled] {
display: none;
}
.banner:hover .tns-controls, .slider3:hover .tns-controls {
visibility: visible ;
opacity: 1;
}
.tns-nav {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.tns-controls button i {
font-size: 15px;
color: #ffffff;
}
.home2 .tns-controls button i {
color: rgb(var(--color-hover));
}
.tns-nav button {
display: inline-block;
position: relative;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
margin-right: 10px;
padding: 0;
border: none;
}
/* End: Banner Slider Controllers */
/* .slider-content>* {
margin-left: 52px;
position: relative;
} */
/* .slider-content h1 {
font-size: 80px;
letter-spacing: 0;
line-height: 90px;
font-weight: 600;
} */
.button-bubble-container,
.button-bubble-container.hover1,
.button-bubble-container.hover2,
.button-bubble-container.hover3 {
position: relative;
display: inline-block;
}
.home2 .banner .bubble-flex {
margin-bottom: 20px;
}
.page2-slider-image>img,
.home3 .page2-slider-image>img {
width: 50%;
}
.page2-slider-image {
display: flex;
justify-content: center;
margin-bottom: 30px;
overflow: hidden;
}
.home2 .page2-slider-image>img {
max-width: 559px;
max-height: 430px;
}
.home3 .page2-slider-image>img {
max-width: 292px;
max-height: 500px;
}
#faq-filter>div {
margin: 0 10px;
}
.s-shop-button,
.submit-button,
.compare-shop-button {
padding: 13.5px 18px;
border-radius: 4px;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
font-weight: 500;
width: max-content;
}
#compare .table-color {
display: flex;
align-items: center;
}
.pop-loc {
/* padding: 12px 17px; */
position: relative;
/* border-radius: 4px; */
/* height: inherit; */
display: block;
height: 100%;
width: 100%;
}
.pop-loc i {
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.s-shop-button i {
color: #ffffff;
font-weight: 600;
font-size: 10px;
padding-left: 15px;
}
/* END SLIDER SECTION */
/* START:SECTION-1 */
.info-service .service-1-action {
padding-left: 20px;
}
.info-service-flex {
margin: -15px auto;
}
.info-service-flex {
margin: -8px;
}
.info-service-flex > [class*="col-"] {
padding: 8px;
}
.info-service {
padding: 15px 0 15px 0;
}
.info-service > .item-wrapper {
background-color: rgb(var(--color-primary));
padding: 10px;
border-radius: 4px;
transition: 0.5s all;
}
.info-service > .item-wrapper:hover, .info-service > .item-wrapper:focus-within {
background-color: rgb(var(--color-hover));
}
.section-1-type path {
fill: rgba(var(--color-icon), 1);
}
.section-1-type:hover path,
.section-1-type:focus-visible path {
fill: rgba(var(--color-hover), 1);
}
.home3 .info-service-flex {
/* padding: 0 14px; */
background-color: transparent;
}
.home3 .info-service::before {
position: absolute;
content: "";
width: 1px;
height: 60%;
background-color: rgba(var(--color-secondary), 1);
opacity: 20%;
top: 50%;
transform: translateY(-50%);
display: none;
}
.home3 .page2-slider-image>img,
.home1 .banner .jcs-row>div:nth-child(2) img,
.home2 .banner-text-section {
position: relative;
right: -100%;
transition: right 1s ease;
}
.home3 .tns-slide-active .page2-slider-image>img,
.home1 .banner .tns-slide-active .jcs-row>div:nth-child(2) img,
.home2 .tns-slide-active .banner-text-section {
right: 0;
}
.home2 .page2-slider-image,
.home1 .banner-text-section,
.home3 .banner-text-section {
position: relative;
left: -100%;
transition: left 1s ease;
}
.home2 .tns-slide-active .page2-slider-image,
.home1 .tns-slide-active .banner-text-section,
.home3 .tns-slide-active .banner-text-section {
left: 0;
}
.home3 .jcs-section-1 .jcs-row,
.home3 .section-3-down,
.home3 .timeout-sell {
/* background-color: #ffffff; */
border-radius: 10px;
/* overflow: hidden; */
}
.image-shine>img {
transform: scale(1);
transition: transform 1s linear;
}
.image-shine:hover>img {
transform: scale(1.1) translateX(-15px);
/* transition: transform 1s linear; */
}
.home3 .section-1-type>.col {
padding: unset;
}
.home3 .jcs-section-1 .info-parent {
padding: 14px;
margin-bottom: -14px;
}
.home3 .jcs-section-1 .jcs-row>.info-flex {
flex: 100%;
}
.home3 .shadow-container {
position: relative;
z-index: 0;
}
.home3 .shadow-indicator {
position: absolute;
border-radius: 10px;
transition: left 0.3s linear 0.1s, top 0.3s linear 0.1s;
z-index: 1;
}
.home3 .shadow-indicator {
box-shadow: rgb(0 0 0 / 14%) 0px 0px 4px 4px;
}
.home3 .products .product-content-outer .product-action {
/* margin-top: -40px; */
visibility: hidden;
opacity: 0;
transition: 0.3s linear .1s;
}
.home3 .products .product-single:hover .product-action,
.home3 .products .product-single:focus-within .product-action {
visibility: visible;
opacity: 1;
}
.home3 .shadow:hover {
position: relative;
z-index: 3;
}
.home3 .hover-icon {
background-color: rgba(var(--product-menu-bg), 1);
}
.home3 .jcs-section-1 .jcs-row>.info-flex {
background-color: #ffffff;
border-radius: 0;
}
.section-1-icon i {
font-size: 22px;
color: rgb(var(--color-primary));
transition: 0.5s all;
}
.section-1-icon {
display: flex;
align-items: center;
background: #ffffff;
border-radius: 100%;
justify-content: center;
width: 60px;
height: 60px;
}
.info-service > .item-wrapper:hover .section-1-icon i, .info-service > .item-wrapper:focus-within .section-1-icon i {
color: rgb(var(--color-hover));
}
.section-1-type>.col {
padding: 14px;
}
.service-1-title {
font-size: 16px;
font-weight: 600;
}
.service-1-action .reverse-support {
font-size: 14px;
}
.service-1-action, .service-1-title {
color: #ffffff;
}
/* END:SECTION-1 */
/* START:SECTION-2 */
.banner-cards,
.page2-feature-product {
margin: -15px;
}
.banner-cards>.product-banner-card,
.page2-feature-product>div {
padding: 15px;
}
.jcs-section-2 .jcs-row,
.team-member .jcs-row.team-cards {
/* gap: 30px; */
justify-content: initial;
}
.section-2-name {
font-size: 24px;
font-weight: 600;
color: #ffffff;
}
.section-2-discount {
font-size: 14px;
color: rgba(var(--color-hover), 1);
line-height: 24px;
}
.section-2-left {
/* position: absolute;
top: 30px;
left: 30px;
z-index: 1; */
position: relative;
padding: 30px 0 30px 30px;
}
.image-shine {
/* flex: 1 1 230px; */
overflow: hidden;
}
/* .card-display .image-shine img {
max-width: unset;
width: 100%;
} */
.home1 .image-shine>img,
.home3 .image-shine>img {
position: absolute;
height: 100%;
object-fit: fill;
width: 100%;
}
.jcs-section-2 .item-wrapper {
/* flex: 1 1 230px; */
}
.jcs-section-2 .item-wrapper>div {
width: 100%;
}
.home3 .timeout-sell {
/* flex: 1 1 230px; */
background-color: #ffffff;
padding: 18px;
}
.home3 .more-sell {
/* flex: 1 1 292px; */
background-color: #ffffff;
padding: 10px;
border-radius: 10px;
}
.tick-tock .value {
width: 35px;
line-height: 35px;
color: #ffffff;
background-color: rgba(var(--color-primary), 1);
border-radius: 50%;
text-align: center;
}
.timed-sell-image {
position: relative;
}
.timeout-sell:hover img {
animation: float 4s linear infinite;
}
.tick-tock .time {
margin: 0 10px;
}
.tick-tock .time:first-child {
margin-left: 0;
}
.tick-tock .time:last-child {
margin-right: 0;
}
.home3 .timer>*:not(:last-child) {
margin-bottom: 10px;
}
.home3 .filter-container>.jcs-row {
justify-content: space-between;
}
/* .card-overlay { */
/* background-repeat: no-repeat;
background-position: 100% 100%;
background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%);
background-image: -moz-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%);
background-image: -o-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%);
background-image: linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%);
-moz-background-size: 250% 250%;
background-size: 250% 250%; */
/* background-position: 100% 100%, calc(100% - 30px) bottom;
background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%), url("../images/features/Image.png");
background-image: -moz-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%), url("../images/features/Image.png");
background-image: -o-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%), url("../images/features/Image.png");
background-image: linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%), url("../images/features/Image.png");
-moz-background-size: 250% 250%, auto auto;
background-size: 250% 250%, auto auto; */
/* -webkit-transition: background-position 0s ease;
-moz-transition: background-position 0s ease;
-o-transition: background-position 0s ease;
transition: background-position 0s ease; */
/* } */
/* .card-overlay:hover {
background-position: 0 0; */
/* background-position: 0 0, calc(100% - 30px) bottom; */
/* -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
} */
.card-button-bubble-container {
position: relative;
margin-top: 30px;
display: inline-block;
}
.card-button-bubble-container .shop-button {
padding: 8px 11.5px;
border-radius: 4px;
background-color: #ffffff;
color: rgba(var(--color-primary), 1);
font-weight: 500;
}
.card.button--bubble__effect-container>.circle {
background-color: #ffffff;
}
.shop-button>i {
padding-left: 10px;
font-size: 10px;
}
.jcs-section-2 .card-display {
background: linear-gradient(to right, rgba(var(--color-primary), 1), rgba(rgba(var(--color-hover), 1), 1));
border-radius: 5px;
overflow: hidden;
}
.jcs-section-2 .col-4:first-child .card-display {
background: linear-gradient(to right, rgba(var(--color-secondary), 1), rgba(var(--color-hover), 1));
}
.jcs-section-2 .col-4:last-child .card-display {
background: rgba(var(--color-secondary), 1);
}
.jcs-section-2 .item-wrapper {
position: relative;
justify-content: space-between;
align-items: flex-start;
}
.section-2-right {
position: absolute;
bottom: 0;
right: 30px;
}
.home3 .section-2-discount {
color: #ffffff;
}
.home3 .card-button-bubble-container {
margin-top: 15px;
}
.home3 .jcs-section-2 .card-display,
.home3 .jcs-section-2 .col-4:first-child .card-display,
.home3 .jcs-section-2 .col-4:last-child .card-display {
background: none;
}
.home3 .section-content {
padding: 20px 25px;
border: 0;
background-color: #ffffff;
border-radius: 10px;
}
.home3 .section-content:hover .cart-button-wrapper,
.home3 .section-content:focus-within .cart-button-wrapper {
display: block;
}
.home3 .section-content:hover .sold-scale,
.home3 .section-content:hover .sold-count,
.home3 .section-content:focus-within .sold-scale,
.home3 .section-content:focus-within .sold-count {
display: none;
}
.home3 .border {
border-radius: 10px;
}
.home3 .border.back {
border-radius: 10px;
background-color: #ffffff;
}
.home3 .section-image::before,
.home3 .section-image::after {
background-color: unset;
}
/* END: SECTION-2 */
/* START: SECTION-3 */
.jcs-section-3 .jcs-row {
justify-content: space-between;
align-items: center;
}
#feature-p-grid {
margin-right: -15px;
margin-left: -15px;
}
/* .products.columns-4 .product-single { */
/* padding: 10px; */
/* height:450px; */
/* } */
/* .products.columns-3 .product-single { */
/* padding: 10px; */
/* height:450px; */
/* } */
/* .products.columns-2 .product-single { */
/* padding: 10px; */
/* height:600px; */
/* } */
.products .product-img {
position: relative;
overflow: hidden;
border-radius: 5px;
margin-bottom: 15px;
}
.products .product-single .product-content{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
text-align:left;
padding:10px;
}
.products .product-img img {
width: 100%;
}
.products .product-img::before,
.products .product-img::after {
background-color: rgba(var(--color-secondary), 0.7);
opacity: 0;
position: absolute;
content: "";
height: 0%;
width: 100%;
transition: all 0.35s;
left: 0;
z-index: 1;
}
.products .product-single.product-img::before,
.products .product-single .product-img::before {
top: 0;
}
.products .product-single.product-img::after,
.products .product-single .product-img::after {
bottom: 0;
}
.products .product-img .sale-ribbon, .sale-ribbon {
position: absolute;
top: 10px;
left: 10px;
padding: 0 5px;
font-size: 16px;
/* height: 20px; */
border-radius: 30px;
z-index: 1;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
}
.products .product-img a:first-child {
width: 100%;
display: block;
}
.products .product-action .button.product_type_simple {
color: #ffffff;
padding: 8px 0;
}
.yith-wcwl-add-to-wishlist:hover, .yith-wcwl-add-to-wishlist:focus-within{
background-color: rgb(var(--color-hover)) !important;
}
.yith-wcwl-add-to-wishlist:hover i, .yith-wcwl-add-to-wishlist:focus-within i{
color: #ffffff;
}
.products .product-img>*:not(:first-child):not(:last-child) {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #ffffff;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
overflow: hidden;
margin-top: 0px;
}
.products .product-img>*:not(:first-child):not(:last-child) i {
transition: 0.7s all ease;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.products .product-img>*:not(:first-child):not(:last-child) i:last-of-type {
top: 50px;
}
.products .product-img>*:hover:not(:first-child):not(:last-child) i:first-of-type {
top: -50%;
}
.products .product-img>*:hover:not(:first-child):not(:last-child) i:last-of-type {
top: 50%;
}
/****/
.entry-summary .yith-wcwl-add-to-wishlist {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgb(var(--color-hover));
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 2;
overflow: hidden;
margin-left: 10px;
}
.entry-summary .yith-wcwl-add-to-wishlist a {
position: relative;
}
.entry-summary .yith-wcwl-add-to-wishlist i{
color: #ffffff;
position: absolute;
left: 50%;
transform: translate(-46%,-72%);
transition: 0.7s all ease;
}
.entry-summary .yith-wcwl-add-to-wishlist i:last-of-type{
transform: translate(-46%, 20px);
}
.entry-summary .yith-wcwl-add-to-wishlist:hover i:first-of-type, .entry-summary .yith-wcwl-add-to-wishlist:focus-within i:first-of-type {
transform: translate(-46%,-50px);
}
.entry-summary .yith-wcwl-add-to-wishlist:hover i:last-of-type, .entry-summary .yith-wcwl-add-to-wishlist:focus-within i:last-of-type {
transform: translate(-46%,-72%);
}
.products .product-img .quickview-trigger {
margin-left: 50px;
}
.products .product-img .compare-btn.compare i {
margin-top: 1px;
}
.products .product-img .compare-btn.compare {
margin-left: -50px;
}
.products .product-img .add_to_wishlist i {
line-height: 0;
margin-top: 1px;
}
.products .product-img .add_to_wishlist,
.products .product-img .compare-btn.compare,
.products .product-img .quickview-trigger {
visibility: hidden;
opacity: 0;
}
.products .product-img .product-action {
text-align: center;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
z-index: 2;
position: absolute;
border-radius: 0 0 5px 5px;
visibility: hidden;
opacity: 0;
bottom: 0;
width: 100%;
}
.retailsy-related-products .products .product-img .product-action > .wp-element-button.product_type_simple{
background-color: rgba(var(--color-primary), 1);
}
.products .product-img .product-action > .wp-element-button.product_type_simple, .products .product-img .product-action > .added_to_cart.wc-forward, .products .product-img .product-action > .product_type_variable, .products .product-img .product-action > .product_type_grouped, .products .product-img .product-action > .wp-element-button {
padding: 8px 0;
background: rgba(var(--color-primary), 1);
color: #fff;
display: block;
}
.products .product-img .product-action > .wp-element-button.product_type_simple:hover,
.products .product-img .product-action > .wp-element-button.product_type_simple:focus {
color: #ffffff;
}
.products .product-img .add_to_wishlist:hover,
.products .product-img .add_to_wishlist:focus,
.products .product-img .compare-btn.compare:hover,
.products .product-img .compare-btn.compare:focus,
.products .product-img .quickview-trigger:hover,
.products .product-img .quickview-trigger:focus {
background-color: rgba(var(--color-hover), 1);
border-color: rgba(var(--color-hover), 1);
}
.products .product-img .add_to_wishlist:hover i,
.products .product-img .add_to_wishlist:focus i,
.products .product-img .compare-btn.compare:hover i,
.products .product-img .compare-btn.compare:focus i,
.products .product-img .quickview-trigger:hover i,
.products .product-img .quickview-trigger:focus i {
color: #ffffff;
}
.products .product-img .in_wishlist .add_to_wishlist:hover i,
.products .product-img .in_wishlist .add_to_wishlist:focus i {
color: #ff0000;
}
.products .product-img .easy-woowishlist-button *:not(i) {
width: 100%;
height: 100%;
border-radius: 50%;
display: inline-block;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.products .product-img .easy-woowishlist-button * .add_to_wishlist {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products .product-img .easy-woowishlist-button:hover,
.products .product-img .easy-woowishlist-button:focus-within {
border-color: rgba(var(--color-primary), 1);
}
.products .product-single:hover .product-img .easy-woowishlist-button *:not(i),
.products .product-single:hover .product-img>*:not(:first-child),
.products .product-single:hover .product-img .add_to_wishlist,
.products .product-single:hover .product-img .compare-btn.compare,
.products .product-single:hover .product-img .quickview-trigger,
.products .product-single:hover .product-img::before,
.products .product-single:focus-within .product-img .easy-woowishlist-button *:not(i),
.products .product-single:focus-within .product-img>*:not(:first-child),
.products .product-single:focus-within .product-img .add_to_wishlist,
.products .product-single:focus-within .product-img .compare-btn.compare,
.products .product-single:focus-within .product-img .quickview-trigger,
.products .product-single:focus-within .product-img::before {
visibility: visible;
opacity: 1;
}
.products .product-content-outer .product-content h3 {
font-size: 1.25rem;
font-weight: 500;
}
.products .product-content-outer .product-content .price {
display: inline-block;
}
.products .product-content-outer .product-content .price span {
font-size: 1.125rem;
}
.products .product-content-outer .product-action a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
padding: 8px 0;
border-radius: 4px;
}
.products .product-content-outer .product-action a i {
color: rgba(var(--color-primary), 1);
}
.products .product-single {
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
z-index:0;
position:relative;
}
.home3 .products .product-single {
border: none;
padding: 15px 0;
}
.products .product-single .product-content h3 {
font-size: 1.125rem;
font-weight: 600;
line-height: 20px;
}
.products .product-single:hover .product-img::before,
.products .product-single:hover .product-img::after,
.products .product-single:focus-within .product-img::before,
.products .product-single:focus-within .product-img::after {
opacity: 1;
height: 50%;
}
.easy_ct-timer {
display: flex;
gap: 10px;
}
.easy_ct-timer>span {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
padding: 5px;
max-width:60px;
}
.easy_ct-timer>span>span:first-child {
font-weight: 700;
line-height: 1.2;
font-size: 18px;
}
.easy_ct-timer>span>span:last-child {
font-size: 85%;
line-height: 1.2;
}
/*Quantity Left */
.retailsy-stocks .barline {
height: 12px;
background: rgba(var(--color-primary), 0.2);
border-radius: 20px;
}
.retailsy-stocks {
margin-bottom: 5px;
}
.entry-summary .retailsy-stocks {
margin-bottom: 15px;
}
.woocommerce .entry-summary .quantity .qty {
border: 1px solid rgb(var(--border));
padding: 5px;
min-height: unset;
}
.woocommerce div.product form.cart, .entry-summary a.alt.retailsy-woowishlist-page-button, .entry-summary a.button.compare-btn.compare.compare-btn-single {
margin-bottom: 15px;
padding: 0.73em 1em;
}
.entry-summary a.compare-btn-single.button:after {
color: #ffffff;
}
.retailsy-stocks .barline .stock-countbar {
height: 12px;
background: rgba(var(--color-primary), 1);
;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
position: relative;
width: 6%;
}
/*End: Quantity Left */
.owl-item {
padding: 2px;
}
.woocommerce .products {
position: relative;
}
.owl-carousel .owl-nav {
display: flex;
width: 100%;
justify-content: space-between;
}
.owl-carousel .owl-nav>button[class*='owl-'] {
margin: 0;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
transition: 0.35s ease;
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.owl-carousel .owl-nav>button[class*='owl-']:hover,
.owl-carousel .owl-nav>button[class*='owl-']:focus {
background-color: rgba(var(--color-hover), 1);
}
.owl-carousel .owl-nav>button.owl-prev {
left: -30px;
}
.owl-carousel .owl-nav>button.owl-next {
right: -30px;
}
.owl-carousel:hover .owl-nav>button.owl-prev,
.owl-carousel:hover .owl-nav>button.owl-next,
.owl-carousel:focus-within .owl-nav>button.owl-prev,
.owl-carousel:focus-within .owl-nav>button.owl-next {
visibility: visible;
opacity: 1;
}
.owl-carousel:hover .owl-nav>button.owl-prev,
.owl-carousel:focus-within .owl-nav>button.owl-prev {
left: 0;
}
.owl-carousel:hover .owl-nav>button.owl-next,
.owl-carousel:focus-within .owl-nav>button.owl-next {
right: 0;
}
.owl-theme .owl-nav {
margin-top: 0;
}
.owl-carousel .owl-stage {
padding-bottom: 2px;
}
.sec3feature {
margin-bottom: -10px;
}
.sec3feature>div {
padding-bottom: 10px;
}
.sec3feature>div:last-child {
padding-left: 0;
}
.section-title-name {
font-weight: 700;
font-size: 24px;
line-height: 34px;
}
#feature-p-grid.jcs-row>.col-3 {
flex: 0 0 25%;
}
.section-name {
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.section-categories a {
transition: color 0.5s ease;
/* color: rgba(var(--text), 1) !important; */
}
.section-categories a:hover,
.section-categories a:focus-visible {
color: rgba(rgba(var(--color-hover), 1), 1);
}
.section-categories a:not(:last-child) {
margin-right: 13.5px;
}
.section-categories a {
font-weight: 500;
}
.view-all-button {
padding: 8px 13px;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
border-radius: 4px;
display: flex;
align-items: center;
}
.view-all-button>i {
padding-left: 10px;
color: #ffffff;
font-size: 10px;
}
.effect-button {
position: absolute;
width: 50%;
height: 25%;
top: 50%;
left: 25%;
z-index: 1;
transform: translateY(-50%);
background-color: transparent;
transition: background-color 0.1s ease-out;
}
.button--bubble__effect-container,
.button--bubble__effect-container.hover1,
.button--bubble__effect-container.hover2,
.button--bubble__effect-container.hover3 {
position: absolute;
display: block;
width: 200%;
height: 400%;
top: -150%;
left: -50%;
transition: all 0.1s ease-out;
pointer-events: none;
}
.button--bubble__effect-container>.circle {
position: absolute;
width: 12px;
height: 12px;
border-radius: 15px;
background-color: rgba(var(--color-primary), 1);
transition: background-color 0.1s ease-out;
z-index: 0;
}
.button-bubble-container.hover1>a,
.button--bubble__effect-container.hover1>.circle {
background-color: rgba(rgba(var(--color-hover), 1), 1);
}
.button-bubble-container.hover2>a,
.button--bubble__effect-container.hover2>.circle {
background-color: rgba(var(--product-menu-bg), 1);
}
.button-bubble-container.hover3>a,
.button--bubble__effect-container.hover3>.circle {
background-color: rgba(var(--off-white), 1);
}
.button-bubble-container.hover2>a {
color: rgba(var(--color-secondary), 1);
/* opacity: 50%; */
}
.circle.top-left {
top: 38%;
left: 26%;
}
.circle.bottom-right {
bottom: 38%;
right: 26%;
}
.section-3-up {
margin-bottom: 20px;
}
.section-content {
padding: 20px 19px;
border-radius: 5px;
border: 1px solid rgba(var(--color-secondary), 0.1);
}
.image-block {
position: relative;
z-index: 0;
}
.section-image {
border-radius: 5px;
margin-bottom: 15px;
position: relative;
z-index: 0;
overflow: hidden;
flex: 1 0 auto;
}
.section-image img {
width: 100%;
height: 100%;
}
.blog>div>img {
/* width: 100%; */
}
.widget_meta#meta-3 .widget-wrapper>.item-wrapper {
margin: 10px 0;
}
/*START: COMMENT AREA */
.comment-list {
margin: 0;
padding: 0;
list-style: none;
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 5px;
padding: 15px;
}
.comments-area li {
list-style: none;
}
.comments-area .comment-body {
position: relative;
padding-left: 120px;
min-height: 120px;
overflow-wrap: break-word;
word-wrap: break-word;
border-radius: 3px;
z-index: 0;
margin-bottom: 30px;
}
.comments-area .comment-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: flex-start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
background-color: unset;
}
.comments-area .comment-meta .comment-author {
font-size: 20px;
}
.comments-area .comment-meta .comment-author img {
position: absolute;
z-index: 0;
left: 20px;
top: 6px;
width: 70px;
border-radius: 100px;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
display: block;
}
.comments-area .comment-meta .comment-author .fn {
font-weight: 700;
}
.comment-meta .comment-metadata {
width: 100%;
line-height: 1.5;
font-size: 15px;
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
}
.comment-meta .comment-metadata>a {
color: inherit;
text-decoration: none;
}
em,
cite,
q {
font-style: italic;
font-weight: bold;
}
.comment-content {
position: relative;
z-index: 0;
padding: 1em 2.35rem 1em 0;
border-bottom: 1px solid rgba(var(--border), 1);
}
.comment-content p {
margin: 0;
}
.comment-metadata .edit-link {
position: relative;
z-index: 0;
}
.comment-body .reply {
position: absolute;
z-index: 0;
}
.reply {
top: 5px;
right: 5px;
}
.reply>a {
text-decoration: underline;
}
/* .comment-metadata .edit-link a, .comment-body .reply a {
padding-left: 5px;
font-weight: 600;
text-decoration: none;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */
.comment-list .children {
position: relative;
padding: 0;
margin: 0;
margin-left: 2.5rem;
z-index: 0;
}
.comments-area .comment-body {
position: relative;
padding-left: 120px;
min-height: 120px;
overflow-wrap: break-word;
word-wrap: break-word;
border-radius: 3px;
z-index: 0;
margin-bottom: 30px;
}
.comment-list .children .comment-body {
background: #f5f6fa;
/* padding: 20px; */
padding-left: 140px;
border-radius: 8px;
}
.comment-list .children {
position: relative;
padding: 0;
margin: 0;
margin-left: 2.5rem;
z-index: 0;
}
.comment-respond {
margin-top: 40px;
padding: 50px;
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
/* margin: 0; */
padding: 0;
line-height: 1.2;
word-break: break-word;
}
h3 {
font-size: 30px;
}
.comment-reply-title,
.comments-title {
padding-bottom: 15px;
position: relative;
z-index: 0;
margin: 0;
}
.comment-form {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.comment-form>p:not(:last-child) {
margin-bottom: 30px;
}
.comment-form>p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
flex: auto;
}
.comment-form>p:nth-child(2n + 1):not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
margin-left: 10px;
}
.comment-form-comment {
max-width: 100%;
flex-basis: 100%;
}
.comment-form-cookies-consent {
display: flex;
align-items: center;
}
.comment-form-cookies-consent,
.form-submit {
width: 100%;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond input[type="password"],
.comment-respond input[type="search"],
.comment-respond input[type="number"],
.comment-respond input[type="tel"],
.comment-respond input[type="range"],
.comment-respond input[type="date"],
.comment-respond input[type="month"],
.comment-respond input[type="week"],
.comment-respond input[type="time"],
.comment-respond input[type="datetime"],
.comment-respond input[type="datetime-local"],
.comment-respond input[type="color"],
.comment-respond textarea {
border-radius: 0px;
display: block;
line-height: 1.5;
font-size: 16px;
font-weight: 500;
max-height: 50px;
padding: 0.813rem 1rem;
vertical-align: middle;
width: 100%;
outline: none;
letter-spacing: 0.5px;
box-shadow: none;
}
.comment-form-cookies-consent label {
display: inline-block;
padding-left: 10px;
}
#respond .form-submit {
display: inline-block;
color: #ffffff;
padding: 0;
}
#respond .form-submit>input {
color: #ffffff;
font-size: 16px;
border-radius: 5px;
width: unset;
}
#respond .form-submit {
position: relative;
border-radius: 4px;
text-decoration: none;
display: inline-block;
align-items: center;
justify-content: center;
text-align: center;
color: #ffffff;
height: 100%;
width: unset;
background-color: rgba(var(--color-primary), 1);
}
#respond .form-submit:hover {
animation: btn_stretch 0.6s ease-in-out 0.3s;
}
@keyframes btn_stretch {
0% {
transform: scale(1);
}
/*
40% {
transform: scale(1);
font-size: 101%;
} */
100% {
transform: scale(1);
}
}
#respond .form-submit::before {
content: "";
position: absolute;
left: -2em;
top: -2em;
right: -2em;
bottom: -2em;
z-index: -1;
pointer-events: none;
background-repeat: no-repeat;
background-position: 37px 23px, 23px 37px, 20px 20px, calc(100% - 37px) calc(100% - 23px),
calc(100% - 23px) calc(100% - 37px), calc(100% - 20px) calc(100% - 20px);
background-size: 32px 32px, 32px 32px, 48px 48px, 32px 32px, 32px 32px, 48px 48px;
display: none;
background-image: radial-gradient(circle, rgba(var(--color-primary), 1) 25%, transparent 27%),
radial-gradient(circle, rgba(var(--color-primary), 1) 25%, transparent 27%),
radial-gradient(circle, rgba(var(--color-primary), 1) 25%, transparent 27%),
radial-gradient(circle, rgba(var(--color-primary), 1) 25%, transparent 27%),
radial-gradient(circle, rgba(var(--color-primary), 1) 25%, transparent 27%),
radial-gradient(circle, rgba(var(--color-primary), 1) 25%, transparent 27%);
}
#respond .form-submit:hover::before,
#respond .form-submit:focus-within::before {
animation: button-bubbles 1s ease-in-out forwards;
display: block;
}
#respond .form-submit:active::before {
animation: none;
/* Notice here to cancel the animation*/
background-size: 0;
}
@keyframes button-bubbles {
0% {
background-position: 23px 23px, 23px 23px, 18px 18px, calc(100% - 23px) calc(100% - 23px),
calc(100% - 23px) calc(100% - 23px), calc(100% - 18px) calc(100% - 18px);
background-size: 32px 32px, 32px 32px, 48px 48px, 32px 32px, 32px 32px, 48px 48px;
display: none;
}
30% {
background-position: 19px 24px, 24px 19px, 10px 10px, calc(100% - 19px) calc(100% - 24px),
calc(100% - 24px) calc(100% - 19px), calc(100% - 10px) calc(100% - 10px);
}
60% {
background-position: 19px 24px, 24px 19px, 10px 10px, calc(100% - 19px) calc(100% - 24px),
calc(100% - 24px) calc(100% - 19px), calc(100% - 10px) calc(100% - 10px);
background-size: 32px 32px, 32px 32px, 48px 48px, 32px 32px, 32px 32px, 48px 48px;
display: block;
}
80% {
background-position: 10px 34px, 34px 10px, 0px 0px, calc(100% - 10px) calc(100% - 34px),
calc(100% - 34px) calc(100% - 10px), calc(100% + 0px) calc(100% + 0px);
background-size: 10px 10px, 10px 10px, 48px 48px, 10px 10px, 10px 10px, 48px 48px;
}
100% {
background-position: 10px 34px, 34px 10px, 3px 3px, calc(100% - 10px) calc(100% - 34px),
calc(100% - 34px) calc(100% - 10px), calc(100% - 20px) calc(100% - 20px);
background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
}
/* END: COMMENT AREA */
.banner-image-grid>div,
.blog-masonry>div,
.image-blog {
position: relative;
border-radius: 4px;
overflow: hidden;
}
.blog>div.compare_table_pop {
position: fixed;
}
.widget-wrapper {
padding: 20px;
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 4px;
margin-bottom: 30px;
}
/* .sidebar .cat-item {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px;
border-bottom: 1px solid #e8e8e8;
} */
.sidebar .cat-item:last-child {
border: none;
}
/* START: MESONRY LAYOUT */
:root {
counter-reset: masonry;
}
.masonry-content .image-blog {
margin-bottom: 15px;
}
.masonry {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
grid-auto-rows: 0;
}
.masonry-item {
border-radius: 5px;
}
.masonry-item {
border-radius: 5px;
overflow: hidden;
}
.masonry-item,
.masonry-item img {
position: relative;
}
/*
.masonry-item:after {
font-weight: bold;
background-color: rgba(0, 0, 0, .5);
content: counter(masonry);
counter-increment: masonry;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: white;
display: flex;
justify-content: center;
align-items: center;
transition: all .1s ease-in;
} */
/* .masonry-item:hover:after {
font-size: 30px;
background-color: rgba(0, 0, 0, .75);
} */
/* END: MESONRY LAYOUT */
/* .commentor-pic > .image-blog {
border-radius: 50%;
} */
.blog.post>div:has(img) {
position: relative;
}
.section-image::before,
.section-image::after,
.team-card-hover::before,
.team-card-hover::after,
.banner-image-grid>div::before,
.banner-image-grid>div::after,
.image-blog::before,
.image-blog::after,
.blog.post>div:has(img):first-child::before,
.blog.post>div:has(img):first-child::after {
background-color: rgba(var(--color-secondary), 0.7);
opacity: 0;
position: absolute;
content: "";
height: 0%;
width: 100%;
transition: all 0.35s ease;
left: 0;
}
.section-image::before,
.team-card-hover::before,
.banner-image-grid>div::before,
.image-blog::before,
.blog.post>div:has(img):first-child::before {
top: 0;
}
.section-image::after,
.team-card-hover::after,
.banner-image-grid>div::after,
.image-blog::after,
.blog.post>div:has(img):first-child::after {
bottom: 0;
}
.hover:not(.menupop) {
opacity: 0;
transition: all 0.35s ease;
}
.hover-icon-list,
.add-cart,
.view-cart {
position: absolute;
z-index: 3;
}
.add-cart,
.view-cart {
padding: 8px 0;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
text-align: center;
width: 100%;
bottom: 0;
border-radius: 0px 0px 5px 5px;
}
.hover-icon-list {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
display: flex;
}
.hover-icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #ffffff;
border-radius: 50%;
transition: background-color 1s;
}
.hover-icon i {
color: rgba(var(--color-icon), 1);
position: absolute;
}
.hover-icon i:nth-child(2n + 1) {
visibility: visible;
opacity: 1;
transition: all 700ms;
bottom: 6px;
}
.hover-icon i:nth-child(2n) {
visibility: hidden;
opacity: 0;
transition: all 700ms;
bottom: -2px;
}
.hover-icon:hover i:nth-child(2n + 1),
.hover-icon:focus-visible i:nth-child(2n + 1) {
visibility: hidden;
opacity: 0;
bottom: 18px;
}
.hover-icon:hover i:last-child,
.hover-icon:focus-visible i:last-child {
visibility: visible;
opacity: 1;
bottom: 6px;
color: #ffffff;
}
.hover-icon:not(:first-child, :last-child) {
margin: 0 10px;
}
.sold-count {
font-size: 14px;
font-weight: 500;
color: rgba(var(--text), 1);
}
.sold-out {
margin-bottom: 10px;
position: relative;
}
.home3 ul.products > li {
margin-bottom: 0!important;
}
.home3 .sold-out a {
background: rgba(var(--color-primary), 1);
color: white;
width: 100%;
border-radius: 4px;
padding: 8px 0;
}
.cart-button-wrapper {
margin-top: 1px;
display: none;
position: relative;
bottom: -11px;
}
.home3 .sold-out .button-bubble-container {
display: block;
}
.home3 .sold-scale {
margin: 10px 0 5px;
}
.sold-scale {
position: relative;
width: 100%;
height: 5px;
border-radius: 5px;
background-color: rgba(var(--product-menu-bg), 1);
}
.sold-scale::after {
content: "";
position: absolute;
background-color: rgba(rgba(var(--color-hover), 1), 1);
height: 100%;
border-radius: 5px;
width: var(--scale-width);
}
/* .sold-scale1::after, .sold-scale3::after, .sold-scale4::after {
width: 58.620%;
} */
/*
.sold-scale2::after {
width: 66.6666%;
} */
.section-rating i {
color: rgba(rgba(var(--color-hover), 1), 1);
}
.section-price {
font-weight: 600;
margin-top: 3px;
}
del {
font-weight: 400;
color: rgba(var(--color-hover), 1);
opacity: 1 !important;
}
.section-3-down {
position: relative;
}
.tag {
display: inline-block;
width: max-content;
text-align: center;
padding: 0.4em 0.6em;
color: #ffffff;
font-size: 0.8em;
border-radius: 2px;
line-height: 14px;
left: 10px;
top: 10px;
z-index: 0;
position: absolute;
}
.tag.right {
left: calc(100% - 20%);
top: 2px;
font-size: 10px;
line-height: 9px;
}
.discount-tag {
background-color: rgba(var(--color-primary), 1);
}
.sell-tag {
background-color: #4fc577;
}
.out-stock-tag {
background-color: #ff0000;
}
.new-tag {
background-color: rgba(rgba(var(--color-hover), 1), 1);
}
.direction {
visibility: hidden;
}
.right-direction,
.left-direction {
position: absolute;
line-height: 38px;
text-align: center;
width: 40px;
background-color: rgba(var(--color-primary), 1);
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
z-index: 1;
cursor: pointer;
/* visibility: hidden; */
}
.right-direction {
right: 0;
}
.right-direction i,
.left-direction i {
color: #ffffff;
font-size: 10px;
}
/* :hover */
.section-content:hover .hover,
.section-content:focus-within .hover {
opacity: 1;
}
.section-content:hover .section-image::before,
.section-content:hover .section-image::after,
.team-card-hover:hover::after,
.team-card-hover:hover::before,
.banner-image-grid>div:hover::before,
.banner-image-grid>div:hover::after,
.image-blog:hover::before,
.image-blog:hover::after,
.blog.post>div:has(img):first-child:hover::before,
.blog.post>div:has(img):first-child:hover::after,
.section-content:focus-within .section-image::before,
.section-content:focus-within .section-image::after,
.team-card-hover:focus::after,
.team-card-hover:focus::before,
.banner-image-grid>div:focus::before,
.banner-image-grid>div:focus::after,
.image-blog:focus-within::before,
.image-blog:focus-within::after,
.blog.post>div:has(img):first-child:focus-within::before,
.blog.post>div:has(img):first-child:focus-within::after {
opacity: 1;
height: 50%;
z-index: 1;
}
.team-card-hover:hover::after,
.team-card-hover:hover::before {
z-index: 0;
}
.hover-icon:hover,
.right-direction:hover,
.left-direction:hover,
.hover-icon:focus-visible,
.right-direction:focus-visible,
.left-direction:focus-visible {
background-color: rgba(var(--color-hover), 1);
transition: background-color 0.5s;
}
.hover-icon:hover i,
.right-direction:hover i,
.left-direction:hover i,
.hover-icon:focus-visible i,
.right-direction:focus-visible i,
.left-direction:focus-visible i {
color: #ffffff;
}
/* END: SECTION-3 */
/* START: SECTION-4 */
.jcs-section-4 .easy_ct-timer {
display: flex;
gap: 10px;
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
padding: 0 5px;
}
.jcs-section-4 .easy_ct-timer>span {
border-right: 1px solid rgba(var(--border), 1);
border: none;
position: relative;
display: initial;
flex: auto;
}
.jcs-section-4 .easy_ct-timer>span:not(:last-of-type)::after {
position: absolute;
content: "|";
color: rgba(var(--color-border), 1);
right: -10px;
}
.jcs-section-4 .easy_ct-timer>span>span:first-child {
font-weight: 400;
font-size: 100%;
flex: 100%;
margin-right: 5px;
}
.jcs-section-4 .easy_ct-timer>span>span:last-child {
font-weight: 500;
font-size: 105%;
color: rgba(var(--color-primary), 1);
}
.section-grid-home {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto 1fr;
grid-gap: 30px;
}
.home-section-slider-container {
position: relative;
}
.section-left {
flex: 0 0 270px;
}
.section-left > .items-names{
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 0 0 5px 5px;
}
/* @media (min-width: 768px){ */
/* .section-left { */
/* height: 444px; */
/* } */
/* } */
.section-right .jcs-row {
/* margin-bottom:-15px; */
justify-content: space-between;
}
.section-right .jcs-row>* {
margin-bottom: 15px;
}
.section-4-menu {
border-radius: 5px 5px 0 0;
}
.title {
padding: 37px 32px;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
border-radius: 5px 5px 0 0;
position: relative;
}
.title-4::after,
.title-4::before {
background-color: #1197e5;
}
.title-5 {
background-color: rgba(var(--color-hover), 1);
border-radius: 5px 5px 0 0;
}
.title-6 {
background-color: #1197e6;
border-radius: 5px 5px 0 0;
}
.title-7 {
background-color: #f03e54;
border-radius: 5px 5px 0 0;
}
.title-5::after,
.title-5:before,
.title-6::after,
.title-6::before,
.title-7::after,
.title-7::before {
background-color: #ffffff;
}
.items-names>a {
display: block;
padding: 15px 32px;
position: relative;
transition: background-color 0.7s ease;
}
.items-names>a:not(:last-child)::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: rgba(var(--color-primary), 1);
opacity: 10%;
left: 0;
bottom: 0;
}
.items-names>a::before {
opacity: 0;
content: "";
position: absolute;
width: 4px;
height: 100%;
background-color: rgba(var(--color-hover), 1);
left: 0;
bottom: 0;
transition: opacity 0.7s ease;
}
.items-names>a:hover::before,
.items-names>a:focus::before {
opacity: 1;
}
.items-names>a:hover,
.items-names>a:focus-visible {
background-color: rgba(var(--color-primary), 0.1);
z-index: 0;
color: #000000;
}
.section-right .item-wrapper {
justify-content: space-between;
}
.section-right .item-wrapper:nth-child(2) {
margin-bottom: 20px;
}
.section-4-categories a:not(:first-child, :last-child) {
margin: 10px;
}
/* END: SECTION-4 */
/* START:FOOTER-SECTION */
.footer-top-wrapper {
display: grid;
grid-template-columns: 100%;
grid-gap: 15px;
padding: 30px 0;
}
.footer-top-wrap {
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
border-radius: 10px;
padding: 40px;
position: relative;
}
.footer-top-wrap>.jcs-row {
margin-bottom: -15px;
}
.footer-top-wrap>.jcs-row>* {
padding-bottom: 15px;
}
.footer-top-wrap form input[class="search-input"] {
margin-bottom: 0 !important;
}
.home3 .footer-top-wrap .newsletter-sign {
color: #ffffff;
font-size: 20px;
font-weight: 600;
}
.home3 .footer-top-wrap .section-title-name {
color: #ffffff;
}
footer .jcs-row {
justify-content: space-between;
}
.logo-title {
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.query-mail-container {
position: relative;
display: flex;
}
.query-mail-container input[type="email"] {
padding: 17px;
width: 100%;
border-radius: 4px;
border: none;
}
.query-mail-container .button-bubble-container {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.subscribe-button i {
color: #ffffff;
}
.top-right-footer .query-mail-container:last-child,
.top-left-footer div:last-child {
margin-top: 20px;
}
.top-right-footer .widget_mail form{
padding:0;
}
.middle-footer .social-links a {
transition: all 0.5s;
}
.middle-footer .social-links i {
position: absolute;
}
.foot-first-social {
opacity: 1;
transition: all 0.7s;
}
.foot-second-social {
bottom: 0;
opacity: 0;
transition: all 0.7s;
}
.footer-section a{
color: rgba(var(--color-hover), 1);
}
.footer-section a.tag-cloud-link{
color: #ffffff;
}
.footer-section.footer-light {
background-color: rgba(var(--color-footer-back), 1);
}
.footer-section.footer-dark {
background-color: #000000;
color: #ffffff;
}
.footer-middle-wrapper {
padding: 30px 0;
}
.footer-bottom-wrapper {
padding: 15px 0;
}
.footer-bottom-wrapper .widget-center .widget {
margin: auto;
}
.footer-bottom-wrapper .widget-center .widget .brand{
text-align: center;
}
.footer-bottom-wrapper>div:last-child a:hover,
.footer-bottom-wrapper>div:last-child a:focus {
/* box-shadow: 0 0 4px 2px rgba(var(--color-hover), 0.5); */
}
.footer-bottom-wrapper>div {
margin-bottom: -15px;
}
.footer-bottom-wrapper>div>div {
padding-bottom: 15px;
}
.footer-bottom-wrapper .col {
flex: 1 1 230px;
}
hr {
border-color: rgba(var(--color-primary), 1);
opacity: 10%;
margin: 0;
padding: 0;
border-top-width: 0;
}
hr#in2 {
border-color: #ffffff;
opacity: 20%;
}
.footer-middle-wrapper .jcs-row {
justify-content: space-between;
align-items: flex-start;
}
.footer-mid-links a {
position: relative;
}
.footer-mid-links {
padding-top: 7.5px;
}
.footer-mid-links a {
margin: 7.5px 20px;
}
.middle-footer:not(:last-child) .footer-mid-links a::after {
position: absolute;
content: "\f285";
font-family: bootstrap-icons;
left: -20px;
font-size: 13px;
color: rgba(var(--color-hover), 1);
}
a.footer-link {
padding: 7.5px 0;
}
a.footer-link i {
margin-right: 10px;
}
.footer-link:hover i,
.footer-link:focus i {
animation: float 1.5s linear infinite;
}
a.footer-link>.item-wrapper {
align-items: flex-start;
}
.middle-footer .social-links a {
height: 40px;
width: 40px;
border-radius: 50%;
margin: 0 5px;
margin-left: 5px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.social-link.off-white a {
background-color: rgba(var(--off-white), 1);
}
.social-link.off-white a:hover,
.social-link.off-white a:focus-visible {
background-color: rgba(var(--color-hover), 1);
}
.social-link.off-white a>i {
color: rgba(var(--color-icon), 1);
}
.middle-footer .social-links a:hover,
.middle-footer .social-links a:focus-visible {
background-color: rgba(var(--color-hover), 1);
}
.middle-footer .social-links a:hover i,
.middle-footer .social-links a:focus-visible i {
color: #ffffff;
}
.middle-footer .social-links a:hover .foot-first-social,
.middle-footer .social-links a:focus-visible .foot-first-social {
bottom: 22px;
opacity: 0;
}
.middle-footer .social-links a:hover .foot-second-social,
.middle-footer .social-links a:focus-visible .foot-second-social {
bottom: 12px;
opacity: 1;
}
.middle-footer .social-links a:first-child {
margin-left: 0;
}
.middle-footer .social-links a:last-child {
margin-right: 0;
}
.progress {
width: 74.074%;
height: 1px;
background-color: rgba(var(--border), 1);
position: relative;
}
.progress::after,
.footer-middle-wrapper .widget-title::after,.footer-section .widget_block h1::after, .footer-section .widget_block h2::after, .footer-section .widget_block h3::after, .footer-section .widget_block h4::after, .footer-section .widget_block h5::after, .footer-section .widget_block h6::after {
content: "";
position: absolute;
width: 35%;
height: 100%;
background-color: rgba(var(--color-hover), 1);
}
.footer-middle-wrapper .widget-title, .footer-section .widget_block h1, .footer-section .widget_block h2, .footer-section .widget_block h3, .footer-section .widget_block h4, .footer-section .widget_block h5, .footer-section .widget_block h6 {
position: relative;
}
.footer-middle-wrapper .widget-title::before, .footer-section .widget_block h1::before, .footer-section .widget_block h2::before, .footer-section .widget_block h3::before, .footer-section .widget_block h4::before, .footer-section .widget_block h5::before, .footer-section .widget_block h6::before {
content: "";
width: 74.074%;
height: 1px;
background-color: rgba(var(--border), 1);
position: absolute;
left: 0;
bottom: 0;
}
.footer-middle-wrapper .widget-title::after, .footer-section .widget_block h1::after, .footer-section .widget_block h2::after, .footer-section .widget_block h3::after, .footer-section .widget_block h4::after, .footer-section .widget_block h5::after, .footer-section .widget_block h6::after{
height: 1px;
left: 0;
bottom: 0;
}
.footer-mid-links i {
color: rgba(var(--color-hover), 1);
padding-top: 7.5px;
}
.footer-mid-links>.footer-link>div {
align-items: flex-start;
}
.copyright-theme {
color: rgba(var(--color-hover), 1);
position: relative;
}
/* .copyright-theme::before, */
/* .copyright-theme::after { */
/* position: absolute; */
/* content: ""; */
/* bottom: 6px; */
/* left: 0; */
/* width: 100%; */
/* border: none; */
/* transition: border-bottom 0.7s ease; */
/* } */
.copyright-theme::before {
opacity: 1;
visibility: visible;
border-bottom: 1px solid rgba(var(--color-hover), 1);
}
.copyright-theme::after {
opacity: 0;
visibility: hidden;
border-bottom: 1px dotted rgba(var(--color-hover), 1);
}
.copyright-theme:hover::after,
.copyright-theme:focus::after {
opacity: 1;
visibility: visible;
}
.copyright-theme:hover::before,
.copyright-theme:focus::before {
opacity: 0;
visibility: hidden;
}
.footer-bottom-wrapper div:nth-child(2) img {
margin: 0 5px;
}
.middle-footer:not(:last-child) .footer-mid-links a:hover::after,
.middle-footer:not(:last-child) .footer-mid-links a:focus::after {
animation: bob 500ms linear infinite;
}
.extra-height {
height: 106px;
}
footer .textwidget p,
footer .widget-contact .contact-area:first-of-type {
padding-top: 15px;
}
.widget_payment_methods .widget-title,
.footer-bottom-wrapper .widget-center .widget-title,
.footer3 .widget_mail .widget-title {
display: none;
}
.widget_payment_methods ul li {
display: inline-block;
margin-left: 5px;
}
.footer-search-overlay .close-style {
border-color: #ffffff;
}
.footer-search-overlay .close-style::before, .footer-search-overlay .close-style::after {
background: #ffffff;
}
.footer-section.footer-light .widget > ul.payment_methods {
margin-top: 0;
}
.payment_methods a, .brand a {
vertical-align: middle;
}
/* END :FOOTER-SECTION */
/* START:home02 SECTION01 */
.section-01 .jcs-container {
display: grid;
grid-template-rows: 250px 250px;
grid-template-columns: 1fr;
grid-gap: 30px;
grid-auto-rows: 250px;
grid-template-areas: "in2ele""in2trvl""in2fsn""in2frn""in2soo";
}
.section-01 .jcs-container>* {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.section-01-title {
font-size: 24px;
line-height: 34px;
font-weight: 600;
}
.section-01-subtitle {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.section01-shop-btn {
color: rgba(var(--color-primary), 1);
line-height: 24px;
font-size: 14px;
font-weight: 700;
top: 15px;
text-decoration: underline;
}
.section01-shop-btn>i {
margin-left: 10px;
font-size: 10px;
color: rgba(var(--color-primary), 1);
}
.section01-shop-btn:hover,
.section01-shop-btn:focus,
.section01-shop-btn:hover>i,
.section01-shop-btn:focus>i {
color: rgba(var(--color-hover),1);
}
/*
.section01-image {
position: absolute;
} */
.section-01-elec {
grid-area: in2ele;
}
.section-01-travel {
grid-area: in2trvl;
}
.section-01-fashion {
grid-area: in2fsn;
}
.section-01-furniture {
grid-area: in2frn;
}
.section-01-shoe {
grid-area: in2soo;
}
.in2-card-desc {
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
}
.in2-card-desc img {
max-width: unset;
}
.section-01-card .image-shine img:nth-child(2) {
width: 100%;
height: 250px;
}
.home2 .image-shine img:last-child {
right: 0;
bottom: 0;
position: absolute;
z-index: 0;
}
.offer-content-04 .image-shine img:last-child {
bottom: unset;
top: 0;
right: 3%;
}
.section-01-card:nth-child(3) .image-shine img:last-child {
bottom: -130px;
}
.image-shine,.section-01-card {
position: relative;
min-height: 180px;
}
.image-shine::before {
position: absolute;
top: 0;
left: -119%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-15deg);
}
.image-shine:hover::before,
.image-shine:focus-within::before {
-webkit-animation: shine 0.75s;
animation: shine 0.75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.offer-content-04 .image-shine>img:first-child {
position: absolute;
height: 100%;
}
.offer-content-04 .image-shine>div {
position: relative;
z-index: 1;
}
/* END:home02 SECTION01 */
/* START: home02 SECTION02 */
.section-02-image {
margin: 0 20px 0 0;
}
.home2 .jcs-section-02 .product-single {
display: flex;
}
.home2 .jcs-section-02 .product-single .product-img {
margin-bottom: 0;
margin-right: 15px;
flex: 0.8;
}
.home2 .jcs-section-02 .product-single .product-content-outer {
flex: 1;
}
.home2 .jcs-section-02 .products .product-img>*:not(:first-child):not(:last-child),
.home2 .jcs-section-06 .products .product-img>*:not(:first-child):not(:last-child) {
transform: translate(-50%, -50%) scale(0.8);
/* margin-top: -10px; */
}
.home2 .jcs-section-02 .products .product-img .compare-btn.compare,
.home2 .jcs-section-06 .products .product-img .compare-btn.compare {
margin-left: -26%;
}
.home2 .jcs-section-02 .products .product-img .quickview-trigger,
.home2 .jcs-section-06 .products .product-img .quickview-trigger {
margin-left: 26%;
}
.home2 .jcs-section-02 .product-single .product-content-outer .product-content .price span {
font-size: 100%;
font-weight: 600;
}
.home2 .jcs-section-03 .woocommerce,
.home2 .jcs-section-05 .woocommerce {
margin-top: 30px;
}
/* .home2 .jcs-section-06 .products .product-single {
padding: 15px;
} */
.home2 .jcs-section-06 .products .product-single .product-content h3 {
font-size: 100%;
text-align: center;
font-weight: 500;
}
.section-02-up .jcs-row,
.section-02-down .jcs-row {
justify-content: space-between;
}
.section-02-up {
margin-bottom: 20px;
}
.in2-space {
margin-top: 30px;
}
.hover-icon.in2 {
width: 30px;
height: 30px;
}
.hover-icon-list.in2 {
top: 50%;
}
.hover-icon.in2 i:nth-child(2n) {
bottom: -4px;
}
.hover-icon.in2 i:nth-child(2n + 1),
.hover-icon.in2:hover i:nth-child(2n),
.hover-icon.in2:focus-visible i:nth-child(2n + 1),
.hover-icon.in2:focus-visible i:nth-child(2n) {
bottom: 2px;
}
.hover-icon.in2:hover i:nth-child(2n + 1),
.hover-icon.in2:focus-visible i:nth-child(2n + 1) {
bottom: 8px;
}
/* END: home02 SECTION02 */
/* START: home02 SECTION04 */
.offer-title {
font-weight: 700;
line-height: 26px;
margin-bottom: 20px;
}
/* END: home02 04 */
/* START: home02 SECTION06 */
.more-header {
margin-bottom: 30px;
}
.page-2-more {
margin: -15px;
}
.page-2-more>div {
padding: 15px;
}
.mores {
padding: 20px;
border: 1px solid #11111110;
border-radius: 5px;
}
.mores img {
max-width: unset;
width: 100%;
}
a.morename {
margin-top: 14px;
display: block;
}
.mores .section-content {
padding: 0;
border: none;
}
.jcs-section-06 .jcs-container>.jcs-row:nth-child(2) {
justify-content: unset;
}
/* END: home02 SECTION06 */
/* START: PRODUCT SECTION04 */
/* START: SIDEBAR */
.view-selected {
color: rgba(var(--color-hover), 1);
}
.section04-04-title {
font-weight: 600;
line-height: 1.625rem;
}
.product-main .progress-bar-line {
margin: 10px 0 20px;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #462940;
border: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #a46497;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider div.ui-slider-range {
background-color: rgba(var(--color-hover), 1);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #a46497;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.3em;
margin-left: -0.5em;
}
.woocommerce .widget_price_filter .ui-slider span.ui-slider-handle {
background-color: rgba(var(--color-primary), 1);
width: 1.25em;
height: 1.25em;
top: -0.4em;
}
.widget_price_filter.woocommerce form {
background-color: unset !important;
}
.widget_price_filter form button[type="submit"] {
position: relative;
padding: 10px;
}
.price_filter_texting {
display: flex;
justify-content: space-between;
align-items: center;
}
form button[type="submit"]>i.bi-funnel-fill {
padding: 0;
}
.dropdown-side {
display: block;
position: relative;
}
.cat-disc {
display: inline-block;
background-color: rgba(var(--color-primary), 1);
opacity: 20%;
border-radius: 50%;
height: 6px;
width: 6px;
vertical-align: middle;
margin-right: 7px;
}
.dropdown-side a,
.brand-filter a {
display: block;
font-weight: 400;
color: rgba(var(--text), 1);
}
.dropdown-button::before {
position: absolute;
content: "\f285";
font-family: bootstrap-icons;
right: 0;
top: 5px;
color: rgba(var(--color-primary), 1);
font-size: 10px;
transition: transform 0.7s ease;
}
.intermediate.active .dropdown-button::before,
.dropdown-btn.active::after,
.more-button.active::after {
transform: rotate(90deg);
}
.dropdown-items-side li {
margin-left: 30px;
font-size: 0.875rem;
margin-bottom: 5px;
}
.dropdown-items-side {
display: none;
}
#price-slider,
.brand-name {
display: flex;
justify-content: space-between;
}
.slidecontainer {
position: relative;
}
#price-value {
position: absolute;
top: 30px;
}
.filter-icon {
width: 30px;
line-height: 30px;
background-color: rgba(var(--color-hover), 1);
text-align: center;
}
.filter-icon i {
color: #ffffff;
}
.price-slider {
width: 100%;
}
#price-slider div:first-child {
color: rgba(var(--text), 1);
}
.product-main .hr {
border-color: rgba(var(--color-primary), 1);
opacity: 10%;
margin: 20px -30px;
}
.product .sidebar form button[type="submit"] {
position: relative;
height: 50px;
}
input[type="range"]:active {
outline: none;
}
input[type="range"]::-webkit-slider-thumb {
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #fff;
position: relative;
margin: 5px 0px;
/* Add some margin to ensure box shadow is shown */
cursor: pointer;
appearance: none;
pointer-events: all;
box-shadow: 0 0px 4px 0.5px rgba(0, 0, 0, 0.25);
}
.multi-range {
position: relative;
height: 50px;
display: block;
}
.multi-range input[type="range"] {
position: absolute;
padding: 0;
}
.multi-range input[type="range"]:nth-child(1) ::-webkit-slider-thumb::before {
background-color: red;
}
.multi-range input[type="range"]:nth-child(2) {
background: none;
}
.multi-range input[type="range"]:nth-child(2) ::-webkit-slider-thumb::before {
background-color: rgba(var(--color-footer-back), 1);
}
/*end*/
.product .sidebar hr {
margin: 20px -30px;
}
.product #st-primary-content {
display: flex;
flex-wrap: wrap;
/* align-items: center; */
justify-content:space-between;
gap:15px;
}
.product #st-primary-content .woocommerce-result-count {
flex: 100%;
margin: 0;
padding: 15px 10px;
}
.product #st-primary-content .woocommerce-ordering {
max-width: 208px;
margin-right: 15px;
}
.product #st-primary-content .woocommerce-ordering select {
min-height: 40px;
margin-bottom: 0;
padding:10px;
}
.product #st-primary-content .woocommerce {
width: 100%;
}
.product #st-primary-content .gridlist-toggle {
display: flex;
gap: 10px;
/* margin-bottom: 1em; */
}
.product #st-primary-content .gridlist-toggle>a {
display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
border: 1px solid rgba(var(--border), 1);
}
.product #st-primary-content ul.row:not(.grid) .product-single {
display: flex;
}
.product #st-primary-content ul.row:not(.grid) .product-single .product-img {
margin: 0 30px 0 0;
}
.product #st-primary-content ul.row:not(.grid) .product-single .product-content-outer {
flex: 1;
}
.woocommerce-pagination {
width: max-content;
margin: auto;
}
.woocommerce-pagination>ul {
display: flex !important;
gap: 10px;
}
.woocommerce-pagination>ul .page-numbers {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(var(--product-menu-bg), 1);
display: flex !important;
align-items: center;
justify-content: center;
}
.woocommerce-pagination>ul .page-numbers.current {
background-color: rgba(var(--color-hover), 1) !important;
color: #ffffff !important;
}
.woocommerce-pagination>ul .page-numbers:hover,
.woocommerce-pagination>ul .page-numbers:focus {
background-color: rgba(var(--color-primary), 1) !important;
color: #ffffff !important;
}
.woocommerce nav.woocommerce-pagination {
/* padding-bottom: 50px; */
}
.product #st-primary-content .gridlist-toggle>a.active {
border: 1px solid rgba(var(--hover), 1);
}
.product #st-primary-content .gridlist-toggle>a:hover, .product #st-primary-content .gridlist-toggle>a:focus {
text-decoration: none;
}
.product #st-primary-content .gridlist-toggle>a.active>span:first-of-type {
color: #ffffff
}
.product .sidebar .progress-bar-line {
margin-bottom: 10px;
}
.product-statics-bar select {
min-height: 1px;
padding: 0;
}
.brand-filter li {
margin: 5px 0;
}
.product-color {
width: 20px;
height: 20px;
border-radius: 50%;
border: none;
}
.woocommerce .widget_rating_filter ul li::after,
.woocommerce .widget_rating_filter ul li::before {
content: " ";
display: table;
}
.woocommerce .sidebar hr {
margin: 10px -30px;
}
.woocommerce .sidebar .progress-bar-line {
margin-bottom: 15px;
}
#c-default {
background-color: rgba(var(--color-primary), 1);
}
#c-1 {
background-color: #111111;
}
#c-2 {
background-color: rgba(var(--color-hover), 1);
}
#c-3 {
background-color: #1197e6;
}
#c-4 {
background-color: #9fc749;
}
#c-5 {
background-color: #ffadab;
}
#c-6 {
background-color: #acdcdc;
}
#c-7 {
background-color: #fee6e0;
}
#c-8 {
background-color: #d5ad5d;
}
#c-9 {
background-color: #bdd6e7;
}
.product-size {
width: 35px;
line-height: 35px;
text-align: center;
font-size: 0.875rem;
border-radius: 50%;
font-weight: 600;
margin-right: 5px;
margin-bottom: 10px;
background-color: #ffffff;
}
.product-size:hover,
.product-size:focus {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
.cvw a {
background-color: rgba(var(--product-menu-bg), 1);
}
.add-to-cart,
.view-to-cart {
padding: 0.5rem 1.875rem;
border-radius: 4px;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
font-weight: 700;
font-size: 0.875rem;
}
.list-content {
display: none;
}
.button-bubble-container>.view-to-cart {
display: none;
width: 100%;
}
/* END: SIDEBAR */
/* END: PRODUCT SECTION04 */
/* START: NEWSLETTER */
.newsform-inner .widget_social_widget ul li a{
background-color: rgba(var(--product-menu-bg), 1);
}
.signin-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 10;
-webkit-animation: fade_hide linear 0.5s forwards;
animation: fade_hide linear 0.5s forwards;
z-index: 1000;
}
.signin-overlay .signin-close {
position: absolute;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
border-radius: 100%;
text-decoration: none;
z-index: 99;
top: 5px;
right: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.signin-overlay .signin-model-2 .signpageforms {
width: 100%;
height: 100%;
position: relative;
z-index: 0;
}
.signin-overlay .signin-model-2 .signpageforms .widget_social_widget ul{
margin-bottom: 0;
}
.signin-overlay .signin-model-2 .signpageforms .widget_social_widget li{
line-height: 0;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.signin-model-details::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.signin-model-details {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.form-group {
display: flex;
align-items: center;
position: relative;
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
padding-left: 10px;
}
.form-group label {
position: absolute;
z-index: 1;
}
.form-group input {
min-height: unset;
margin-left: 5px;
}
.login-form .form-group .btn {
margin: 0;
width: auto;
}
.login-form .form-check {
display: flex;
gap: 10px;
}
.signin-model-details {
background-color: #ffffff;
overflow: hidden;
max-width: 830px;
width: 310px;
height: 486px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
overflow: auto;
}
.signin-model-details .login-form {
background-color: #ffffff;
max-width: unset;
}
.signin-model-details .login-form form {
padding: 0;
}
.signin-model-details .login-form .right-side {
padding: 20px;
}
.signin-model-details .login-form .news-subscribe {
font-variant: small-caps;
font-size: 10px;
}
/* END: NEWSLETTER */
.scrollup {
display: none;
position: fixed;
bottom: 120px;
right: 15px;
width: 42px;
height: 42px;
line-height: 42px;
font-size: 20px;
text-align: center;
cursor: pointer;
color: #ffffff;
background-color: rgba(var(--color-primary), 1);
border: none;
outline: none;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 9;
}
.scrollup i {
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
}
.scrollup:hover,
.scrollup:focus-within {
color: #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.scrollup:hover i,
.scrollup:focus-visible i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
/* START SECTION-7 */
.myslider:focus-within .direction,
.myslider:hover .direction {
visibility: visible;
}
.home3 .woocommerce .product-single {
padding: 15px;
border: none;
}
.home3 .product-single ins {
color: rgba(var(--color-hover), 1);
}
.home3 .products .product-single .product-content h3,
.home3 .products .product-content-outer .product-content .price span {
font-size: 1.05rem;
font-weight: 500;
}
.home3 .woocommerce ul.products {
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
}
.feature-products-home3 .woocommerce ul.products{
/* padding:25px; */
}
.home3 .woocommerce ul.products .product-img::before,
.home3 .woocommerce ul.products .product-img::after {
content: unset;
}
.home3 .products .product-img>*:not(:first-child):not(:last-child) {
margin-top: 0 !important;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.home3 .products .product-img .quickview-trigger {
margin-left: 25%;
}
.home3 .products .product-img .compare-btn.compare {
margin-left: -25%;
}
.home3 .jcs-section-5 .products {
background-color: transparent;
}
.home3 .jcs-section-5 .products .product-single .product-content h3 {
font-size: var(--fs24);
font-weight: 700;
width: 98%;
line-height: 1.5;
}
.home3 .jcs-section-5 .products .product-single {
display: flex;
flex-wrap: wrap;
background-color: #ffffff;
border-radius: 10px;
}
.home3 .jcs-section-5 .products .product-single .product-img {
margin-bottom: 0;
width: 100%;
}
.home3 .jcs-section-5 .products .product-single .product-content-outer {
width: 100%;
}
.home3 .jcs-section-5 .products .product-single .easy_ct-timer>span {
border: none;
flex: unset;
}
.home3 .jcs-section-5 .products .product-single .easy_ct-timer>span>span:first-child {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
border-radius: 50%;
font-weight: 400;
}
.home3 .jcs-section-5 .products .product-single .easy_ct-timer>span>span:last-child {
font-size: 100%;
}
.home3 .jcs-section-5 .products .product-single .product-content>* {
margin-top: 10px;
}
.home3 .jcs-section-5 .products .product-single:hover .product-img img,
.home3 .jcs-section-5 .products .product-single:focus-within .product-img img {
animation: float 4s linear infinite;
}
.home3 .jcs-section-6 .woocommerce .product-single,
.home3 .extra-product .woocommerce .product-single {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.home3 .jcs-section-6 .woocommerce .product-single .product-img {
width: 100%;
}
.home3 .extra-product .woocommerce .product-single .product-img {
max-width: 110px;
margin-bottom: 0;
}
.home3 .extra-product .woocommerce .product-single {
flex-direction: column;
align-items: flex-start;
}
.home3 .extra-product .compare-btn, .home3 .extra-product .yith-wcwl-add-to-wishlist, .home3 .extra-product .quickview-trigger,.more-products-home3 .compare-btn, .more-products-home3 .yith-wcwl-add-to-wishlist, .more-products-home3 .quickview-trigger {
display: none !important;
}
.home3 .offer-of-lapi .section-2-left {
padding: 0;
}
.home3 .offer-of-lapi .image-shine {
background-color: #bdd6e7;
padding: 30px 0 30px 40px;
}
.home3 .home3-large-banner .image-shine>* {
position: relative;
}
.home3 .home3-large-banner .image-shine>img {
flex: 0 1 100%;
}
#home3img1 {
padding-top: 30px;
}
#home3img1,
#home3img2 {
animation: float 4s linear infinite;
}
/* END SECTION-7 */
/*START SECTION-8 */
.brand-carousel a{
border: 1px solid #ccc;
}
.brand-carousel>div:hover img,
.brand-carousel>div:focus img {
animation: effect linear 1s;
}
.home3 .extra-produc-column {
flex: 1 0 292px;
}
.home3 .extra-produc-column>div:nth-child(1) {
padding-bottom: 20px;
}
.home3 .extra-produc-column>div:nth-child(2) {
border-radius: 5px;
}
.home3 .extra-produc-column>div:nth-child(2)>div {
flex: 1 1 292px;
background-color: #ffffff;
border-radius: 5px;
}
.home3 .logo-container {
background-color: #ffffff;
border-radius: 5px;
}
.home3 .logo-container>div {
border-radius: 5px;
}
.home3 .logo-container>div>img {
width: 100%;
}
.home3 .footer-section {
background-color: #ffffff;
/* padding-top: 30px; */
}
.home3-footer-logo::before {
display: none;
position: absolute;
content: "";
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 1px;
background: #ffffff20;
}
.home3 .home3-footer-top {
padding: 40px;
border-radius: 10px;
overflow: hidden;
}
.home3 .home3-footer-top>* {
flex: 100%;
}
.home3-nletter>div {
color: #ffffff;
}
.home3-footer-input {
position: relative;
display: flex;
align-items: center;
}
.home3-footer-input input[type="text"] {
width: 100%;
padding: 17px;
z-index: 0;
}
.home3-footer-input .button-bubble-container {
position: absolute;
right: 0;
height: 100%;
}
footer .submit-button {
padding: 13.5px 10px;
}
/* END SECTION-8 */
#shopping-cart tr td:last-child {
padding-right: 20px;
}
.wc-block-components-button:not(.is-link) {
border: 1px solid rgb(var(--border));
}
.wc-block-components-button:not(.is-link):hover, .wc-block-components-button:not(.is-link):focus {
border: 1px solid rgb(var(--color-hover));
background-color: rgb(var(--color-hover));;
color: #ffffff;
}
/* ANIMATED CHEKCMARK */
#cart-add-check {
position: fixed;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
box-shadow: 0 0 4px 4px #00000025;
background-color: #ffffff;
border-radius: 4px;
z-index: 11;
padding: 0 10px;
}
#cart-add-check svg.checkmark {
width: 40px;
height: 40px;
margin: 1em auto;
}
#cart-add-check p {
font-size: 16px;
color: rgba(var(--color-primary), 1);
}
.v_pop,
.compare_table_pop,
.wish_pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(0);
background-color: #ffffff;
transition: transform 0.8s ease, width 0.3s ease 1s, height 0.3s ease 1s;
z-index: 13;
border-radius: 4px;
justify-content: center;
overflow: hidden;
}
#v_pop_id .image-blog {
padding: 0;
border: none;
}
#v_pop_id .sm-details-imgs-v2 {
width: unset;
}
#v_pop_id .detail-product {
margin: 0;
}
.selector-circle a {
background-color: #f8f8f8;
}
body.overlay::before {
content: "";
position: absolute;
inset: 0 0 0 0;
background: rgba(0, 0, 0, 0.8);
z-index: 12;
}
.pop-item-container {
padding: 30px;
overflow: auto;
width: 90vw;
height: 70vh;
}
.pop-item-container::-webkit-scrollbar {
display: none;
}
.v_pop img {
width: 100%;
}
.v_pop .product-det {
width: 100%;
}
.product-det div:nth-child(9)>a {
margin-bottom: unset;
background-color: rgba(var(--product-menu-bg), 1);
transition: background-color 0.5s ease;
}
.product-det div:nth-child(9)>a:hover,
.product-det div:nth-child(9)>a:focus {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
.product-det>*:not(:last-child) {
margin-bottom: 20px;
}
.pop-close {
position: absolute;
right: 18px;
top: 10px;
cursor: pointer;
z-index: 1;
}
.pop-close i {
font-size: 16px;
transform: rotate(0);
transition: transform 0.5s ease;
}
.pop-close:hover i,
.pop-close:focus i {
transform: rotate(270deg);
}
.stop {
overflow: hidden;
}
.view-close,
.wishlist-close,
.compare-close {
position: absolute;
top: 15px;
right: 18px;
font-size: 16px;
cursor: pointer;
padding: 8px 15px;
z-index: 1;
}
/* PURCHASE POP */
#purchase-popup {
position: fixed;
bottom: 10px;
right: -110%;
transition: right 0.5s ease 0.1s;
background-color: #ffffff;
z-index: 99;
box-shadow: 0 0 100px 1px rgba(0, 0, 0, 0.2);
border-radius: 4px;
padding: 10px;
min-width: 350px;
}
.product-purchase {
font-size: 14px;
}
.purchase-close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
}
.purchase-item-image img {
width: 80px;
height: 80px;
}
.purchase-time {
font-size: 12px;
}
#purchase-1 {
display: none;
}
#purchase-3 {
display: none;
}
/* ANNOUNCEMENT BARS */
#announcement-section {
display: none;
}
#announcement {
background-color: #ffffff;
position: relative;
display: none;
}
#announcement>div>span {
display: inline-block;
}
.announce-close {
position: absolute;
right: 20px;
top: 15px;
z-index: 1;
}
[id^="announce-"] {
position: relative;
text-align: center;
z-index: 0;
padding: 15px 35px;
}
[id^="announce-"]::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
inset: 0 0 0 0;
background-color: rgba(255, 255, 255, 0.4);
z-index: -1;
}
#announce-1 {
background: url("../images/homepage1/Features/announce1.jpg");
}
#announce-3 {
background: url("../images/homepage1/Features/announce3.jpg");
display: none;
}
#announce-4 {
background: url("../images/homepage1/Features/announce4.jpg");
display: none;
}
.announce-h-wrap {
display: none;
}
.announce-h-wrap,
.announce-m-wrap,
.announce-s-wrap {
position: relative;
border-radius: 4px;
padding: 0 5px;
text-align: center;
}
#announce-1 .announce-h-wrap,
#announce-1 .announce-m-wrap,
#announce-1 .announce-s-wrap {
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
}
#announce-1 .announce-h-wrap>span:nth-child(2),
#announce-1 .announce-m-wrap>span:nth-child(2),
#announce-1 .announce-s-wrap>span:nth-child(2) {
position: absolute;
bottom: -13px;
left: 50%;
transform: translate3d(-50%, 0, 0);
color: rgba(var(--color-secondary), 1);
font-size: 10px;
width: max-content;
}
/* ANNOUNCE-2 */
/* ANNOUNCE-3 */
#announce-3 .announce-h-wrap>span:nth-child(2),
#announce-3 .announce-m-wrap>span:nth-child(2),
#announce-3 .announce-s-wrap>span:nth-child(2) {
color: rgba(var(--color-secondary), 1);
font-size: 10px;
margin: 0;
}
#announce-3 .announce-h-wrap,
#announce-3 .announce-m-wrap,
#announce-3 .announce-s-wrap {
padding: 0;
}
/* ANNOUNCE-4 */
#announce-4 .announce-h-wrap>span:nth-child(2),
#announce-4 .announce-m-wrap>span:nth-child(2),
#announce-4 .announce-s-wrap>span:nth-child(2) {
position: absolute;
bottom: -8px;
left: 50%;
transform: translate3d(-50%, 0, 0);
color: rgba(var(--color-secondary), 1);
font-size: 10px;
}
#announce-4 .announce-hour,
#announce-4 .announce-minute,
#announce-4 .announce-sec {
position: relative;
}
#announce-4 .announce-hour::before,
#announce-4 .announce-minute::before,
#announce-4 .announce-sec::before {
background-color: rgba(var(--product-menu-bg), 1);
content: "";
width: 100%;
position: absolute;
display: inline-block;
z-index: -1;
height: 100%;
border-radius: 4px;
padding: 0px 5px 10px;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
}
.announce-checkout {
padding: 0px 10px;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
font-weight: 600;
}
/* MAIL SUBSCRIBE */
.subscribe-container {
margin-top: 20px;
}
form.subscribemail {
padding: 0;
background-color: unset;
}
.mc_embed_signup input.required {
font-size: 16px;
border: none;
border-bottom: 1px solid #d7d7d7;
margin: 20px 0;
padding: 5px 20px 5px 10px;
outline: none;
width: 100%;
font-family: "Open Sans", Arial, sans-serif;
box-sizing: border-box;
}
.mc_embed_signup input.required.error {
border-bottom: 1px solid #eb2344;
}
.jc_embed_signup input#jc-embedded-subscribe {
font-size: 0.8rem;
color: #fff;
color: #fff;
width: 47px;
box-shadow: none;
display: block;
transition: 0.2s ease background-color;
font-weight: 700;
height: 100%;
}
.jc-field-group {
position: relative;
}
.positioned-button {
position: absolute;
right: 0;
top: 0;
height: 100%;
background-color: rgba(var(--color-hover), 1);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.error-message {
display: none;
color: red;
text-align: center;
font-size: 0.8em;
}
.success-message {
display: none;
text-align: center;
}
.success-message>div {
width: 100%;
opacity: 0;
animation: reveal 1s 1s forwards;
text-align: center;
}
.success-message {
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
box-shadow: 0 0 4px 4px #00000025;
background-color: #ffffff;
border-radius: 4px;
}
/* Appear animation for success message */
@keyframes reveal {
0%,
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* 'SUCCESS!' check animation */
svg.checkmark {
width: 75px;
height: 75px;
margin: 2em auto;
border-radius: 50%;
display: block;
stroke-width: 4;
stroke: #3a74cb;
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px #7ac142;
transition: 1s all ease;
}
/* Trigger animation we add 'active' class via JS */
svg.checkmark.active {
animation: moveupwards 1s 1s forwards;
}
/* 'Move upwards' animation below, no need for absolutely positioned
elements or transform: translate. We'll create the subtle 'moving up'
effect by playing with margins and size. Responsive friendly! */
@keyframes moveupwards {
0%,
75% {
width: 75px;
height: 75px;
margin: 2em auto;
}
100% {
width: 50px;
height: 50px;
margin: 1em auto;
}
}
/* Paths inside SVG. Each path will be animated using stroke property
and 'stroke' animation */
svg>.checkmark-circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 3;
stroke-miterlimit: 10;
stroke: #3a74cb;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
svg>.checkmark-check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-width: 3;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
/* Sorry IE and Edge users, no SVG animations supported for you,
so we'll hide our SVG to prevent empty space gap */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.success-message svg {
display: none;
}
}
@supports (-ms-ime-align: auto) {
.success-message svg {
display: none;
}
}
/* PRICING BEDGE */
.add_to_cart_button .count {
position: absolute;
height: 20px;
width: 20px;
display: inline-flex;
top: 0;
left: 100%;
transform: translate(-50%, -50%);
background-color: #000;
justify-content: center;
align-items: center;
color: #212121;
font-size: 14px;
border-radius: 400px;
transition: all ease 1s;
z-index: 9999999;
}
/*
.add_to_cart_button, .woocommerce div.product, body{
overflow:visible !important;
} */
#pricing-bedge {
position: fixed;
bottom: 100px;
left: 70px;
z-index: 2;
}
.big-price {
line-height: 30px;
text-align: center;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
.big-price>span {
font: 30px;
font-weight: 600;
}
.small-price {
width: 40px;
line-height: 40px;
border-radius: 50%;
position: absolute;
text-align: center;
background-color: rgba(var(--color-primary), 1);
z-index: -2;
left: -20px;
bottom: -20px;
}
.small-price i {
color: white;
font-size: 12px;
}
.box-shadow-ripples {
height: 30px;
width: 30px;
border-radius: 50%;
background-size: cover;
position: relative;
box-shadow: 0 0 5px rgba(var(--color-hover), 0.2);
text-decoration: none;
}
.box-shadow-ripples:before {
position: absolute;
content: "";
inset: 0 0 0 0;
border-radius: 50%;
box-shadow: 0 0 rgba(var(--color-hover), 0.2), 0 0 0 5px rgba(var(--color-hover), 0.2), 0 0 0 10px rgba(var(--color-hover), 0.2),
0 0 0 15px rgba(var(--color-hover), 0.2);
z-index: -1;
animation: ripples 5s linear infinite;
transition: 0.7s;
transform: scale(0.5);
}
@keyframes ripples {
to {
box-shadow: 0 0 0 5px rgba(var(--color-hover), 0.2), 0 0 0 10px rgba(var(--color-hover), 0.2),
0 0 0 15px rgba(var(--color-hover), 0.2), 0 0 0 20px rgba(var(--color-hover), 0.2);
transform: scale(1);
}
}
a.active:not(.faq-singular, .fixed-bottom-search-close, .dropdown-btn.in2):not(.cart-container a),
a.top-menu-icon.in2.active,
.form-social.c-icon.active, span.page-numbers.current {
background-color: rgba(var(--color-hover), 1) !important;
}
a.active>i:not(#search-trap > .fixed-bottom-search-close.active > i):not(.cart-container a i),
.form-social.c-icon.active>i {
color: #ffffff !important;
}
/* START: ORDER TRACK */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 52px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 26px;
word-wrap: normal;
}
.orderid,
.billingemail {
flex: 100%;
}
#oid,
#bilmail {
border: 1px solid rgba(var(--border), 1);
}
#oid:focus,
#bilmail:focus {
border-color: rgba(var(--color-hover), 1);
}
.track-order .button-bubble-container:not(footer .button-bubble-container) {
margin-top: 30px;
}
.order .button-bubble-container a:not(footer a),
.customer .button-bubble-container a:not(footer a) {
padding: 7px 18px;
}
/* END: ORDER TRACK */
/* START: CUSTOMER PAGE */
.customer .main>.button-bubble-container {
margin-top: 30px;
}
.side__name {
font-weight: 600;
color: rgba(var(--color-primary), 1);
}
.c-title {
margin-bottom: 5px;
}
.customer .main,
.customer .aside {
flex: 100%;
}
.customer th {
min-width: 150px;
padding-left: unset;
/* background-color: #f8f8f8; */
}
.customer td {
width: max-content;
min-width: 170px;
}
.customer td:first-child {
min-width: 70px;
}
.customer td:last-child {
min-width: 110px;
}
.customer th:first-child {
min-width: unset;
}
.customer tr {
background-color: #f0f0f0;
}
.customer td,
.customer th {
padding: 10px 0 10px 20px;
}
.customer th,
.customer td {
border: none;
border-radius: 0;
}
.customer .main {
overflow: hidden;
}
.customer .table-wrapper {
overflow: auto clip;
}
.cd_button>.button-bubble-container {
margin-right: 15px;
}
.side__flex {
background-color: rgba(var(--color-hover), 0.12);
padding: 15px 30px;
cursor: pointer;
}
#customer aside {
position: relative;
}
.side__flex:hover,
.side__flex:focus {
background-color: rgba(var(--color-primary), 1);
}
.side__flex:hover *,
.side__flex:focus * {
color: #ffffff;
}
.blue-bg {
background-color: rgba(var(--color-primary), 1);
}
/* END: CUSTOMER PAGE */
/* START: SUPPORT */
.support h1 {
margin-top: 0;
}
.support h1 {
font-size: 30px;
font-weight: 700;
}
.search-support-section form {
position: relative;
width: 90%;
margin: auto;
}
.search-support-section .search-submit,
.sidebar form button[type="submit"] {
position: absolute;
right: 0;
height: 100%;
width: 50px;
border: none;
background-color: rgba(var(--color-hover), 1);
border-radius: 4px;
}
.search-support-section .search-submit>i {
color: #ffffff;
}
.thing-article {
width: 100%;
}
.thing-article-column {
padding: 0 15px 30px 15px;
}
.digi {
height: 100%;
border: 1px solid rgba(var(--border), 1);
background-color: #ffffff;
padding: 0 20px 20px;
}
.thing-article-img {
margin-right: 10px;
}
.digital-container {
align-items: unset;
}
.digital-container a {
display: flex;
}
.digital-container h3 {
margin-bottom: 10px;
font-size: 18.72px;
}
.thing-article-text {
margin-top: 0;
}
.digital-container a:hover,
.digital-container a:hover *,
.digital-container a:focus,
.digital-container a:focus * {
color: rgba(var(--color-hover), 1);
}
.thing-article:hover *,
.thing-article:focus * {
color: rgba(var(--color-hover), 1);
}
#support-section .ta-section {
background-color: rgba(var(--product-menu-bg), 1);
}
.support-cards {
border: 1px solid rgba(var(--border), 1);
border-radius: 4px;
flex-direction: column;
box-shadow: 0 0 0 0 unset;
color: initial;
transition: box-shadow 0.7s ease, color 0.7s ease;
}
.support-cards:hover,
.support-cards :focus-within {
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.support-cards:hover *,
.support-cards :focus-within * {
color: rgba(var(--color-hover), 1);
}
.support-cards>.support-image {
font-size: 60px;
}
.support-cards>.support-card-name {
position: relative;
bottom: 15px;
font-size: 18px;
font-weight: 500;
}
.search-support-section {
background-color: rgba(var(--product-menu-bg), 1);
}
.search-support-section .query-mail-container {
width: 100%;
margin: auto;
overflow: hidden;
border-radius: 4px;
}
.search-support-section .query-mail-container input[type="email"] {
border: 1px solid rgba(var(--border), 1);
}
.search-support-section .query-mail-container .button-bubble-container {
top: 50%;
transform: translateY(-50%);
}
.search-support-section .query-mail-container i {
font-size: 17px;
padding: 0;
}
.add-image {
font-size: 60px;
}
.additional-section .jcs-container > .jcs-row {
align-items: unset;
justify-content: unset;
}
.additional {
display: flex;
flex-direction: column;
align-items: center;
flex: 100%;
border: 1px solid rgba(var(--border), 1);
border-radius: 4px;
padding: 25px;
box-shadow: 0 0 0 0 unset;
transition: box-shadow 0.7s ease;
}
.additional a {
font-size: 18px;
}
.additional:hover,
.additional:focus-within {
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.additional:hover .add-image>i,
.additional:focus-within .add-image>i {
color: rgba(var(--color-hover), 1);
}
.jcs-row.digital-container, .jcs-row.support-help-section {
margin-right: -15px;
margin-left: -15px;
}
/* END: SUPPORT */
/* START: STYLE CONFIGURATOR */
#color-scheme {
position: fixed;
top: 50%;
right: -294px;
z-index: 13;
transform: translateY(-50%) scale(0.9);
}
#color-scheme>a {
position: absolute;
right: 100%;
cursor: pointer;
display: block;
width: 50px;
height: 50px;
top: 50%;
transform: translateY(-50%);
z-index: 11;
background-color: #ffffff;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-webkit-box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 14%);
-moz-box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.14);
box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 14%);
overflow: hidden;
}
.togo>i {
color: rgba(var(--color-hover), 1);
}
.toggle-panel,
.togo>i:last-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.togo>i:first-child {
position: relative;
}
.togo:first-child>i:last-child {
animation: goleft 0.8s linear infinite;
}
.togo:last-child>i:last-child {
animation: goright 0.8s linear infinite;
}
#theme-changer {
width: 310px;
box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 14%);
background: #ffffff;
padding: 15px 30px;
overflow: hidden;
border-radius: 4px 0 0 4px;
}
#theme-changer h4 {
letter-spacing: 0.5px;
padding: 0;
border: 0px;
margin: 10px auto !important;
white-space: nowrap;
position: relative;
}
#theme-changer h2 {
margin-top: 0;
}
#theme-changer h4:after {
border-bottom: 1px solid rgba(var(--border), 1);
content: "";
position: absolute;
top: -8px;
left: -50px;
width: 200%;
}
.style-palette,
.style-palette-bg,
.style-palette-bx {
list-style: none outside none;
margin: 0 0 20px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.style-palette li,
.style-palette-bg li {
margin: 2px 2px 0 0;
}
.style-palette li a,
.style-palette-bg li a,
.style-palette-bx li a {
position: relative;
display: block;
cursor: pointer;
background: #ffffff;
border: 1px solid #ffffff;
padding: 2px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.style-palette li a,
.style-palette-bg li a {
border-radius: 50%;
}
.style-palette .color-changer [class*="color"],
.style-palette-bg .pattern-changer [class*="pattern"] {
display: block;
width: 1.3rem;
height: 1.3rem;
border-radius: 50%;
}
.jscolors-bg input.jscolor {
border-radius: 4px;
border: 1px solid #e8e8e8;
font-size: 10px;
padding: 5px 0;
display: inline-block;
min-height: auto;
}
.color-default {
background-color: #f77c29;
}
.color-one {
background-color: #4d7df0;
}
.color-two {
background-color: #f93c41;
}
.color-three {
background-color: #05bb2b;
}
.color-four {
background-color: #f03e54;
}
.color-five {
background-color: #02cfaa;
}
.color-six {
background-color: #9a62f3;
}
.jscolors-bg {
padding: 0 15px;
margin-bottom: 20px;
}
.style-palette li a.clicked,
.style-palette-bg li a.clicked,
.web-btn.clicked,
.style-palette li a:hover,
.style-palette-bg li a:hover,
.web-btn:hover {
border: 1px solid #d7d7d7;
}
.jscolors-bg .jscolor,
.jscolors-bg #resetColor {
color: #fff;
font-size: 12px;
border: 1px solid transparent;
line-height: 2;
padding: 0px 20px;
border-radius: 0;
display: inline-block;
width: 100%;
max-width: 110px;
}
.jscolors-bg .jscolor {
background-color: #ffffff !important;
color: #333 !important;
border-color: #333;
/* font-size:10px; */
}
.jscolors-bg .jscolor,
.jscolors-bg #resetColor {
max-width: 105px;
}
.jscolors-bg #resetColor {
color: #ffffff !important;
cursor: pointer;
background-color: rgba(var(--color-hover), 1);
font-weight: 600;
border-radius: 4px;
border: 1px solid rgba(var(--color-hover), 1);
}
.style-palette:last-child,
.style-palette-bg:last-child {
border-bottom: 0 none;
margin-right: 0;
}
.pattern-changer .pattern-1 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-1.png");
background-size: 100% 100%;
}
.pattern-changer .pattern-2 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-2.png");
}
.pattern-changer .pattern-3 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-3.png");
}
.pattern-changer .pattern-4 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-4.png");
}
.pattern-changer .pattern-5 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-5.png");
}
.pattern-changer .pattern-6 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-6.png");
}
.pattern-changer .pattern-7 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-7.png");
}
.pattern-changer .pattern-8 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-8.png");
}
.pattern-changer .pattern-9 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-9.png");
}
.pattern-changer .pattern-10 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-10.png");
}
.pattern-changer .pattern-11 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-11.png");
}
.pattern-changer .pattern-12 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-12.png");
}
.pattern-changer .pattern-13 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-13.png");
}
.pattern-changer .pattern-14 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-14.png");
}
.pattern-changer .pattern-15 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-15.png");
}
.pattern-changer .pattern-16 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-16.png");
}
.pattern-changer .pattern-17 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-17.png");
}
.pattern-changer .pattern-18 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-18.png");
}
.pattern-changer .pattern-19 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-19.png");
}
.pattern-changer .pattern-20 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-20.png");
}
.pattern-changer .pattern-21 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-21.png");
}
.pattern-changer .pattern-22 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-22.png");
}
.pattern-changer .pattern-23 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-23.png");
}
.pattern-changer .pattern-24 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-24.png");
}
.pattern-changer .pattern-25 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-25.png");
}
.pattern-changer .pattern-26 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-26.png");
}
.pattern-changer .pattern-27 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-27.png");
}
.pattern-changer .pattern-28 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-28.png");
}
.pattern-changer .pattern-29 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-29.png");
}
.pattern-changer .pattern-30 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-30.png");
}
.pattern-changer .pattern-31 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-31.png");
}
.pattern-changer .pattern-32 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-32.png");
}
.pattern-changer .pattern-33 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-33.png");
}
.pattern-changer .pattern-34 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-34.png");
}
.pattern-changer .pattern-35 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-35.png");
}
.pattern-changer .pattern-36 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-36.png");
}
.pattern-changer .pattern-37 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-37.png");
}
.pattern-changer .pattern-38 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-38.png");
}
.pattern-changer .pattern-39 {
background-image: url("https://www.nayrathemes.com/demo/pro/avril/wp-content/themes/avril-pro/assets/images/bg-pattern/pattern-39.png");
}
body:not(.home3, .pagewrapper, )>div:not(.signin-overlay),
body:not(body.home3)>section:not(#pricing-bedge, .banner, .counter-section) {
background-color: #ffffff;
}
/* END: STYLE CONFIGURATOR */
.visible {
visibility: visible !important;
}
.hidden {
visibility: hidden;
}
.orange-text {
color: rgba(var(--color-hover), 1) !important;
}
/* Start: Modal Cart Box*/
#modal-cart-box {
position: fixed;
top: 0;
right: -150%;
width: 320px;
padding: 30px;
height: 100vh;
overflow: clip auto;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
z-index: 13;
scrollbar-width: none;
-ms-overflow-style: none;
}
#modal-cart-box::-webkit-scrollbar {
display: none;
}
#modal-cart-box>div,
.modal-cart-body .cart-modal-item:not(:last-child) {
margin-bottom: 20px;
}
.modal-cart-header {
position: relative;
font-weight: 700;
font-size: 20px;
}
#modal-cart-box .progress {
width: 100%;
}
.modal-cart-header .cart-modal-close {
position: absolute;
right: -15px;
top: -15px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
}
.modal-cart-header .cart-modal-close i {
font-size: 24px;
cursor: pointer;
color: rgba(var(--color-hover), 1);
}
.modal-cart-bag .e-commerce-corn {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: rgba(var(--color-footer-back), 1);
overflow: hidden;
}
.modal-cart-bag {
position: relative;
}
.modal-cart-bag>span {
position: absolute;
top: -5px;
right: -5px;
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
}
.modal-cart-bag .e-commerce-corn i {
transition: all 0.5s ease;
}
.modal-cart-bag .e-commerce-corn i:first-child {
position: relative;
opacity: 1;
visibility: visible;
bottom: 0;
}
.modal-cart-bag .e-commerce-corn i:last-child {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: -25px;
}
.modal-cart-bag .e-commerce-corn:hover i:first-child,
.modal-cart-bag .e-commerce-corn:focus i:first-child {
opacity: 0;
visibility: hidden;
bottom: 25px;
}
.modal-cart-bag .e-commerce-corn:hover i:last-child,
.modal-cart-bag .e-commerce-corn:focus i:last-child {
opacity: 1;
visibility: visible;
bottom: 7px;
}
.modal-cartbag-text {
font-weight: 500;
color: rgba(var(--color-primary), 1);
margin-left: 20px;
}
.cart-modal-item {
background-color: rgba(var(--color-footer-back), 1);
border-radius: 4px;
padding: 20px;
position: relative;
}
.cart-modal-item .modal-item-name {
font-weight: 500;
color: rgba(var(--color-primary), 1);
}
.modal-cart-count .modal-item-close {
position: absolute;
top: -15px;
right: -10px;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.modal-cart-count .modal-item-quantity span:last-child {
border: 1px solid #e8e8e8;
}
.modal-cart-box .buttons-container a {
font-weight: 600;
}
.modal-more-button {
margin-right: -10px;
}
.modal-more-button .bubble-button-container {
flex: 1;
padding: 10px 10px 0 0;
}
.modal-item-price::before,
.modal-cart-footer .total-price::before {
position: relative;
content: "$";
font-size: inherit;
color: inherit;
}
/* End: Modal Cart Box*/
.breadcrumb {
padding: 3.125rem;
margin: 100px auto;
}
/* START PRODUCT */
.tiles-container .section-description>.list-content a {
padding: 0.5rem 1rem;
}
.pagination-wrapper {
margin-top: 60px;
}
.blog-page .pagination {
margin-bottom: 60px;
}
.lower-aside {
padding: 0 30px 30px;
background-image: linear-gradient(#FCF8D7, var(--color-hover));
border-radius: 5px;
margin-top: 30px;
}
.off {
font-size: 1.5rem;
line-height: 2.125rem;
font-weight: 700;
margin: 35px auto 28px;
}
.off-item {
font-size: 1.875rem;
line-height: 1.625rem;
font-weight: 500;
margin-bottom: 20px;
}
main {
grid-area: list;
}
.product-statics-bar {
background-color: rgba(var(--product-menu-bg), 1);
padding: 10px 30px;
border-radius: 4px;
margin-bottom: 30px;
color: rgba(var(--text), 1);
font-size: 0.875rem;
}
.sorting {
display: flex;
align-items: center;
justify-content: space-between;
flex: 0 0 100%;
max-width: 203px;
}
.sorting .separator {
margin: 0 15px;
}
.sorting i:hover,
.sorting select:hover,
.faq-singular:hover {
cursor: pointer;
}
.section04-05-grid {
display: grid;
grid-gap: 30px;
}
.tiles-container,
.tiles-container-without {
display: flex;
flex-wrap: wrap;
}
.separator {
width: 1px;
height: 16px;
background-color: rgba(var(--color-secondary), 1);
opacity: 10%;
}
/* END PRODUCT */
/* START:ABOUT US */
.discover-button {
padding: 8px 25px;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
border-radius: 4px;
}
.discover-button i {
color: #ffffff;
padding-left: 10px;
}
.about-us-banner-images img {
max-width: unset;
width: 100%;
}
.banner-left {
grid-area: banc;
}
.banner-left h1 {
font-size: 1.875rem;
font-weight: 700;
line-height: 2.5rem;
color: rgba(var(--color-secondary), 1);
}
.banner-left p {
font-weight: 400;
line-height: 1.625rem;
}
.about-banner-grid .button-bubble-container {
grid-area: banb;
width: 170px;
}
.banner-right {
grid-area: bani;
margin-top: 30px;
}
.banner-image-grid {
display: grid;
grid-template-columns: 1fr 1.073fr;
grid-gap: 0.625rem;
grid-template-areas: "li si1""li si2";
}
.large-i {
grid-area: li;
}
.large-i img {
height: 100%;
}
.sm-i1 {
grid-area: si1;
}
.sm-i2 {
grid-area: si2;
}
.team-card {
position: relative;
max-width: 100%;
}
.counter-section {
background-color: rgba(var(--product-menu-bg), 1);
}
.counter-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 4.65rem;
}
.about-counter {
text-align: center;
padding-bottom: 4.65rem;
}
.about-counter .bg {
position: relative;
}
.about-counter .bg::after {
position: absolute;
content: "";
width: 70px;
height: 70px;
border-radius: 50%;
background-color: rgba(var(--color-hover), 1);
opacity: 10%;
left: 50%;
transform: translateX(-50%);
animation: fl-bbl 4s infinite;
}
.about-counter span {
font-size: 3rem;
line-height: 3.625rem;
font-weight: 600;
}
.about-line {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.625rem;
}
.section-title {
font-size: 3rem;
font-weight: 700;
line-height: 3.625rem;
margin-top: 0;
}
.about-page .jcs-container-fluid {
padding: 6.5625rem 0;
background-color: rgba(var(--product-menu-bg), 1);
margin: 100px auto;
}
/* START: FEEDBACK */
.client-wrapper {
display: grid;
grid-template-columns: 100%;
grid-template-areas: "cc""cf";
grid-gap: 30px;
}
.client-container {
grid-area: cc;
}
.client-feedback-slider {
grid-area: cf;
}
.client-title {
font-size: 3rem;
line-height: 3.625rem;
font-weight: 700;
}
.client-container p {
line-height: 1.625rem;
}
.client-g {
padding: 30px;
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 4px;
}
.client-g i {
font-size: 2.1875rem;
float: right;
}
.client-card {
width: 50%;
}
.about-imgw {
display: flex;
justify-content: space-between;
align-items: center;
}
.about-left,
.about-right,
.about-left-v2,
.about-right-v2 {
width: 40px;
line-height: 38px;
text-align: center;
border-radius: 50%;
background-color: rgba(var(--color-secondary), 1);
margin-right: 10px;
transition: background-color 0.5s ease;
}
#direction>*:hover,
#direction>*:focus-visible,
.about-left-v2:hover,
.about-right-v2:hover,
.about-left-v2:focus-visible,
.about-right-v2:focus-visible {
background-color: rgba(var(--color-hover), 1);
}
#direction i,
.about-left-v2:hover i,
.about-right-v2:hover i,
.about-left-v2:focus-visible i,
.about-right-v2:focus-visible i {
color: #ffffff;
}
.client {
font-size: 1.125rem;
line-height: 1.75em;
font-weight: 700;
}
.team-card-hover {
position: relative;
}
.team-card-hover img {
width: 100%;
}
.team-social {
position: absolute;
top: -50px;
z-index: 1;
width: 90%;
left: 50%;
transform: translate(-50%, 0);
display: flex;
justify-content: center;
}
.team-social .widget_social_widget ul {
display: flex;
gap: 0;
}
.team-social>div {
display: flex;
justify-content: space-between;
}
.team-h-content {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 40px);
z-index: 1;
opacity: 0;
transition: all 0.7s ease;
}
.team-card-hover:hover .team-h-content,
.team-card-hover:hover::after,
.team-card-hover:focus-within .team-h-content,
.team-card-hover:focus-within::after {
opacity: 1;
}
.teamcard-h {
background-color: #ffffff;
text-align: center;
padding: 25px 40px;
border-radius: 4px;
}
.teamcard {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.875rem;
}
.team-social a {
width: 2.5rem;
height: 2.5rem;
text-align: center;
border-radius: 50%;
position: relative;
transition: all 0.7s ease;
margin: 0 5px;
display: flex;
justify-content: center;
}
.team-social .widget_social_widget ul a:not(.header-widget .widget_social_widget ul a) {
background-color: #ffffff20;
}
.team-social a:hover,
.team-social a:focus-visible {
background-color: rgba(var(--color-hover), 1);
}
.team-social a i {
position: absolute;
transition: all 0.7s ease;
color: #ffffff;
}
.team-social a i:first-child {
top: 12px;
opacity: 1;
visibility: visible;
}
.team-social a i:last-child {
color: #ffffff;
top: 22px;
opacity: 0;
visibility: hidden;
}
.team-social a:hover i:first-child,
.team-social a:focus-visible i:first-child {
top: 0px;
opacity: 0;
visibility: hidden;
}
.team-social a:hover i:last-child,
.team-social a:focus-visible i:last-child {
top: 12px;
opacity: 1;
visibility: visible;
}
/* END: FEEDBACK */
/* END:ABOUT US */
/* START: CONTENT PAGES */
.titles {
font-size: 1.5rem;
font-weight: 600;
}
li,
p {
line-height: 1.625rem;
}
ol {
padding-left: 20px;
}
.content-p-left ul {
border-radius: 4px;
}
.content-p-left li {
position: relative;
}
.content-p-left li:not(:last-child)::after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(var(--border), 1);
bottom: 0;
width: 100%;
left: 0;
}
.content-p-left a {
background-color: rgba(var(--product-menu-bg), 1);
padding: 15px;
color: rgba(var(--color-primary), 1);
display: block;
}
.content-p-left a:before {
opacity: 0;
content: "";
position: absolute;
width: 4px;
height: 100%;
background-color: rgba(var(--color-hover), 1);
left: 0;
bottom: 0;
transition: opacity 0.7s ease;
}
.content-p-left a:hover::before,
.content-p-left a:focus::before {
opacity: 1;
}
.content-p-left a:hover,
.content-p-left a:focus-visible{
color: #ffffff;
background-color: rgba(var(--color-primary), 1);
transition: all 0.7s ease;
}
.retailsy-content .content-p-left a:hover,
.retailsy-content .content-p-left a:focus-visible, .retailsy-content .content-p-left a:focus{
text-decoration: none;
}
.content-p-right {
display: none;
}
.content-p-right.active {
display: block;
}
/* END: CONTENT PAGES */
/* START:REGISTER FORM + LOGIN*/
/* form:not(.menu-search-box form, .search-support-section form)>*:not(:last-child) { */
/* margin-bottom: 20px; */
/* } */
.submit-button,
.compare-shop-button {
width: unset;
}
.compare-shop-button {
padding: 8.5px 29px;
min-width: 230px;
}
/* END:REGISTER FORM + LOGIN*/
/*====Account Form ======*/
/*====End: Account Form ======*/
/* START: 404 */
.main-section-error.jcs-row,
.main-section-error .jcs-row {
justify-content: center;
}
.errormessage {
padding: 1.875rem 0 3.125rem 0;
line-height: 0;
}
/* END: 404 */
/* START: COMPARE TABLE */
.compare-table {
overflow-x: auto;
overflow-y: clip;
}
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid rgba(var(--color-primary), 0.1);
/* border-radius: 5px; */
}
.comparing td {
min-width: 230px;
padding: 20px;
color: rgba(var(--text), 1);
}
th {
/* min-width: 317px; */
/* padding-left: 40px; */
font-weight: 500;
color: rgba(var(--color-secondary), 1);
}
.table-color a,
.table-size a {
margin-bottom: 0;
}
.table-size a {
background-color: rgba(var(--product-menu-bg), 1);
}
/* END: COMPARE TABLE */
/* START: CONTACT PAGE */
.contact-form p {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.contact-form p>* {
width: 100%;
margin-bottom: 20px;
border-radius: 4px;
}
.contact-form input[type='submit'] {
margin: 0;
width: auto;
font-size: 100%;
}
.contact-form p input,
.contact-form p textarea {
padding: 0.65rem 1.25rem;
}
.contact-form form p:first-of-type,
.contact-form form p:nth-child(3) {
max-width: calc(50% - 15px);
flex: 1;
}
.contact-form form p:first-of-type {
margin-right: 15px;
}
.contact-form form p:nth-child(3) {
margin-left: 15px;
}
.contact-form form p {
width: 100%;
display: inline-flex;
margin-right: 0 !important;
}
.contact-form form p br:first-of-type,
.wpcf7-spinner {
display: none;
}
.contact-form h3 {
margin-top: 0;
}
.contact-card {
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 5px;
}
.contact-card>.contact-image>img {
width: 100%;
}
.contact-detail {
padding: 20px 30px 25px;
}
.contact-detail .item-wrapper {
align-items: flex-start;
}
.card-country {
font-weight: 700;
margin-bottom: 15px;
}
.card-address {
margin-left: 10px;
}
.contact-box {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "conl""conr";
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 5px;
position: relative;
z-index: 1;
top: 120px;
}
.contact-left {
grid-area: conl;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
padding-left: 4.375rem;
padding-right: 4.375rem;
}
.popular.blog-space>div img {
width: unset;
}
.contact-left>*:not(:last-child),
.blog-page>*,
/* .blog>*, */
.faq-ask>* {
margin-bottom: 20px;
}
.popular.blog-space>div:nth-child(2n):not(:last-child) {
margin: 15px auto;
}
.popular.blog-space>div:last-child {
margin-bottom: 0;
margin-top: 15px;
}
.contact-left>.titles {
margin-bottom: 30px;
}
.blog.blog-space.tags {
max-width: 100%;
}
.comment-sections>div:nth-child(3),
.comment-sections>div:nth-child(3) .comments>div:nth-child(4) {
margin-top: 20px;
}
.contact-right {
grid-area: conr;
border-radius: 5px;
background-color: rgba(var(--color-primary), 1);
padding: 3.125rem;
padding-right: 0;
position: relative;
}
.contact-right::before,
.contact-right::after {
position: absolute;
content: "";
background-color: #ffffff20;
}
.contact-right::before {
width: 50px;
height: 50px;
border-radius: 50%;
top: 0;
right: 0;
animation: form_bbl1 60s linear infinite;
}
.contact-right::after {
width: 70px;
height: 70px;
border-radius: 50%;
bottom: 0;
left: 0;
animation: form_bbl2 60s linear infinite;
}
.contact-right * {
color: #ffffff;
}
.footer-mid-links .contact-info {
margin-top: 0;
margin-bottom: 30px;
}
.footer-mid-links .contact-info-i {
padding-top: 0;
}
.contact-right>*:not(ul) {
margin-bottom: 30px;
}
#masssage {
width: 100%;
}
.name-mail {
gap: 30px;
}
.name-mail>* {
flex: 1 1 47%;
}
.c-icon {
background-color: #ffffff20;
margin-left: 0;
margin-right: 15px;
}
.subtitle {
font-weight: 700;
}
.subtitle-heading {
font-size: 1.25rem;
font-weight: 600;
}
.contact-right .subtitle {
margin-bottom: 20px;
}
.item-wrapper.contact-icon-wrap {
justify-content: flex-start;
}
/* END: CONTACT PAGE */
/* START:BLOG DETAILS */
.related-tags .widget_tag_cloud {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
}
.related-tags .widget_tag_cloud .widget-title,
.related-tags .widget_tag_cloud>p {
margin: 0;
}
.blog-page {
grid-area: bdp;
}
.sidebar-br {
grid-area: rsb;
}
.sidebar-bl {
grid-area: lsb;
}
.meta-icon a:not(:first-child) {
margin-left: 1.15em;
}
.meta-icon i {
color: rgba(var(--color-hover), 1);
margin-right: 10px;
}
.title-30 {
font-size: 1.875rem;
font-weight: 700;
}
.highlight-text {
padding: 2.5rem;
font-size: 1.25rem;
background-color: rgba(var(--color-footer-back), 1);
border-radius: 5px;
position: relative;
}
.highlight-text i {
font-size: 2.1875rem;
position: absolute;
left: 114px;
top: 35px;
opacity: 20%;
}
.blog-mid>div {
flex: 1 1 210px;
}
.subtitle-14 {
font-size: 0.875rem;
font-weight: 700;
}
.blog-page p {
font-size: 0.875rem;
}
.related-tags .subtitle-14 {
margin-right: 20px;
}
.comm-ref {
padding: 7px 1.5625rem;
background-color: rgba(var(--color-footer-back), 1);
border-radius: 4px;
margin-right: 10px;
color: var(-color-secondary);
}
.b-icon {
background-color: rgba(var(--color-footer-back), 1);
margin: unset;
}
.reply {
font-style: italic;
font-weight: 700;
color: rgba(var(--color-primary), 1);
}
.reply:hover,
.reply:focus-visible {
text-decoration: underline;
}
.datetime {
color: rgba(var(--text), 1);
}
.chat-box>*:not(:last-child) {
margin-bottom: 20px;
}
.chat-box input,
.chat-box textarea {
background-color: rgba(var(--color-footer-back), 1);
}
.blog-space {
padding: 30px;
border-radius: 5px;
background-color: rgba(var(--product-menu-bg), 1);
margin-bottom: 30px;
}
.blog-space:last-child {
margin-bottom: 0;
}
.blog-space>div:first-child {
margin-bottom: 20px;
}
.tags a {
margin-bottom: 0;
}
.category.blog-space div:not(:last-child) {
position: relative;
margin-bottom: 26px;
}
.blog-cat {
display: block;
}
.blog-cat::after {
position: absolute;
font-family: "bootstrap-icons";
content: "\f285";
right: 0;
top: 7px;
font-size: 10px;
}
.blog-cat:not(.last)::before {
position: absolute;
content: "";
bottom: -13px;
left: 0;
border: 1px solid rgba(var(--border), 1);
width: 100%;
}
.tags a {
border-radius: 4px;
background-color: rgba(var(--off-white), 1);
padding: 7px 25px;
}
.tagbuttonwrap {
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.tags a:last-child {
margin-bottom: 0;
}
.blog-calendar table {
border-collapse: separate;
border-spacing: 0 20px;
}
.blog-calendar td {
text-align: center;
border: none;
color: rgba(var(--color-secondary), 1);
}
#active-date {
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
#active-date::after {
content: "";
position: absolute;
border-radius: 50%;
background: rgba(var(--color-hover), 1);
width: 28px;
height: 28px;
z-index: -1;
}
.blog-calendar tr:first-child td {
color: rgba(var(--text), 1);
}
/* END:BLOG DETAILS */
/* START:BLOG NEWS */
.blog-news .jcs-row-3 {
gap: 30px;
}
.blog {
max-width: 100%;
}
.blog-news .blog p,
.blog-news .blog a {
margin-top: 0;
}
.blog-news .blog>* {
margin-bottom: 10px;
}
.blog>img {
width: 100%;
}
.discover, .more-link {
color: rgba(var(--color-primary), 1);
text-decoration: underline;
font-size: 0.875rem;
font-weight: 700;
margin-bottom: 0;
}
.discover:hover>i,
.discover:focus>i {
color: rgba(var(--color-hover), 1);
}
.titles-16 {
font-weight: 700;
}
/* END:BLOG NEWS */
/* START: FAQ */
.faq-ask p {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.faq-ask p>* {
width: 100%;
margin-bottom: 20px;
border-radius: 4px;
}
.faq-ask input[type='submit'] {
margin: 0;
width: auto;
font-size: 100%;
margin-bottom: 60px;
}
.faq-ask p input,
.faq-ask p textarea {
background-color: rgba(var(--product-menu-bg), 1);
padding: 0.65rem 1.25rem;
}
.faq-ask form p:first-of-type,
.faq-ask form p:nth-child(3) {
max-width: calc(50% - 15px);
flex: 1;
}
.faq-ask form p:first-of-type {
margin-right: 15px;
}
.faq-ask form p:nth-child(3) {
margin-left: 15px;
}
.faq-ask form p {
width: 100%;
display: inline-flex;
margin-right: 0 !important;
}
.faq-ask form p br:first-of-type,
.wpcf7-spinner {
display: none;
}
.faq-ask .subtitle-heading {
margin-bottom: 1.5rem;
}
#faq-filter {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
#faq-filter a {
padding: 8px 40px;
cursor: pointer;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
}
#faq-filter a.trial-for-quote {
background-color: unset;
color: initial;
}
#faq-filter a.trial-for-quote:hover,
#faq-filter a.trial-for-quote:focus-visible {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
#faq-filter a.trial-for-quote:hover sup,
#faq-filter a.trial-for-quote:focus-visible sup {
border-color: #ffffff;
color: #ffffff;
}
.quest>div {
flex: 0 1 100%;
}
.faq-question {
font-weight: bold;
display: flex;
position: relative;
color: rgba(var(--color-primary), 1);
font-size: 1.125rem;
}
.faq-singular .bi-plus {
font-size: 40px;
}
.faq-singular i {
color: rgba(var(--color-primary), 1);
}
.faq-singular.active i.bi-plus,
.faq-singular i.bi-plus {
transition: all 0.7s;
position: absolute;
left: -9px;
bottom: -35px;
}
.faq-singular.active i.bi-plus {
transform: rotate(45deg);
}
.faq-singular {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 44px 22px 22px;
}
.faq-answer {
display: none;
padding: 0 73px 30px 42px;
margin: 0;
position: relative;
}
.faq-answer::before {
position: absolute;
content: "";
left: 30px;
width: 2px;
top: 0;
height: calc(100% - 30px);
background-color: rgba(var(--color-hover), 1);
}
.faq-question>span>i.bi-question {
display: inline-block;
line-height: 30px;
width: 30px;
border-radius: 50%;
background-color: #ffffff;
text-align: center;
font-size: 24px;
}
.faq-label {
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 5px;
}
.question-wrap {
margin-right: 20px;
}
.faq-query-section {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
/* END: FAQ */
/* START: EXPERT TEAM */
.filter-wrapper a {
padding: 12px 40px;
transition: all 0.7s ease 0.1s;
white-space: 0;
}
.filter-wrapper {
border-radius: 4px;
background-color: rgba(var(--color-footer-back), 1);
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.filter-wrapper a:hover,
.filter-wrapper a:focus-visible {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
.filter-wrapper sup {
line-height: 18px;
display: inline-block;
width: 20px;
text-align: center;
border: 1px solid rgba(var(--color-hover), 1);
border-radius: 50%;
font-size: 12px;
position: absolute;
top: 8px;
color: rgba(var(--color-hover), 1);
right: 10px;
transition: all 0.7s ease 0.1s;
}
/* END: EXPERT TEAM */
/* START: CHECKOUT */
.customer-side>div>div {
padding: 13px 30px;
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 4px;
font-size: var(--fs14);
}
.customer-side>div {
margin-bottom: 15px;
}
.customer-side a {
text-decoration: underline;
font-weight: 700;
color: rgba(var(--color-secondary), 1);
}
.main-page {
background-color: rgba(var(--product-menu-bg), 1);
border-radius: 5px;
padding: 3.125rem;
}
.checkout-page {
background-color: rgba(var(--product-menu-bg), 1);
padding: 50px;
}
.checkout-page input,
.checkout-page textarea {
margin-bottom: 20px;
}
#postzip,
#fname {
margin-bottom: 0;
}
.title-18 {
font-size: var(--fs18);
font-weight: 600;
color: rgba(var(--color-secondary), 1);
margin-bottom: 20px;
}
.sidebar>div>div:not(.side__flex),
.sidebar-d>div>div {
background-color: rgba(var(--product-menu-bg), 1);
padding: 30px;
border-radius: 5px;
}
.billing-stat .product {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
position: relative;
}
.billing-stat .product:last-child {
margin-bottom: 0;
}
.billing-stat .product:not(:last-child)::after {
position: absolute;
left: 0;
bottom: -10px;
content: "";
width: 100%;
height: 1px;
background-color: rgba(var(--color-primary), 1);
opacity: 10%;
}
.title-16 {
color: rgba(var(--color-secondary), 1);
font-weight: 500;
}
.payment label {
border-radius: 4px;
background-color: #ffffff;
padding: 12px 20px;
}
.payment label:first-child {
padding: 10px 6px 16px 20px;
}
.payment>label:nth-child(2) .item-wrapper {
align-items: baseline;
}
.payment>label:nth-last-child(2) {
margin-bottom: 30px;
}
.payment input[type="checkbox"] {
margin-right: 20px;
margin-top: 6px;
}
.payment .button-bubble-container>a {
font-weight: 700;
}
.payment .button-bubble-container,
.payment .button-bubble-container>a {
width: 100%;
}
#order_review_heading {
padding: 0 30px;
}
.woocommerce-checkout-review-order {
padding: 0 30px 30px;
}
/* END: CHECKOUT */
/* START: WISHLIST */
.wishlist-scroll {
overflow: auto;
}
.wishlist-scroll td {
border-radius: 0;
}
td.close:not(.cart-menu-heading .close) {
position: unset;
}
.wishlist-line {
background-color: rgba(var(--color-footer-back), 1);
border-radius: 5px;
padding: 20px 50px 20px 20px;
margin-bottom: 20px;
font-size: var(--fs14);
min-width: 800px;
}
.wish-value {
margin: auto 12px;
}
.wish-quantity {
padding: 3px 10px;
border-radius: 2px;
border: 1px solid #11111110;
display: inherit;
width: max-content;
}
.wish-quantity i {
cursor: pointer;
}
.wish-checkout.item-wrapper {
gap: 30px;
}
.wish-purchase {
margin-left: 0;
position: relative;
}
#shipping-last-heading {
width: 90px;
}
table {
width: 100%;
}
.wishlist td,
.wishlist th {
min-width: unset;
padding: 0;
}
.wishlist th:first-child {
width: 36%;
}
.wishlist th:last-child {
width: 160px;
}
.wishlist-scroll table {
min-width: 760px;
border-collapse: separate;
border-spacing: 0 20px;
}
.wishlist-scroll tbody tr>td:first-child {
padding: 20px;
padding-right: 0;
}
.wishlist-scroll th,
.wishlist-scroll td {
border: none;
}
.wishlist-scroll td {
background-color: rgba(var(--product-menu-bg), 1);
}
.bi-x-lg {
line-height: 30px;
width: 30px;
text-align: center;
background-color: #ffffff;
border-radius: 50%;
display: inline-block;
cursor: pointer;
}
.wishlist-line i {
cursor: pointer;
}
.wish-product {
display: flex;
align-items: center;
gap: 15px;
}
.wish-product,
.wish-total,
.wish-price {
color: rgba(var(--color-primary), 1);
font-weight: 500;
}
/* END: WISHLIST */
/* START: SHIPPING CART */
.shipping-updates {
flex: unset;
}
.shipping-updates>input[type="text"] {
flex: 100%;
background-color: rgba(var(--product-menu-bg), 1);
padding: 0.975rem 10px;
}
.title30 {
font-size: var(--fs30);
color: rgba(var(--color-secondary), 1);
}
.bold {
font-weight: 700;
}
.sidebar-d .shipping-total.title30 {
color: rgba(var(--color-primary), 1);
}
.ship-stat {
margin-bottom: 40px;
}
.ship-stat~div:last-child {
margin-top: 30px;
}
.retailsy-content .woocommerce a.remove:hover, .retailsy-content .woocommerce a.remove{
text-decoration: none;
}
/* END: SHIPPING CART */
/* START: POP-UP FORMS */
.title-24 {
font-size: var(--fs24);
}
/* END: POP-UP FORMS */
/* START:DETAIL-PRODUCT */
.details.images-section.jcs-row>div {
width: 100%;
}
.detail-product {
margin: -15px;
}
.detail-product>* {
padding: 15px;
}
.details.product-det {
position: relative;
}
.pane-area {
width: 100%;
height: 400px;
z-index: -1;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
overflow: hidden;
}
.trust-bedge img {
width: 80px;
}
.trust-bedge:last-child img {
width: 55px;
height: 40px;
}
.details-section .details.images-section .sm-details-imgs {
gap: 20px;
justify-content: space-between;
height: 100%;
}
.details-section .details.images-section .big-details-img {
flex: 1 1 470px;
}
.big-details-img img {
width: 100%;
}
.big-details-img:hover {
cursor: crosshair;
}
.details-tab-switch p:not(:first-child) {
display: none;
}
.pvs {
margin-top: 20px;
}
.details.product-det>div:nth-child(1),
.details.product-det>div:nth-child(5) {
margin-bottom: 10px;
}
.details.product-det>p+hr,
.details.product-det>hr:nth-last-child(2),
.details.product-det>div:nth-child(8) {
margin-bottom: 20px
}
.details.product-det>div:nth-child(6),
.details.product-det>div:nth-child(7) {
margin-bottom: 30px
}
.details.product-det .product-color {
margin-bottom: 0;
}
.c-icon:not(:last-child) {
margin-right: 15px;
}
.product-det .categories span,
.rviews-count {
font-weight: 400;
color: rgba(var(--text), 1);
}
.product-detail-mid,
.product-detail-slider {
margin-top: 65px;
}
.product-detail-mid .nav-link {
padding-bottom: 9px;
}
.active-link {
color: rgba(var(--color-hover), 1);
display: inline-block;
position: relative;
}
.active-link::after {
position: absolute;
content: "";
height: 1px;
width: 100%;
background-color: rgba(var(--color-hover), 1);
left: 0;
bottom: -10px;
}
.nav-link a {
font-weight: 600;
}
.details-tab-switch p {
margin: 30px 0;
}
.submit-button.pv {
padding: 7px 29px;
}
#v2-imgs {
gap: 10px;
flex-wrap: wrap;
width: 100%;
}
.details-section-v2 .big-details-img {
flex: 1 1 570px;
}
.sm-details-imgs-v2 {
position: relative;
}
.about-left-v2,
.about-right-v2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(0% - 50px);
background-color: rgba(var(--color-footer-back), 1);
}
.about-right-v2 {
left: calc(100% + 10px);
}
.about-left-v2,
.about-right-v2 {
margin-right: 0;
}
.sm-details-imgs-v2 {
width: 80%;
}
/* END:DETAIL-PRODUCT */
/* START: BLOG MASONRY */
.masonry-column,
.blog-masonry {
flex: 1 1 300px;
}
.blog-masonry {
margin-bottom: 30px;
}
.shuffle-items>.masonry-column {
height: 100%;
}
.image-blog>img,
.home2 .blog img,
.faq-query-section>img {
max-width: unset;
width: 100%;
}
.image-blog>img{
height: 100%;
object-fit: cover;
}
/* END: BLOG MASONRY */
.section-content:focus-within .section-image {
opacity: 1;
}
.bg-hover-color {
background-color: rgba(var(--color-hover), 1);
}
#faq-filter a.trial-for-quote.faq-filter-active {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
#faq-filter a.trial-for-quote.faq-filter-active sup {
border-color: #ffffff;
color: #ffffff;
}
/*START: PRODUCT SIDEBAR */
.product-sidebar-column .sidebar aside .widget-title, .sidebar .widget .widget-title {
padding: 15px 30px;
border-bottom: 1px solid rgba(var(--border), 1);
margin: 0;
font-size: 1.2rem;
}
.product-sidebar-column .sidebar aside>div,
.product-sidebar-column .sidebar aside>ul,
.product-sidebar-column .sidebar aside>form {
padding: 2px 35px;
}
.product-sidebar-column .sidebar aside {
margin-bottom: 30px;
border-radius: 5px;
background-color: rgba(var(--product-menu-bg), 1);
}
.product-sidebar-column .sidebar aside:last-child {
margin-bottom: 0;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0 20px 0;
border-bottom: 1px solid #d8d8d8;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-img-col {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-sum-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 70%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-sum-col .cart-sm-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 0;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-sum-col .cart-sm-left {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-sum-col .cart-sm-left .cart-pname,
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-sum-col .cart-sm-left .cart-pname a {
font-weight: 400;
text-decoration: none;
line-height: 1.2;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body .cart-sum-col .cart-sm-left .cart-qty-price {
font-weight: 600;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 0.8;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0;
margin-right: 14px;
min-width: 24px;
vertical-align: middle;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body a.remove:hover {
color: #fff!important;
background: red;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-body img {
height: auto;
max-width: 100%;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer {
color: #000000;
padding: 20px 0 0 0;
border-top: 1px solid rgba(var(--border), 1);
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer .cart-ft-totals {
width: 100%;
padding-bottom: 15px;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer .cart-ft-amt {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 600;
padding: 3px;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer .cart-ft-amt .cart-ft-amt-label {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 5px;
font-weight: 600;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer .cart-ft-amt .cart-ft-amt-label::after {
content: ":";
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer .cart-ft-amt .cart-ft-amt-value {
text-align: right;
}
.product-sidebar-column .sidebar .widget_shopping_cart .cart-footer .cart-ft-buttons-cont {
display: -ms-grid;
display: grid;
text-align: center;
grid-column-gap: 10px;
/* grid-row-gap: 10px; */
padding: 0 25px;
-ms-grid-columns: auto;
grid-template-columns: auto;
}
.product-sidebar-column .sidebar .widget_shopping_cart .woocommerce-Price-amount.amount {
color: rgba(var(--color-primary), 1);
}
.product-sidebar-column .sidebar .widget_shopping_cart .woocommerce-Price-amount.amount bdi {
color: rgba(var(--color-primary), 1);
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider {
position: relative;
height: 4px;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
position: absolute;
top: 0;
height: 100%;
background-color: rgba(var(--color-hover), 1);
left: 0%;
width: 100%;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
position: absolute;
z-index: 2;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.3em;
margin-left: -0.5em;
background-color: #fff;
width: 10px;
height: 10px;
top: -3px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(88, 88, 88, 0.85);
box-shadow: 0px 0px 12px 0px rgba(88, 88, 88, 0.85);
left: 0;
display: inline-block;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:last-of-type {
left: 100%;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount {
line-height: 2.25;
padding-top: 7px;
text-align: right;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount input[type='text'] {
display: none;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount button {
padding: 0px 15px;
float: left;
line-height: 30px;
position: relative;
width: auto;
height: unset;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label,
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount button {
margin-top: 20px;
font-size: 14px;
}
.product-sidebar-column .sidebar .widget_price_filter .price_slider_wrapper .clear {
clear: both;
}
.product-sidebar-column .sidebar .widget_product_search .woocommerce-product-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-sidebar-column .sidebar .widget_product_search .woocommerce-product-search>* {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}
.product-sidebar-column .sidebar .widget_product_search .woocommerce-product-search label {
display: none;
}
.product-sidebar-column .sidebar .widget_product_search .woocommerce-product-search .search-field {
border: 1px solid rgba(var(--border), 1);
border-right: 0;
padding: 4px;
max-width: calc(100% - 70px);
min-height: 40px;
}
.product-sidebar-column .sidebar .widget_product_search .woocommerce-product-search button[type="submit"] {
padding: 8px 4px;
min-width: 70px;
min-height: 40px;
position: relative;
max-width: 100px;
}
.product-sidebar-column .sidebar .widget_product_search_widget form[name="product-search"] {
position: relative;
}
.product-sidebar-column .sidebar .widget_product_search_widget form[name="product-search"]::after {
position: absolute;
content: "\f078";
right: 15px;
font-family: "FontAwesome";
top: 12px;
font-size: 14px;
}
.product-sidebar-column .sidebar .widget_product_search_widget form[name="product-search"] select,
.product-sidebar-column .sidebar .widget_product_search_widget form[name="product-search"] input {
width: 100%;
padding: 8px 16px;
border: 1px solid rgba(var(--border), 1);
border-radius: 4px;
}
.product-sidebar-column .sidebar .widget_product_search_widget form[name="product-search"] select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 15px;
position: relative;
padding: 8px 30px 8px 16px;
}
.product-sidebar-column .sidebar .widget_product_search_widget form[name="product-search"] svg {
display: none;
}
/* .product-sidebar-column .sidebar .tagcloud { */
/* .tagcloud { */
/* display: flex; */
/* gap: 10px; */
/* flex-wrap: wrap; */
/* } */
/* .product-sidebar-column .sidebar .tag-cloud-link { */
.tag-cloud-link {
padding: 4px 10px;
border-radius: 4px;
}
.product-sidebar-column .sidebar .cat-item {
display: block;
padding: 0;
border: none;
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul {
/* padding: 0; */
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul li a, .woocommerce-widget-layered-nav li a {
padding: 15px 30px;
border-bottom: 1px solid rgba(var(--border), 1);
display: block;
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul li:last-child a {
border: none;
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul li.cat-parent>a {
border-bottom: 1px solid rgba(var(--border), 1);
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul.children li {
padding-left: 10px;
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul.children li a {
border-bottom: 1px solid rgba(var(--border), 1);
}
.product-sidebar-column .sidebar .widget_custom_html {
position: relative;
border-radius: 4px;
overflow: hidden;
}
.product-sidebar-column .sidebar .widget_custom_html .custom-html-widget {
padding: 0;
}
.product-sidebar-column .sidebar .widget_custom_html .custom-html-widget aside {
padding: 30px;
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap {
min-height: 300px;
padding: 0;
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: fill;
object-fit: fill;
z-index: 0;
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>div {
position: relative;
z-index: 1;
color: #ffffff;
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>div h5 {
font-size: 29px;
font-weight: 400;
margin-bottom: 16px;
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>div h5 b {
color: rgba(var(--color-hover), 1);
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>div p {
color: #ffffff;
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>div a {
border-radius: 50%;
width: 30px;
height: 30px;
border: 1px solid #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
}
.product-sidebar-column .sidebar .widget_custom_html .banner_wrap>div a i {
color: #ffffff;
}
.product-sidebar-column .sidebar .widget_custom_html .testimonial_wrap .testimonial_author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.product-sidebar-column .sidebar .widget_custom_html .testimonial_wrap .testimonial_author img {
border-radius: 50%;
}
.product-sidebar-column .sidebar .widget_custom_html .testimonial_wrap .testimonial_author p,
.product-sidebar-column .sidebar .widget_custom_html .testimonial_wrap .testimonial_author h6 {
margin: 0;
}
.product-sidebar-column .sidebar .widget_custom_html .testimonial_wrap .testimonial_blockquote {
padding-bottom: 30px;
}
.product-sidebar-column .sidebar .widget_custom_html .testimonial_wrap .testimonial-item {
padding: 15px;
}
.product-sidebar-column .sidebar .widget_custom_html .widget_sale {
position: relative;
}
.product-sidebar-column .sidebar .widget_custom_html .widget_sale::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 50px;
width: 1px;
background: rgba(var(--color-primary), 1);
z-index: 1;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap {
text-align: center;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-batch {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 151px;
height: 151px;
padding: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: rgba(var(--color-hover), 1);
border-radius: 100%;
color: #fff;
position: relative;
margin-bottom: 28px;
z-index: 0;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-batch::before {
content: "";
position: absolute;
top: 20px;
left: 0;
right: 0;
margin: 0 auto;
width: 12px;
height: 12px;
background: #fff;
border-radius: 100%;
z-index: 0;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-batch h5 {
font-size: 36px;
line-height: 0.9;
margin-bottom: 0;
font-weight: 700;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-content {
/* display: -webkit-box; */
/* display: -ms-flexbox; */
/* display: inline-table; */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-content .per {
display: inline-block;
font-size: 60px;
font-weight: 700;
line-height: 0.8;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-content .sale-verticle {
display: inline-block;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 18px;
height: 0px;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_author .sale-content .per-off {
display: inline-block;
font-size: 22px;
max-width: 45px;
font-weight: 700;
text-align: left;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_blockquote {
margin-top: 18px;
text-align: center;
}
.product-sidebar-column .sidebar .widget_custom_html .sale_wrap .sale_item>a {
margin: 15px auto 40px;
padding: 4px 20px;
display: inline-block;
}
.product-sidebar-column .sidebar .widget_custom_html .tns-outer {
position: relative;
}
.product-sidebar-column .sidebar .widget_custom_html .tns-outer .tns-nav {
position: absolute;
z-index: 1;
bottom: 0%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.product-sidebar-column .sidebar .widget_custom_html .tns-outer .tns-nav button {
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 10px;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
border: none;
}
.product-sidebar-column .sidebar .widget_custom_html .tns-outer .tns-nav button:last-child {
margin-right: 0;
}
.product-sidebar-column .sidebar .widget_custom_html .tns-outer .tns-nav button:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ffffff;
visibility: hidden;
}
.product-sidebar-column .sidebar .widget_custom_html .tns-outer .tns-nav button.tns-nav-active::before {
visibility: visible;
}
.product-sidebar-column .sidebar .product_list_widget {
padding: 0;
}
.product-sidebar-column .sidebar .product_list_widget li {
margin-top: 0;
padding: 17.5px 30px;
margin-bottom: 0;
border-bottom: 1px solid #e8e8e8;
position: relative;
}
.product-sidebar-column .sidebar .product_list_widget li:last-of-type {
border-bottom: none;
}
.product-sidebar-column .sidebar .product_list_widget li::before {
content: " ";
display: table;
}
.product-sidebar-column .sidebar .product_list_widget li a {
font-weight: 700;
display: block;
}
.product-sidebar-column .sidebar .product_list_widget li a>img {
width: 45px;
margin-top: 0;
margin-right: 0;
float: right;
margin-left: 4px;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.product-sidebar-column .sidebar .product_list_widget li .star-rating {
position: absolute;
bottom: 4px;
right: 0;
font-size: 14px;
float: none;
overflow: hidden;
height: 1em;
line-height: 1;
width: 5.4em;
font-family: star;
}
.product-sidebar-column .sidebar .product_list_widget li .star-rating::before {
color: #ffcc00;
height: 1.2em;
top: 0.5px;
left: 0;
position: absolute;
float: left;
content: "sssss";
}
.product-sidebar-column .sidebar .product_list_widget li .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
width: 100%;
}
.product-sidebar-column .sidebar .product_list_widget li .star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
color: #ffcc00;
height: 1.2em;
top: 0.5px;
}
.product-sidebar-column .sidebar .product_list_widget li .woocommerce-Price-amount.amount {
display: inline-block;
padding: 0;
border-radius: 0;
margin-left: 0;
color: rgba(var(--color-primary), 1);
}
.sidebar .widget .cart-ft-buttons-cont a {
height: auto;
min-width: unset;
}
.sidebar .widget .cart-ft-buttons-cont a:hover, .sidebar .widget .cart-ft-buttons-cont a:focus {
text-decoration: none;
}
/*END: PRODUCT SIDEBAR */
/* START: CHECKOUT */
.checkout-section input.input-text,
.checkout-section select,
.checkout-section textarea {
border: 1px solid rgba(var(--border), 1);
}
.checkout-section .woocommerce-form-coupon-toggle .woocommerce-info {
line-height: 41px;
border: 0;
background-color: #f9f9f9;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
margin: 0 0 2em;
}
.checkout-section .woocommerce-form-coupon-toggle .woocommerce-info::before {
content: "\f097";
text-shadow: none;
font-family: "FontAwesome";
color: rgba(var(--sc), 1);
}
.checkout-section .woocommerce-form-coupon-toggle .woocommerce-info a {
text-underline-offset: 3px;
text-decoration: underline;
outline: none;
color: rgba(var(--color-primary), 1);
}
.checkout-section .woocommerce-form-coupon-toggle .woocommerce-info a:hover,
.checkout-section .woocommerce-form-coupon-toggle .woocommerce-info a:focus {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.checkout-section .woocommerce-checkout form.checkout {
display: inline-block;
width: 100%;
margin-top: 30px;
}
.checkout-section .woocommerce-checkout>.col2-set {
float: left;
width: 48%;
}
.checkout-section .woocommerce-checkout>.col2-set::before {
content: " ";
display: table;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1,
.checkout-section .woocommerce-checkout>.col2-set>.col-2 {
float: none;
width: 100%;
margin-bottom: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields {
padding: 25px;
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields h3 {
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 18px;
border-bottom: 1px solid rgba(var(--border), 1);
display: block;
width: 100%;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row {
margin: 0 0 25px;
padding: 0;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row#billing_company_field {
clear: both;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row label {
display: block;
line-height: 2;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row .woocommerce-input-wrapper {
width: 100%;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row input.input-text,
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields p.form-row select {
min-height: 40px;
padding: 7px 16px px;
border-radius: 4px;
width: 100%;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields .form-row-first,
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields .form-row-last {
width: 47%;
overflow: visible;
float: left;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-1 .woocommerce-billing-fields .form-row-last {
float: right;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-2 .woocommerce-shipping-fields,
.checkout-section .woocommerce-checkout>.col2-set>.col-2 .woocommerce-additional-fields {
padding: 25px;
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-2 .woocommerce-shipping-fields+.woocommerce-additional-fields,
.checkout-section .woocommerce-checkout>.col2-set>.col-2 .woocommerce-additional-fields+.woocommerce-additional-fields {
margin-top: 30px;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-2 h3 {
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 18px;
border-bottom: 1px solid rgba(var(--border), 1);
display: block;
width: 100%;
}
.checkout-section .woocommerce-checkout>.col2-set>.col-2 .form-row.notes {
margin-bottom: 0;
}
.checkout-section .woocommerce-checkout input.input-text,
.checkout-section .woocommerce-checkout textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
}
.checkout-section .woocommerce-checkout h3,
.checkout-section .woocommerce-checkout #order_review {
float: right;
width: 48%;
}
.checkout-section .woocommerce-checkout h3 {
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 18px;
border-bottom: 1px solid #d8d8d8;
display: block;
}
.checkout-section .woocommerce-checkout #order_review .shop_table {
border: 1px solid rgba(var(--border), 1);
margin: 0 -1px 24px 0;
text-align: left;
border-collapse: collapse;
border-radius: 5px;
width: 100%;
}
.checkout-section .woocommerce-checkout #order_review .shop_table th {
min-width: 0;
}
.checkout-section .woocommerce-checkout #order_review .shop_table>thead {
vertical-align: middle;
}
.checkout-section .woocommerce-checkout #order_review .shop_table th {
font-size: 16px;
font-weight: 600;
}
.checkout-section .woocommerce-checkout #order_review .shop_table th,
.checkout-section .woocommerce-checkout #order_review .shop_table td {
padding: 14.5px 12px;
border: none;
border-bottom: 1px solid rgba(var(--border), 1);
}
.checkout-section .woocommerce-checkout #order_review .shop_table tbody th,
.checkout-section .woocommerce-checkout #order_review .shop_table tfoot td,
.checkout-section .woocommerce-checkout #order_review .shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.checkout-section .woocommerce-checkout #order_review .woocommerce-checkout-payment {
border: 1px solid rgba(var(--border), 1);
}
.checkout-section .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods {
padding: 1em;
border-bottom: 1px solid rgba(var(--border), 1);
}
.checkout-section .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400;
padding: 15px 20px 15px 47px;
position: relative;
}
.checkout-section .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods li::before {
content: "\f097";
font-family: "FontAwesome";
position: absolute;
left: 25px;
}
.checkout-section .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order {
padding: 15px;
position: relative;
}
.checkout-section .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
padding: 8px 20px;
position: relative;
}
.checkout-section .woocommerce-Price-amount.amount,
.checkout-section ins .woocommerce-Price-amount.amount bdi {
color: rgba(var(--color-primary), 1);
font-weight: 500;
}
/* END: CHECKOUT */
/* COMPARE */
.compare-section {
overflow: auto clip;
}
.compare-section .jcs-container {
min-width: 992px;
}
.compare-section table {
border: 1px solid rgba(var(--border), 1);
table-layout: fixed;
}
.compare-section table * {
text-align: center;
}
.compare-section table tr:not(:first-child) th {
border: 1px solid rgba(var(--border), 1);
}
.compare-section table th {
font-size: 16px;
padding: 0;
padding: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: table-cell;
}
.compare-section table td {
border: 1px solid rgba(var(--border), 1);
border-collapse: collapse;
padding: 15px;
}
.compare-section table tr:first-child td,
.compare-section table tr:first-child th {
padding-bottom: 0;
}
.compare-section table .easy-woocompare-remove {
width: 20px;
height: 20px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 10px;
}
.compare-section table .easy-woocompare-remove:before {
content: "\f057";
position: absolute;
font-family: "FontAwesome";
color: rgba(var(--white), 1);
z-index: 1;
}
.compare-section table img {
width: inherit;
max-height: 356px;
}
.compare-section table .woocommerce-Price-amount {
font-weight: 600;
}
.easy-woocompare-row>* {
background-color: transparent;
color: inherit;
}
.easy-woocompare-row>*::before,
.easy-woocompare-row>*::after {
content: unset;
background-color: transparent;
color: inherit;
}
.easy-woocompare-table th {
border: 1px solid rgba(var(--border), 1);
}
.tablesaw-bar.mode-swipe.tablesaw-all-cols-visible,
.easy-wc-compare-wishlist-loader {
display: none;
}
table.tablesaw[class*='-woocompare-table'] {
border: 1px solid #e1e1e1;
}
[class*='-woocompare-table'] .title::before, [class*='woocompare-table'] .title::after {
content: unset;
}
[class*='-woocompare-table'] .title{
background-color: transparent;
color: initial;
}
/* END: COMPARE */
/*START : ACCOUNT */
.account-section #st-primary-content .woocommerce {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.woocommerce-notices-wrapper {
display: none;
}
.account-section .signpageforms {
flex: 1;
min-width: 296px;
}
.login-form,
.register-form {
background-color: rgba(var(--border), 0.5);
border-radius: 5px;
margin: auto;
}
.login-form h5,
.register-form h5 {
font-size: 24px;
padding: 20px;
font-weight: 600;
background-color: rgba(var(--product-menu-bg), 1);
margin: 0;
}
.login-form form,
.register-form form {
padding: 20px;
}
.login-form form label,
.register-form form label {
display: block;
}
.form-check .form-check-label {
margin-bottom: 0;
}
.login-form form label[for="username"],
.login-form form label[for="password"],
.register-form form label[for="username"],
.register-form form label[for="password"],
.register-form form label[for="conformpassword"] {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.login-form form label .required,
.register-form form label .required {
font-size: 18px;
font-weight: 600;
color: rgba(var(--color-primary), 1);
}
.login-form form label+input,
.register-form form label+input {
padding: 10px 16px;
-webkit-box-shadow: 0 0 4px 1px rgba(var(--pr), 0.1);
box-shadow: 0 0 4px 1px rgba(var(--pr), 0.1);
border: none;
border-radius: 5px;
width: 100%;
}
.login-form form button[type="submit"],
.register-form form button[type="submit"] {
width: 100%;
margin-top: 20px;
position: relative;
padding: 13.5px 18px;
color: #ffffff;
background-color: rgba(var(--color-hover),1);
}
.woocommerce form.login, .woocommerce form.register {
margin: 0;
border: none;
}
label[for="conformpassword"],
label[for="password"] {
position: relative;
}
label[for="conformpassword"]::before,
label[for="password"]::before {
position: absolute;
/* content: attr(data-show); */
font-family: "bootstrap-icons";
font-size: 14px;
right: 15px;
bottom: -50px;
z-index: 1;
}
.signpageforms .mail-form button[type="submit"]> i {
font-size: 15px;
}
.retailsy-content .woocommerce-MyAccount-navigation a:hover, .retailsy-content .woocommerce-MyAccount-navigation a:focus {
text-decoration: none;
}
/*END: ACCOUNT */
/*START: Product single */
.easy-related-products {
margin-top: 70px;
}
.retailsy_magnifier_zoom {
border: 1px solid rgb(var(--border));
}
.entry-title.product_title {
font-size: 24px;
line-height: 30px;
}
.product-single-section #st-primary-content .woocommerce-notices-wrapper {
margin-bottom: 15px;
}
.product-single-section #st-primary-content .product.type-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.product-single-section #st-primary-content .product.type-product>.images form.cart,
.product-single-section #st-primary-content .product.type-product>.summary.entry-summary form.cart {
display: block;
}
.product-single-section #st-primary-content .product.type-product>.images .compare.button,
.product-single-section #st-primary-content .product.type-product>.summary.entry-summary .compare.button {
margin-left: 0;
}
.product-single-section #st-primary-content .product.type-product>.images .upper-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.product-single-section #st-primary-content .product.type-product>.images .upper-section .product-single-main-image {
background-color: rgba(var(--product-bg), 1);
border-radius: 5px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.product-single-section #st-primary-content .product.type-product>.images .down-section {
margin-top: 20px;
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer {
position: relative;
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer button,
.product-single-section #st-primary-content .product.type-product>.images .left-section .tns-outer button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 30px;
height: 30px;
overflow: hidden;
background-color: rgba(var(--color-primary), 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
opacity: 0;
-webkit-transition: 0.7s all;
transition: 0.7s all;
padding: 0;
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer button[data-controls="prev"] {
left: 0;
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer button[data-controls="prev"]::after {
left: 0;
content: "<";
padding-right: 45px;
margin-left: 15px;
color: #ffffff
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer button[data-controls="next"] {
right: 0;
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer button[data-controls="next"]::before {
right: 0;
content: ">";
padding-left: 43px;
margin-right: 17px;
color: #ffffff
}
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer:hover button,
.product-single-section #st-primary-content .product.type-product>.images .down-section .tns-outer:focus-within button,
.product-single-section #st-primary-content .product.type-product>.images .left-section .tns-outer:hover button,
.product-single-section #st-primary-content .product.type-product>.images .left-section .tns-outer:focus-within button {
opacity: 1;
}
.product-single-section #st-primary-content .product.type-product>.images .horizontal-slider img {
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
height: 100px;
max-width: 100px;
margin: auto;
display: block;
}
.product-single-section #st-primary-content .product.type-product>.images .v-slider {
display: flex;
gap: 10px;
align-items: center;
}
.containerZoom.active {
z-index: 1;
}
.product-single-section #st-primary-content .product.type-product>.images .v-slider .left-section {
position: relative;
}
.product-single-section #st-primary-content .product {
position: relative;
width: 100%;
}
.product-single-section #st-primary-content .product .sale-ribbon {
top: 25px;
left: 25px;
position: absolute;
margin: 0;
font-size: 14px;
font-weight: 500;
text-align: center;
padding: 0 10px;
line-height: 24px;
display: inline-block;
border-radius: 25px;
color: #ffffff;
background: rgba(var(--color-primary), 1);
z-index: 1;
}
.product-single-section#product-single-section1 #st-primary-content .product .sale-ribbon {
left: 22%;
}
.product-single-section #st-primary-content .easy-related-products .product .sale-ribbon {
top: 10px;
left: 10px;
}
.product-single-section #st-primary-content .product .imagess {
margin-bottom: 2em;
float: left;
}
.product-single-section #st-primary-content .product .imagess img {
height: auto;
max-width: 100%;
display: block;
width: 100%;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.product-single-section #st-primary-content .product .imagess .woocommerce-product-gallery__image:nth-child(1) {
max-height: 440px;
display: block;
width: 100%;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 100%;
width: auto;
margin: auto;
}
.product-single-section #st-primary-content .product .imagess .thumbnails {
position: relative;
overflow: hidden;
padding-top: 1em;
}
.product-single-section #st-primary-content .product .imagess .thumbnails::before {
content: " ";
display: table;
}
.product-single-section #st-primary-content .product .imagess .thumbnails div#slider-prev {
left: -7px;
}
.product-single-section #st-primary-content .product .imagess .thumbnails #slider-prev,
.product-single-section #st-primary-content .product .imagess .thumbnails #slider-next {
width: 26px;
height: 25px;
overflow: hidden;
color: rgba(var(--color-secondary), 1);
background-color: #ffffff;
background-image: none;
border-radius: 3px;
margin-top: -5px;
opacity: 1;
visibility: visible;
display: block !important;
border: 1px solid rgba(var(--color-primary), 1);
-webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_slider_arrow span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_slider_arrow span::after {
content: "\f104";
}
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_slider_arrow span::after,
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_slider_arrow span::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
line-height: 23px;
text-align: center;
font-family: "Font Awesome 5 Free";
}
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_magnifier_gallery {
margin: 0;
padding: 0;
text-align: center;
}
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_magnifier_gallery .easy_magnifier_thumbnail {
position: relative;
display: inline-block;
vertical-align: middle;
top: 0;
margin-right: 1px;
}
.product-single-section #st-primary-content .product .imagess .thumbnails .easy_magnifier_gallery .easy_magnifier_thumbnail a {
width: 100% !important;
display: block;
margin-top: 10px;
height: auto !important;
overflow: hidden;
float: left;
width: 30.75%;
margin-right: 3.8%;
margin-bottom: 1em;
clear: both;
}
.product-single-section #st-primary-content .product .summary {
margin-bottom: 2em;
margin-bottom: 3em;
}
.product-single-section #st-primary-content .product .summary .product_title {
clear: none;
margin-top: 0;
padding: 0;
letter-spacing: 0.65px;
margin-bottom: 3px;
font-size: 2.2rem;
line-height: 1.5;
}
.product-single-section #st-primary-content .product .summary .stwsb-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.product-single-section #st-primary-content .product .summary .stwsb-products .stwsb-product {
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
padding: 15px;
flex: 1;
}
.product-single-section #st-primary-content .product .summary .stwsb-products .stwsb-product .stwsb-thumb img {
width: auto;
height: auto;
}
.product-single-section #st-primary-content .product .summary .stwsb-products .stwsb-product .stwsb-price,
.product-single-section #st-primary-content .product .summary .stwsb-products .stwsb-product .stwsb-title {
text-align: center;
}
.product-single-section #st-primary-content .product .summary .retailsy-stocks {
margin-bottom: 15px;
}
.product-single-section #st-primary-content .product .summary .easy_psc_frontend_btn .easy_psc_call_popup {
margin: 15px 0;
border-color: rgba(var(--color-hover), 1);
}
.product-single-section #st-primary-content .product .summary .easy_psc_frontend_btn .easy_psc_call_popup a {
padding: 5px 20px;
border-radius: 5px;
font-weight: 600;
}
.product-single-section .collection h3 {
padding-bottom: 10px;
}
.product-single-section #st-primary-content .product .summary form.cart {
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
.product-single-section #st-primary-content .product .summary form.cart::before {
content: " ";
display: table;
}
.product-single-section #st-primary-content .product .summary form.cart::after {
clear: both;
}
.product-single-section #st-primary-content .product .summary form.cart .quantity {
float: left;
margin: 0 4px 0 0;
margin-right: 10px;
}
.product-single-section #st-primary-content .product .summary form.cart .quantity .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
}
.product-single-section #st-primary-content .product .summary form.cart .quantity .qty {
padding: 0.3rem;
min-height: 40.8px;
border: 1px solid #d8d8d8;
border-radius: 0;
width: 3.631em;
text-align: center;
}
.product-single-section #st-primary-content .product .summary form.cart button a {
padding: 15px 25px;
border-radius: 5px;
font-weight: 500;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 30px;
padding: 7px 16px;
margin-top: 0;
}
.product-single-section #st-primary-content .product .summary .compare.button {
display: inline-block;
vertical-align: middle;
background-color: #ffffff;
line-height: 1.5;
color: rgba(var(--color-primary), 1);
text-decoration: none;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
white-space: nowrap;
margin-left: 8px;
padding: 0;
}
.product-single-section #st-primary-content .product .summary .compare.button:hover,
.product-single-section #st-primary-content .product .summary .compare.button:focus {
color: rgba(var(--white), 1);
}
.product-single-section #st-primary-content .product .summary .compare.button span {
padding: 9px 10px !important;
border-radius: 5px;
}
.product-single-section #st-primary-content .product .summary .easy-woowishlist-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 7px;
}
.product-single-section #st-primary-content .product .summary .easy-woowishlist-button a {
display: inline-block;
white-space: nowrap;
width: 40px;
height: 40px;
line-height: 41px;
background: rgba(var(--color-hover), 1);
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 100%;
}
.product-single-section #st-primary-content .product .summary .easy-woowishlist-button a i {
color: #fff;
}
.product-single-section #st-primary-content .product .summary .easy-woowishlist-button a:hover,
.product-single-section #st-primary-content .product .summary .easy-woowishlist-button a:focus {
background-color: rgba(var(--color-primary), 1);
}
.product-single-section #st-primary-content .product .summary .single_add_to_cart_button,
.product-single-section .easy_psc_call_popup {
padding: 10px;
}
button[type='submit'].single_add_to_cart_button {
position: relative;
}
.product-single-section #st-primary-content .product .summary .easy-woowishlist-button a span {
display: none;
}
.product-single-section #st-primary-content .product .summary .product_meta {
margin-top: 1.2rem;
}
.product-single-section #st-primary-content .product .summary .product_meta>span {
display: block;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget h6 {
font-weight: 700;
text-transform: inherit;
font-style: inherit;
text-decoration: inherit;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget ul {
margin-top: -0.75rem;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget ul li {
margin-top: 0.75rem;
display: inline-block;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget ul li a {
position: relative;
z-index: 0;
display: inline-block;
text-decoration: none;
font-weight: 500;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
border-radius: 100%;
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-decoration: none;
background-color: rgba(var(--sc), 1);
-webkit-transition: 0.6s;
transition: 0.5s;
width: 40px;
height: 40px;
background-color: transparent;
border: 1px solid rgba(var(--border), 1);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget ul li a:hover,
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget ul li a:focus {
border: 2px dotted;
}
.product-single-section #st-primary-content .product .summary .easy-product-sharing .widget_social_widget ul li:not(:last-child) {
margin-right: 5px;
}
.product-single-section #st-primary-content .product .woocommerce-tabs {
clear: both;
width: 100%;
}
#review_form .comment-respond {
padding: 0;
margin: 0;
}
.product-single-section #st-primary-content .product .woocommerce-tabs .tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
}
.product-single-section #st-primary-content .product .woocommerce-tabs .tabs>li a {
padding: 5px 20px;
}
.product-single-section .barline {
height: 12px;
background: rgba(var(--color-primary), 0.2);
border-radius: 20px;
}
.product-single-section .barline .stock-countbar {
height: 12px;
background: rgba(var(--color-primary), 1);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
position: relative;
width: 6%;
}
.product-single-section #st-primary-content .easy_magnifier_zoom_wrap {
top: 0;
position: relative;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table {
width: 100%;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr th {
width: 150px;
padding: 15px;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr td p {
margin-bottom: 0;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:nth-child(odd) {
background-color: rgba(var(--product-menu-bg), 1);
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table th {
min-width: unset;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table th,
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table td {
border: none;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--description ul {
padding-left: 20px;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--description ul li {
list-style-type: disc;
padding: 3px 5px 3px 0;
}
.product-single-section .woocommerce-tabs .woocommerce-Tabs-panel--description ul li::marker {
color: rgba(var(--color-primary), 1);
}
#accordionTerms .card-body > p {
margin-bottom: 0;
padding: 10px 5px;
}
.product-single-section #st-primary-content .easy_magnifier_zoom {
position: relative;
display: block;
}
.product-single-section #st-primary-content .easy_magnifier_mousetrap {
z-index: 999;
position: absolute;
width: 0px;
height: 0px;
left: 0;
top: 0;
}
.product-single-section #st-primary-content .easy_magnifier_mousetrap .easy_expand {
display: inline;
cursor: pointer;
font-size: 25px;
position: absolute;
text-decoration: none;
text-indent: -10000px;
z-index: 20000;
line-height: 1em;
background-color: white;
width: 25px;
height: 26px;
top: 10px;
bottom: initial;
left: initial;
right: 10px;
border-radius: 0%;
}
.product-single-section #st-primary-content .expand-button-hidden svg {
width: 25px;
height: 25px;
display: block;
padding: 5px;
}
.product-single-section #st-primary-content .zoom-button-hidden svg {
display: block;
padding: 5px;
}
.product-single-section #st-primary-content #container.easy360-container .fullscreen-button {
display: none;
}
.product-single-section #st-primary-content .images {
position: relative;
width: 100%;
}
.product-single-section #st-primary-content .images .threesixty .nav_bar {
position: absolute;
top: 10px;
right: 10px;
}
.product-single-section #st-primary-content .images .threesixty .nav_bar a {
display: block;
width: 32px;
height: 32px;
float: left;
background: url(/assets/images/media-sprites.png) no-repeat;
text-indent: -99999px;
}
.product-single-section #st-primary-content .images .threesixty .nav_bar a.nav_bar_previous {
background-position: 0 -69px !important;
}
.product-single-section #st-primary-content .images .threesixty .nav_bar a.nav_bar_play {
background-position: 0 -4px !important;
}
.product-single-section #st-primary-content .images .threesixty .nav_bar a.nav_bar_next {
background-position: 0 -103px !important;
}
.product-single-section #st-primary-content .images .threesixty .nav_bar a.nav_bar_stop {
background-position: 0 -37px !important;
}
.product-single-section #st-primary-content .images ol.threesixty_images {
padding-left: 0;
list-style: none;
margin: 0;
}
.product-single-section #st-primary-content div.images.easy360-container img {
max-height: 900px;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
}
.product-single-section #st-primary-content div.images.easy360-container img.previous-image {
position: absolute;
visibility: hidden;
}
.product-single-section .easy_ct-countdown {
margin-bottom: 30px;
}
.product-single-section .easy_ct-countdown .easy_ct-timer {
display: inline-flex;
gap: 10px;
border: 1px solid rgba(var(--border), 1);
border-radius: 5px;
padding: 0 5px;
}
.product-single-section .easy_ct-countdown .easy_ct-timer>span {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
border-right: 1px solid rgba(var(--border), 1);
border: none;
position: relative;
padding: 5px;
}
.product-single-section .easy_ct-countdown .easy_ct-timer>span:not(:last-of-type)::after {
position: absolute;
content: "|";
color: rgba(var(--color-border), 1);
right: -10px;
}
.product-single-section .easy_ct-countdown .easy_ct-timer>span span {
font-size: 1.125rem;
}
.product-single-section .easy_ct-countdown .easy_ct-timer>span>span:first-child {
font-weight: 400;
font-size: 100%;
flex: 100%;
}
.product-single-section .easy_ct-countdown .easy_ct-timer>span>span:last-child {
font-weight: 500;
font-size: 105%;
color: rgba(var(--color-primary), 1);
}
.product-single-section .easy_ct-countdown .easy_ct-timer>span:nth-child(3) {
background-color: rgba(var(--sc), 1);
color: rgba(var(--white), 1);
}
.product-single-section form.cart.variations_form {
/* padding: 20px 0; */
/* border-top: 1px solid; */
margin-top: 20px;
border-color: #e8e8e8;
width: 100%;
margin-bottom: 20px;
background-color: transparent !important;
}
.variations_form.cart table td {
border: none;
}
.product-single-section form.cart.variations_form::after,
.product-single-section form.cart.variations_form::before {
content: "";
display: table;
}
.product-single-section form.cart.variations_form .variations {
margin-bottom: 20px;
width: 100%;
background-color: rgba(var(--product-menu-bg),1);
border: unset;
}
.product-single-section form.cart.variations_form .variations tr td.label {
width: 20%;
}
.product-single-section form.cart.variations_form .variations tr td.label,
.product-single-section form.cart.variations_form .variations tr td.value {
padding: 20px 0 20px;
border-bottom: 1px solid #e8e8e8;
padding-left: 20px;
}
.product-single-section form.cart.variations_form .variations tr td.label label,
.product-single-section form.cart.variations_form .variations tr td.value label {
font-weight: 600;
line-height: 40px;
}
.product-single-section form.cart.variations_form .variations tr td.label select,
.product-single-section form.cart.variations_form .variations tr td.value select {
display: none;
}
.product-single-section form.cart.variations_form .variations tr td.label .select_box_colorpicker .select_option,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_label .select_option,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select .select_option,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_colorpicker .select_option,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_label .select_option,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select .select_option {
float: left;
border: 1px solid #d6d3d3;
margin-right: 3px;
}
.product-single-section form.cart.variations_form .variations tr td.label .select_box_colorpicker .select_option span,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_colorpicker .select_option img,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_label .select_option span,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_label .select_option img,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select .select_option span,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select .select_option img,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_colorpicker .select_option span,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_colorpicker .select_option img,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_label .select_option span,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_label .select_option img,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select .select_option span,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select .select_option img {
border: 2px solid #fff;
display: block;
min-width: 27px;
max-width: 40px;
height: 30px;
text-decoration: none;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.product-single-section form.cart.variations_form .variations tr td.label .select_box_colorpicker .select_option:hover,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_colorpicker .select_option:focus,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_colorpicker .select_option.selected,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_label .select_option:hover,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_label .select_option:focus,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_label .select_option.selected,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select .select_option:hover,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select .select_option:focus,
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select .select_option.selected,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_colorpicker .select_option:hover,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_colorpicker .select_option:focus,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_colorpicker .select_option.selected,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_label .select_option:hover,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_label .select_option:focus,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_label .select_option.selected,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select .select_option:hover,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select .select_option:focus,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select .select_option.selected {
border-color: #888888;
}
.product-single-section form.cart.variations_form .variations tr td.label .select_box_select::after,
.product-single-section form.cart.variations_form .variations tr td.value .select_box_select::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
margin-bottom: 5px;
}
/* .product-single-section form.cart.variations_form .variations tr:first-child td.label, */
/* .product-single-section form.cart.variations_form .variations tr:first-child td.value { */
/* padding-top: 0; */
/* } */
.product-single-section form.cart.variations_form .variations .reset_variations {
display: block;
float: left;
margin-top: 18px;
font-size: 13px;
color: #999;
font-weight: normal;
border: 2px solid #e8e8e8;
padding: 0px 10px;
border-radius: 3px;
text-decoration: none;
display: none;
}
.product-single-section .easy_woocompare_product_actions_tip,
.product-single-section .easy_woocompare_product_actions_tip .text {
min-width: 0;
display: block;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem;
}
.retailsy_fw-main-wrapper #accordionTerms .card:not(:last-of-type) {
margin-bottom: 30px;
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
}
.card-header.active-header {
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.retailsy_fw-main-wrapper #accordionTerms .card .card-header {
position: relative;
padding-left: 72px;
}
.retailsy_fw-main-wrapper #accordionTerms .card .card-header button {
position: static;
border: none;
font-size: 100%;
padding: 0;
}
.retailsy_fw-main-wrapper #accordionTerms .card .card-body {
padding-left: 15px;
}
.collapse {
display: none;
}
.retailsy_fw-main-wrapper #accordionTerms .card .card-header button:before {
content: "";
position: absolute;
left: 28px;
top: 50%;
font-size: 25px;
height: 100%;
width: 60px;
line-height: 60px;
color: #fff;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: rgba(var(--color-primary), 1);
z-index: 0;
}
.retailsy_fw-main-wrapper #accordionTerms .card .card-header button::after {
content: "\f067";
position: absolute;
left: 28px;
top: 50%;
font-size: 100%;
height: 60px;
width: 60px;
line-height: 60px;
color: #fff;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "FontAwesome";
-webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: 0;
}
.retailsy_fw-main-wrapper #accordionTerms .card .card-header button.opened::after {
content: "\f068";
}
.product-single-section .woocommerce-Tabs-panel {
padding: 40px 25px;
margin-top: 30px;
border: 1px solid #e8e8e8;
border-radius: 0;
}
.product-single-section .woocommerce-Tabs-panel>h2 {
margin-top: 0;
}
.woocommerce-product-attributes-item__value p {
margin: 0;
}
.product-single-section .woocommerce-Tabs-panel #reviews #comment {
height: 75px;
width: 100%;
max-height: 75px;
}
.product-single-section .woocommerce-Tabs-panel #reply-title {
font-size: 34px;
font-weight: 600;
}
.product-single-section .woocommerce-Tabs-panel .comment-form-email,
.product-single-section .woocommerce-Tabs-panel .comment-form-author {
display: inline-block;
width: 100%;
}
.product-single-section .woocommerce-Tabs-panel .comment-form-email label,
.product-single-section .woocommerce-Tabs-panel .comment-form-author label {
display: block;
}
.product-single-section .woocommerce-Tabs-panel .comment-form-email input,
.product-single-section .woocommerce-Tabs-panel .comment-form-author input {
width: 100%;
}
.product-single-section .woocommerce-Tabs-panel .comment-form-email {
margin-left: 0px;
}
.product-single-section .comment-notes {
width: 100%;
}
#review_form_wrapper form.comment-form .comment-form-rating {
margin-bottom: 0;
}
.comment-form-rating #rating {
display: none;
}
#review_form_wrapper p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
#review_form_wrapper p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "FontAwesome";
content: "\f005";
text-indent: 0;
}
#review_form_wrapper .comment-respond,
#review_form_wrapper .comment-form {
background-color: #ffffff;
}
#review_form_wrapper .comment-form input:not([type='submit']),
#review_form_wrapper .comment-form textarea {
border: 1px solid rgba(var(--border), 1);
}
#review_form_wrapper .comment-form-email {
margin-left: 0px;
}
#review_form_wrapper .comment-form input[type='submit'] {
padding: 10px 20px;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
margin: 0;
}
table.woocommerce-product-attributes.shop_attributes th {
border-right: 0;
}
table.woocommerce-product-attributes.shop_attributes td{
padding-left: 10px;
}
#product .compare-btn-single span.retailsy_woocompare_product_actions_tip {
display: inline-block;
}
.button.retailsy-woocompare-page-button.btn.btn-primary.alt {
margin-bottom: 14px;
padding: 12px 16px;
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgb(var(--color-primary));
}
.woocommerce div.product form.cart{
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0;
}
/* END: PRODUCT DETAILS */
/* Free Shipping Bar */
.customized.top_bar {
z-index: 9;
position: fixed;
width: 100%;
padding: 15px 0;
display: inline-block;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
line-height: 1;
top: 0;
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
}
.customized.top_bar #easy_wfsb-main-content {
display: inline-block;
width: 100%;
text-align: center;
font-weight: 300;
z-index: 1;
line-height: 1;
padding: 0 32px;
color: #ffffff;
}
.customized.top_bar #easy_wfsb-main-content>a,
.customized.top_bar #easy_wfsb-main-content b,
.customized.top_bar #easy_wfsb-main-content b span {
color: rgba(var(--color-hover), 1);
}
.customized.top_bar #easy_wfsb-progress {
width: 100%;
background-color: rgba(var(--border), 0.3);
z-index: 12;
position: absolute;
left: 0;
margin: 10px auto 0;
width: 90%;
position: relative;
border-radius: 8px;
}
.customized.top_bar #easy_wfsb-current-progress {
height: 16px;
background-color: rgba(var(--color-hover), 1);
border-radius: 8px;
}
.customized.top_bar #easy_wfsb-label {
text-align: center;
line-height: 16px;
color: #fff;
font-size: 10px;
position: relative;
}
.customized.top_bar #easy_wfsb-label::before {
font-family: FontAwesome;
content: "\f0d1";
position: absolute;
right: 1%;
font-size: 90%;
}
/*End: Free Shipping Bar */
/* START: SHOP PAGE */
ul.products.list, ul.products.list li {
width: 100% !important;
}
.woocommerce ul.products.list li.product a img {
max-width: 200px;
}
ul.products.list .product-single .product-content-outer .a-list-item {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.shop-site-content ul.products .product-single .product-content-outer .product-action a {
display: none;
}
.price ins{
color:rgba(var(--color-primary), 1);
font-weight: 700;
}
.products .product-single .product-content h3{
margin: 0;
}
.pro-rating{
font-size: 12px;
}
/* .products .product-single .product-content>* {
margin: 10px 0 0;
} */
@media (min-width:576px) {
ul.products.list .product-single {
display: flex;
}
ul.products.list .product-single .product-img {
margin-bottom: 0;
}
ul.products.list .product-single .product-content-outer {
padding-left: 30px;
flex: 1;
}
ul.products.list .product-single .product-content-outer .product-action a {
display: inline-flex;
padding: 8px 30px;
}
ul.products.list .product-single .product-img>*:not(:first-child):not(:last-child){
/* margin-top: 0; */
}
ul.products.list .product-single .product-img .product-action a {
/* display: none; */
}
}
@media (min-width:768px) {
ul.products.list .product-single .product-content-outer .a-list-item {
white-space: normal;
}
}
/* END: SHOP PAGE */
/* START: WISHLIST */
.easy-woowishlist {
overflow: auto clip;
}
.easy-woowishlist-wrapper {
min-width: 770px;
padding-bottom: 2px;
}
.easy-woowishlist-wrapper .row, .easy-woowishlist-wrapper [class*="col-"] {
margin: 0;
padding: 0;
}
.easy-woowishlist-item.wishlist-head {
background-color: #f9f9f9;
padding: 24.5px 12px;
}
.easy-woowishlist-item {
display: flex;
align-items: center;
justify-content: space-around;
}
.easy-woowishlist-item {
position: relative;
margin: 0 0 20px;
}
.easy-woowishlist-item {
padding: 0 !important;
margin: 0 !important;
}
.easy-woowishlist-item.wishlist-head>*:first-of-type, .easy-woowishlist-item>*:nth-child(2) {
border-left: 1px solid rgb(var(--border));
}
.easy-woowishlist-item.wishlist-head>* {
height: initial;
border-top: 1px solid rgb(var(--border));
}
.easy-woowishlist-item>* {
flex: 0 0 20%;
border-right: 1px solid rgb(var(--border));
border-bottom: 1px solid rgb(var(--border));
margin: 0 !important;
height: 100px;
display: flex !important;
align-items: center;
justify-content: center;
overflow: hidden;
}
.easy-woowishlist-item.wishlist-head h5 {
font-size: 18px;
font-weight: 600;
}
.easy-woowishlist-item h5 {
padding: 10px 0;
margin: 0 !important;
}
.easy-woowishlist-remove {
position: absolute;
left: 15px;
max-width: 20px;
max-height: 20px;
border: none;
}
.easy-woowishlist-item>.product-action a {
height: auto;
}
.retailsy-content .retailsy-woowishlist-item.wishlist-head h5, .retailsy-content .retailsy-woowishlist-item.wishlist-head {
margin-bottom: 0;
padding: 5px;
}
/* END: WISHLIST */
ul.products li.product a.compare.button:after, ul.products li.product a.compare.button:before {
content: "\f021";
color: #000000;
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 40px;
transition: 0.7s all ease;
}
ul.products li.product a.compare.button:before {
top: 100%;
}
ul.products li.product a.compare.button:hover:before {
top: 0;
color: #ffffff;
}
ul.products li.product a.compare.button:hover:after {
top: -100%;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a span {
display: none;
}
a.button.compare-btn.compare.added.in_compare:after, a.button.compare-btn.compare.added.in_compare:before, ul.products li.product a.button.compare-btn.compare.added.in_compare:hover:before, ul.products li.product a.button.compare-btn.compare.added.in_compare:hover:after {
/* content: none !important; */
color: #ff0000;
}
.woocommerce.woocommerce-shop:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after {
margin-left: 0;
}
/*===== Quick View =====*/
.quickview-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
animation: fade_hide linear 0.5s forwards;
}
.quickview-overlay.active {
display: block;
animation: fade_show linear 0.5s forwards;
}
.quickview-model-details {
position: relative;
height: 60%;
width: 47%;
background-color: #fff;
margin: 12.65% auto;
border: 0;
overflow-y: auto;
border-radius: 0;
padding: 2.6%;
display: flex;
/* align-items: center; */
justify-content: center;
}
.quickview-model-details .woocommerce.single-product {
width: 100%;
}
.quickview-model-details .quickview-close {
position: absolute;
background-color: var(--bs-primary);
width: 30px;
line-height: 30px;
font-size: 16px;
right: 3.6%;
top: 8.6%;
border-radius: 4px;
cursor: pointer;
z-index: 100;
border: 1px solid;
text-align: center;
transition:1s;
font-weight: 700;
}
.quickview-model-details .quickview-close:hover,
.quickview-model-details .quickview-close:focus {
background:rgba(var(--color-hover),1) !important;
color:#fff;
}
.quickview-product .product-thumb.img-thumbnail {
width: 40%;
float: left;
position: relative;
}
.quickview-product .product-thumb.img-thumbnail .onsale {
left: auto;
right: 20px;
top: 20px;
}
.quickview-product .product-thumb.img-thumbnail .images {
width: 100%;
height: auto;
margin-bottom: 0;
}
.quickview-product .product-thumb.img-thumbnail .images img {
width: auto;
height: auto;
margin: auto;
}
.quickview-product .product-content.entry-summary {
width: 60%;
float: left;
padding-left: 30px;
}
.quickview-product.product .product_title.entry-title {
font-size: 16px;
}
.woocommerce .quickview-product.product p.price {
font-size: 14px;
margin-top: 14px;
}
@media(max-width: 767px) {
.quickview-model-details {
width: 75.2%;
}
}
/*
.home2 .woocommerce ul.products li.product, .home2 .woocommerce-page ul.products li.product {
margin: 0 1.8% 2.992em 0;
}
*/
.home2 .jcs-section-06 .woocommerce ul.products li.product .price {
display: none;
}
.home3 .timeout-section .woocommerce ul.products li.product {
margin: 0 0 30px !important;
/* padding: 12px; */
}
.home3 .more-products-home3 .woocommerce ul.products li.product {
margin-right: 0;
}
.more-products-home3 .products .product-single .product-content, .home3 .timeout-section .products .product-single .product-content, .home3 .extra-product .products .product-single .product-content {
align-items: flex-start;
}
/* .home3 .woocommerce ul.products li.product:hover,.home3 .woocommerce ul.products li.product:focus-within { */
/* box-shadow: rgb(0 0 0 / 14%) 0px 0px 4px 4px; */
/* } */
.more-products-home3 .woocommerce ul.products li.product a img {
max-width: 130px;
}
.hide-all{
display: none;
}
.woocommerce div.product .widget_social_widget {
margin-top: 20px;
}
.woocommerce div.product .widget_social_widget li a {
width: 40px;
height: 40px;
border-radius: 4px;
background-color: transparent;
color: rgba(var(--color-hover), 1);
border: 1px solid #e8e8e8;
}
.quickview-overlay div.product .widget_social_widget li a{
width: 30px;
height: 30px;
}
.woocommerce div.product .widget_social_widget li a:hover,
.woocommerce div.product .widget_social_widget li a:focus {
border-color: rgba(var(--color-hover), 1);
color: rgba(var(--color-hover), 1);
}
.retailsy-product-sharing .widget_social_widget {
display: flex;
align-items: center;
justify-content: space-between;
}
.retailsy-product-sharing:after {
content: '';
background: url(../images/product-share.png);
width: 118px;
height: 47px;
display: block;
position: relative;
left: 52px;
top: -22px;
}
.retailsy-product-sharing .widget_social_widget h6 {
font-size: 15px;
color: #000;
}
ul.products.grid {
display: block;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce ul.products li.product .button {
margin-top: 0px !important;
display:block;
height:40px;
/* line-height:25px; */
padding: 12px 0;
}
.woocommerce ul.products li.product .product-action .button {
background-color: transparent;
}
.widget_product_search_widget .product-search select{
padding: 15px!important;
}
.widget_product_search_widget .product-search::after{
margin-top: 5px;
}
.search-support-section .search-form label{
display: none;
}
.menubar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu{
left: auto;
right: 100%;
top:2px;
}
.menubar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu{
right: auto;
left: 100%;
top:4px;
}
.dropdown a, .header-wrap-right .contact-wrap a{
color:rgba(var(--text),1);
}
.woo-multi-currency.wmc-shortcode .wmc-currency{
background: none;
}
.retailsy-content .cbb.smoke {
color: rgba(var(--color-primary), 1);
}
/* .retailsy-content .cbb{ */
/* color: #ffffff; */
/* } */
.header .header-widget .col-12 .widget-left, .header .header-widget .col-12 .widget-center ,.header .header-widget .col-12 .widget-right{
justify-content: center;
}
.jcs-container > .jcs-row.banner-cards, .contact-section .jcs-container > .jcs-row{
justify-content: flex-start;
}
#product .jcs-row{
align-items: flex-start;
margin-right: -15px;
margin-left: -15px;
}
.content-p-left a.activated{
background-color: rgba(var(--color-primary), 1);
color: #ffffff;
}
.content-p-left a.activated:before{
opacity: 1;
}
p.woocommerce-mini-cart__empty-message{
text-align: center;
}
.page-st li:not(:last-child) a{
color: #ffffff;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
max-width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
padding: 30px 30px 0;
}
.woocommerce-MyAccount-navigation ul{
margin-top: 0;
border-radius: 4px;
overflow: hidden;
background: rgba(var(--product-menu-bg), 1);
list-style-type: none;
padding: 0;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active{
background-color: rgba(var(--color-primary), 1);
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a{
color: #ffffff;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a{
text-decoration: none;
position: relative;
padding: 15px;
display: block;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::before{
opacity: 0;
content: "";
position: absolute;
width: 4px;
height: 100%;
background-color: rgba(var(--color-hover), 1);
left: 0;
bottom: 0;
transition: opacity 0.7s ease;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover::before, .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a::before{
opacity: 1;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
color: #ffffff;
}
.woocommerce a.quickview-trigger {
color: initial;
}
.woocommerce a.button.alt,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus{
background-color: rgba(var(--color-hover), 1)
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: 0.8rem 1.6rem;
}
.single-product .in_wishlist.retailsy-woowishlist-button-single {
display: none;
}
.single-product .summary.entry-summary form {
background: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border: none;
}
element.style {
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
padding: 10px;
color: #fff;
}
.single-product.woocommerce .thumbnails div#slider-prev,
.single-product.woocommerce .thumbnails div#slider-next {
width: 26px;
height: 25px;
overflow: hidden;
color: rgba(var(--color-hover), 1);
background-color: #ffffff;
background-image: none;
border-radius: 3px;
margin-top: -5px;
opacity: 1;
visibility: visible;
display: block !important;
border: 1px solid var(--bs-gray-light);
-webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);
transition: all .35s cubic-bezier(.645,.045,.355,1);
}
.single-product.woocommerce .thumbnails div#slider-prev:hover,
.single-product.woocommerce .thumbnails div#slider-next:hover {
background-color: rgba(var(--color-hover), 1);
color: #ffffff;
}
.single-product.woocommerce .thumbnails div#slider-prev:after,
.single-product.woocommerce .thumbnails div#slider-next:after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
line-height: 23px;
text-align: center;
font-family: FontAwesome;
}
.single-product.woocommerce .thumbnails div#slider-prev {
left: -7px;
}
.single-product.woocommerce .thumbnails div#slider-next {
right: -3px;
}
.single-product.woocommerce .thumbnails:hover div#slider-prev {
left: -6px;
}
.single-product.woocommerce .thumbnails:hover div#slider-next {
right: -2px;
}
.single-product.woocommerce .thumbnails div#slider-prev:after {
content: "\f104";
}
.single-product.woocommerce .thumbnails div#slider-next:after {
content: "\f105";
}
.quickview-actions form.cart {
background: none !important;
}
a.add_to_wishlist.single_add_to_wishlist:hover i {
line-height: inherit !important;
/* color: #000 !important; */
z-index: 99999;
}
.product-content ul.products li.product .star-rating {
font-size: .857em;
}
.product-content .products .star-rating {
display: block;
margin: 0 0 0.5em;
float: none;
}
.product-content .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 100%;
font-family: star;
}
.product-content .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.product-content .star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
right:0;
display:flex;
align-items:center;
justify-content:center;
}
.add_to_cart_button.added {
display: none !important;
}
.signin-model-details .left-side-img {
padding-left: 0;
padding-right: 0;
}
.quickview-product .product-thumb.img-thumbnail li {
list-style: none;
}
.slider3-wrap {
background: #2b3f75;
}
.summary .retailsy-woowishlist-page-button.btn:hover, .summary .retailsy-woowishlist-page-button.btn:focus {
color: #fff !important;
}
.summary .retailsy-woowishlist-page-button.btn {
margin-left: 10px !important;
vertical-align: bottom;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 1em 0;
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li{
padding: 0 5px;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li:first-child{
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
content: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:focus {
color: #fff !important;
}
.feature-products-home2 .product-action .button.add_to_cart_button {
background-color: rgba(var(--color-hover), 1);
}
.feature-products-home2 .product-action .button.add_to_cart_button:hover,
.feature-products-home2 .product-action .button.add_to_cart_button:focus{
color: #ffffff !important;
}
.blog-news h5.titles-16 a {
/* color: #979797; */
}
.home3 .yith-wcwl-add-to-wishlist.retailsy-woowishlist-button {
margin-top: -19px !important;
}
.home3 .jcs-section-6 .product-single .compare, .home3 .jcs-section-6 .product-single .retailsy-woowishlist-button, .home3 .jcs-section-6 .product-single .quickview-trigger, .home3 .jcs-section-6 .product-single .product-action, .home3 .extra-product .product-single .compare, .home3 .extra-product .product-single .retailsy-woowishlist-button, .home3 .extra-product .product-single .quickview-trigger, .home3 .extra-product .product-single .product-action {
display: none;
}
.home3 .jcs-section-6 .product-single .product-content-outer,
.home3 .extra-product .product-single .product-content-outer {
padding-left: 10px;
}
/* #above-header { */
/* z-index: 0; */
/* } */
.woocommerce-product-gallery__image {
position: relative;
}
.home3 a.added_to_cart.wc-forward {
position: relative;
}
.footer-section a.tag-cloud-link:hover, .footer-section a.tag-cloud-link:focus, .footer-section a.tag-cloud-link:focus-within {
color: #fff !important;
}
.team-social .widget_social_widget ul a i:last-of-type:not(.header-widget .widget_social_widget ul a i):not(.retailsy-product-sharing .widget_social_widget ul a i) {
top: 20px;
}
.woocommerce #review_form #respond .comment-form {
display: block;
}
.product-category-menus-list .main-menu>li a i, .theme-mobile-menu .product-categories-list .main-menu > li a i, .product-category-menus-list .main-menu>li a img, .theme-mobile-menu .product-categories-list .main-menu > li a img {
margin-right: 10px;
}
.product-category-menus-list .main-menu>li a img, .theme-mobile-menu .product-categories-list .main-menu > li a img{
width: 30px;
display: inline-block;
}
.menu-item-has-children > a::after {
content: "\f105";
font-family: "fontAwesome";
position: absolute;
bottom: 0;
right: 12px;
}
.theme-mobile-menu .product-categories-list .menu-item-has-children > a::after{
content: unset;
}
.main-menu > li.menu-item-has-children > a::after{
content: unset;
}
.switcher-tab{
display: flex;
align-items: center;
width:100%;
}
.switcher-tab>button{
border:none;
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
letter-spacing: 2px;
color: #ffffff;
display:flex;
align-items: center;
justify-content:center;
width:50%;
background-color: rgba(var(--color-secondary), 1);
position: relative;
padding:15px 0;
}
.switcher-tab>button.active-bg{
background-color: rgba(var(--color-hover), 1);
}
.switcher-tab>button:first-child::after{
content:"";
position: absolute;
width:2px;
height:100%;
background-color: rgba(var(--color-secondary), 1);
right:0;
}
.cat-menu-bt i {
font-size: 14px;
vertical-align: text-bottom;
color: #fff;
margin-right: 5px;
}
.product-category-menus-list .more-item button {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
line-height: 60px;
background: none;
border: none;
padding: 0 18px;
font-weight: 500;
color: #fff;
background-color: rgba(var(--color-primary), 1);
font-size: 93%;
overflow: hidden;
position: relative;
z-index: 0;
}
.product-category-menus-list .more-item i {
width: 15px;
height: 15px;
font-size: 10px;
line-height: 13px;
border: 1px solid;
margin-right: 17px;
}
/* -- Extra CSS */
.retailsy_ct-countdown.retailsy_ct-style-02 .retailsy_ct-timer span > span{
margin:-3px;
}
.retailsy_ct-countdown.retailsy_ct-style-02 .retailsy_ct-timer span{
width:40px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.woocommerce .star-rating::before{
display:none;
content:'';
}
.feature-products-home3 .products .product-content-outer .product-action a{
/* position: absolute; */
/* top: 195px; */
/* left: 0; */
/* right: 0; */
/* bottom: 0; */
/* display: block; */
}
.jcs-section-5 .products .product-content-outer .product-action a{
/* top:35px; */
}
.arrival-products-home3 .products .product-content-outer .product-action a{
/* position: absolute; */
/* top: 200px; */
/* left: 0; */
/* right: 0; */
/* bottom: 0; */
/* display: block; */
}
.arrival-products-home3 .products.columns-5{
padding:0px;
}
.home3 .woocommerce ul.products li.product:last-child{
margin-right: 0
}
.woocommerce .woocommerce-cart-form table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{
display:flex;
align-items:center;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
width:100%;
}
.woocommerce .cart .button{
/* height:50PX; */
}
.dropdown-content li a img{
max-width: 30px;
width: 100%;
margin-right: 10px;
}
.more-products-home2 .woocommerce ul.products li.product:not(:last-child){
margin:0px;
}
.more-products-home2 .woocommerce ul.products li.product{
padding:12px;
}
.feature-products-home2 .woocommerce ul.products li.product{
margin:15px;
}
/* arrival */
.home3 .arrival-products-home3 .woocommerce ul.products {
justify-content: unset;
}
.home3 .arrival-products-home3 .woocommerce ul.products li.product {
margin: 0;
/* padding: 12px 12px 30px; */
margin-right: 21.5px;
width: 18.5%;
transition: 0.65s;
border-radius: 10px;
}
.home3 .arrival-products-home3 .woocommerce ul.products li.product:last-child{
margin-right: 0;
}
/* feature */
.home3 .feature-products-home3 .woocommerce ul.products {
justify-content: unset;
}
.home3 .feature-products-home3 .woocommerce ul.products li.product {
margin: 0;
/* padding: 12px 12px 30px; */
margin-right: 21.5px;
width: 18.5%;
transition: 0.65s;
border-radius: 10px;
}
.home3 .feature-products-home3 .woocommerce ul.products li.product:hover,.home3 .feature-products-home3 .woocommerce ul.products li.product:focus-within, .home3 .arrival-products-home3 .woocommerce ul.products li.product:hover,.home3 .arrival-products-home3 .woocommerce ul.products li.product:focus-within, .home3 .more-products-home3 .woocommerce ul.products li.product:hover, .home3 .more-products-home3 .woocommerce ul.products li.product:focus-within {
/* box-shadow: rgb(0 0 0 / 14%) 0px 0px 4px 4px; */
}
.home3 .feature-products-home3 .woocommerce ul.products li.product:last-child{
margin-right: 0;
}
.home3 .timeout-section .woocommerce ul.products{
margin: 0 -12px;
}
.home3 .timeout-section .woocommerce ul.products li.product {
padding: 0 12px;
}
.home3 .timeout-section .woocommerce ul.products li.product a img{
margin-bottom: 0;
}
.home3 .more-products-home3 .woocommerce ul.products li.product{
transition: 0.65s;
border-radius: 10px;
}
/* Header Widget */
#above-header .widget li {
display: inline-block;
}
#above-header .widget li.lang-item {
display: block;
}
#above-header .widget li.lang-item a{
border-bottom: none;
}
#above-header .widget ul {
margin-bottom:0;
}
#above-header .widget .menu-language-container .menu {
margin-top: 0;
}
#above-header .widget .menu-language-container .menu li{
padding-top: 0;
line-height: 3;
padding-bottom: 0;
}
#above-header a[class*='icon-'] {
text-decoration: none;
}
#above-header a[class*='icon-'] i {
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.retailsy_info_widget li{
position: relative;
}
.retailsy_info_widget li::after{
position: absolute;
content: "";
width: 1px;
height: 50%;
background: #ffffff;
top: 50%;
transform: translateY(-50%);
margin: 0 15px;
opacity: 50%;
}
.widget-left .retailsy_info_widget li::after, .widget-center .retailsy_info_widget li::after{
right: -15px;
}
.widget-right .retailsy_info_widget li::after{
left: -10px;
}
.widget-left .retailsy_info_widget li:last-child::after, .widget-right .retailsy_info_widget li:first-child::after, .widget-center .retailsy_info_widget li:last-child::after{
content: unset;
}
[class*="widget"] i {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.widget-left li, .widget-center li {
padding-right: 10px;
}
.widget-right li {
padding-left: 10px;
}
.widget-left li:last-child, .widget-center li:last-child {
padding-right: 0;
}
.widget-right li:first-child {
padding-left: 0
}
#above-header a[class*='icon-']:hover i::before,
#above-header a[class*='icon-']:focus i::before {
-webkit-animation: socialFxD .3s ease;
animation: socialFxD .7s ease;
}
@-moz-keyframes socialFxD {
49% {
-webkit-transform: translateY(-70%);
transform: translateY(-70%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(70%);
transform: translateY(70%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
@-o-keyframes socialFxD {
49% {
-webkit-transform: translateY(-70%);
transform: translateY(-70%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(70%);
transform: translateY(70%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateY(-70%);
transform: translateY(-70%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(70%);
transform: translateY(70%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
@keyframes socialFxD {
49% {
-webkit-transform: translateY(-70%);
transform: translateY(-70%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(70%);
transform: translateY(70%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
.product-sidebar-column .sidebar .product_list_widget {
padding: 0 !important;
}
.widget_price_filter form, .woocommerce-widget-layered-nav form {
margin-top: 20px;
}
.sidebar .woocommerce.widget_product_categories {
padding: 0;
}
.sidebar .woocommerce.widget_product_categories .widget-title{
padding: 15px 30px;
}
.sidebar .woocommerce.widget_product_categories .product-categories{
padding: 0px 30px 15px;
}
.product-sidebar-column .sidebar .woocommerce.widget_product_categories ul li a {
padding-left: 0;
}
li.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term {
position: relative;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 10px 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-of-type a,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-of-type span {
padding-top: 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{
position: absolute;
right: 0;
top: 4px;
}
/* text Decoration None */
.retailsy-content a.cbb:hover, [class*='owl-filter-']>a.item:hover, #menu-language a:hover,
.retailsy-content a.cbb:focus, [class*='owl-filter-']>a.item:focus, #menu-language a:focus {
text-decoration: none;
}
ul.products.owl-carousel {
margin-bottom: 0;
}
/* Product Magnifier */
.woocommerce-product-gallery__image .retailsy_magnifier_mousetrap {
z-index: 100;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: auto;
}
.page-title {
display: none;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > a.dropdown-item, li.menu-item > a.dropdown-item {
padding-left: 20px;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item > a.dropdown-item{
padding-left:30px;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item > a.dropdown-item{
padding-left:40px;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item > a.dropdown-item{
padding-left:50px;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children> ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item > a.dropdown-item{
padding-left:60px;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children> ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item > a.dropdown-item{
padding-left:70px;
}
.theme-mobile-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children> ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item.menu-item-has-children > ul.dropdown-menu li.menu-item > a.dropdown-item{
padding-left:80px;
}
/* Header Search Placeholder */
.placeholder {
position: absolute;
width: 100%;
display: flex;
overflow: hidden;
height: 35px;
top: 50%;
transform: translateY(-50%);
align-items: center;
color: #757575;
padding-left: 20px;
}
.spinnnn {
text-align: left;
margin: 0;
padding: 0;
}
.spinnnn > li {
position: absolute;
top: 50%;
--rotateX: calc(1deg* var(--rotateDegrees)* calc(var(--item_index) - var(--current_index)));
transform: rotateX(var(--rotateX)) translateZ(190px) translateY(-50%);
display: grid;
transition: transform 250ms ease, visibility 250ms ease;
visibility: hidden;
font-weight: 600;
color: rgb(var(--color-hover));
}
.spinnnn > li.active {
visibility: visible;
}
.head_contianer {
flex: 1;
padding-right: 40px;
}
/* Top Categories */
.categories {
background-color: rgb(var(--product-menu-bg));
padding: 70px 30px;
}
.categories-item {
text-align: center;
}
.categories-img > img{
width: 100%;
height: auto;
max-width: 300px;
border: 1px solid #ccc;
border-radius: 50%;
margin: auto;
}
.categories-content h5 {
margin: 1rem 0 0;
}
.categories-content h5 a {
text-decoration: none;
}
.categories-item:hover img, .categories-item:focus-within img {
border: 2px solid rgb(var(--color-hover));
}
.categories-item .categories-content h5 a:hover, .categories-item .categories-content h5 a:focus {
color: rgb(var(--color-hover));
}